/* This Style Sheet is organized to hold all container styles of the site. */
/* The styles in this style sheet have been tested to work on IE7, FireFox2, and Safari3 */
/* The divs in this style sheet have exact dimensions and placement and should not be adjusted. */
/* Ideally no one should need to edit this style sheet. */
/* Author: Alex Melo, alex.melo@springswindowfashions.com */
 
* {margin:0;padding:0;font-size:11px;font-family:arial, sans-serif;}
	
body {font-size:11px;font-family:arial, sans-serif;}

/* This div wraps around all the other containers. Should have the exact width and height of site */
#wrapper{width:960px;height:100%;}

/* Keep left and right padding set to zero to prevent*/ 
/* the bottom border expanding out */
/* Border color is Black */
#topHeader {width:960px;padding:5px 0px 5px 0px;border-bottom:solid 5px #000000;}

#topHeader img {margin-left:10px;margin-top:10px;}

.headNav {position:relative;left:275px;text-align:right;font-size:10px;}

/* This div contains the sideNav and the Content. The background image will be used
	When the content gets longer than sideNav. It will help appear as though it was 
	the same height	 */	
#main {background-image: url(/images/side_bg.gif);background-repeat: repeat-y;background-position: left top;float:left;}

/*  This is the left side bar. It includes the navigation styles that are in this 
	column. The sideNav container will be 178px wide and be an olive green color. */	
#sideNav{background-color:#c8d5a6;width:178px;height:auto;float:left;padding-top:10px;padding-bottom:10px;}
/*  ******END OF SIDENAV*****  */


/*  This is the content area. There will be a two divs for the page content. One for only the homepage,
	and the other for the rest of the pages. The main difference between the content from the homepage 
	and other pages is the 	background image and the left margin setting. */	
/* The padding-left setting is needed to create the space gap between the side navigation*/	
/* and the content container. Please do not change this setting! */
#content{width:762px;height:auto;float:right;padding-top:10px;padding-bottom:15px;padding-left:0px;margin-left:20px;}
#content p {margin-bottom:8px;}

#homecontent{background:url(../images/home_bg_05.jpg) no-repeat left top;width:782px;height:auto;float:right;padding-top:20px;padding-bottom:0px;padding-left:0px;margin:0;}
/* These settings are to create the space between the tag elements */
/* and the edge of the container. Only on the home page.*/
#homecontent h1, #homecontent p{padding-left:30px;padding-right:5px;}

/* This is a container that is only used on the Homepage */
#module {float:left;background-color:#FFFFFF;font-size:11px;margin-top:114px;margin-left:0px;margin-bottom:0px;padding:15px 0px 15px 0px;}

#moduleOne {background-color:#ffffff;float:left;width:220px;height:auto;padding:0px;margin:0;}
#moduleOne h4 {padding-left:20px; padding-right:10px;}
#moduleOne p {padding-left:20px;padding-right:10px;}
#moduleOne img {margin-left:10px;padding-right:10px;}

#moduleTwo {background-color:#ffffff;float:left;width:242px;min-height:150px;padding:0px;margin:0;border-left:solid 1px #c8d5a6;}
#moduleTwo h4 {padding-left:20px;padding-right:10px;}
#moduleTwo p {padding-left:20px;padding-right:10px;}
	
#moduleThree {background-color:#ffffff;float:left;width:250px;min-height:150px;padding:0px;margin:0;border-left:solid 1px #c8d5a6;}
#moduleThree h4 {padding-left:20px;padding-right:10px;}
#moduleThree p {padding-left:20px;padding-right:10px;}
#moduleThree img {margin-left:10px;padding-right:10px;}

/* The rest of these div classes are used for the product detail pages. They all have specific width. */
/* Adjusting the width on any of these classes will more than likely break the layout of the pages! */
/* Please DO NOT change these settings! */
div.productInfo {float:left;width:555px;margin:10px 0 10px 0px;}
div.productInfo img {float:left;margin:0 10px 0 0;}

div.productFeatures {float:left;margin-right:0px;width:200px;}
div.productDocs {float:right;padding-bottom:25px;padding-left:5px;border-left:solid 1px #c8d5a6;width:202px;}

.greenSection {float:left;width:400px;}
.greenSection ul {margin-left:20px;list-style:outside disc;}

.resources {background-color:#ecf0e0;float:right;border:solid 1px #c8d5a6;margin:10px 0 10px 0;padding:5px 5px 15px 5px;width:190px;}
/* *****END OF CONTENT***** */


/* **** FOOTER CONTAINER ***** */
#footer {clear:both;width:960px;font-size:10px;text-align:center;padding-top:10px;border-top:solid 2px #000000;}

#windowImg {float:left;position:relative;width:178px;top:-205px;margin: 0 0 -205px 0px;padding: 0 0 -205px 0px;}
/* *****END OF FOOTER **** */