* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #fefefe;
}



 h1  {
 margin:3px 0px 3px 0px;
text-align:left;
position:relative;
color:#000000;
font-family: "Trebuchet MS";
font-size: 1.5em;

}

h2  {
 margin:3px 0px 3px 0px;
position:relative;
color:#000000;
font-family: "Trebuchet MS";
font-size: 1.3em;
}

h3  {
 margin:3px 0px 3px 0px;
margin-left: 0px;
position:relative;
color:#000000;
font-family: "Trebuchet MS";
font-size: 1.1em;
}

img.floatright { 
    float: right; 
    margin: 10px 10px 10px 10px; 
}


.bay1 a {
	width:190px;
	height:188px;
	display: block;
	background: transparent url(../windows-section/bay.jpg) no-repeat; 

}

.bay1 a:hover {
	background-image: url(../windows-section/bay2.jpg);
}

.bow1 a {
	width:190px;
	height:188px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../windows-section/bow.jpg);

}

.bow1 a:hover {
	background-image: url(../windows-section/bow2.jpg);
}

.casement1 a {
	width:190px;
	height:188px;
	font-size: 10px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../windows-section/casement.jpg);

}

.casement1 a:hover {
	background-image: url(../windows-section/casement2.jpg);
}

.doublehung1 a {
	width:190px;
	height:188px;
	font-size: 10px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../windows-section/doublehung.jpg);

}

.doublehung1 a:hover {
	background-image: url(../windows-section/doublehung2.jpg);
}

.patio1 a {
	width:190px;
	height:188px;
	font-size: 10px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../windows-section/patio.jpg);

}

.patio1 a:hover {
	background-image: url(../windows-section/patio2.jpg);
}

.picture1 a {

	width:190px;
	height:188px;
	font-size: 10px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../windows-section/picture.jpg);

}

.picture1 a:hover {
	background-image: url(../windows-section/picture2.jpg);
}

.slider1 a {

	width:190px;
	height:188px;
	font-size: 10px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../windows-section/slider.jpg);

}

.slider1 a:hover {
	background-image: url(../windows-section/slider2.jpg);
}

.whitediv{
float:left;
margin:0px 0px 5px 0px;
padding: 10px 5px 5px 15px;
width: 835px;
height: auto;
background: #ffffff;
border: #d6d4b8 1px solid;
}

.whitediv2{
float:left;
margin:0px 10px 10px 0px;
padding: 10px 5px 5px 15px;
width: 835px;
height: auto;
background: #ffffef;
border: #000000 1px solid;
}

.whitediv3{
float:left;
margin:0px 0px 5px 0px;
padding: 10px 5px 5px 15px;
width: 835px;
height: auto;
background: #def0fb;
border: #000000 1px solid;
}

.whitediv4{
float:left;
margin:0px 0px 5px 7px;
padding: 10px 5px 5px 15px;
width: 835px;
height: auto;
background: #ffffef;
border: #000000 1px solid;
}

img.floatleft { 
    float: left; 
    margin: 10px 10px 10px 20px; 
}

 ul {


    line-height:1.8;
    list-style-type:none;
}
li {
    padding-left:45px;
    background:transparent url(../images/bullet.gif) no-repeat;
    background-position:24px 4px;
}


p.bullets1{
font-family: arial;
font-size: 13px;
color: #0052a0;
margin:3px 0px 0px 0px;
line-height: 19pt;

}












img{border: none;}

.wrapper { 
 margin: 0 auto;
 width: 900px;

}

.wrappercontent { 
 margin: 0 auto;
 width: 900px;

}

#header{
float:left;
width:100%;
height: 181px;
background-image: url(../images/headerbg.gif);
background-position:top;
background-repeat: repeat-x;
}


#logo{
float:left;
width: 539px;
margin: 6px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 127px;
}

#call{
float:right;
width: 361px;
margin: 6px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 127px;
}

/* menu */

#menu{
float:left;
width: 900px;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 41px;

}


a#home {
width:112px;
height:41px;
background-image:url(../images/home.gif);
display:block;
text-decoration:none;
float:left;
}

a#home:hover {
background-position:112px 0;
}

a#windows {
width:139px;
height:41px;
background-image:url(../images/windows.gif);
display:block;
text-decoration:none;
float:left;
}

