@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; }
img{ border:none; }
a{ text-decoration:none; }

/***********/
/* General */
/***********/
body{ background:url(../design/body_background.png) repeat-x #fff; }
.hidden{ display:none; }

/**********/
/* Header */
/**********/
#header{ margin:0 auto; padding:0; width:100%; height:95px; position:relative; }

/********/
/* Logo */
/********/
#header h1{ margin: 0 0 0 32px; padding:35px 0 0 0; }
#header h1 a{ outline:none; }
#header h1 a img{ margin:0; float:left; display:inline; } 

/********/
/* Menu */
/********/
#header ul{ margin:13px 0 0 0; right:58px; width:auto; height:47px; position:absolute; font-size:16px; font-weight:normal; }
#header ul li{ float:left; display:inline; width:auto; height:33px; text-align:center; }
#header ul li a{ overflow:hidden; display:block; text-indent:-300px; height:33px; line-height:33px; outline:none; background:url(../design/css_sprite.jpg) 0 0 no-repeat; }
#header ul li.editorial a{ background-position:0 0; width:117px; }
#header ul li.editorial a:hover{ background-position:-117px 0; }
#header ul li.editorial a.selected, #header ul li.editorial a:active{ background-position:-234px 0; }
#header ul li.personal a{ background-position:0 -33px; width:117px; }
#header ul li.personal a:hover{ background-position:-117px -33px; }
#header ul li.personal a.selected, #header ul li.personal a:active{ background-position:-234px -33px; }
#header ul li.bio a{ background-position:0 -66px; width:68px; }
#header ul li.bio a:hover{ background-position:-68px -66px; }
#header ul li.bio a.selected, #header ul li.bio a:active{ background-position:-136px -66px; }
#header ul li.contact a{ background-position:0 -99px; width:112px; }
#header ul li.contact a:hover{ background-position:-112px -99px; }
#header ul li.contact a.selected, #header ul li.contact a:active{ background-position:-224px -99px; }
#header ul li.blog a{ background-position:0 -132px; width:82px; }
#header ul li.blog a:hover{ background-position:-82px -132px; }
#header ul li.blog a.selected, #header ul li.blog a:active{ background-position:-164px -132px; }

/***********/
/* CONTENT */
/***********/
#content{ margin:0; padding:0; height:585px; min-width:955px; overflow:auto; white-space:nowrap; position:relative; }
#photos{ margin:0 0 0 58px; padding:0; height:550px; position:relative; }
#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; }
#bio_text{ overflow:hidden;  height:auto !important; height:230px; margin:110px 78px 0 0px; padding:25px 0; font-size:11px; line-height:16px; color:#525253; white-space:normal; border-top:1px solid #dadcdf; border-bottom:1px solid #dadcdf; }
#bio_text p{ margin:0; display:block; float:left; width:420px; }

#inquiry{ margin:0 0 0px 58px; padding:0 0 0 40px; width:525px; height:550px; float:left; color:#404040; border-left:1px solid #dadcdf; }
#inquiry img{ margin:15px 0 0 0;}
#inquiry p{ margin:43px 0 20px 0; font-size:14px; text-transform:uppercase; color:#444545; }

#notifications{ margin:0 0 40px 38px; padding:0 0 0 40px; width:525px; height:550px; float:left; color:#404040; border-left:1px solid #dadcdf; }
#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; font-size:1px; line-height:1px; }
label{ display:none; }
input{ margin:0 0 35px 0; padding:3px 10px; line-height:12px; height:19px; width:500px; line-height:20px; text-transform:uppercase; font-size:11px; border:none; border-top:1px solid #c5c6c9; border-left:1px solid #c5c6c9; background:#dadcdf; }
input.submit{ margin:91px 8px 0 0; padding:2px 5px; float:right; background:#848587; border:1px solid #9a9b9d; color:#fff; width:auto; overflow:visible; line-height:18px; height:auto; }
input.submit:hover{ background:#606162; }
textarea{ padding:5px 10px 5px 10px; width:500px; max-width:520px; max-height:200px; height:135px; font-size:11px; text-transform:uppercase; overflow:auto; border:none; border-top:1px solid #c5c6c9; border-left:1px solid #c5c6c9; background:#dadcdf; }
input:focus, textarea:focus{ border-top:1px solid #a6a6a9; border-left:1px solid #a6a6a9; background:#c5c7ca; }

/**********/
/* Footer */
/**********/
#footer{ margin:30px 0 0 58px; clear:both; height:50px; color:#525253; text-transform:uppercase; font-size:10px; background:url(../design/footer_background.jpg) bottom repeat-x; }
#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/css_sprite.jpg) -29px -220px 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:400px; 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;}