/*	Background Styles  */

* {
    margin: 0;
}

html, body {  
   margin:0;
   padding:0;
   height:100%; 
   background-color:#f0eeee;  
}  

#main {  
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -54px;
    background-color:#f0eeee;  
}     

#header {
	height:168px;
	background:#202020 url(images/header_bg.png) repeat-x;
}

.header_container {
	margin:0 auto;
	width: 440px;
	height: 168px;
}

.logo {
	float:left;
	margin-left:127px;
	background:url(images/logo_bg.png) no-repeat;
	width: 186px;
	height: 168px;
	text-align:center;
}		

.push {
   height: 30px;
   width: 440px;
}

.push2 {
   height: 70px;
   width: 440px;
}

.footer {
   height: 30px;
   width: 440px;
   margin: 0 auto;
   position: relative;
   /* background:#202020 url(images/footer_bg.png) repeat-x; */
   background: none;
   text-align: left;
}

/*	Text  */

h5 {
	font: 18px Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #373736;
	text-transform: none;
	text-align: left;
}

h6 {
	font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #373736;
	line-height: 1.3;
	text-transform: none;
	text-align: left;
	margin-bottom: 14px;
}

h6 a {
	text-decoration: none;
	color: #373736;
	background: #FFFFFF;
}

h6 a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #373736;
}

h7 {
	font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #373736;
	line-height: 1.5;
	text-transform: none;
	text-align: left;
}

h8 {
	font: 13px "Helvetica", Arial, "Helvetica Neue", sans-serif;
	color: #7a7a7a;
	line-height: 1.5;
	text-transform: none;
	text-align: center;
}

/*	Contact  */

.contact_container {
	margin:0 auto;
	width: 440px;
	margin-top: 20px;
}

.contact_form {
	float:left;
	width: 284px;
}

.social_links {
	float:left;
	width: 127px;
	margin-left: 29px;
}

/*	About  */

.about_container {
	margin:0 auto;
	width: 440px;
	margin-top: 20px;
}

img.floatLeft { 
    float: left; 
    margin-right: 20px;
    margin-bottom: 20px; 
}

/*	404  */

.fourofour_container {
	margin:0 auto;
	width: 440px;
	margin-top: 20px;
}

/*	Social Navigation  */

ul#nav_social {
	margin:0;
	position: relative;
	width: 127px;
	height: 580px;
	float: right;
	list-style: none;
}

ul#nav_social li a {
	background:url(images/nav_social.png) no-repeat scroll top left;
	display:block;
	height:25px;
	position:relative;
}

ul#nav_social li a.email {
	width:127px;
}

ul#nav_social li a.twitter {
	width:127px;
	background-position:0px -25px;
	margin-top: 10px;
}

ul#nav_social li a.facebook {
	width:127px;
	background-position:0px -50px;
	margin-top: 10px;
}

ul#nav_social li a.flickr {
	width:127px;
	background-position:0px -75px;
	margin-top: 10px;
}

ul#nav_social li a.vcard {
	width:127px;
	background-position:0px -100px;
	margin-top: 10px;
}

/*	Form  */

.form { 
	font-size: 12px; 
	width: 284px;	
	background: #FFFFFF;
	border: 1px solid #cccccc;
	font-family: sans-serif;
	padding: 5px;
	margin-bottom: 10px;
}


/*	Navigation  */

.navigation {
	float:left;
	width: 127px;
	height: 86px;
	margin-top: 86px;
}

ul#nav {
	margin:0;
	position: relative;
	width: 128px;
	float: right;
	list-style: none;
}

ul#nav li a {
	background:url(images/nav.png) no-repeat scroll top left;
	display:block;
	height:21px;
	position:relative;
}

ul#nav li a.about {
	width:100px;
}

ul#nav li a.contact {
	width:100px;
	background-position:0px -21px;
}

ul#nav li a.portfolio {
	width:100px;
	background-position:0px -42px;
}

ul#nav li a.about_current {
	width:100px;
	background-position:-100px 0px;
	color: #3a3a3a;
	font-weight: lighter;
}

ul#nav li a.contact_current {
	width:100px;
	background-position:-100px -21px;
	color: #3a3a3a;
	font-weight: lighter;
}

ul#nav li a.portfolio_current {
	width:100px;
	background-position:-100px -42px;
	color: #3a3a3a;
	font-weight: lighter;
}

ul#nav li a span {
	background:url(images/nav.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#nav li a.about span {
	background-position:-100px 0px;
	color: #333333;
}

ul#nav li a.contact span {
	background-position:-100px -21px;
	color: #333333;
}

ul#nav li a.portfolio span {
	background-position:-100px -42px;
	color: #333333;
}

		
/*	Portfolio Navigation  */

ul#nav_portfolio {
	padding: 15px;
	margin:0 auto;
	position: relative;
	width: 440px;
}

ul#nav_portfolio li {
	float: left;
	list-style: none;
	}

ul#nav_portfolio li a {
	background:url(images/nav_portfolio.png) no-repeat scroll top left;
	display:block;
	height:25px;
	position:relative;
	
	font: 13px Futura, Arial;
	text-decoration: none;
	color: #777777;
	text-align: center;
	line-height: 180%;
	top: 0px;
	text-transform: uppercase;

}

ul#nav_portfolio li a.art {
	width:220px;
	background-position:0px -0px;
}

ul#nav_portfolio li a.design {
	width:220px;
	background-position:-220px 0px;
}

ul#nav_portfolio li a span {
	background:url(images/nav_portfolio.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#nav_portfolio li a.art span {
	background-position:0px -25px;
	color: #434343;
}

ul#nav_portfolio li a.design span {
	background-position:-220px -25px;
	color: #434343;
}

ul#nav_portfolio li a.art_current {
	width:220px;
	background-position:0px -50px;
	color: #434343;
}

ul#nav_portfolio li a.design_current {
	width:220px;
	background-position:-220px -50px;
	color: #434343;
}

/*	About  */

.press {
	margin:0 auto;
	clear: both;
	padding-left: 20px;
}