/* ------------------------------------------------------------------------
CSS sheet for Window and Door Central
Author: Tim Kadec
Date Created: 2/5/2007

All inquiries for this document should be directed to information@virtualtech.com.
------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
COLORS

Maroon - #7A0101
Tan - #9E7A37
Light Blue - #6B8591
Dark Blue for Borders - #364850

------------------------------------------------------------------------ */



/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/

*{
	margin: 0px;
	padding: 0px;
}
h1, h2, h3{
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1{
	text-indent: -9999px;
	font-size: 70%;
}
body{
	font: 12px/1.5em Verdana, Arial, sans-serif;
	text-align: center;
	background: url(images/test.gif);
}
#wrap{
	width: 779px;
	margin: auto;
	text-align: left;
	position: relative;
	background: #fff;
	color: #202020;
	border: 1px solid #000;
	border-width: 0 1px;
}	
#wrap a{
	color: #586EAD;
	text-decoration: none;
}
#wrap a:hover{
	text-decoration: underline;
}
#header{
	width: 100%;
	height: 225px;
	background: url(images/headerbgindex.jpg) no-repeat #7A0101;
	position: relative;
}
body.residential #header{
	background: url(images/headerbgNEW2.jpg) no-repeat #7A0101;
}
body.comercial #header{
	background: url(images/headerbgcommercial.jpg) no-repeat #7A0101;
}
body.historical #header{
	background: url(images/headerbghistorical.jpg) no-repeat #7A0101;
}
body.products #header{
	background: url(images/headerbgproducts.jpg) no-repeat #7A0101;
}
body.contactus #header{
	background: url(images/headerbgNEW6.jpg) no-repeat #7A0101;
}

/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/
ul.navigation{
	display: block;
	float: left;
	width: 100%;
	background: #9E7A37;
	list-style-type: none;
	color: #fff;
	font-size: 95%;
	clear: both;
	border-top: 1px solid #61481A;
	border-bottom: 1px solid #61481A;
}
#wrap ul.navigation a{
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding: 0 8px;
	border-left: 1px solid #D7D7DA;
}
ul.navigation li{
	float: left;
	padding: 1px 0px;
}
#wrap ul.navigation li.first a{
	border: 0px;
}
#wrap ul.navigation li a:hover{
	text-decoration: underline;
}
/* -----------------------------------------------------------------------
HOURS ELEMENTS
-------------------------------------------------------------------------*/
#hours{
	float: left;
	color: #fff;
	line-height: 1.2em;
	margin-top: 85px;
}
#hours:after{
	clear: both;
}
#hours h2{
	font-size: 100%;
	margin: 0px 5px 5px 98px;
	letter-spacing: .02em;
}
#hours dl{
	margin-left: 98px; 
	font-size: 95%;
}
#hours dt{
	font-weight: 600;
}
#hours dd{
	padding-bottom: 4px; 
}
/* -----------------------------------------------------------------------
FLASH ELEMENTS
-------------------------------------------------------------------------*/
#main #flash{
	float: right;
	background: #fff;
	padding: 4px;
	border: 1px solid #c0c0c0;
	border-right-color: #808080;
	border-bottom-color: #808080;
	margin: 5px;
}
#main #flash img{
	float: none;
	border: 0;
	padding: 0;
	margin: 0;
}
/* -----------------------------------------------------------------------
WHY ELEMENTS
-------------------------------------------------------------------------*/
#why{
	float: right;
	width: 270px;
	background-color: #fff;
}
#why h2{
	font-size: 133%;
	padding: 0 5px;
	margin: .8em 0;
	color: #212F35;
	font-weight: normal;
	letter-spacing: .01em;
}
#why dl{
	padding: 0 5px;
	font-size: 95%;
}
#why dt{
	margin: .2em 0;
	text-transform: uppercase;
	text-decoration: underline;
}
#why dd{
	margin: 0 0 .8em 0;
}
#why ul{
	margin-left: 20px;
	list-style-type: none;
}
#why a img{
	border: 1px solid black;
}
#why p.maplink{
	margin-left: 20px;
}
/* -----------------------------------------------------------------------
MAIN ELEMENTS
-------------------------------------------------------------------------*/
#main{
	margin-right: 300px;
	padding-top: 1.2em;
}
#main h2{
	font-size: 150%;
	letter-spacing: .01em;
	color: #212F35;
	font-weight: normal;
	margin: .8em 0;
	padding-left: 10px;
}
#main img{
	float: right;
	background: #fff;
	padding: 4px;
	border: 1px solid #c0c0c0;
	border-right-color: #808080;
	border-bottom-color: #808080;
	margin: 5px;
}
#main p{
	margin: 1.4em 0;
	padding-left: 10px;
}
.bold{
	text-transform: uppercase;
	font-weight: bold;
}
/* -----------------------------------------------------------------------
CONTACT FORM ELEMENTS
-------------------------------------------------------------------------*/
form.contactform{
	margin-left: 10px;
	width: 500px;
}
form.contactform label{
	display: block;
	clear: both;
	padding-bottom: 5px;
}
form.contactform .labeltext{
	display: block;
	float: left;
	width: 200px;
}
fieldset{
	border: 0px;
}
legend{
	margin-bottom: 10px;
}
.legendtext{
	display: block;
	width: 340px; 
	font-weight: bold;
	border-bottom: 1px dashed black;
}
form.contactform strong{
	display: block;
	font-size: 85%;
	text-indent: 10px;
	font-weight: normal;
	font-family: arial;
}
#address2{
	clear: both;
	margin-left: 200px;
	display: block;
}
/* -----------------------------------------------------------------------
SITE MAP ELEMENTS
-------------------------------------------------------------------------*/
ul.sitemap{
	clear: both;
	margin-left: 20px;
}
/* -----------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	font-size: 95%;
	clear: both;
	line-height: 1.2em;
	border-top: 1px solid #c0c0c0;
	background: #fff;
}
#footer p{
	padding-top: 5px;
	padding-bottom: 4px;
	float: left;
	padding-left: 10px;
}
#footer ul{
	background: #fff;
	border: 1px solid #c0c0c0;
	float: right;
	list-style-type: none;
	margin-top: -7px;
	padding: 0 10px;
	margin-right: 10px;
}
#footer ul li{
	float: left;
	padding: 2px 5px;
}
#footer li a{
	text-decoration: none;
	color: #586EAD;
}
.bottomfix{
	clear: both;
}