@charset "utf-8";
/* CSS Document */

body {
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-adivgn: center; /* this centers the container in IE 5* browsers. The text is then set to the left adivgned default in the #container selector */
	color: #3B3A3B;
}
h3{
	font-size:14px;
	font-weight:bold;
	font: Arial, Helvetica, sans-serif
	line-height:13px;
	padding:0;
	margin:20px 0 -5px 0;
	}
a, a:visited, a:hover {
	color:#3B3A3B;
	text-decoration:none;
	}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #f2f2f2;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #3B3A3B;
	text-adivgn: left; /* this overrides the text-adivgn: center on the body element. */
}
#header {
	background: #FFFFFF; 
	height:174px;
	padding: 0 0 0 0;  /* this padding matches the left adivgnment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1, #header p{
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	display:none;
	visibidivty:hidden;
}
#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 20px 20px 20px 30px;
	height:auto;
}
#navigation {
	float:left;
	display:block;
	width:130px;
	padding:10px 10px 0 10px;
	margin:0 0 25px 0;
}
.hide{
visibility:hidden
}
.clearfix {
	clear:both;
}
#navigation a{
	float:left;
	padding:0;
	margin:0;
	width:130px;
	height:25px;
	border-top: 3px solid #FFFFFF;
	cursor:pointer;
}
a.homenav {
	background-image:url(images/nav/menu_1home_off.gif);
}
a.homenav:hover {
	background-image:url(images/nav/menu_1home_on.gif);
}
a.windowsnav {
	background-image:url(images/nav/menu_2windows_off.gif);
}
a.windowsnav:hover {
	background-image:url(images/nav/menu_2windows_on.gif);
}
a.doorsnav {
	background-image:url(images/nav/menu_3doors_off.gif);
}
a.doorsnav:hover {
	background-image:url(images/nav/menu_3doors_on.gif);
}
a.conservnav {
	background-image:url(images/nav/menu_4conservatories_off.gif);
}
a.conservnav:hover {
	background-image:url(images/nav/menu_4conservatories_on.gif);
}
a.glassnav {
	background-image:url(images/nav/menu_5glass_off.gif);
}
a.glassnav:hover {
	background-image:url(images/nav/menu_5glass_on.gif);
}
a.facianav {
	background-image:url(images/nav/menu_6facia_off.gif);
}
a.facianav:hover {
	background-image:url(images/nav/menu_6facia_on.gif);
}
a.testernav {
	background-image:url(images/nav/menu_7testimonials_off.gif);
}
a.testernav:hover {
	background-image:url(images/nav/menu_7testimonials_on.gif);
}
a.photosnav {
	background-image:url(images/nav/menu_8photos_off.gif);
}
a.photosnav:hover {
	background-image:url(images/nav/menu_8photos_on.gif);
}
a.contactnav {
	background-image:url(images/nav/menu_9contactus_off.gif);
	border-bottom: 3px solid #FFFFFF;
}
a.contactnav:hover {
	background-image:url(images/nav/menu_9contactus_on.gif);
	border-bottom: 3px solid #FFFFFF;
}
.photos {
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:300px;
	float:left;
	display:block;
	margin:0 0 10px 0;
}
.photos_narrow {
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:150px;
	float:left;
	display:block;
	margin:0 0 10px 0;
}
.photos_wide {
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:450px;
	float:left;
	display:block;
	margin:0 0 10px 0;
}
.photos_gallery {
	padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:375px;
	float:left;
	display:block;
	margin:0 0 10px 0;
}
.content {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0 0 10px 0;
	width:450px;
	float:left;
	display:block;
	background-image:url(images/textareas/middle.jpg);
}
.content_wide {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0 0 10px 0;
	width:750px;
	float:left;
	display:block;
	background-image:url(images/textareas/middle_wide.gif);
}
.content_narrow {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0 0 10px 0;
	width:300px;
	float:left;
	display:block;
	background-image:url(images/textareas/middle_narrow.gif);
}
.content h2, .content_wide h2, .content_narrow h2{
	display:none;
	}
.title_home {
	padding:0;
	height:70px;
	width:100%;
	background-image:url(images/textareas/home.gif);
	}
.title_windows {
	padding:0;
	height:70px;
	width:100%;
	background-image:url(images/textareas/windows.gif);
	}
.title_doors {
	padding:0;
	height:70px;
	width:100%;
	background-image:url(images/textareas/doors.gif);
	}
.title_conservatories {
	padding:0;
	height:70px;
	width:100%;
	background-image:url(images/textareas/conservatories.gif);
	}
.title_glass {
	padding:0;
	height:70px;
	width:100%;
	background-image:url(images/textareas/glass.gif);
	}
.title_facia {
	padding:0;
	height:70px;
	width:100%;
	background-image:url(images/textareas/facia.gif);
	}
.title_testimonials {
	padding:0;
	height:70px;
	width:100%;
	background-image:url(images/textareas/testimonials.gif);
	}
.title_contact {
	padding:0;
	height:70px;
	width:100%;
	background-image:url(images/textareas/contact.gif);
	}
.content .text {
	padding:0px 40px 0 40px;
	width:370px;
	}
.content_wide .text {
	padding:0px 40px 0 40px;
	width:670px;
	}
.content_narrow .text {
	padding:0px 40px 0 40px;
	width:240px;
	}
.content .bottom {
	padding:0;
	margin: 0 0 0 0;
	height:20px;
	vertical-align:bottom;
	width:100%;
	background-image:url(images/textareas/bottom.gif);
	}
.content_wide .bottom {
	padding:0;
	margin: 0 0 0 0;
	height:20px;
	vertical-align:bottom;
	width:100%;
	background-image:url(images/textareas/bottom_wide.gif);
	}
.content_narrow .bottom {
	padding:0;
	margin: 0 0 0 0;
	height:20px;
	vertical-align:bottom;
	width:100%;
	background-image:url(images/textareas/bottom_narrow.gif);
	}
#footer {
	clear:both;
	float:left;
	display:inline;
	padding: 17px 40px 12px 40px; /* this padding matches the left adivgnment of the elements in the divs that appear above it. */
	background:#000000;
	height:11px;
	width:880px;
	background-repeat:repeat-x;
	background-image:url(images/footer.gif);
	color:#FFFFFF;
	font-size:10px;
}
ul{
padding:0 0 0 15px;
margin:-10px 0 0 0;
list-style-type:square;

}