@charset "utf-8";

/****************/

/* Reset rules */

/****************/


body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }

h1,h2,h3,h4,h5,h6,body,textarea,input{ margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

img{ border:none; }

a{
	text-decoration:none;
	color: #343434;
	font-weight: bold;
}

hr{
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #dadcdf;
	display: block;
}

/***********/

/* General */

/***********/

body{ background: #fff; }

.hidden{ display:none; }



/**********/

/* Header */

/**********/

#header{
	padding:0;
	width:100%;
	height:106px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



/********/

/* Logo */

/********/

#header h1{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 44px;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#header h1 a{ outline:none; }

#header h1 a img{ margin:0; float:left; display:inline; } 



/********/

/* Menu */

/********/

#header ul.prim{
	right:58px;
	width:auto;
	height:10px;
	position:absolute;
	font-size:1px;
	font-weight:normal;
	margin: 0px;
	top: 33px;
}

#header ul.prim li{ float:left; display:inline; width:auto; height:33px; text-align:center; }

#header ul.prim li a{ font-family: GothamExtraLightRegular; overflow:hidden; display:block; text-indent:-300px; height:10px; line-height:10px; outline:none; background:url(../design/css_sprite2.jpg) 0 0 no-repeat; font-size: 1px;}


#header ul.prim li.works a{ background-position:0 -170px; width:101px; }

#header ul.prim li.works a:hover{ background-position:-190px -170px; }

#header ul.prim li.works a.selected, #header ul.prim li.personal a:active{ background-position:-190px -170px; }


#header ul.prim li.info a{ background-position:0 -190px; width:79px; }

#header ul.prim li.info a:hover{ background-position:-190px -190px; }

#header ul.prim li.info a.selected, #header ul.prim li.bio a:active{ background-position:-190px -190px; }


#header ul.prim li.contact a{ background-position:0 -210px; width:120px; }

#header ul.prim li.contact a:hover{ background-position:-190px -210px; }

#header ul.prim li.contact a.selected, #header ul.prim li.contact a:active{ background-position:-190px -210px; }


#header ul.prim li.blog a{ background-position:0 -230px; width:45px; }

#header ul.prim li.blog a:hover{ background-position:-190px -230px; }

#header ul.prim li.blog a.selected, #header ul.prim li.blog a:active{ background-position:-190px -230px; }


#undernav{
	left:58px;
	width: 100%;
	position:absolute;
	font-size:16px;
	font-weight:normal;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#header ul.sec{
}

#header ul.sec li{ float:left; display:inline; text-align:center; color: #999999;  }


#header ul.sec li a{
	overflow:hidden;
	display:block;
	text-indent:-300px;
	height: 7px;
	line-height: 7px;
	outline:none;
	background:url(../design/css_sprite2.jpg) 0 0 no-repeat;
	font-size: 1px;
}


#header ul.sec li.modern a{ background-position: 0px 0px; width:117px; }

#header ul.sec li.modern a:hover{ background-position: -190px 0; }

#header ul.sec li.modern a.selected, #header ul.sec li.modern a:active{ background-position:-190px 0; }

#header ul.sec li.beauty a{ background-position: 0px -24px; width:88px; }

#header ul.sec li.beauty a:hover{ background-position: -190px -24px; }

#header ul.sec li.beauty a.selected, #header ul.sec li.beauty a:active{ background-position:-190px -24px; }

#header ul.sec li.truer a{ background-position: 0px -48px; width:58px; }

#header ul.sec li.truer a:hover{ background-position:-190px -48px; }

#header ul.sec li.truer a.selected, #header ul.sec li.truer a:active{ background-position:-190px -48px; }

#header ul.sec li.berlin a{ background-position: 0px -72px; width:135px; }

#header ul.sec li.berlin a:hover{ background-position:-190px -72px; }

#header ul.sec li.berlin a.selected, #header ul.sec li.berlin a:active{ background-position:-190px -72px; }

#header ul.sec li.amma a{ background-position: 0px -96px; width:187px; }

#header ul.sec li.amma a:hover{ background-position:-190px -96px; }

#header ul.sec li.amma a.selected, #header ul.sec li.amma a:active{ background-position:-190px -96px; }

#header ul.sec li.portraits a{ background-position: 0px -120px; width:70px; }

#header ul.sec li.portraits a:hover{ background-position:-190px -120px; }

#header ul.sec li.portraits a.selected, #header ul.sec li.portraits a:active{ background-position:-190px -120px; }

#header ul.sec li.untitled a{ background-position: 0px -144px; width:57px; }

#header ul.sec li.untitled a:hover{ background-position:-190px -144px; }

#header ul.sec li.untitled a.selected, #header ul.sec li.untitled a:active{ background-position:-190px -144px; }

#header ul.sec li.girls_bois a{ background-position: 0px -250px; width:138px; }

#header ul.sec li.girls_bois a:hover{ background-position:-190px -250px; }

#header ul.sec li.girls_bois a.selected, #header ul.sec li.girls_bois a:active{ background-position:-190px -250px; }*/