a#windows:hover {
background-position:139px 0;
}

a#pricing {
width:124px;
height:41px;
background-image:url(../images/pricing.gif);
display:block;
text-decoration:none;
float:left;
}

a#pricing:hover {
background-position:124px 0;
}

a#basics {
width:214px;
height:41px;
background-image:url(../images/basics.gif);
display:block;
text-decoration:none;
float:left;
}

a#basics:hover {
background-position:214px 0;
}


a#warranty {
width:150px;
height:41px;
background-image:url(../images/warranty.gif);
display:block;
text-decoration:none;
float:left;
}

a#warranty:hover {
background-position:150px 0;
}

a#company {
width:161px;
height:41px;
background-image:url(../images/company.gif);
display:block;
text-decoration:none;
float:left;
}

a#company:hover {
background-position:161px 0;
}


/* content */



#main{
float:left;
width:100%;
height: auto;
background-image: url(../images/mainbg.gif);
background-position:top;
background-repeat: repeat-x;
}




#logomain{
margin: 7px 0px 0px 0px;
width:559px;
height:113px;
float:left;
}

#rightextras{
margin: 0px 0px 0px 0px;
width:300px;
height:113px;
float:right;
}




#content { z-index: 1;
 color: #333;
 background: #f5f5f5;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 900px;
 float: left;
}

#subhead {
 color: #333;

 margin: 5px 0px 0px 4px;
 padding: 0px;
 height: 100px;
 width: 880px;
 float: left;
}


#flash {
 color: #333;

 margin: 5px 0px 0px 8px;
 padding: 0px;
 height: 180px;
 width: 880px;
 float: left;
}


#text { 
 color: #333;

 margin: 10px 0px 0px 8px;
 padding: 0px;
 height: auto;
 width: 880px;
 float: left;
}




#left{
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 570px;
 float: left;
 
}

#right{
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 305px;
 float: right;
}


.text_box{
background: #f0efef;
 border:#4a9ec5 1px solid;
 margin: 0px 0px 10px 0px;
 padding: 10px 10px 10px 10px;
 height: auto;
 width: 550px;
 float: left;
}


.text_box p{
font-family: arial;
font-size: 12px;
color: #255777;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 18px;
}

.text_box a{ 
text-decoration: underline;
font-family: arial;
font-size: 12px;
color: #000000;
margin:0px 0px 0px 0px;
 }
 
.text_box a:hover{ 
text-decoration: none;
font-family: arial;
font-size: 12px;
color: #1d4a69;
margin:0px 0px 0px 0px;
 }

/* patio sale */


#patio_sale{
 border:#4a9ec5 0px solid;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 231px;
 width: 300px;
 float: right;
 background-image: url(../images/patio_salebg.gif);
 background-position:top;
 background-repeat: no-repeat;
}

#patio_sale_inner{
 margin: 150px 0px 0px 0px;
 padding: 0px 5px 0px 5px;
 height: auto;
 width: 285px;
 float: right;

}

#patio_sale_inner p{
font-family: arial;
font-size: 12px;
color: #ffffff;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 14px;
}

#patio_sale_inner a{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#patio_sale_inner a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #eeeeee;
margin:0px 0px 0px 0px;
 }






#footer{
 float: left;
width:100%;
height: auto;
background: #3979a2 url(../images/footerbg.gif);
background-position:top;
background-repeat: repeat-x;
}


#footer_text{
text-align: center;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 900px;
 float: left;
}

#footer_text p{
font-family: arial;
font-size: 12px;
color: #ffffff;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 14px;
}

#footer_text a{ 
text-decoration: underline;
font-family: arial;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#footer_text a:hover{ 
text-decoration: none;
font-family: arial;
font-size: 12px;
color: #eeeeee;
margin:0px 0px 0px 0px;
 }
 
 #seo_text{
text-align: left;
 margin: 10px 0px 0px 0px;
padding:0px 0px 0px 10px;
 height: auto;
 width: 900px;
 float: left;
}

#seo_text p{
font-family: arial;
font-size: 12px;
color: #ffffff;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 14px;
}

#seo_text a{ 
text-decoration: underline;
font-family: arial;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;

 }
 
