/* globals */
body {margin:0px;padding:0px;background: #561415 url(../images/background.jpg) top center repeat-x;color:#4c1b1b;font-size:11px;font-family:Verdana, Arial, Sans-Serif}
#mainContainer{margin:0px auto;width:955px;}
#logo{height:152px;background:transparent url(../images/logo.jpg) top left no-repeat}
#logoMedia{height:152px;background:transparent url(../images/logoMedia.jpg) top left no-repeat}
#content{width:955px;background: #ceb99f url(../images/contentBG.gif) top left repeat-x;border-width:0px 1px 1px 1px;border-style:solid;border-color:#FFF;padding-bottom:20px}
#contentHome{width:955px;background: #ceb99f url(../images/contentBG.gif) top left repeat-x;border-width:0px 1px 1px 1px;border-style:solid;border-color:#FFF;padding-bottom:3px}
h2{font-size:13px;font-weight:bold;margin:10px 2px 10px 2px}
h3{font-size:11px;font-weight:bold;margin:25px 2px 0px 10px}
p{margin:10px 2px 2px 10px}
a{color:#205a7f;font-weight:bold;}
li{list-style-type:square}
.images {border:0 none}


/* navigation */
#navigation {z-index:50;position:relative;top:1px;color:#FFF;font-weight:bold;font-size:10px;text-align:center;}
#navPlaceholder {width:905px;margin-left:0px}

#navPlaceholder ul {margin:0;padding-left: 0;float:left;} 
#navPlaceholder ul li {margin-left: 0;padding:0px;border-right: 1px solid #EEE;list-style: none;float:left;}	
#navPlaceholder ul li.lastNav {margin-left: 0;border-right: none;list-style: none;float:left;}
/*
#navPlaceholder ul {margin-left: 0;padding-left: 0;display: inline;} 
#navPlaceholder ul li {margin-left: 0;padding: 3px 10px;border-right: 1px solid #FFF;list-style: none;display: inline;}	
#navPlaceholder ul li.lastNav {margin-left: 0;border-right: none;list-style: none;display: inline;}
*/

#searchLinks {display:none}

.separator {display:block;padding:12px 0px 12px 0px;}
#navPlaceholder a {display:block;padding:12px 10px 12px 10px;color:#FFF;}
#navPlaceholder a:link {text-decoration:none;}
#navPlaceholder a:active {text-decoration:none;}
#navPlaceholder a:visited {text-decoration:none;}
#navPlaceholder a:hover {color:#4c1b1b;text-decoration:none;background-color:#c7b79e;}

.activeNav {background-color:#c7b79e !important; color:#4c1b1b !important;}

/* subnavigation */
#subNavigation {z-index:50;position:absolute;top:382px;left:50px;color:#FFF;font-weight:bold;font-size:10px;text-align:center;}
#subNavPlaceholder {width:600px;margin:auto}

#subNavPlaceholder ul {margin:0;padding-left: 0;float:left; vertical-align:middle} 
#subNavPlaceholder ul li {margin-left: 0;padding:0px;border-right: none;list-style: none;float:left;vertical-align:middle}	
#subNavPlaceholder ul li.lastSubNav {margin-left: 0;border-right: none;list-style: none;float:left;vertical-align:middle}

#subNavPlaceholder a {display:block;padding:8px 10px 9px 10px;font-weight:bold;color:#000;text-align:center}
#subNavPlaceholder a:link {text-decoration:none;}
#subNavPlaceholder a:active {text-decoration:none;}
#subNavPlaceholder a:visited {text-decoration:none;}
#subNavPlaceholder a:hover {color:#FFF;text-decoration:none;background-color:#7a5554;}

.activeSubNav {background-color:#7a5554 !important;color:#FFF !important;}

/* dropdown menu */
#dropmenu {position:absolute;z-index:50;color:white;border-width: 1px;border-style:solid;border-color:#c7b79e #571414 #571414 #571414;background-color:#c7b79e;}
#dropmenu a{padding:3px 3px 3px 10px;display:block;color:#571414;text-decoration:none;margin:0px;font-size:10px;border-width:0px 0px 1px 0px;border-color:#000; border-style:solid}
#dropmenu a:hover {color:#fff;text-decoration:none;background-color:#571414;}

/* homepage */
#leftHomePane {position:relative;top:10px;float:left;width:294px;padding-left:10px;}
#rightHomePane {position:relative;top:10px;float:right;width:649px;height:410px;background-color: transparent; background-position: top left;background-repeat:no-repeat}
#leftHomePaneFlash {position:relative;top:2px;float:left;width:955px;height:410px;padding-left:10px;overflow:auto}

/* vinyl */
#rightVinylPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/vinylImg.jpg) top left no-repeat}
#rgtVinylPaneContent {width:415px;position:absolute;top:35px;right:15px;}
#rgtVinylContentLeft {float:left;width:230px;}
#rgtVinylContentRight {position:relative;width:185px;float:right;}
#vinylDemo {position:relative;top:50px;}
#vinylMore {position:relative;top:185px}
#vinylImg1 {margin-bottom:20px}

/* about */
#leftAboutPane {position:relative;top:10px;float:left;width:310px;padding-left:10px;}
#rightAboutPane {position:relative;top:2px;float:right;width:620px;height:410px;background: transparent url(../images/aboutImg.jpg) top left no-repeat}

/* our services */
#rightServicesPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/servicesImg.jpg) top left no-repeat}

/* finance */
#rightFinancePane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/financeImg.jpg) top left no-repeat}

/* roofing */
#rightRoofingPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/roofingImg.jpg) top left no-repeat}

/* gutters */
#rightGuttersPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/guttersImg.jpg) top left no-repeat}

/* affiliations */
#rightAffiliationsPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/affiliationsImg.jpg) top left no-repeat}

/* shingle color */
#rightShingleColorPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/shinglecolorImg.jpg) top left no-repeat}
#rgtShingleColorPaneContent {width:560px;position:absolute;top:15px;right:15px;background-color:transparent;}
#shingleDiv1{display:block;text-align:center;width:550px;height:365px;overflow:auto;}
#shingleDiv2{display:none;text-align:center;width:550px;height:365px;overflow:auto}
#shingleDiv3{display:none;text-align:center;width:550px;height:365px;overflow:auto}
#shingleDiv4{display:none;text-align:center;width:550px;height:365px;overflow:auto}
#shingleDiv5{display:none;text-align:center;width:550px;height:365px;overflow:auto}
#shingleDiv6{display:none;text-align:center;width:550px;height:365px;overflow:auto}
#shingleDiv7{display:none;text-align:center;width:550px;height:365px;overflow:auto}
#shingleNav {text-align:center;width:550px;height:30px;background-color:#FFF}

/* know the difference */
#rightDifferencePane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/differenceImg.jpg) top left no-repeat}

/* only one content pane */
#leftOnePane {position:relative;top:10px;width:900px;margin:auto;font-size:12px}

/* windows and doors */
#rightWindowsPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/windowsdoorsImg.jpg) top left no-repeat}

/* insulation */
#rightInsulationPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/insulationImg.jpg) top left no-repeat}

/* repairs */
#rightRepairsPane {position:relative;top:2px;float:right;width:649px;height:410px;background: transparent url(../images/repairsImg.jpg) top left no-repeat}

/* chimneys */
#rightChimneyPane {position:relative;top:2px;float:right;width:646px;height:410px;background: transparent url(../images/chimneysImg.jpg) top left no-repeat}


/* contactus */
#rightContactUsPane {position:relative;top:2px;float:right;width:649px;}
#contactFormDiv{width:880px;}
#confirmation{height:300px;}

/* testimonials */
.testimonial {width:400px}
.testimonialAlt {width:400px;}
.testimonialByline {font-weight:bold;font-style:italic;text-align:right}

/* employment */
.currentHire {font-weight:bold;font-size:9px;color:#FFF;background-color:#643f3f;border:1px solid #CCC;padding:2px;}
#employmentUL li{margin-bottom:10px}


/* footer */
#footer {color:#FFF; font-size:10px;text-align:center}
#footer a {color:#FFF !important}