/* Reset
------------------------------------------------------- */
html, body, div, span, object, iframe, img, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, a, blockquote, pre, form, fieldset, table, tr, td, sup, strong, small { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

html { height: 100%; padding-bottom: 1px; }
:focus { outline: 0; }

/* Standard styles
------------------------------------------------------- */

body {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #494949;
	background: #f6f6f6 url(/bg.jpg) repeat top center;
	min-width: 970px;
	height: 100%;
}

a { font-weight: bold; }
a:link { color: #233b6a; text-decoration: none; }
a:visited { color: #233b6a; text-decoration: none; }
a:active { color: #233b6a; text-decoration: none; }
a:hover { color: #233b6a; text-decoration: underline; }

p { margin: 0 12px 20px 0; }

ol, ul { margin: 0 0 20px 0; }
ol li, ul li { line-height: 20px; list-style-type: none; }

h1, h2, h3, h4, h5 { color: #323132; font-weight: normal; }

h1 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 34px; 
	line-height: 34px;
	font-weight: bold; 
	letter-spacing: -1px;
}

h2 { text-transform: uppercase; }
h2, h3 { 
	font-family: "Hoefler Text", "Palatino Linotype", Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 21px;
	letter-spacing: 1px;
}

h2 a, h3 a { font-weight: normal; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #323132; }

blockquote p { margin: 0; }
cite { font-family: "Hoefler Text", "Palatino Linotype", Georgia, "Times New Roman", serif; }

/* Text specific styles
------------------------------------------------------- */

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
}

span.drop {
	font-family: Arial, sans-serif;
	font-size: 66px;
	line-height: 56px;
	color: #5e5b5e;
	margin: 4px 4px 0 -4px;
	float: left;
}

p.more { margin: -20px 0 20px 0; font-size: 12px; }



/* Grid styles
------------------------------------------------------- */

#content { width: 970px; margin: 0 auto; }

/* 5 col - Home, Notebook, Contact */
.grid-5-1 { width: 194px; float: left; }
.grid-5-2 { width: 310px; float: left; }
.grid-5-3 { width: 450px; float: left; } 

/* 4 col - About, Portfolio, Portfolio detail, Notebook posts */
.grid-4-1 { width: 232px; float: left; }
.grid-4-3 { width: 697px; float: left; }

/* 3 col */
.grid-3-1 { width: 310px; float: left; }
.grid-3-2 { width: 600px; float: left; }

.grid-5-1:hover { color: #7b7b7b; }



/* Header styles
------------------------------------------------------- */

#headerbuffer {
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0 0 30px 0;
	border-top: #dadada 1px solid;
	clear: both;
	float: left;
}

#header {
	width: 970px;
	height: 100px;
	margin: 0 auto;
	padding-top: 20px;
}

#hr { 
	border-bottom: #dadada 1px solid; 
	background: url(/hr.png) 100% 0 repeat-x;
	margin: 0 0 50px 0; 
	padding: 60px 0 60px 0; 
	float: left; 
}


/* navigation */
#nav {  margin: 44px 0 0 0; float: right; }
#nav li { float: left; list-style-type: none; }

#nav li a {
	font-family: "Hoefler Text", "Palatino Linotype", Georgia, "Times New Roman", serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 1px;
	margin: -3px 0 0 24px;
	padding: 6px 0 0 0;
	display: block;
	position: relative;
	top: 1px;
	float: left;
	}
	
#nav li a:hover, #nav li#current a { 
	border-top: 1px solid #233b6a; 
	text-decoration: none;
	color: #233b6a;	
	position: relative;
	top: 0;
	float: left;
}

/* inline */
#inline { 
	background: url(/hr.png) 0 100% repeat-x; 
	margin: 0 0 30px 0; 
	padding: 0 0 30px 0;
	color: #7b7b7b;  
	float: left; 
	width: 970px
}
#inline h2 { margin: 0 0 4px 0; }
#inline p { padding: 0 30px 0 0; }

