@charset "utf-8";
/* CSS Document */


BODY {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #152b48;
margin: 0px;
font-size:12px;
background: #183b66 url(../sitegraphics/treepiece.jpg) no-repeat top center;
/*background: #183b66 url(../sitegraphics/fadebac.jpg) repeat-x top center;*/
background-attachment:fixed
/*background-image: url(sitegraphics/cloudbac.jpg);*/
}

.SendForm
{
    BORDER-RIGHT: #FFFFFF 1px solid;
    BORDER-TOP: #FFFFFF 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: #FFFFFF 1px solid;
    COLOR: #FFFFFF;
    BORDER-BOTTOM: #FFFFFF 1px solid;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #a6bad7
}

/* layout
----------------------------------------------- */
#container {
position: relative;
margin: 40px auto 0px auto;
padding: 0px;
width: 864px;
/*border: 5px solid #fff;*/
}

#WhiteArea {
	background-color: white;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	width: 100%;
	/*border-bottom: 5px solid #fff;*/
}

#TitleLine {
	position: relative;
	padding: 20px 20px 20px 20px;
	margin: 0px auto;
	background-color: transparent;
	/*border-bottom: 5px solid #fff;*/
}

#picleft
{
float: left;
width: 170px;
margin: 0;
padding: 1em;
}

#navRight
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}
#navRight h3 {
margin: 0px 0 0 0;
padding: 0px;
color: #00ABF3;
font-size:14px;
}

#navLeft
{
float: left;
width: 160px;
margin: 0px;
padding: 1em 0px 1em 1em;
}

#contentMidPage {
margin: 0px 20px 0px 180px;
line-height: 1.5em;
/*max-width: 36em; border-left: 1px solid gray;
border-right: 1px solid gray;*/
}

#contentMidPage p.p1 {
margin: 0px;
padding: 0px;
font-size: 11px;
}

#contentMidPage h2{
margin: 0px 0 0 0;
padding: 0px;
color: #4e76b0;
border-bottom: 1px solid gray;
FONT-SIZE: 16px;
}

#contentMidPage h3 {
margin: 0px 0 0 0;
padding: 0px;
color: #4e76b0;
}

#contentMidPage h4 {
margin: 0px 0 0 0;
padding: 0px;
color: #4e76b0;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
}

#contentMidPage A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #304b78;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
}

#contentMidPage A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #90d8f6;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline;
}

#contentMid {
margin: 0px 200px 0px 190px;
line-height: 1.5em;
/*max-width: 36em; border-left: 1px solid gray;
border-right: 1px solid gray;*/
}

#contentMid p.p1 {
margin: 0px;
padding: 0px;
font-size: 11px;
}

#contentMid h3 {
margin: 0px 0 0 0;
padding: 0px;
color: #4e76b0;
}

#winContent {
float: left;
width: 400px;
margin: auto;
padding: 10px;
FONT-SIZE: 12px;
line-height: 2.2em;
}
#winContentRight {
text-align: center;
margin: auto;
padding: 0px;
float: right;
width: 240px;
background-color: #EFF3FA;
}

/* header
----------------------------------------------- */

#pageHeader {
	background: url(../sitegraphics/bar-header.gif) top left no-repeat;
	height: 46px;
	margin: 0;
	/*border-bottom: 5px solid #fff;*/
	}
#pageHeaderBar {
	background: transparent;
	margin: 0px auto;
	padding: 0px;
	width: 864px;
	background: url(../sitegraphics/walsh-white_03.gif) top left no-repeat;
	height: 13px;
	/*border-bottom: 5px solid #fff;*/
}
#pageLogoBar {
	background: transparent;
	margin: 0px auto;
	padding: 0px;
	width: 864px;
	background: #FFFFFF url(../sitegraphics/walsh-logo_07.jpg) top center no-repeat;
	height: 74px;
	/*border-bottom: 5px solid #fff;*/
}

#pageNavBar {
	margin: 0px auto;
	padding: 0px;
	width: 864px;
	text-align:center;
	BACKGROUND-COLOR: #FFFFFF;
	height: 37px;
	/*border-bottom: 5px solid #fff;*/
}

#pageNavLinks {
	background: transparent;
	margin: 0px auto;
	padding: 0px;
	width: 838px;
	text-align:left;
	background: #FFFFFF url(../sitegraphics/navbac.gif) top left repeat-x;
	height: 37px;
	/*border-bottom: 5px solid #fff;*/
}

