@charset "UTF-8";
/* CSS Document */

/* ####### BODY ###### */
body { text-align:center; margin:0; background:url(../images/footer_bg.png); }
#superContainer { padding-top:20px; background-color:#F9F9F4; }

/* ####### HEADER ###### */
#header { width:900px; height:95px; margin-right:auto; margin-left:auto; text-align:left; position:relative; /*background-color:#39C;*/ }
#header #logotype { background:url(../images/logotype_web.png) no-repeat top left; position:absolute; width:263px; height:56px; bottom:6px; left:0px; }
#header #menu { position:absolute; bottom:15px; left:525px; /*background-color:#6C3;*/
}
#header #menu #menuList { list-style:none; margin:0; padding:0; }
#header #menu #menuList li { float:left; padding-left:40px; }

/* ####### MAIN ###### */
#main { width:900px; margin-right:auto; margin-left:auto; text-align:left; position:relative; /*background-color:#CCC;*/ }
#main .pageSplash { margin-top:10px; position:relative; height:350px; }

#main #homePageSplash { background:url(../images/splash_welcome.jpg) no-repeat top left; }
#main #portfolioPageSplash { background:url(../images/splash_portfolio.jpg) no-repeat top left; }
#main #aboutUsPageSplash { background:url(../images/splash_about_us.jpg) no-repeat top left; }
#main #blogPageSplash { background:url(../images/splash_blog.jpg) no-repeat top left; }
#main #contactUsPageSplash { background:url(../images/splash_contact_us.jpg) no-repeat top left; }

#main .threeColumns { margin-top:35px; margin-left:10px; margin-right:10px; padding-bottom:20px;  }
#main .threeColumns .columnOne { float:left; width:275px; margin-right:27px; }
#main .threeColumns .columnTwo { float:left; width:275px; margin-right:27px; }
#main .threeColumns .columnThree { float:left; width:275px; }

#main #noLeftRightMargin .threeColumns { margin-top:35px; margin-left:0; margin-right:0; padding-bottom:20px;  }
#main #noLeftRightMargin .threeColumns .columnOne { float:left; width:293px; margin-right:10px; }
#main #noLeftRightMargin .threeColumns .columnTwo { float:left; width:293px; margin-right:10px; }
#main #noLeftRightMargin .threeColumns .columnThree { float:left; width:293px; }

#main .threeColumns .topBorder { padding-top:10px; border-top:#E7E7E1 4px solid; }

#main .twoColumns { margin-top:35px; margin-left:10px; margin-right:10px; padding-bottom:20px; }
#main .twoColumns .columnOne { float:left; width:599px; margin-right:27px; }
#main .twoColumns .columnTwo { float:left; width:226px; padding-left:26px; border-left:#E7E7E1 1px solid; }

/* portfolio page */
#main .threeColumns .portfolioProjectOuterBox { background-color:#FFF; border:#E7E7E1 1px solid; margin-bottom:10px; }
#main .threeColumns .portfolioProjectInnerBox { background:url(../images/dlines_bg.jpg); margin:8px; height:200px; position:relative; }
#main .threeColumns .portfolioProjectInnerBox div { position:absolute; margin:0; padding:10px; top:60px;  } 
#main #portfolioNotifier { position:absolute; top:443px; left:-200px; z-index:2; }

#main .imageMargin { margin-top:15px; margin-bottom:15px; }
#main .noTopMargin { margin-top:0; }
#main #customerList { list-style:none; margin:20px 0 20px 0; padding:0; }
#main #customerList li { margin:0 0 7px 0; padding:0; }
/*#main .noLRMargin { margin-left:0; margin-right:0; }*/

#main .twoColumns #contactForm { margin-top:45px; }
#main .twoColumns #contactForm .row { margin-bottom:12px; }
#main .twoColumns #contactForm input, textarea { border:none; background:url(../images/dlines_bg.jpg) #E7E7E1; border-bottom:#E7E7E1 2px solid; width:460px; float:left; padding:10px 10px 10px 5px; }
#main .twoColumns #contactForm textarea { height:90px; }
#main .twoColumns #contactForm .formButton { width:166px; margin-top:20px; font-weight:bold; font-size:11px; }


/* ####### BLOG ###### */
#posts img.size-full { max-width:600px; }

#right_menu #search input.text { margin-top:5px; width:70%; }
#right_menu #search .button { margin-top:5px; }
#right_menu #search input { }

/* ####### FOOTER ###### */
#footer { background:url(../images/footer_clouds.png) center top no-repeat; padding-bottom:25px; }
#footer #footerContainer { width:900px; height:150px; margin-right:auto; margin-left:auto; text-align:left; position:relative; }
#footer #footerContainer #footerContent { position:absolute; left:10px; bottom:0; }

/* ####### MISC ###### */
a img { border:none; }
.clear { clear:both; }
.arrowLinkContainer { padding-top:3px; }