html, body {  
	height: 100%;
	margin: 0; 
	padding: 0; 
	background: #000000 url(images/pattern_074.gif) repeat fixed; 
	}  
       
html body {  font: 84.5%/1.6 arial, serif;  }

* { margin: 0; padding: 0;} 

a { color: #6b6b6b; text-decoration: none; }
a:hover, a:visited { color: #FFFFFF; }
a:focus { color: #fff; }
       
img {  border: none; text-decoration: none; 	}

form { padding: 0px; width: 0px; display: inline; }

ul, ol, li {  margin: 0; padding: 0; list-style: none;}
	 
p {  margin: 0 0 16px 0; padding: 0; }
	                      
#skip, .invis{  display: none;  }     




h2 {
	color: #000;
	font: 3em/2 georgia, "times new roman", serif;
	margin: 0; 
	display: block;
	letter-spacing: -.025em;
}

/* Global elements
---------------------------*/
#content_container { 
	width: 875px;
	margin: 0 auto;
	padding-bottom: 60px;
}

/* Header
---------------------------*/
#head { 
	width: 875px;
	height: 50px;
	padding-top: 12px;
	float: left;
}
#head h1 { 
	background: url(images/sd_logo.gif) 0 0 no-repeat;
	width: 177px;
	height: 29px;
	float: left;
}

#head h1 a {
	display: block;
	width: 177px;
	height: 41px;
	text-indent: -9999px;
}

#head h1 a:hover { background: url(images/sd_logo.gif) 0 -29px no-repeat; }

/* Nav
---------------------------*/
#nav { 
	width: 188px;
	height: 10px;
	margin: 12px 10px 0 0;
	float: right;
	}

#nav li { 
	float: left;
	}
	
#nav li a {
	display: block;
	float: left;
	text-indent: -9999px;
	height: 10px;
	overflow: hidden;
}

#nav li#nav_work a { width: 50px;}
#nav li#nav_about a{ width: 62px;}
#nav li#nav_blog a{ width: 67px;}
#nav li#nav_contact a{ width: 70px;}

#nav li, #nav li a:hover { background-image: url(images/nav.gif);}

#nav li#nav_work { background-position: 0 0;}
#nav li#nav_about { background-position: -50px 0;}
#nav li#nav_blog { background-position: -112px 0;}
#nav li#nav_contact { background-position: -179px 0;}

#nav li#nav_work a:hover, #work li#nav_work { background-position: 0 -10px;}
#nav li#nav_about a:hover, #about li#nav_about { background-position: -50px -10px;}
#nav li#nav_blog a:hover, #blog li#nav_blog { background-position: -112px -10px;}
#nav li#nav_contact a:hover, #contact li#nav_contact { background-position: -179px -10px;}

/* Footer
---------------------------*/
#footer {
	width: 875px;
	color: #464646;
	margin: 10px auto 0 auto;
	font-size: .85em;
}

/* clearfix 
---------------------------------------------------------------*/
.clearfix:after {  
	content: ".";  
    display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	height: 0;  
}  
.clearfix {  
	display: inline-block;  
}  
html[xmlns] .clearfix {  
	display: block;  
}  
* html .clearfix {  
	height: 1%;  
}


/* error
---------------------------------------------------------------*/
#error #container { 
	background: #fff url(images/bkg_standard.gif) 0 0 repeat-x; 
}
#error #col1 p { margin: 45px 0 15px 0; 
	font-size: 1.4em;
	width: 500px;
	line-height: 1.6;
}

#error #col1 p.last { margin-bottom: 150px;}