body {

	margin:0;

	padding:0;

	color:#333;

	font-size:75%;

	font-family: "Trebuchet MS",verdana,helvetica,sans-serif;

	text-align:center;

	background-image: url(images/bodybk.jpg);

	background-repeat: repeat-x;

	background-color: #EDEDF8;

	background-position: center top;

	



}

p{

	text-align:justify;

	margin-right: 8px;

	margin-left: 8px;

	font-size: 1em;

	line-height: 1.5em;

}

h1, h2, h3, h4 {

	margin: 0;

	margin-left: 4px;

}





h1 {

	font-size: 22px;

	font-weight: bold;

	color: #333333;

	line-height: 35px;

	padding-left: 0px;

	margin-bottom: 12px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

	width: 85%;

}







h2 {

	font-size: 22px;

	font-weight: bold;

	color: #9090D5;

	line-height: 20px;

	padding-left: 24px;

	margin-bottom: 12px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #D70000;

	width: 85%;

	margin-left: 12px;

	background-repeat: no-repeat;

	padding-bottom: 12px;

	margin-top: 12px;

}



h3 {

	font-size: 18px;

	font-weight: bold;

	color: #0C295A;

	padding-left: 20px;

	line-height: 22px;

	width:70%;

	background-image: url(images/h3.gif);

	background-repeat: no-repeat;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	margin-left: 20px;

	margin-top: 12px;

}

h4 {

	font-size: 16px;

	font-weight: bold;

	color: #333333;

	line-height: 40px;

	font-style: italic;

	margin-bottom: 12px;

	margin-top: 12px;

}

h5 {

	font-size: 14px;

	font-weight: bold;

	color: #333333;

	margin-bottom: 4px;

	background-color: #9090D5;

	text-align: left;

	width: 100%;

}





#wrapper {

	text-align: left;

	margin: 0px auto;

	padding: 0px;

	border:0;

	width: 780px;

	background: url("/path/to/your/background_cols.gif") repeat;

}



#header {

	height: 181px;

	background-repeat: no-repeat;

	width: 780px;

	background-image: url(images/topheader.jpg);

	background-position: left center;

}

#menu{

	height: 357px;

	width: 780px;

	margin-top: 12px;

}



#nav li{

	list-style: none;

	float: left;

	width: 337px;

}



#nav li a{

	display: block;

	height: 357px;

	width: 337px;

	text-indent: -5000px;

}

#nav li a#lnk_glassblock{

	background-image: url(images/glassblockup.jpg);

	background-repeat: no-repeat;

	margin-left: -24px;

}

#nav li a#lnk_glassblock:hover{

	background-image: url(images/glassblockover.jpg);

	background-repeat: no-repeat;

	margin-left: -24px;

}



#nav li a#lnk_window{

	background-image: url(images/windowsup.jpg);

	background-repeat: no-repeat;

}

#nav li a#lnk_window:hover{

	background-image: url(images/windowsover.jpg);

	background-repeat: no-repeat;

}



#navcontainer{

	padding-top: 112px;

}

#navlist

{

	padding: 5px 0;

	margin-left: 0;

	font-color: #333333;

	font-weight: bold;

	color: #333333;
	
	
			background-color: #E3D8B5;

}



#navlist li

{

list-style: none;

margin: 0;

display: inline;

}



#navlist li a

{

	padding: 3px 0.5em;

	margin-left: 3px;

	border: 1px solid #778;

	border-bottom: none;

	background: #E3D8B5;

	text-decoration: none;

	font-color: #333333;

	background-color: #E3D8B5;

	/*color: #667;*/
	
	color: #000;

}



#navlist li a:link { }

#navlist li a:visited { }



#navlist li a:hover

{

	color: #FFFFFF;

	border-color: #227;

	padding-bottom: 4px;

	padding-top: 5px;

	padding-right: 0.5em;

	padding-left: 0.5em;

	text-decoration: underline;

	background-color: #CFBC81;

}



#navlist li a#current

{

	padding-bottom: 4px;

	padding-top: 5px;

	padding-right: 0.5em;

	padding-left: 0.5em;

	color: #FFFFFF;

	text-decoration: underline;

	background-color: #CFBC81;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}

#side-a {

	width: 780px;

	float: left;

}



