@font-face {
    font-family: 'Calibri';
    src: url('http://www.best-exteriors.com/fonts/calibri.eot');
    src: url('http://www.best-exteriors.com/fonts/calibri.eot?#iefix') format('embedded-opentype'),
         url('http://www.best-exteriors.com/fonts/calibri.woff') format('woff'),
         url('http://www.best-exteriors.com/fonts/calibri.ttf') format('truetype'),
         url('http://www.best-exteriors.com/fonts/calibri.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin:0; padding:0; }

html { position:relative; top:0; left:0; width:100%; height:100%; }
body { position:relative; top:0; left:0; width:100%; height:100%;
       background-image:url('images/grid_bg.gif'); /* 'images/wood-siding_bg.jpg''images/wood-siding_bg.jpg' images/3.jpg */
       font-family:verdana,helvetica,sans-serif; font-size:.8em; }
h1,h2 { font-family:georgia,'times new roman',times,serif; margin:0; text-align:center; }
h2 { font-size:1.2em; }
a { color:#000; text-decoration:none; }
a:visited { color:#000; }
a img { border:none; }

#mainH1 { margin-top:4px; font-size:2em; color:#008; text-align:center; /* #ff0066  */
            }

#wrapper { position:relative; top:0; left:0; width:80%; width:970px; min-height:780px; margin:0 auto; padding:0;
           border-width:0 4px 4px 4px; border-style:solid; border-color:red;
           background-color:#fff; box-shadow:6px 0 8px #444, -6px 0 8px #444; behavior:url('http://www.best-exteriors.com/PIE.htc');
	 } /* background:url('images/grid_bg.gif'); #044764 #0095e0 */

#header { position:relative; top:0; left:0; height:140px; margin:0 0px 0 0; padding:0;
          background-color:#CDAA7D;
	  background-image:-moz-linear-gradient(left, #FFD39B 30%, #CDAA7D);
	  background-image:-webkit-linear-gradient(left, #FFD39B 20%, #CDAA7D);
	  background-image:-o-linear-gradient(left, #FFD39B 20%, #CDAA7D);
	  background-image:-ms-linear-gradient(left, #FFD39B 20%, #CDAA7D);
	  background-image:linear-gradient(left, #FFD39B 20%, #CDAA7D);
 }
/*          background:url('images/blue_grad_top_bg.jpg') repeat-x; */
#header img { margin-left:5px; height:138px; }
#headerList { position:absolute; top:14px; left:730px; list-style:none;
	font-family:georgia,serif; font-size:22px; color:#800; font-weight:bold; text-shadow:1px 1px 0 #fff, 2px 2px 4px #444;
 }

#exteriors { position:absolute; top:2px; left:20px; margin:0; padding:0; border:none; }

#best_oval { position:absolute; top:4px; left:50px; margin:0; padding:0; z-index:1; }
#exteriorsx { position:absolute; top:108px; left:170px; margin:0; padding:0; z-index:2; }
#right_asterisk { position:absolute; top:48px; left:526px; margin:0; padding:0; }
#hi_image { position:absolute; top:60px; right:2%; } /*  left:340px; */

#mainContent { padding:4px 8px 8px 0px; overflow:hidden; }
#creditsBox { float:left; padding-top:14px; width:180px; height:480px; 
	       text-align:center; background-color:#fff; } /* dark orange #EF5113  padding-top:2.6em; */
#creditsBox img { margin-bottom:2.8em; width:95px; } /* margin-top:1.5em; width:110px;  */

#ctaBox { padding:12px 0; color:navy; text-shadow:1px 1px 2px #444; background-color:#ff8; border:solid 3px orange; box-shadow:8px 8px 4px #444; border-radius:.5em; behavior:url('http://www.best-exteriors.com/PIE.htc'); }
#ctaBox a, #ctaBox:visited { color:navy; }

#ctaBoxx { padding:12px 0; background-color:#f7f8e8; border:solid 3px #88f; box-shadow:8px 8px 4px #444; border-radius:.5em; behavior:url('http://www.best-exteriors.com/PIE.htc'); }
#introBox { float:left; margin-left:30px; padding-left:6px; width:270px; } /* 42 18px */

#callBox { width:80%; margin:2px auto; }
#callBox h2 { font-size:22px; text-align:center; color:#800; }
#callBox p { font-size:16px; font-weight:bold; text-align:center; }
#callBox1 { float:left; width:48%; }
#callBox2 { float:left; width:49%; }
#callBox:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}

#panelContainer { position:relative; top:0; left:0; width:90%; height:290px; margin:0 auto; overflow:hidden; }
.panelBox { height:260px; width:260px; box-shadow:4px 4px 3px #606060; behavior:url('http://www.best-exteriors.com/PIE.htc');
             border:solid 1px black; background-color:#fffff0; overflow:hidden; }
#panelBox1 { position:absolute; top:4px; left:3%; margin:0; }
#panelBox2 { position:absolute; top:4px; left:36%; margin:0; }
#panelBox3 { position:absolute; top:4px; right:3%; margin:0; }

.xpanelBox { float:left; position:relative; height:280px; width:260px; margin-left:2%; box-shadow:4px 4px 3px #606060;
             border:solid 1px black; background-color:#fffff0; overflow:hidden; }
.panelBoxHeader { position:absolute; top:0px; left:0; padding:4px; width:252px;
              background-color:rgba(100, 60, 60, .6); z-index:11; behavior:url('http://www.best-exteriors.com/PIE.htc'); }
.panelBoxBody { position:absolute; top:0; left:0; z-index:10; }
.panelBoxBody img { width:100%; }
.panelBox h2 { color:white; text-shadow:1px 1px 1px #404040; margin:0; }

#leftPanel { background-color:#f8f8e8; }
#rightPanel { position:absolute; top:0; right:0; width:370px; min-height:780px; padding-top:6px; background-color:#FFF68F; /* #FFF68F #FFEC8B; */
              border-style:solid; border-width:0 3px 0 3px; border-color:#a50010; }
#rightPanel h2 { color:white; text-shadow:1px 1px 1px #404040; }

#mainBodyText { width:94%; margin:.6em auto; overflow:hidden; }
#diamond { float:left; width:158px; margin-left:6px; border:solid 1px #000; }
#diamond p { margin:0; padding:0; text-align:center; box-shadow:4px 4px 3px #606060; behavior:url('http://www.best-exteriors.com/PIE.htc'); }
#diamond img { margin:0; padding:0; }
#mainBodyText .stdtext { float:left; width:63%; margin-left:8px; padding:0 6px; } /*  width:560px; */
#bbb { float:right; width:158px; border:solid 1px #000; }
#bbb p { margin:0; padding:0; text-align:center; box-shadow:4px 4px 3px #606060; behavior:url('http://www.best-exteriors.com/PIE.htc'); }
#bbb img { margin:0; padding:0; }


#footer { margin-top:10px; }

.stdtext    { font-family:Calibri,verdana,helvetica,sans-serif; font-size:1.3em; line-height:1.1em; text-indent:1em; text-align:justify; margin:.5em 0 .5em 0; } /* 16x0.75=12 */
.smalltext  { font-size:10px; text-indent:.75em; text-align:justify; }
.largetext { font-family:Calibri,verdana,helvetica,sans-serif; font-size:1.6em; line-height:1.1em; }
.centerText { text-align:center; }
.boldText { font-weight:bold; }
.center80 { width:80%; margin-left:auto; margin-right:auto; }
a.reg { text-decoration:underline; }
.bimg { padding:5px; background-color:white; border-style:solid; border-width:1px 2px 2px 1px;
         border-color:#c0c0c0 #606060 #606060 #c0c0c0; box-shadow:4px 4px 2px #404040; -webkit-box-shadow:2px 2px 2px #404040; behavior:url('http://www.best-exteriors.com/PIE.htc'); }
.dropcapparagraph  { font-size:12px; text-indent:.5em; text-align:justify; }
.dropcapparagraph:first-letter { font-size:300%; font-weight:bold; background-color:transparent; line-height:12px; }
.bordered { border:solid 1px black; }

#menuBar { position:relative; top:0px; left:0px; width:100%; height:26px; padding:0; font-size:1.3em; font-family:Calibri,sans-serif;
	   border-color:darkgray; border-style:solid; border-width:3px 0 2px 0; z-index:200; background-color:#f7f8e8;
         }

#nav {
	margin: 0;
	padding: 0px 2px 0px;
	background: transparent;
	line-height: 100%;
	width:100%;
}
#nav li {
	margin: 0px; /* 0 5px */
	padding: 0 0 1px;
	float: left;
	position: relative;
	list-style: none;
	width:15%; /* 18% */
	text-align:center;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #800;
	text-decoration: none;
	display: block;
	padding:  4px 4px; /* 4px 20px */
	margin: 0;	
	text-shadow: 1px 1px 0px #fff, 2px 1px 3px #444;
}
#nav a:hover {
	background: #000;
	color: #000;
}

#nav #doorsMenu { width:22%; }

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #e0e0e0; /* #e0e0e0 */
	color: #000;
	/* border-top: solid 1px #f8f8f8; */
	text-shadow: 1px 1px 1px #888;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: #F7F8E8;
	border: none;
	color: #000;
	font-weight:bold;
}
#nav ul a:hover {
	background: #e0e0e0 !important; /* 0078ff */
	color: #800 !important; /* #fff */
	text-shadow: 0 1px 1px #fff; /* 000 .1 */
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 26px; /* 30 35px */
	left: 0;
	background: #fff; /* #ddd */
	border: solid 1px #b4b4b4;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	width:auto;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -6px;
}


/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	/* visibility: hidden; */
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}