#inline #note { width: 310px; background:url(/hr.png); padding: 10px 5px 10px 15px; margin-left: 20px; margin-bottom: 20px; float: right; }
#inline #note p { font-family: "Helvetica Neue", Arial, sans-serif; font-style: normal; }
#inline #note p.more { margin: -20px 0 0 0 }

/* inline  - no bottom border*/
#inline-nobottom { 
	margin: 0 0 0px 0; 
	padding: 0 0 0px 0;
	color: #7b7b7b;  
	float: left; 
}
#inline-nobottom h2 { margin: 0 0 4px 0; }
#inline-nobottom p { padding: 0 30px 0 0; }

#inline-nobottom #note p { font-family: "Helvetica Neue", Arial, sans-serif; font-style: normal; }
#inline-nobottom #note p.more { margin: -20px 0 0 0 }



/* work */

#work h2 { margin: 0 0 4px 0; }
#work p { padding: 0 10px 0 0; }
#work p.more { padding: 2px 0 0 0; }
#work .grid-5-2 p { margin: 24px 0 0 0; }

#work #testimonials {
	position: relative;
	overflow: hidden;
	width: 452px;
	height: 150px;
	background: #f6f6f6;
}

#work #testimonials-content {
	position: absolute;
	margin-top: -10px;
	left: -6px;
}

#work .testimonial {
	padding: 5px;
	height: 162px;
	background: #f6f6f6;
	text-align: left;
}

#work .testimonial p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 20px;
	color: #7b7b7b;
	padding: 0 4px 0 8px;
}

#work .testimonial cite {
	padding: 0 0 0 15px;
	font-size: 12px;
	font-style: normal;
	color: #9c9c9c;
	float: left;
}

#work .testimonial cite a { color: #9c9c9c; font-weight: normal; text-decoration: underline; }
#work .testimonial cite a:hover { color: #ab6ad9; }







/* Footer styles
------------------------------------------------------- */

#footer {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	border-top: #dadada 1px solid;
	clear: both;
	float: left;
}

#footer p {
	font-family: "Hoefler Text", "Palatino Linotype", Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #7b7b7b;
	margin: 30px 0 0 0;
	float: left;
}


.sub-header {

	margin: 0 0 10px 0;
	height:550px;

	width: 998px;
	background:transparent url("/shadow.png") no-repeat bottom center; }

@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */



@media screen, projection {

#slideshow { 
	position:relative; 
	width:970px; 
	height:550px; 
	overflow:hidden; }
	
#slideshow #slideshow_violator {
	z-index:1000; 
	width:970px; 
	height:31px; 
	float:right;
	position:relative; 
	top:-30px; 
	left:0px;
	background:transparent url("/trans.png") repeat; }
	
#slideshow #slideshow_violator #project_caption {
	display:none; 
	padding:6px 10px; 
	color:#fff; 
	float:left; 
	font-size: 11px;
	font-weight: normal;
	width:auto;
	background:transparent; }
	
#slideshow #slideshow_violator #project_caption a {
	margin-left:8px; 
	font-weight: normal; 
	color:#ffffff !important;
	background:transparent; }
	
#slideshow #slideshow_violator #project_caption a:hover {
	text-decoration:none; 
	color:#fff;
	background:transparent; }
	
#slideshow #slideshow_violator #slide_navigation{
	position:absolute;
	right:10px;
	top:10px; }
	
#slideshow #slideshow_violator #slide_navigation a { 
	text-indent:-9999px; 
	display:block; 
	width:8px; 
	height:8px; 
	float:left; 
	margin-left:5px; 
	cursor:pointer; 
	overflow:hidden;
	background:transparent url("/slide_navigation_noactive.png") no-repeat 0 0; }
	
#slideshow #slideshow_violator #slide_navigation a:hover { 
	background:transparent url("/slide_navigation_hover.png") no-repeat 0 0; }
	
#slideshow #slideshow_violator #slide_navigation a.activeSlide { 
	background:transparent url("/slide_navigation_hover.png") no-repeat 0 0; }
	
#slideshow li span.slide_caption {
	display:none; }

#slides {
	position: relative;
	background-color:#fff; 
	overflow:hidden; 
	width: 970px; 
	height:550px;
	margin:0; 
	padding:0; }