#pageImageBar {
	background: transparent;
	margin: 0px auto;
	padding: 0px;
	width: 864px;
	text-align: center;
	background: #FFFFFF url(../sitegraphics/walsh-pgImage_11.jpg) top center no-repeat;
	height: 218px;
	/*border-bottom: 5px solid #fff;*/
}

#pageHeaderRight {
	text-align:right;
	margin: 0px;
	padding: 10px 30px 10px;
	width: 400px;
	float:right;
	/*border-bottom: 5px solid #fff;*/
	}
	
	#pageHeaderCenter {
	margin: 0px auto 0px 140px;
	width:50%;
	align:middle;
	height: 46px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FFFFFF;
	font-size:9pt;
	/*border-bottom: 5px solid #fff;*/
	}
	
	#pageHeaderLeft {
	float:left;
	text-align:Left;
	margin: 0;
	width:400px;
	height:46px;
	padding: 0px 0px 0px 0px;
	/*border-bottom: 5px solid #fff;
	background: url(../sitegraphics/home-link_03.gif) top left no-repeat;*/
	}


#pageHeader h1 {
	display: none;
	}

#pageHeader h2 {
	display: none;
	}
#pageHeaderBar h1 {
	display: none;
}

#pageHeaderBar h2 {
	display: none;
	}
	
#bottomText {
	padding: 0px;
	width: 600px;
	/*border-bottom: 5px solid #fff;*/
}
	
/* Footer ------------------ */

#footer {
	height: 46px;
	margin: auto;
	width: 864px;
	padding: 10px 0px 20px 0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FFFFFF;
	font-size:9pt;
	/*border-bottom: 5px solid #fff;*/
	}
	
a.footlink:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #b1c2de;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
a.footlink:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #b1c2de;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
a.footlink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline;
}

#pageFooterBar {
	background: transparent;
	margin: 0px auto;
	padding: 0px;
	width: 864px;
	background: url(../sitegraphics/walsh-redesign_16.gif) top center no-repeat;
	height: 19px;
	/*border-bottom: 5px solid #fff;*/
}
	
#footerRight {
	width: auto;
	margin: 0;
	padding: 10px 0px 20px 5px;
	/*border-bottom: 5px solid #fff;*/
	}

#footerLeft {
	margin: 0;
	width: auto;
	height: 21px;
	padding: 0px 0px 0px 80px;
	/*border-bottom: 5px solid #fff;*/
	background: url(../sitegraphics/airtite-tiny.gif) top left no-repeat;
	}


/* ---------- Window Page Vinyl Windows ---------------*/
#WindowBoxDH57 {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 216px;
	float:right;
	background: url(../sitegraphics/dh57-white.jpg) top left no-repeat;
	height: 410px;
}
#WindowBoxSH54 {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 288px;
	float:right;
	background: url(../sitegraphics/54-sh.jpg) top left no-repeat;
	height: 449px;
	}
	
	#WindowBoxDH54 {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 288px;
	float:right;
	background: url(../sitegraphics/54-dh.jpg) top left no-repeat;
	height: 449px;
	}
	
#WindowBoxPI54 {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 238px;
	float:right;
	background: url(../sitegraphics/54-pi.jpg) top left no-repeat;
	height: 449px;
}
#WindowBoxPI57 {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 216px;
	float:right;
	background: url(../sitegraphics/pi57-white.jpg) top left no-repeat;
	height: 410px;
}

#WindowBoxSH57 {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 216px;
	float:right;
	background: url(../sitegraphics/sh57-white.jpg) top left no-repeat;
	height: 410px;
}

#dhphotos {
	margin: 0px auto;
	padding: 0px;
	width: 584px;
	background: url(../sitegraphics/pic-dh57-houses.jpg) top left no-repeat;
	height: 188px;
}

#shphotos {
	margin: 0px auto;
	padding: 0px;
	width: 584px;
	background: url(../sitegraphics/pic-sh57-rockhouse.jpg) top left no-repeat;
	height: 188px;
}
#sh57photos {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/collage-sh57.jpg) top left no-repeat;
	height: 320px;
}
#ss57photos {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/collage-ss57.jpg) top left no-repeat;
	height: 320px;
}
#sh54photos {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/collage-sh54.jpg) top left no-repeat;
	height: 320px;
}
#dh54photos {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/collage-dh54.jpg) top left no-repeat;
	height: 320px;
}
#pwphotos {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/collage-picture.jpg) top left no-repeat;
	height: 320px;
}
#pw54photos {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/collage-picture54.jpg) top left no-repeat;
	height: 320px;
}
#dh57photos {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/collage-dh57.jpg) top left no-repeat;
	height: 320px;
}