/***********/

/* CONTENT */

/***********/

#content{
	padding:0;
	height:585px;
	min-width:955px;
	overflow:auto;
	white-space:nowrap;
	position:relative;
	margin-top: 26;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#photos{
	padding:0;
	height:550px;
	position:relative;
	margin-top: 0;
	margin-right: -1500px;
	margin-bottom: 0;
	margin-left: 58px;
}

#pdf{ margin:0 0 0 40px; width:127px; height:550px; display:inline; position:relative; vertical-align:top; }

#pdf a{  padding:0; margin:0 60px 0 40px; width:245px; height:250px; position:relative; z-index:10; display:inline-block; overflow:hidden; vertical-align:top; outline:none; /*background:url(../design/css_sprite.jpg) 0 -200px no-repeat;*/ }

#pdf a:hover{ background-position:-127px -200px; }

#pdf span{ height:550px; width:127px; display:block; position:absolute; left:0 !important; left:40px; top:0; border-left:1px solid #dcdee1; }

#pdf img{ margin:0 0 0 5px; display:inline; overflow:auto; }



#bio{ margin:0 0 0 58px; padding:0; height:550px; position:relative; }

#self_portrait{ margin:0 33px 0 58px; float:left; display:inline; width:415px; height:585px; }

#bookmarks{
	display: inline-block;
	position: absolute;
	margin-top: -10px;
}

#bio_text{
	overflow:hidden;
	height:auto !important;
	height:230px;
	font-size:11px;
	line-height:16px;
	color:#525253;
	white-space:normal;
	margin-top: 0px;
	margin-right: 78px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#bio_text p{
	display:block;
	width:420px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}



.inquiry{
	margin:0 0 0px 58px;
	padding:0 0 0 40px;
	width:49%;
	max-width: 525px;
	height:550px;
	float:left;
	color:#404040;
}

.inquiry img{ margin:15px 0 0 0;}

.inquiry h2{ margin:0 0 20px 0; font-size:14px; text-transform:uppercase; color:#444545; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }



#notifications{
	margin:0 0 40px 38px;
	padding:0 0 0 40px;
	width:49%;
	max-width: 525px;
	height:550px;
	float:left;
	color:#404040;
}

#notifications p{ margin:104px 0 20px 0; font-size:14px; text-transform:uppercase; color:#444545; }

#notifications input{ margin:0 0 7px 0; }

#notifications input.submit{ margin:15px 6px 0 0; padding:2px 5px; float:right; background:#848587; border:1px solid #9a9b9d; color:#fff; width:auto; }

#notifications input.submit:hover{ background:#606162; }


form{ color:#404040; }

label{  }

input{
	line-height:11px;
	height:19px;
	width:400px;
	line-height:20px;
	font-size:11px;
	border:none;
	border-top:1px solid #c5c6c9;
	border-left:1px solid #c5c6c9;
	background:#dadcdf;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin: 0px;
}

input.submit{
	margin:0px;
	float:right;
	background:#848587;
	border:1px solid #9a9b9d;
	color:#fff;
	width:auto;
	overflow:visible;
	line-height:18px;
	height:auto;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

input.submit:hover{ background:#606162; }

textarea{
	width:400px;
	max-width:420px;
	max-height:200px;
	height:135px;
	font-size:11px;
	overflow:auto;
	border:none;
	border-top:1px solid #c5c6c9;
	border-left:1px solid #c5c6c9;
	background:#dadcdf;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

input:focus, textarea:focus{ border-top:1px solid #a6a6a9; border-left:1px solid #a6a6a9; background:#c5c7ca; }


.clear {clear: both; width: 1050px; height: 0;}

/**********/

/* Footer */

/**********/

#footer{ margin:30px 0 0 58px; clear:both; height:50px; color:#525253; text-transform:uppercase; font-size:10px; }

#footer a{ color:#525253; }

#footer p{ margin:0; }

#footer a:hover{ text-decoration:underline; color:#000; }

#footer ul{ margin:3px 0 5px -3px; display:inline-block; height:22px; }

#footer li{ display:inline; float:left; margin:0 1px 0 0; }



/*jQUery UI Slider*/

#slider{ margin:0 19px 0 20px; height:21px; cursor:pointer;}

#slider_container{ cursor:pointer; background:#efeeee; }



.ui-slider { position: relative; text-align: left; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor:pointer; background:url(../design/slider.jpg) 0px 0px no-repeat; width:39px; height:21px; outline:none; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }



.ui-slider-horizontal { height: .8em; }

.ui-slider-horizontal .ui-slider-handle { top:0; margin-left:-20px; } 

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right:0; }



.label_shown, .label_shown_txt{ display:block; position:absolute; margin-left:300px; z-index:10; text-transform:uppercase; font-size:12px; line-height:12px; margin-top:10px; color:#666; }

.label_shown_txt{ margin-top:-12px; margin-right:10px;}

/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#656565;
	font-size:11px;
	color:#fff;
	padding:3px 10px;
	margin-left:-2px;
	
	width: 150px;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	z-index: 1000;
}

