/* 	
Title: 			Reset styles
Author: 		Johannes Ma
Updated: 		9/2009
Nods to yahoo ui library & eric meyer.
*/
   
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table , caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
font-weight:normal; } 

table class="stripeMe"  {
	border-collapse: collapse;
	border-spacing: 0;}

ol, ul {list-style: none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight:normal; } 

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}

/* Additional-----------------------------------------------------------------------*/
form label {cursor: pointer;}
fieldset {border: none;}
.clear {clear: both;}
.hide {display: none;}

abbr, acronymn {text-decoration: none; border:0;}

hr {margin: 10px 0;}


a:link, a:visited, a:hover {text-decoration: none;}
	
a:hover {text-decoration: underline;}

/*basic styles-----------------------------------------------------------------------*/
body {
	background: #fff; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;}
	
#container {
	width: 100%;
	min-height: 600px;
	margin: 12px 0 0;}
	
h1#mark, h1#mark a {
	display: block;
	width: 280px;
	height: 24px;
	margin: 0 0 0 15px;
	background: url(../_images/_shared/mark.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}
	
 h1#mark a {
	margin: 0px;}
	
	
/*nav styles-----------------------------------------------------------------------*/
ul#nav {
	display: block;
	float: left;
	width: 250px;
	margin: 0 0 0 15px;}
	
ul#nav h3#works {
	display: block;
	width: 250px;
	height: 14px;
	margin: 40px 0 5px;
	background: url(../_images/_shared/n-works.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}
	
ul#nav h3#information {
	display: block;
	width: 250px;
	height: 14px;
	margin: 35px 0 5px;
	background: url(../_images/_shared/n-information.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}
	
ul#nav h3#contact {
	display: block;
	width: 250px;
	height: 14px;
	margin: 35px 0 5px;
	background: url(../_images/_shared/n-contact.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}
	
ul#nav li {
	display: block;
	width: 250px;
	clear: both;
	
}
ul#nav li a {
	display: block;
	float: left;
	width: 250px;
	height: 13px;
	margin: 5px 0 1px;
	text-indent: -4000px;
	overflow: hidden;}
	
li#n-bl a {
	background: url(../_images/_shared/n-berlin.gif) 12px top no-repeat;
	}
	
li#n-truer a {
	background: url(../_images/_shared/n-truer.gif) 12px top no-repeat;}
	
li#n-portraits a {
	background: url(../_images/_shared/n-portraits.gif) 12px top no-repeat;
	}
	
li#n-homesick a {
	background: url(../_images/_shared/n-homesick.gif) 12px top no-repeat;
	}
	
li#n-bnd a {
	background: url(../_images/_shared/n-bnd.gif) 12px top no-repeat;
	}

li#n-bio a {
	background: url(../_images/_shared/n-bio.gif) 12px top no-repeat;
	}
	
li#n-cv a {
	background: url(../_images/_shared/n-cv.gif) 12px top no-repeat;
	}
	
li#n-press a {
	background: url(../_images/_shared/n-press.gif) 12px top no-repeat;
	}

li#n-blog a {
	background: url(../_images/_shared/n-blog.gif) 12px top no-repeat;
	}
	
li#n-studio a {
	background: url(../_images/_shared/n-studio.gif) 12px top no-repeat;
	}
	
li#n-inquiry a {
	background: url(../_images/_shared/n-inquiry.gif) 12px top no-repeat;
	}
	
li#n-finding a {
	background: url(../_images/_shared/n-finding.gif) 12px top no-repeat;
	}

ul#nav li a:hover { background-position: -268px top;}
ul#nav li a.on { background-position: -559px top; margin: 6px 0 2px;}

/*content styles-----------------------------------------------------------------------*/
#images {position: absolute; top: 75px; left: 335px; white-space:nowrap;}
.image {display:inline; margin: 0 7px 0 0;}

/*home styles-----------------------------------------------------------------------*/

#home {
	display: block;
	position: absolute;
	top: 75px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
/*Coming Soon content styles-----------------------------------------------------------------------*/

#coming-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
#coming-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	text-indent: -4000px;
	overflow: hidden;}

#coming-content p {
	margin: 0 0 15px;
	line-height: 1.2em;}
	
#coming-content .statement {
	float: left;
	width: 320px;
	height: 550px;
	margin: 76px 0 0;}
	
/*Berlin Lookbook content styles-----------------------------------------------------------------------*/

#berlin-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
#berlin-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	background: url(../_images/_shared/heading-berlin-lookbook.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}

#berlin-content p {
	margin: 0 0 15px;
	line-height: 1.2em;}
	
#berlin-content .statement {
	float: left;
	width: 320px;
	height: 550px;
	background: url(../_images/_photos/berlin-lookbook/berlin-text.jpg) -16px -10px no-repeat;
	margin: 76px 0 0;
	text-indent: -4000px;
	overflow: hidden;}
	