#sliderpane {
	margin: 0px auto;
	padding: 0px;
	width: 584px;
	background: url(../sitegraphics/57-slidercad.jpg) top left no-repeat;
	height: 400px;
}

#sliderpane54 {
	margin: 0px auto;
	padding: 0px;
	width: 584px;
	background: url(../sitegraphics/54-slidercad.jpg) top left no-repeat;
	height: 400px;
}
#casementpane {
	margin: 0px auto;
	padding: 0px;
	width: 584px;
	background: url(../sitegraphics/55-casementcad.jpg) top left no-repeat;
	height: 400px;
}

#slidercollage {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/collage-slider.jpg) top left no-repeat;
	height: 320px;
}
#casementcollage {
	margin: 0px auto;
	padding: 0px;
	width: 588px;
	background: url(../sitegraphics/casement-collage.jpg) top left no-repeat;
	height: 320px;
}





/* ---------- French Sliding Door Page ---------------*/

#frenchdoorbox {
	margin: 10px auto 15px 0px;
	padding: 0px;
	width: 576px;
	background: url(../sitegraphics/pic-FrenchDoor.jpg) top left no-repeat;
	height: 249px;
}

#frenchdoorcut {
	margin: 10px auto 15px 0px;
	float:right;
	padding: 0px;
	width: 250px;
	background: url(../sitegraphics/pic-frenchdoorcut.jpg) top left no-repeat;
	height: 216px;
}

#slidingdoorcut {
	margin: 10px auto 15px 0px;
	float:right;
	padding: 0px;
	width: 375px;
	background: url(../sitegraphics/pic-slidingdoor.jpg) top left no-repeat;
	height: 354px;
}


/* ---------- Patio Enclosure Page ---------------*/

#enclosurebox {
	margin: 10px auto 15px 0px;
	padding: 0px;
	width: 450px;
	background: url(../sitegraphics/pic-enclosure1.jpg) top left no-repeat;
	height: 139px;
}

#enclosurebox2 {
	margin: 10px auto 15px 0px;
	padding: 0px;
	width: 450px;
	background: url(../sitegraphics/pic-enclosure2.jpg) top left no-repeat;
	height: 139px;
}

/* ---------- Storm Windows Page ---------------*/

#stormbox1 {
	margin: 10px auto 15px 15px;
	float:right;
	padding: 0px;
	width: 175px;
	background: url(../sitegraphics/pic-storm1.jpg) top left no-repeat;
	height: 245px;
}

#stormbox2 {
	margin: 10px auto 15px 0px;
	padding: 0px;
	width: 450px;
	background: url(../sitegraphics/pic-storm2.jpg) top left no-repeat;
	height: 310px;
}


/* ---------- Sunscreens Page ---------------*/

#screenbox1 {
	margin: 10px auto 15px 0px;
	padding: 0px;
	width: 450px;
	background: url(../sitegraphics/pic-screen1.jpg) top left no-repeat;
	height: 139px;
}

#screenbox2 {
	padding: 0px;
	width: 440px;
	background: url(../sitegraphics/pic-screen2.jpg) top left no-repeat;
	height: 171px;
}

#calloutblock {
    FONT-SIZE: 12px;
	width: 440px;
	padding: 10px;
    COLOR: #4e76b0;
	FONT-STYLE:italic;
    FONT-FAMILY: Arial, Verdana;
}

/* ---------- Window Page Vinyl Windows ---------------*/
#AlumBox1 {
	margin: 0px auto;
	padding: 0px;
	width: 220px;
	float:right;
	background: url(../sitegraphics/pic-alum1.jpg) top left no-repeat;
	height: 446px;
}

#AlumBox2 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 363px;
	background: url(../sitegraphics/picalum2.jpg) top left no-repeat;
	height: 197px;
}


/* ---------- Contact Page ---------------*/


/*#contacttxt1 {
	margin: 0px auto;
	width: 50%;
	float: left;
}

#contacttxt2 {
	margin: 0px auto;
	float: right;
	width: 50%;
}*/

#contacttxt {
	border: 1px solid #c0ccdc;
	overflow: hidden;
	padding:10px;
	width: 450px;
}

#contacttxtleft {
	width: 47%;
	float: left;
}

#contacttxtright {
	width: 47%;
	float: right;
}




/*-------------------------------------------*/

#pageTitleGraphic {
	position: relative;
	background: transparent;
	margin: 0px auto;
	padding: 0px;
	width: 864px;
	background: url(../sitegraphics/bar-home.jpg) top left no-repeat;
	height: 147px;
	/*border-bottom: 5px solid #fff;*/
}
#pageTitleGraphic h1 {
	display: none;
}

