/* Reset - Meyer's reloaded.*/
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,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style-type: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* end reset */
/* Overcharge HTML */
body{background:url('../images/bg-body-white.jpg') top left repeat-x ; margin-bottom:25px;}
.bolded{font-weight:bold;}
/* PAGE BLOCKS*/
/*------------*/
#all{width:771px; margin:auto; height:100%; border:solid 0px red} /*page wrapper*/
#header{height:151px;} /* header */
/* menu-wrapper */
#navigation{height:100px;font-family: Helvetica,Arial, sans-serif; font-size:15px;position:relative; top:0; left:0; }
#content-images{height:514px;} /* dark grey bg */
#content-editorial{padding-top:60px;} /* all rest below */
#spacer-for-text-gallery{height:5px;} /* SEO spacer => push the text content down */
#spacer-for-text{height:120px;} /* SEO spacer => push the text content down */
#spacer-btw-like-and-fb{height:5px;}
#bottomlink{width:401px; margin:auto; margin-top:50px; vertical-align:text-bottom} /* footer */
/* PAGE ELEMENTS */
/*----------------*/
/*header items */
#header .logo{height:51px; width: 250px;}
.logo_the_grey{font-family: Arial Black, Verdana; font-size:18px; color:#aaaaaa;}
.logo_photo_black{font-family: Arial Black, Verdana; font-size:18px; color:Black}
.logo_studio_grey{font-family: Arial Black, Verdana; font-size:18px; color:#aaaaaa; margin-right:30px}
.logo_capture{font-family: Arial Black, Verdana; font-size:12px; color:#aaaaaa}
/* navigation */
/* main wrapper & fonts : level 0 */
#shortcuts{position:relative; top:0px; right:0;}
#mainmenu{position:relative; top:0px; right:0;}
#mainmenu a{font-family: Helvetica, Arial, sans-serif; font-size:16px; display:block;
height:30px; line-height:30px;padding:15px 0px 0px 10px; color:#aaa; text-decoration:none;}
#mainmenu a:hover{ color:#606060;}
/* sub menu wrappers & fonts */
.subm{display:inline; position:absolute; top:50px; right:0;} /* sub menu wrapper class*/
.subm a {display:block;height:30px; line-height:30px;padding:0px 0px 15px 10px; color:#606060;
text-decoration:none; font-family: Helvetica, Arial, sans-serif; font-size:16px; }
.subm a span{display:block;line-height:18px; text-align:center; padding-top:5px;}
.subm a:hover{ color:#aaa;}
/* navigation positioning : commons & default */
#navigation ul{ float:right;}
/* sized li : IE6 compulsary so they are floated correctly*/
#navigation li{ float:right; text-align:right; width:50px; display:inline; }
/* navigation positioning : menu level 0 */
#navigation li#Portfolio{width:85px;}
#navigation li#Clients{width:100px;}
#navigation li#About{width:70px;}
#navigation li#Contact{width:110px; padding-right:10}
#navigation li#Rates{width:80px;}
#navigation li#Gallery{width:80px;}
/* navigation positioning :sub level 1*/
#navigation li#Annual{width:130px;}
#navigation li#Corporate{width:100px;}
#navigation li#Photojrnlsm{width:120px;}
#navigation li#New{width:55px;}
#navigation li#Skills{width:60px;}
#navigation li#Personal{width:90px;}
#navigation li#Architecture{width:105px;}
#navigation li#Editorial{width:75px;}
/* content wrappers*/
#content-images img{float:left}
#content-editorial h1{ text-align:center; font-size:18px; color:#606060;font-family: Helvetica, Arial, sans-serif;}
/* footer links */
#bottomlink { border:solid 0px #000000; width:300px}
#bottomlink p, #bottomlink p a{line-height:12px; text-align:center;color:#666;font-size:12px;font-family: Arial, Verdana, Helvetica, Arial, sans-serif; text-decoration:none;}
#bottomlink p a{padding-right:5px;}
#bottomlink p a:hover{text-decoration:underline;}
#fb-root {text-align:center}
/* CONTENT PAGES SPECIFIC ELEMENTS */
/*---------------------------------*/
/* Home Page */
/* to edit the height of the slider, please see coda-slider.css */
/* text wrapper in gallery page */
.description{ background:#8e8e8e;font-size:12px; line-height:15px; border:1px solid #ccc; color:#fff;
padding:15px;font-family: Verdana, Helvetica, Arial, sans-serif; }
.description h2{font-size:16px; line-height:19px; padding-bottom:15px; text-align:center; font-weight:bold;}
.description p{ text-align:justify; padding:8px 0; }
.description a{color:#fff; text-decoration:none; font-weight:bold; font-size:12px}
.description a:hover{color:#606060; text-decoration:none; font-weight:bold;}
/* our clients */
#clientsp h2{font-size:16px; line-height:19px; padding-bottom:15px; text-align:center;
font-weight:bold; color:#fff;padding-top:50px; padding-bottom:50px;}
.client-list{width:250px; float:left; }
.client-list li{padding:4px 5px;font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:12px; color:#fff;}
/* internships + bio + contact*/
.internships h2, .bio h2, .contact h2{padding:10px;font-family:Verdana, Helvetica, Arial, sans-serif; font-size:18px;
font-weight:bold; color:#fff; text-align:center;}
.internships p, .bio p{padding:7px 15px;font-family:Verdana, Helvetica, Arial, sans-serif; font-size:12px;
line-height:14px; color:#fff; text-align:justify;}
.contact p{padding:7px 15px;font-family:Verdana, Helvetica, Arial, sans-serif; font-size:12px;
line-height:14px; color:#fff; text-align:center;}
.internships a, .bio a, .contact a{color:#fff; text-decoration:none; font-weight:bold; font-size:12px}
.internships a:hover, .bio a:hover, .contact a:hover{color:#606060; text-decoration:none; font-weight:bold;}
.bio{padding-top:80px;}
.contact{padding-top:20px;}
/* internships slider : see coda-slider.css*/
/* Resources */
.resources{font-family:Verdana, Helvetica, Arial, sans-serif;font-size:12px; color:#fff;}
.resources .copy{display:none; background:#606060; width:760px; margin-left:25px; border:1px solid #b5b5b5}
.resources h4{padding:4px; }
.resources h4 a{ color:#fff; font-size:14px; text-decoration:none; font-weight:bold; line-height:16px;}
.resources h4 a:hover{ color:#606060;}
.resources li{padding: 5px; text-align:justify; color:#fff; line-height:14px;}
.resources li a{text-decoration:underline; color:#fff; }
.resources li a:hover{text-decoration:underline; color:#b5b5b5; }
/* Skills */
.skills ul{font-family:Verdana, Helvetica, Arial, sans-serif; padding-top:50px; padding-left:200px;font-size:14px;
text-decoration:none; line-height:16px; color:#fff;}
.skills ul li{padding:5px 0px;}
/* Personal */
/* see coda-slider.css*/
/* contact */
#PhoneContact{float:right;width:451px; border:1px solid #b5b5b5; padding:5px; padding-bottom:5px; margin-right:160px; height:250px;}
#PhoneContact p{ font-size:16px; line-height:18px;}
#PhoneContact a{color:#555555;}
#PhoneContact a:hover{color:#fff;}
#contactform {margin-left:25px;}
#contactform p{color:#fff;}
fieldset{padding:5px; padding-bottom:30px; color:#fff; }
input, textarea, select{border:1px solid #AFC2F0;font-size:100%; padding:2px 3px; color:#606060;}
input{width:200px;}
textarea{width:280px;}
select{padding-right:0px;}
option {padding:0px 3px;font-size:100%;}
label{display:block;width:100px;font-size:12px; float:left; text-align:right; padding-right:20px; color:#fff;}