/*Truer content styles-----------------------------------------------------------------------*/

#truer-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
#truer-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	background: url(../_images/_shared/heading-truer.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}

#truer-content p {
	margin: 0 0 15px;
	line-height: 1.2em;}
	
#truer-content .statement {
	float: left;
	width: 320px;
	height: 550px;
	background: url(../_images/_photos/truer/truer-text.jpg) -11px -10px no-repeat;
	margin: 76px 0 0;
	text-indent: -4000px;
	overflow: hidden;}
	
/*girlswillbeboys content styles-----------------------------------------------------------------------*/

#bnd-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
#bnd-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	text-indent: -4000px;
	overflow: hidden;}

#bnd-content p {
	margin: 0 0 15px;
	line-height: 1.2em;}
	
#bnd-content .statement {
	float: left;
	width: 280px;
	height: 550px;
	background: url(../_images/_photos/girlswillbeboys/girlswillbeboys_text.jpg) 0 0 no-repeat;
	margin: 56px 0 0;
	text-indent: -4000px;
	overflow: hidden;}
	
#bnd-content #images { left: 305px;}

/*portraits content styles-----------------------------------------------------------------------*/

#portraits-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
#portraits-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	text-indent: -4000px;
	overflow: hidden;}

#portraits-content p {
	margin: 0 0 15px;
	line-height: 1.2em;}
	
#portraits-content .statement {
	display: none;
	float: left;
	width: 280px;
	height: 550px;
	background: url(../_images/_photos/girlswillbeboys/girlswillbeboys_text.jpg) 0 0 no-repeat;
	margin: 56px 0 0;
	text-indent: -4000px;
	overflow: hidden;}
	
#portraits-content #images { left: 20px;}
	
/*homesick content styles-----------------------------------------------------------------------*/

#homesick-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
#homesick-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	text-indent: -4000px;
	overflow: hidden;}

#homesick-content p {
	margin: 0 0 15px;
	line-height: 1.2em;}
	
#homesick-content .statement {
	float: left;
	width: 260px;
	height: 550px;
	background: url(../_images/_photos/losingamma/losingamma1.jpg) 0 0 no-repeat;
	margin: 76px 0 0;
	text-indent: -4000px;
	overflow: hidden;}
	
#homesick-content #images { left: 285px;}


	

/*Bio content styles-----------------------------------------------------------------------*/

#bio-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
#bio-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	background: url(../_images/_shared/heading-berlin-lookbook.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}

#bio-content p {
	margin: 0 0 15px;
	line-height: 1.2em;}
	
#bio-content .statement {
	float: left;
	width: 340px;
	height: 550px;
	background: url(../_images/_shared/bio-text.jpg) 0 0 no-repeat;
	margin: 76px 0 0;
	text-indent: -4000px;
	overflow: hidden;}
	
/*cv content styles-----------------------------------------------------------------------*/

#cv-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 11px;
	color: #666;}
	
#cv-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	text-indent: -4000px;
	overflow: hidden;}

#cv-content p {
	margin: 0 0 15px;
	line-height: 1.2em;}
	
#cv-content .statement {
	float: left;
	width: 440px;
	height: 550px;
	margin: 76px 0 0;
	font-family: Arial, Helvetica, sans-serif;}
	
#cv-content .statement h3 {
	font-size: 12px;
	color: #444;
	font-weight: bold;
	margin: 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;}
	
#cv-content .download {font-weight: normal; font-size: 11px;}
#cv-content a { color: #666; }
	
#cv-content .statement h4 {
	color: #444;
	font-weight: bold;
	margin: 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;}
	

/*contact content styles-----------------------------------------------------------------------*/

#contact-content {
	display: block;
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 13px;
	color: #666;}
	
#contact-content h2 {
	display: none;
	width: 250px;
	height: 24px;
	margin: 14px 0 38px;
	background: url(../_images/_shared/heading-inquiry.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}

#contact-content .contactinfo h3 {
	color: #333;
	margin: 0 0 10px;
}
	
#contact-content p {
	margin: 0 0 5px;
	line-height: 1.2em;}
	
#contact-content p.thankyou {
	margin: 76px 0 15px;}

#contact-content .contactinfo {
	margin: 76px 0 15px;}
	
#contact-content .contactinfo p {
	margin: 0 0 4px 10px;
	line-height: 1em;}
	
#contact-content .contactbox {
	margin: 20px 0 15px;}
	
#contact-content .contactbox p {
	margin: 0 0 4px;
	line-height: 1em;}
	
#contact-content .contactbox input, #contact-content .contactbox textarea {
	border: 1px solid #777;
	color: #777;}

#contact-content a:link, #contact-content a:visited, #contact-content a:hover {
	color: #666;
	text-decoration: none;}
	
#contact-content a:hover {text-decoration: underline;}