#seo_text a:hover{ 
text-decoration: none;
font-family: arial;
font-size: 12px;
color: #eeeeee;
margin:0px 0px 0px 0px;
 }




/* right links */

#rightlinks{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 300px;
 float: right;

}


a#baywindows {
float:right;
width:300px;
height:60px;
background-image:url(../images/baywindows.gif);
display:block;
text-decoration:none;
float:left;
}

a#baywindows:hover {
background-position:300px 0;
}

a#bowwindows {
float:right;
width:300px;
height:59px;
background-image:url(../images/bowwindows.gif);
display:block;
text-decoration:none;
float:left;
}

a#bowwindows:hover {
background-position:300px 0;
}

a#casement {
float:right;
width:300px;
height:61px;
background-image:url(../images/casement.gif);
display:block;
text-decoration:none;
float:left;
}

a#casement:hover {
background-position:300px 0;
}

a#doublehung {
float:right;
width:300px;
height:61px;
background-image:url(../images/doublehung.gif);
display:block;
text-decoration:none;
float:left;
}

a#doublehung:hover {
background-position:300px 0;
}

a#patiodoors {
float:right;
width:300px;
height:61px;
background-image:url(../images/patiodoors.gif);
display:block;
text-decoration:none;
float:left;
}

a#patiodoors:hover {
background-position:300px 0;
}

a#picturewindows {
float:right;
width:300px;
height:61px;
background-image:url(../images/picturewindows.gif);
display:block;
text-decoration:none;
float:left;
}

a#picturewindows:hover {
background-position:300px 0;
}

a#sliderwindows {
float:right;
width:300px;
height:61px;
background-image:url(../images/sliderwindows.gif);
display:block;
text-decoration:none;
float:left;
}

a#sliderwindows:hover {
background-position:300px 0;
}




/* what window */

#whatwindow{
background-image: url(../images/whatwindowsbg.gif);
background-position:top;
background-repeat: no-repeat;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 236px;
 width: 900px;
 float: right;
}

img.moreinfo{
float:right;
 margin: 0px 18px 0px 0px;
 padding: 0px 0px 0px 0px;

}

#whattop{
display:inline;

 height: 30px;
 width: 900px;
 float: left;
 margin: 10px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
}


#whatleft{
display:inline;
background: #f0efef;
 height: 171px;
 width: 427px;
 float: left;
 margin: 14px 0px 0px 16px;
 padding: 0px 0px 0px 0px;
}

#whatright{
display:inline;
background: #f0efef;
 height: 171px;
 width: 427px;
 float: right;
 margin: 14px 16px 0px 0px;
 padding: 0px 0px 0px 0px;
}


#whatright p{
width: 200px;
float:left;
font-family: arial;
font-size: 12px;
color: #000000;
margin:3px 0px 10px 10px;
padding: 0px 0px 0px 0px;
line-height: 14px;
}


#whatleft p{
width: 200px;
float:left;
font-family: arial;
font-size: 12px;
color: #000000;
margin:3px 0px 10px 10px;
padding: 0px 0px 0px 0px;
line-height: 14px;
}


img.smallpic { 
    float: right; 
    margin: 0px 5px 0px 0px; 
}

img.floatleft2 { 
    float: left; 
    margin: 0px 0px 0px 0px; 
}

img.contacthead { 
display:block;
    float: left; 
    margin: 0px 5px 5px 0px; 
}




/*footer links */


img.footlinks { 
display:inline;
    float: left; 
    margin: 0px 0px 0px 0px; 
}

#footerlinks{
 margin: 0px 2px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 895px;
 float: right;
}

#footerlinks a{ 
margin:0px 0px 0px 0px;
 }
 
#footerlinks a:hover{ 
margin:0px 0px 0px 0px;
 }
 
 /* contact form */
 
 #contactform{
 border: #1d4a69 1px solid;
 background: #e1e4ea;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 height: auto;
 width: 300px;
 float: right;
} 


#contactform p{
width: 90px;
float:left;
font-family: arial;
font-size: 12px;
color: #000000;
margin:3px 0px 10px 20px;
padding: 0px 0px 0px 0px;
line-height: 14px;
}

#form{
height:auto;
width: 300px;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}