/* Standard Declarations */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 145%; }
html { font-size: 75%; height: 100%; }
body { margin: 0; padding: 0; border: 0; background: #ffffff; color: #676767; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; }
h1, h2, h3, h4, h5, h6, p, address { margin: 0 0 1.2em 0; padding: 0; font-style: normal; }
h3 {clear: both;}
ul, ol { padding-bottom: 1.2em; padding-left: 1.25em; }
ul ul, ol ol { padding-bottom: 0; }
a img { border: 0; }
a, a:link { color: #cf9710; font-weight: bold; }
a:hover, a:focus, a:active { color: #d93939; }
.hidden { display: none; }
.left { float: left; margin: 0 1em 1em 0; }
.imgleft { float: left; margin: 0 8px 18px 0; border: thin solid #333; }
.imgnorm { border: thin solid #333; }
.right { float: right; margin: 0 0 1em 1em; }
.imgright { float: right; margin: 0 0 1em 1em; border: thin solid #333; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
#ie .clearfix { height: 1%; }
/* Design-Specific Declarations */
.container { width: 942px; margin: 0 auto; font-size: 90%; }
h1 { color: #d93939; font-size: 215%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0 0 .4em 0; }
h2 { clear: both; font-size: 135%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0 0 .4em 0; }
#printBanner { display: none; }
#header { background: #ffffff url(../images/bg-header.gif) left bottom repeat-x; margin-top: 25px; }
.home #header { background: #ffffff url(../images/bg-header-home.gif) left bottom repeat-x; }
#header .container { }
#logo a { float: left; display: block; text-indent: -9999em; background: url(../images/logo.gif) no-repeat; width: 580px; height: 125px; margin-bottom: -23px; }
.home #logo { float: left; text-indent: -9999em; background: url(../images/logo.gif) no-repeat; width: 580px; height: 125px; margin-bottom: -23px; }
#contactInformation { float: right; display: block; width: 259px; height: 74px; font-size: 1.3em; }
#contactInformation .freeHead a{ color: #cf9710; font-weight:bold; font-size: 1.2em; }
#contactInformation .freeHead a:hover{ color: #d93939; font-weight:bold; font-size: 1.2em; }
#header .navigation { clear: both; margin-left: 124px; position: relative; z-index: 10; }
#header .navigation ul#menu { margin: 0 auto; padding: 0; list-style: none; }
#header .navigation ul#menu li { }
#header .navigation ul#menu li a { display: block; }
#header .navigation ul#menu li a:hover { background-position: left bottom; }
#header .navigation ul li a.home { background: url(../images/nav-home.gif) no-repeat; width: 83px; display: block; text-indent: -9999em; height: 51px; }
#header .navigation ul li a.windows-doors { background: url(../images/nav-windows-doors.gif) no-repeat; width: 151px; display: block; text-indent: -9999em; height: 51px; }
#header .navigation ul li a.design-installation { background: url(../images/nav-design-installation.gif) no-repeat; width: 167px; display: block; text-indent: -9999em; height: 51px; }
#header .navigation ul li a.gallery { background: url(../images/nav-gallery.gif) no-repeat; width: 84px; display: block; text-indent: -9999em; height: 51px; }
#header .navigation ul li a.about-us { background: url(../images/nav-about-us.gif) no-repeat; width: 97px; display: block; text-indent: -9999em; height: 51px; }
#header .navigation ul li a.testimonials { background: url(../images/nav-testimonials.gif) no-repeat; width: 114px; display: block; text-indent: -9999em; height: 51px; }
#header .navigation ul li a.contact-us { background: url(../images/nav-contact-us.gif) no-repeat; width: 116px; display: block; text-indent: -9999em; height: 51px; }
/* START HIERARCHICAL MENU - HORIZONTAL */
/* set colors and styles */
#menu { margin:0; padding:0; list-style: none; float: left; }
#menu ul { width: 155px; background: #d6d6d6; float: left; margin: 0; padding: 0; list-style: none; }
#menu li { position: relative; float: left; display: block; }
#menu li a { display: block; font-weight: normal; }
#menu li li { float: none; clear: left; }
#menu img { display: block; }
#ie #menu li { display: inline; }
#menu li ul a { color: #676767; text-decoration: none; padding: .5em 15px; display: block; border-top: 1px solid #fff; }
#menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: #676767; background: #fff; }
/* position sub-level drop-downs */
#menu ul ul { top: 0; margin: -1px 0 0; }
/* special classes */
#menu li ul.scroll { height: 20em; overflow: auto; }
#menu li ul.sublist { background: #000; position: relative; left: 0; border: 0; }
#menu li ul.sublist a { padding: .5em .5em .5em 2em; color: #fff; }
#menu li ul.sublist a:hover, #menu li ul.sublist a:focus, #menu li ul.sublist a.active { color: #000; }
#menu li:hover ul.sublist, #menu li:focus ul.sublist, #menu li a.hierover ul.sublist, #menu li li a.hierover ul.sublist { position: relative; left: 0; }
/* the magic - only edit where notated */
#menu li:hover { z-index: 5; }
#ie #menu li li a { height: 1%;} /* allows IE to use block hovers */
#ie6 li a.hierover { z-index: 5; } /* overlay fix for IE6 */
/* hides/shows all levels */
/* hides 1st */ #menu ul, /*2nd*/#menu li:hover ul ul, #menu li:focus ul ul, #menu li a.hierover ul ul, /*3rd*/ #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li a.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; }
/* shows 1st */ #menu li:hover ul, #menu li:focus ul, #menu li a.hierover ul, #menu li li a.hierover ul, /*2nd*/ #menu li li:hover ul, #menu li li:focus ul, #menu ul li a.hierover ul, /*3rd*/ #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li a.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 0; }
/* shows 2nd */ #menu ul li:hover ul, #menu ul li:focus ul, #menu ul li a.hierover ul, #menu ul li li a.hierover ul, /*2nd*/ #menu ul li li:hover ul, #menu ul li li:focus ul, #menu ul ul li a.hierover ul, /*3rd*/ #menu ul li li li:hover ul, #menu ul li li li:focus ul, #menu ul li li li a.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; }
/* END HIERARCHICAL MENU - HORIZONTAL */
#illustration { position: relative; }
#flash { clear: both; height: 290px; background: url(../images/template-illustration-home.jpg) no-repeat; }
#body { background: #f5f5f5; }
#body .container { }
#containerColumns { }
#columnMain { float: left; width: 610px; }
#content { padding: 20px; }
#pageTitle { padding-bottom: 10px; background: url(../images/dashed-line.gif) left bottom repeat-x; margin-bottom: 25px; }
#pageTitle h1 { margin: 0; }
#columnMain .box { background: url(../images/bg-main.gif) repeat-y; margin-bottom: 26px; color: #676767; font-weight: bold; }
#columnMain .boxHead { background: url(../images/bg-mainHead.gif) left top no-repeat; }
#columnMain .boxFoot { background: url(../images/bg-mainFoot.gif) left bottom no-repeat; padding: 25px; }
#columnMain .box h1 { margin-bottom: .6em; }
#columnSide { float: right; width: 296px; }
#contactUs { padding: 20px 0; }
#contactUs h1 { padding: 0 28px; }
#contactUs form { }
#contactUs form p { background: url(../images/dashed-line.gif) left bottom repeat-x; padding-bottom: 1em; margin-bottom: 1.6em; }
#contactUs form input.text { display: block; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #676767; width: 215px; padding: 5px; border: 1px solid #e7e7e7; margin-bottom: .8em; }
#contactUs form textarea { display: block; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #676767; width: 215px; padding: 5px; border: 1px solid #e7e7e7; margin-bottom: .8em; height: 6em; }
#columnSide .box { background: url(../images/bg-side.gif) repeat-y; margin-right: 14px; }
#columnSide .boxHead { background: url(../images/bg-sideHead.gif) left top no-repeat; }
#columnSide .boxFoot { background: url(../images/bg-sideFoot.gif) left bottom no-repeat; padding: 25px; }
/*#giftCertificate { display: block; width: 193px; height: 178px; margin: 35px 0 55px 50px; }
.home #giftCertificate { display: block; width: 191px; height: 174px; position: absolute; left: 718px; top: 140px; }*/
#giftCertificate { display: block; width: 185px; height: 185px; margin: 35px 0 55px 50px; }
.home #giftCertificate { display: block; width: 185px; height: 185px; position: absolute; left: 725px; top: 140px; }
#footer { background: #080808; color: #b7b7b7; font-weight: bold; }
#footer .container { padding: 34px 0 0 0; }
#footerLeft { float: left; width: 514px; }
#footer .navigation { padding-bottom: 15px; }
#footer .navigation ul { margin: 0 auto; padding: 0; list-style: none; }
#footer .navigation ul li { margin: 0; padding: 0; float: left; list-style: none; }
#footer .navigation ul li a { display: block; padding: 0 2em .3em 0; text-decoration: none; }
#footer strong { color: #fff; }
#footerRight { float: right; width: 296px; }
#footerRight p { padding: 0 25px 1em 25px; }
#footer .box { background: url(../images/bg-footer.gif) repeat-y; margin-right: 14px; }
#footer .boxHead { background: url(../images/bg-footerHead.gif) left top no-repeat; padding: 25px; }
#footer .box p { padding: 0 0 1em 0; }
#footer .box strong { float: left; width: 10em; }
#footer .free a { color: #cf9710; }
#footer .free a:hover {color: #d93939; }
.picSub { font-size: .875em }