/*
 * View port
 */
html
{
	background: #CCBF82;
}
body
{
	color: #333333;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
}

#view
{
	display: block;
	margin: 50px auto 0 auto;	
	width: 580px;
}

body div.hide { display: none !important; }

/*
 * Links
 */
a:link, a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:active,
a.selected
{
	color: #333333;
}

/*
 * Titles
 */
h1, h2, h3, h4, h5
{
	font-size: 61px;
	font-weight: bold;
	color: #333333;
	letter-spacing: -2px;
	line-height: 52px;
	padding: 0 0 0px 0;
}

h2
{
	font-size: 45px;
	color: #FFFFFF;
	padding-bottom: 20px;
}

h3
{
	line-height: 35px;
	padding-bottom: 17px;
}

h3, h4, h5
{
	font-size: 28px;
	color: #333333;
	letter-spacing: -1px;
}

h4, h5
{
	padding: 0px;
}

h5
{
	font-size: 18px;
	color: #333333;
	line-height: 22px;
	letter-spacing: 0px;
}

h1 strong, h1 em,
h2 strong, h2 em,
h3 strong, h3 em,
h4 strong, h4 em,
h5 strong, h5 em
{
	font-weight: bold;
	color: #918B60;
}

abbr.alt 
{
	/*
   font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
   */
   font-family: Baskerville, "Constantia", "Palatino", "Palatino Linotype", "Goudy Old Style", "Book Antiqua", serif;
   font-size: 110%;
   font-style: italic;
   font-weight: normal;
}

abbr
{
	letter-spacing: 0.1em;
}

p em
{
	font-style: italic;
}

/*
 * Navigation
 */
ul#navigation
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	padding-bottom: 20px;
}

#navigation li
{
	display: inline;
	list-style-type: none;
}

#navigation a
{
	padding: 3px 10px 3px 0;
}

#navigation li.selected a
{
	color: #333333;
	font-weight: bold;
}

/*
 * Footer
 */
ul#footer
{
	white-space: nowrap;
	margin: 0;
	padding: 20px 0;
	font-size: 12px;
}

#footer li
{
	display: inline;
	list-style-type: none;
}

#footer a
{
	padding: 3px 10px 3px 0;
}

#footer li.selected a
{
	color: #333333;
	font-weight: bold;
}

/*
 * Content
 */
div#content p
{
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 25px;
}

div#content p.list
{
	margin-bottom: 5px;
}

div#content p.intro
{
	color: #333333;
	
}

div#content object,
div#content embed
{
	padding-top: 10px;
}

div#content ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 5px;
	text-indent: 5px;
}

div#content ul li
{
	font-size: 15px;
	line-height: 20px;
	border-left: 3px solid #918B60;
	margin: 0 0 2px 0;
}

div#content ul li.alt
{
	border-left-color: #333333;
}

div#content ul em
{
	color: #918B60;
}

div#content ul strong
{
	font-weight: bold;
}

div#content ol[type=a],
div#content ol[type=a] li
{
	list-style-type: lower-alpha;
}

div#content ol[type=i],
div#content ol[type=i] li
{
	list-style-type: lower-roman;
}

div#content ol
{
	margin-left: 30px;
	padding-left: 5px;
	text-indent: 5px;
}

div#content ol li
{
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 2px 0;
	list-style-type: decimal;
}

/*
 * Tile list
 */
div#content ul.tilelist
{
	padding-left: 0px;
	text-indent: 0px;
}

div#content ul.tilelist li
{
	height: 55px;
	padding: 5px 0 10px 110px;
	margin: 0 0 10px 0;
}

div#content ul.tilelist li span.info,
div#content ul.tilelist li span.info em
{
	font-weight: bold;
}

div#content ul.tilelist li.client,
div#content ul.tilelist li.product
{
	background: url("../assets/placeholder.jpg") no-repeat;
}

div#content ul.tilelist li.client.ferrari
{
	background: url("../assets/ferrari.jpg") no-repeat;
}

div#content ul.tilelist li.client.nintendo
{
	background: url("../assets/nintendo.jpg") no-repeat;
}

div#content ul.tilelist li.client.bbc
{
	background: url("../assets/bbc.jpg") no-repeat;
}

div#content ul.tilelist li.client.gstarr
{
	background: url("../assets/gstarr.jpg") no-repeat;
}

div#content ul.tilelist li a:hover,
div#content ul.tilelist li a:active
{
	color: #918B60;
}

/*
 * Blog
 */

div#content ul.blog
{
	list-style: none;
	margin-left: 0;
	padding-left: 5px;
	text-indent: 5px;
}

div#content ul.blog li
{
	font-size: 15px;
	line-height: 20px;
	border-left: 3px solid #918B60;
	margin: 0 0 2px 0;
	padding: 0 0 0 13px;
}

div#content ul.blog li em
{
	padding: 0 10px 0 0;
}

div#content ul.blog li a:link,
div#content ul.blog li a:visited
{
	color: #333333;
}

div#content ul.blog li a:hover,
div#content ul.blog li a:active
{
	color: #918B60;
}

div#content ul li.featured
{
	border-left-width: 16px;
	padding: 0 0 0 0px;
}

div#content ul li.featured.adobe
{
	background: url("../assets/adobe.jpg") no-repeat 0px 2px;
	border-left-width: 0px;
	padding: 0 0 0 16px;
}
h3.quote:first-letter
{
	text-transform: uppercase;
}
h3.quote
{
	color: #424242;
	font-family: Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	margin: 40px auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 14pt;
	font-variant: small-caps;
}