#pageTitleGraphic h2 {
	display: none;
	}
	
	
#TitleGraphicVinylWindows {
	position: relative;
	background: transparent;
	margin: 0px auto;
	padding: 0px;
	width: 864px;
	background: url(../sitegraphics/bar-home.jpg) top left no-repeat;
	height: 147px;
	/*border-bottom: 5px solid #fff;*/
}
#TitleGraphicVinylWindows h1 {
	display: none;
}

#TitleGraphicVinylWindows h2 {
	display: none;
	}

/*-------------Links--------------*/
A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #304b78;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
}
A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #304b78;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
}
A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #90d8f6;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline;
}


a.subnav:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #4e76b0;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
}
a.subnav:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #4e76b0;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
}
a.subnav:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #268b8f;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline;
}


A.WhiteLink:link {
	FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #edecec;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
}
A.WhiteLink:visited {
	FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #edecec;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
}
A.WhiteLink:hover {
	FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline;
}
/* Navigation ------------------------------------*/
#navlist
{
margin-left: 0;
padding-left: 0;
padding-top: 0;
list-style: none;
}

#navlist li 
{
list-style: none;
color: #33629e;
padding: 10px;
background-image: url(../sitegraphics/bluArrow.gif);
background-repeat: no-repeat;
background-position: 0 1.1em;
/*BACKGROUND-COLOR: #EFF3FA;*/
}

#subnavlist
{
margin-left: 0;
padding-left: 1em;
padding-top: 2px;
list-style: none;
line-height: 1.5em;
BACKGROUND-COLOR: #EFF3FA;
}

/*ul#navlist li a:hover
{
color: #6495d3;
text-decoration:underline;
}

ul#navlist li a:link
{
color: #33629e;
text-decoration:underline;
}

ul#navlist li a:visited
{
color: #33629e;
text-decoration:none;
}*/


ul#mainnav
{
list-style-type: none;
margin: 0;
padding: .5em 0;
border-top: 1px solid #000;
}

ul#mainnav li a
{
display: block;
width: 5em;
color: #FFF;
background-color: #ccc;
padding: .5em 0;
text-align: left;
text-decoration: none;
width: auto;
}

ul#mainnav li a:hover
{
color: #FFF;
background-color: #000;
}

ul#mainnav .left { float: left; }
ul#mainnav .right { float: right; }

	
	/* FONTS///////////////////////////////// */
	
	.WhiteText {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color:#FFFFFF;
font-size:12px;
/*background-image: url(sitegraphics/cloudbac.jpg);*/
}

	.SmallBlue {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color:#4e76b0;
font-size:10px;
/*background-image: url(sitegraphics/cloudbac.jpg);*/
}
.SmallBlueBold {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#00ABF3;
font-size:11px;
/*background-image: url(sitegraphics/cloudbac.jpg);*/
}

.SmallReg {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #152b48;
font-size:10px;
BACKGROUND-COLOR: #EFF3FA;
/*background-image: url(sitegraphics/cloudbac.jpg);*/
}

.SmallGreen {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #6aa242;
font-size:11px;
/*background-image: url(sitegraphics/cloudbac.jpg);*/
}


A.SelectedLink:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #304b78;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
	BACKGROUND-COLOR: #CEDBF0;
	padding: 2px 2px 2px 0px;
}
A.SelectedLink:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #304b78;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
	BACKGROUND-COLOR: #CEDBF0;
	padding: 2px 2px 2px 0px;
}
A.SelectedLink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #40649e;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline;
	BACKGROUND-COLOR: #CEDBF0;
	padding: 2px 2px 2px 0px;
}

A.NavLeft:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #304b78;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
	padding: 2px 2px 2px 0px;
}
A.NavLeft:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #304b78;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
	padding: 2px 2px 2px 0px;
}
A.NavLeft:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #40649e;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline;
	padding: 2px 2px 2px 0px;
}

#goPrint {
margin: 0px 0px 0px 0px;
width: 150px;
text-align: right;
float: right;
}

#titleText {
margin: 0px 0px 0px 0px;
width: 450px;
text-align: left;
float: left;
}

#titleDesc {
margin: 5px 0px 0px 0px;
width: 550px;
text-align: left;
}

#contactForm {
margin: 0px 0px 0px 25px;
width: 550px;
text-align: left;
}

#energytax {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 5px;
text-align: center;
width:120px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #6aa242;
font-size:11px;
}