#side-a2 {

	float: left;

	width: 548px;

	margin-right: 5px;

	margin-left: 5px;

	border: 1px solid #333333;

}

#darker{

	background-color: #E3D8B5;

	width: 98%;

	margin-left: 1%;

	margin-top: 1%;

	padding-bottom: 1%;

	margin-bottom: 1%;

	border: 1px solid #999999;

}

#side-b {

	float: left;

	width: 200px;

	height: 1% /* Holly hack for Peekaboo Bug */;

	margin-left: 5px;

	margin-right: 5px;

	text-align: left;

}

#side-b ul li{

	margin-left: -6px;

}

#side-b  li a{

	margin-left:-6px;

	font-size: 11px;

	font-weight: bold;

	color: #242460;

	text-decoration: none;

}

#side-b li a:hover

{

	text-decoration: underline;

	font-style: italic;	

}

#footer {

	clear: both;

	padding-top: 24px;

}

/* all A tags whose HREF attribute ends in .pdf */

a[href$='.pdf'] { 

	padding-right: 18px;

	background: transparent url(images/icon_pdf.gif) no-repeat center right;

}



/* all A tags whose REL attribute equals pdf */

a[rel='pdf'] { 

	padding-right: 18px;

	background: transparent url(images/icon_pdf.gif) no-repeat center right;

}



/*  all A tags whose REL attributes has the letters pdf somewhere mixed in*/

a[rel*='pdf'] { 

	padding-right: 18px;

	background: transparent url(images/icon_pdf.gif) no-repeat center right;

}



/* all A tags whose REL attribute contains the value pdf, seperated from other values with a space */

a[rel~='pdf'] { 

	padding-right: 18px;

	background: transparent url(images/icon_pdf.gif) no-repeat center right;

}



/* all A tags whose HREF attribute starts with mailto: */

a[href ^="mailto:"] {

	padding-right: 18px;

    background: transparent url(images/icon_mailto.gif) no-repeat center right;

   

}



/* all A tags whose CLASS attribute is popup */

a[class ="popup"] {

	padding-right: 18px;

    background: transparent url(images/icon_popup.gif) no-repeat center right;

}





a[href$='.doc'] { 

	padding-right: 18px;

	background: transparent url(images/icon_doc.gif) no-repeat center right;

}

a[href$='.xls'] { 

	padding-right: 18px;

	background: transparent url(images/icon_xls.gif) no-repeat center right;

}

a[rel ~='external'] {

	padding-right: 18px;

	background: transparent url(images/icon_external.gif) no-repeat center right;

}

/* all A tags whose HREF attribute starts with #top */

a[href ^="#top"] {

	padding-right: 18px;

    background: transparent url(images/icon_top.gif) no-repeat center right;

   

}

#index2 .index2, #replacementwindows .replacementwindows, #newconstruction .newconstruction, #about .about, #woodwindows .woodwindows, #contact .contact

{padding-bottom: 4px;

	padding-top: 5px;

	padding-right: 0.5em;

	padding-left: 0.5em;

	color: #FFFFFF;

	text-decoration: underline;

	background-color: #CFBC81;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;}

.clearleft{clear:left;}

.clearright{clear:right;}

.clearboth{clear:both;}

.glassblock{

	width:300px;

	float:left;

	margin-left: 84px;

	margin-right: 0px;

	text-align: justify;

}

.window{

	width:300px;

	float:right;

	margin-left: 74px;

	margin-right: 15px;

	text-align: justify;

}.enter{

	font-size: 15px;

	font-weight: bold;

	text-align: center;

}

.floatleft{float:left;}

.floatright{float:right;}

.picleftfloat{

	float:left;

	margin-right:12px;

	margin-left: 12px;

}

.productspic{

	margin-left: 18px;

}

.windowtable{

	border: 1px solid #333333;

}

.collage{

	margin-left: 120px;

}

#windowdetailright{

	width: 346px;

	float: right;

	font-weight: bold;

}

#windowdetailleft{

	width: 179px;

	float: left;

	font-weight: bold;

}

.sketch {

	margin-left: 15px;

}

.warranty{margin-left:8px;}

.style1a {

	font-size: 10px;

	font-weight: bold;

	text-decoration: none;

}

.woodwindowpic{margin-left:68px;}