/* Colors
Lite Tan - e8daa2
Dark Tan - d9ca8e
Tan Border - bcb38e
Brown - 38331c
Grey - dededd
Dark Grey - 7c7c7c
----------------------------------------- */
/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { text-align: center; background-color: #fff; font-family:Verdana, Geneva, sans-serif; font-size: 0.8em; color: #000; }
ul, li { list-style: none; }
h1 { background: inherit; color: #62331c; font-size: 130%; font-weight: bold; padding: 15px 0 5px 0; }
h2 { background: inherit; color: #62331c; font-size: 120%; font-weight: bold; padding: 5px 0; }
h3 { background: inherit; color: #62331c; font-size: 120%; font-weight: bold; padding: 15px 0 5px 0; }
h4 { font-size: 100%; font-weight: bold; padding: 5px 0; }
h5 { font-size: 100%; font-weight: 200; padding: 5px 0; }

p { margin: 1em 0; line-height: 1.3; }
a:link { background-color: inherit; color: #06f; }
a:visited { background-color: inherit; color: #0044a9; }
a:hover { background-color: inherit; color: #036; }
a:active { background-color: inherit; color: #c6c8ca; }

/* Divs
----------------------------------------- */
#wrapper { background: inherit; color: #000; margin: 25px auto; text-align: left; width: 911px; }
#contentwrap { background: inherit; color: #000; width: 911px; }

#sidenav { width: 196px; float: left; }
#sidelinks { background-color: #fff; color: #62331c; height: 380px; width: 194px; }
#sidelinks li { padding: 7px 27px; }
#sidelinks a { background-color: inherit; color: #62331c; font-weight: bold; text-decoration: none; }
#sidelinks a:hover { background-color: inherit; color: #a8923c; }

#windowsnav li { background-color: inherit; color: #000; font-size: 85%; padding: 0 0 0 15px; }
#doorsnav li { background-color: inherit; color: #000; font-size: 85%; padding: 0 0 0 15px; }

#content { float: left; margin: 0 10px; width: 401px; }
#boxnav { float: left; width: 286px; }

#aboutandeco { width: 286px; }
#weinstall { margin: 8px 0 0; width: 286px; }
#whycharles { margin: 8px 0 0; width: 286px; }


#footboxes { color: #000; font-size: 85%; margin: 17px auto; padding-left:5px; width: 911px; }
#footboxes img { float:left; height: 70px; padding-right: 7px; width: 70px; }
#footboxes p { margin: 0 0 5px 0; }
#footboxes a { font-weight: bold; text-decoration: none; }

#architects, #showroom, #testimonials, #photogallery { background-color: #fff; border:1px solid #bcb38e; color: #38331c; float: left; margin-right: 21px; padding:6px; width: 195px; }

#photogallery { margin-right: 0; }




#footer { background-color: #62331c; color: #EFE0A9; font-size: 80%; margin: 0 auto; padding: 5px 0; width: 902px; text-align:center; }
#footer li { background: url(images/navsep.gif) 0 50% no-repeat; display: inline; padding: 7px 6px 7px 11px; }
#footer li.firstnav { background:none; padding-left:0; }
#footer a  { color: #EFE0A9; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

#credit { background-color:inherit; color: #aca481; font-size: 70%; text-align: center; }
#credit a  { color: #aca481; text-decoration: none; }
#credit a:hover { color: #aca481; text-decoration: underline; }


#insidecontent .bulletlist ul { margin: 0 0 1em 2em; }
#insidecontent .bulletlist li { background: url('images/bullet.gif') no-repeat 0 6px; padding: 0 0 5px 18px; }

#insidecontent .linklist ul { margin: 0 0 1em 2em; }
#insidecontent .linklist li { background: url('images/external_link.gif') no-repeat 0 2px; padding: 0 0 5px 18px; }

#insidecontent p.line { border-bottom: 1px dotted #718830; margin-left: 10%; width: 80%; } 

.th_gallery { margin-left:25px; }
.th_gallery li { float: left; padding: 10px; }
.th_gallery img { border: 1px solid #bcb38e; display: block; padding: 2px; width:100px; height:100px; }
.th_gallery a:hover img { border: 1px solid #612e88; }



/* Divs - Inside Pages
----------------------------------------- */
#insidecontent { float: left; margin: 0 0 0 15px; padding: 15px 0 20px 0; width: 697px; }
#insidecontent h1.title { background:url(images/h1_bkg.gif) 0 0 repeat-x; color: #000; font: 150% 'Times New Roman', Times, serif; padding: 5px 20px 5px; margin-bottom:1.5em; text-align:right; }
* html h1.title { margin-top:-3px; } /* IE6 fix */
*:first-child+html h1.title { margin-top:-3px; } /* IE7 fix */
.disclaimer { background-color: #f4f4f4; border:1px solid #aaa; color: #666; font-size: 80%; padding: 10px 10px;width: 100% }
.specialoffer { border-top: 1px solid #62331c; border-bottom: 1px solid #62331c; color: #62331c; font-weight: bold; padding: 10px 30px; text-align: center; }

.prodtitle { background: inherit; color: #62331c; font-weight: bold; padding: 5px; text-align: left; }
.prodleft { padding: 5px; text-align: left; vertical-align: top; width: 200px; }
.prodright { vertical-align: top; }

p.quote { margin: 2em 3em 0; font: italic 120% 'Times New Roman', Times, serif; }
p.quoteName { text-align:right; margin-right: 2em; }

/* Images */
img { border: 0; }
img.logo { width: 196px; height: 89px; }
img.masterimg { width: 403px; height: 475px; }
img.aboutcharles { width: 139px; height: 154px; }
img.ecofriendly { width: 139px; height: 154px; }
img.accredits { width: 237px; height: 64px; }
img.footerimg { width: 102px; height: 102px; padding: 5px; }
img.weinstallimg { width: 142px; height: 142px; padding: 0 5px 0 2px; }
img.we_install_pic { width: 147px; height: 117px; padding: 0; }
img.inside_header { width: 697px; height: 311px; }
img.directions { width: 320px; height: 217px; margin: 5px; }
img.fireprevention { float: right; width: 187px; height: 146px; margin-left: 15px; }
img.doorentryway { width: 415px; height: 415px; margin: 5px; text-align: center; }
img.entrydoors { width: 282px; height: 146px; margin: 10px 0; }
img.slidingdoors { width: 626px; height: 146px; margin: 10px 0; }
img.swingingdoors { width: 476px; height: 146px; margin: 10px 0; }
img.interior_doors { width: 644px; height: 146px; text-align: center; }
img.woodwindows { width: 628px; height: 146px; margin: 10px 0; }
img.woodwindows2 { width: 322px; height: 146px; margin: 10px 0; }
img.vinylwindows { width: 426px; height: 84px; margin: 5px; text-align: center; }
img.aluminumwindows { width: 178px; height: 122px; margin: 10px 0; }
img.hardiepool { float:right; width: 217px; height: 160px; margin-left: 15px; }
img.map { border:1px solid #bcb38e; float:right; width: 359px; height: 335px; margin-left: 15px; padding: 2px; }
img.car { float:left; padding-right: 10px; }
img.external { width: 14px; height: 14px; vertical-align: middle; }

/* Flash
----------------------------------------- */
#flashcontent { text-align:center; }

/* Contact Form
----------------------------------------- */
form { margin: 0; padding: 0; }
fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #663C28; }
legend { font-weight: bold; font-size: 1.3em; padding: 0 4px 8px 4px; color: #663C28; background-color: #fff; }
dt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
label.last { font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
input.submit { margin-top: 1em; padding: 3px; color: inherit; background-color: #fff; border: none; }
.errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

/* Self Cleared Float
----------------------------------------- */
#wrapper:after,
#contentwrap:after,
#sidenav:after,
#sidelinks:after,
#content:after,
#insidecontent:after,
#boxnav:after,
#aboutandeco:after,
#weinstall:after,
#whycharles:after,
#footboxes:after,
#footer:after,
#architects:after,
#showroom:after,
#foot3:after,
#photogaller:after,
#footlinks:after,
#copyright:after,
#credit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* links back to home page */
a#liketext:link {
	color:#aca481;
	text-decoration:none;
}
a#liketext:visited {
	color:#aca481;
	text-decoration:none;
}
a#liketext:hover {
	color:#aca481;
	text-decoration:none;
}
/*#tanbar { float: left; margin: 0 0 0 4px; padding: 0 0 0 0; width: 899px;}*/
#tanbar { float: right; margin: 0 7px 0 0; padding: 0 0 0 0; width: 699px;}
/*#tanbar p.tanbartitle { background:url(images/h1_bkg.gif) 0 0 repeat-x; color: #002D7A; font: 120% 'tahoma', times, serif; font-weight: bold; font-style: italic; padding: 5px 92px 5px; margin-bottom:1em; text-align: right; }*/
#tanbar p.tanbartitle { background:url(images/h1_bkg.gif) 0 0 repeat-x; color: #002D7A; font: 110% 'tahoma', times, serif; font-weight: bold; font-style: italic; padding: 5px 10px 5px; margin-bottom:1em; text-align: left; }


#quote {position: absolute; color:#000; padding: 40px 10px; width: 260px;font-size: 11px; }

table#contact td tr{padding-bottom: 10px;}

.required {color: #FF0000}