* {
	padding: 0px;
	margin: 0px;
}

a img {
	border: none;
}


li hr {
	display: none;
}

body {
	background: #b6beaf url("../img/body_bg.gif") repeat-x 0px 0px;
}


* html #wrap #full-content {
	width: 800px;
}
#wrap {
	width: 826px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

	#wrap #header {
		background: url("../img/header.gif") no-repeat 0px 0px;
		height: 174px;
	}
	
	
	
	#wrap #header #phone {
		margin-top: 100px;
		margin-right: 15px;
		float: right;
		background-image: url("../img/phone_bg.gif");
		width: 134px;
		line-height: 17px;
		height: 17px;
		text-indent: -10000px;
	}
	
	#wrap #header #navi {
		display: block;
		float: right;
		list-style: none;
		margin-top: 21px;
		margin-right: 20px;
		clear: right;
	}
	
	* html #wrap #header #navi {
		margin-right: 10px;
	}
	
	
	
		#wrap #header #navi li {
			float: left;
			display: block;
			height: 16px;
			line-height: 16px;
			padding-left: 7px;
			padding-right: 7px;
			border-left: 1px solid white;
		}
		
		#wrap #header #navi a {
			color: white;
			font-size: 14px;
			text-decoration: none;
		}
		
		#wrap #header #navi a:hover {
			color: #71A259;
		}
		
	#wrap #content {
		background: #DDD url('../img/wrap_bg.gif') repeat 0px 0px;
		width: 826px;
		
	}
	

	#wrap #content #sections {
		width: 820px;
		margin-right: 15px;
		margin-left: 13px;
	} 
	
	* html #wrap #content #sections {
		margin-right:-10px;
	}
	
	#wrap #content .sectionOut {
		height: 20px;
		line-height: 22px;
		color: white;
		text-decoration: none;
		padding-left: 0px;
		padding-bottom: 3px;
		font-size: 13px;
		display: block;
		width: 264px;
		font-family: arial;
		margin-bottom: 5px;
		background-image: url("../img/section_bottom_button.gif");
	} 
	
	
	#wrap #content .sectionOut span {
		margin-left: 7px;
		margin-right: 20px;
	} 
	
	
		#wrap #content #sections #section1 {
			float: left;
		}
		
			#wrap #content #sections #section1 .info {
	height: 65px;
	background: url("../img/section_bg.gif") no-repeat 0px 0px;
	padding-top: 50px;
	padding-left: 27px;
	padding-right: 87px;
	width: 150px;
	color: white;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
			}
			
			#wrap #content #sections #section1 .info:hover {
				background: url("../img/section_bg_over.gif") no-repeat 0px 0px;
			}
		
		#wrap #content #sections #section2 {
			float: left;
			margin-left: 4px;
			margin-right: 4px;
		}
			
			#wrap #content #sections #section2 .info {
	height: 65px;
	background: url("../img/section_bg.gif") no-repeat -270px 0px;
	padding-top: 50px;
	padding-left: 27px;
	padding-right: 87px;
	width: 150px;
	color: white;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
			}
			
			#wrap #content #sections #section2 .info:hover {
				background: url("../img/section_bg_over.gif") no-repeat -270px 0px;
			}
		
		#wrap #content #sections #section3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
		}
		
			#wrap #content #sections #section3 .info {
	height: 65px;
	background: url("../img/section_bg.gif") no-repeat -537px 0px;
	padding-top: 50px;
	padding-left: 27px;
	padding-right: 87px;
	width: 150px;
	color: white;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:2px;
			}
			
			*:first-child+html #wrap #content #sections #section3 .info {
				margin-top:1px;
			}
			
			#wrap #content #sections #section3 .info, x:-moz-any-link, x:default {
			margin-top:3px;	
			}
			
			#wrap #content #sections #section3 .info:hover {
				background: url("../img/section_bg_over.gif") no-repeat -537px 0px;
			}
			
		#wrap #content {
			padding-bottom: 10px;
		}
		
		#wrap #full-header {
			height: 162px;
			margin-right: 12px;
			margin-left: 12px;
			margin-top: 0px;
			width: 300px;
			padding-left: 500px;
		}
		
			* html #wrap #full-header {
				width: 290px;
				padding-left: 510px;
			}
		
			#wrap #full-header span {
				padding-top: 140px;
				display: block;
			} * html #wrap #full-header span {
					padding-top: 139px;
				}
			
			#wrap #full-header a {
				text-decoration: none;
				color:#222;
				display: block;
				float: left;
			}
			
			#wrap #full-header .conservOut {
				background: url("../img/arrow.gif") no-repeat;
				padding-left: 25px;
				height: 20px;
				line-height: 20px;
				display: block;
				float: left;
				margin-right: 10px;
			}
			#wrap #full-header .conservOut:hover {
				color: #71A259;
			}
			
			
			#wrap #full-header .doorsOut {
				background: url("../img/arrow.gif") no-repeat;
				padding-left: 25px;
				height: 20px;
				line-height: 20px;
				display: block;
				margin-right: 10px;
			}
			#wrap #full-header .doorsOut:hover {
				color: #71A259;
			}
			
			#wrap #content .windowsOut {
				background: url("../img/arrow.gif") no-repeat;
				padding-left: 25px;
				height: 20px;
				line-height: 20px;
				display: block;
			}
			#wrap #full-header .windowsOut:hover {
				color: #71A259;
			}
		
		#wrap #content #range_header {
			height: 162px;
			margin-left: 12px;
			background: url('../img/range_header.jpg') no-repeat 0px 0px;
		}
		
		#wrap #content .doors_header {
			background: url('../img/doors_header.jpg') no-repeat 0px -4px;
		}
		#wrap #content .doors_header2 {
			background: url('../img/hd-conservatory4.jpg') no-repeat 0px -4px;
		}
		#wrap #content .doors_header3 {
			background: url('../img/hd-conservatory3.jpg') no-repeat 0px -4px;
		}
		#wrap #content .doors_header4 {
			background: url('../img/hd-conservatory2.jpg') no-repeat 0px -4px;
		}
		#wrap #content .doors_header5 {
			background: url('../img/hd-conservatory5.jpg') no-repeat 0px -4px;
		}
		#wrap #content .doors_header6 {
			background: url('../img/hd-conservatory6.jpg') no-repeat 0px -4px;
		}
		
		#wrap #content .conserv_header {
			background: url('../img/conservatories_header.jpg') no-repeat 0px 0px;
		}
		
		#wrap #content .windows_header {
			background: url('../img/windows_header.jpg') no-repeat 0px 0px;
		}
		
		
		* html #full-content {
			margin-right: -2px
		}
		
		
		
		
		
		
		
		
		#wrap #full-content #left ul {
			list-style: none;
			display: block;
		}
		
		#wrap #full-content #left a {
			background: url('../img/arrow.gif') no-repeat 0px 0px;
			color: white;
			font-weight: bold;
			font-family: arial;
			font-size: 12px;
			text-decoration: none;
			line-height: 20px;
			margin-top: 5px;
			height: 20px;
			display: block;
			padding-left: 25px;
		}
		
		#wrap #full-content #right ul {
			list-style: none;
			margin-top: 20px;
			display: block;
		}
		
		#wrap #full-content #right a {
			background: url('../img/arrow.gif') no-repeat 0px 0px;
			color: white;
			font-weight: bold;
			font-family: arial;
			font-size: 12px;
			text-decoration: none;
			line-height: 20px;
			margin-top: 5px;
			height: 20px;
			display: block;
			padding-left: 25px;
		}
		
			#wrap #full-content #right a:hover {
	text-decoration: none;
	color: #71A259;
			}
		
		
		#wrap #content #gallery_header {
			background: url('../img/gallery_header.gif') 0px -9px;
			height: 100px;
			margin-left: 12px;
			margin-right:14px;
			color: white;
			font-family: arial;
			font-size: 12px;
			padding-top: 23px;
		}
		
		#gallery {
			padding:0 10px 10px;
		}
		
		#wrap #content #gallery_header #gallery_wrap {
			background: url('../img/range_bg.gif') 0px 0px;
			margin-top: 0px;
			height: 100px;
			color: white;
			font-family: arial;
			font-size: 12px;
		}
		
		#wrap #content #range_content {
			background: url('../img/range_bg.gif') repeat;
			margin-left: 12px;
			margin-right:14px;
			margin-top: 20px;
			
			color: white;
			font-family: arial;
			font-size: 12px;
		}
		
		#wrap #content #range_content .out {
			background: url("../img/arrow.gif") no-repeat 0px 0px;
			color: white;
			display: block;
			text-decoration: none;
			padding-left: 30px;
			font-size: 12px;
			font-family: arial;
			font-weight: bold;
			margin-left: 0px;
			margin-top: 10px;
			line-height: 20px;
		}
		
			#wrap #content #range_content .conserv {
				height: 100px;
				margin-left: 20px;
				margin-top: 0px;
				margin-bottom: 0px;
				padding: 10px;
				padding-left: 100px;
				background: url('../img/range_pic.gif') no-repeat 10px 20px;
				
			}
			
			#wrap #content #range_content .conserv h1 {
				background: #DDD url('../img/range_header.gif') repeat -4px 0px;
				width: 137px;
				height: 32px;
				margin-top: 10px;
				text-indent: -1000px;			
			}
			
			#wrap #content #range_content .windows {
				height: 100px;
				margin: 10px;
				margin-left: 20px;
				margin-top: 0px;
				margin-bottom: 0px;
				padding: 10px;
				
				border-bottom: 1px solid #999;
				border-top: 1px solid #999;
				
				padding-left: 100px;
				background: url('../img/range_pic.gif') no-repeat 10px -110px;
				
			}
			
			#wrap #content #range_content .windows h1 {
				background: #DDD url('../img/range_header.gif') repeat -5px -65px;
				width: 100px;
				margin-top: 14px;
				margin-bottom: 2px;
				height: 20px;
				text-indent: -1000px;		
			}
			
			#wrap #content #range_content .doors {
				height: 100px;
				margin: 10px;
				margin-top: 0px;
				margin-left: 20px;
				padding: 10px;
				
				padding-left: 100px;
				background: url('../img/range_pic.gif') no-repeat 10px -245px;
				
			}
			
			#wrap #content #range_content .doors h1 {
				background: #DDD url('../img/range_header.gif') repeat -5px -36px;
				width: 60px;
				margin-bottom: 3px;
				height: 20px;
				margin-top: 10px;
				text-indent: -1000px;		
			}
			
		#wrap #content #main {
			clear: both;
			float: left;
			width: 532px;
			margin-left: 12px;
		}
		
			#wrap #content #main p {
	margin-top: 10px;
	color: white;
	font-family: arial;
	font-size: 13px;
	margin-left: 10px;
	font-weight: lighter;
	line-height: 18px;
			}
			
			#wrap #content #main .showroom {
				background: url("../img/arrow.gif") no-repeat 0px 0px;
				color: white;
				display: block;
				text-decoration: none;
				padding-left: 30px;
				font-size: 12px;
				font-family: arial;
				font-weight: bold;
				margin-left: 10px;
				margin-top: 10px;
				line-height: 20px;
			}
			
			#wrap #content #main .welcome {
				text-indent: -10000px;
				margin-top: 20px;
				margin-left: 8px;
				width: 172px;
				height: 15px;
				background: url('../img/welcome_title.gif') no-repeat 0px 0px;
			}
			
/* new CSS added 1/7 */

#content {
	color: white;
	margin: 0px;
}

	#content #sections {
		/* CSS is fine */
	}
	
	#content #left {
		float: left;
		width: 500px;
		margin-left: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
		#content #left .welcome {
			text-indent: -10000px;
			margin-bottom: 10px;
			width: 172px;
			height: 15px;
			background: url('../img/welcome_title.gif') no-repeat 0px 0px;
		}
		
		#content #left .showroom {
			background: url("../img/arrow.gif") no-repeat 0px 0px;
			color: white;
			width: 235px;
			display: block;
			text-decoration: none;
			padding-left: 30px;
			font-size: 12px;
			font-family: arial;
			font-weight: bold;
			margin: 10px 0px 10px 5px;
			line-height: 20px;
		}
		
		#content #left p {
	font-family: arial;
	font-size: 13px;
	margin-left: 5px;
	line-height: 18px;
		}
		
		#wrap #left #contact {
			margin-right: 10px;
		}
			
			#wrap #left #contact p {
				margin-top: 10px;
				color: white;
				font-size: 12px;
				font-family: arial;
			}
		
			#wrap #left #contact span, #wrap #left #contact div {
				display: block;
				height: 20px;
				margin-bottom: 4px;
			}
			#wrap #left #contact label {			
				display: block;
				float: left;
				color: white;
				font-size: 12px;
				width: 80px;				
			}
			
			#wrap #left #contact form {
				margin-top: 10px;
				border-top: 1px solid #878c87;
				padding-top: 10px;
			}
			
			#wrap #left #contact input {
				display: block;
				float: right;
				width: 140px;
			}
			
			#wrap #left #contact select {
				display: block;
				float: right;
			}
		
		
	
	#content #right {
		float: right;
		width: 260px;
		margin-right: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
		#content #right .contact {
			text-indent: -10000px;
			margin-bottom: 10px;
			width: 172px;
			height: 15px;
			background: url('../img/contact_title.gif') no-repeat 0px 0px;
		}
		
		#content #right p {
	margin-bottom: 10px;
	font-size: 13px;
	font-family: arial;
	line-height: 18px;
		}
		
		#content #right div {
			height: 20px;
			display: block;
			font-family: arial;
			font-size: 12px;
			margin-bottom: 4px;
			line-height: 18px;
		}
		
			#content #right form {
				border-top: 1px solid #999;
				padding-top: 10px;
			}
		
			#content #right div label {
				float: left;
			}
		
			#content #right div input {
				float: right;
				width: 150px;
				height: 14px;
				border: 1px solid #999;
			}
			
			#content #right div select {
				float: right;
				width :120px;
			}
			
			#content #right button {
				padding: 0px;
				margin: 0px;
				float: right;
				margin-top: 10px;
			}
	
	#content #footer {
		margin-top: 20px;
		clear: both;
		background: #FFF url("../img/footer_bg.gif") repeat-x 0px 0px;
		height: 27px;
		list-style: none;
		padding-top: 9px;
		padding-left: 5px;
		margin-bottom: -10px;
	}
	
		#content #footer li {
			float: left;
			display: block;
		}
	
		#content #footer a {
			color: white;
			font-size: 13px;
			padding-right: 10px;
			padding-left: 10px;
			border-left: 1px solid #666;
			text-decoration: none;
		}
	
		#content #footer .home {
			border-left: 0px;
		}
	
		#content #footer .about {
			border-left: 0px;
			color: white;
			font-size: 13px;
			padding-top: 2px;
			text-align: right;
			float: right;
			margin-right: 10px;
		}


		/* full-content IS differnet. It holds the content in a darker box. content on its own does the index page*/

		#full-content {
			background: url('../img/range_bg.gif') 0px 0px;
			margin-left: 12px;
			margin-right: 14px;
			margin-bottom: -5px;
			margin-top: 20px;
			border: 1px solid #333;
		}
			#full-content #left {
				float: left;
				width: 255px;
				margin: 0px;
				padding: 0px;
				
			}
				#full-content #left #contact {
					color: white;
					font-size: 12px;
					margin-left: 10px;
				}
				
				#full-content #left #contact .contact {
					background: url('../img/alt_contact.gif') no-repeat -4px 7px;
					text-indent: -10000px;
					width: 135px;
					height: 40px;
					
					margin-top: 10px;
				}
				
				#full-content #left #sub {
					color: white;
					font-size: 12px;
					margin-left: 10px;
					margin-top: 15px;
					margin-right: 10px;
				}
				
					#full-content #left #sub li a:hover{
	text-decoration: none;
	color: #71A259;
					}
				
					#full-content #left #sub hr {
						margin-top: 5px;
						margin-bottom: 5px;
						border: none;
						border-top: 1px solid #999;
					}
			
			#full-content #left button {
				float: right;
				margin-top: 5px;
			}
			
			
			
			#full-content #right {
	float: right;
	width: 520px;
	margin: 0px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;				
			}
			
				#full-content #right ul {
					list-style-type: disc;
				}
			
			
			#full-content #right ul li a:hover {
				text-decoration: underline;
			}
			
			#full-content #footer {
				clear: both;
				margin-left: -12px;
				margin-right: -14px;
			}



.orangelist {
	margin-left: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FECB00;
}

.orangelist li {
	list-style-type: disc;
}
#d li a {
	width: 140px;
}

#d li a:hover {
	text-decoration: none;
	color: #71A259;
}

.ff li:hover {
	text-decoration: underline;
	color: rgb(254, 203, 0);
}
.productsectionImgind {
	width: 270px;
	float: right;
}
.textleft {
	float: left;
	width: 230px;
}
.imgborder {
	border: thick solid #202B20;
}
.list {
	display: block;
	width: 280px;
	margin-left: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.list ul {
	list-style-type: disc;
	display: inline;
}
#wrap #content #full-content #right h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #FECB00;
	font-weight: lighter;
}
#wrap #content #full-content #right h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #CCCCCC;
	font-weight: lighter;
}
h1.gallery_titles {
	margin-left: 15px;
	margin-bottom: 7px;
	color: #FECB00;
	font-family: 'Times New Roman', Times, serif;
	font-size: 22px;
	font-weight: lighter;	
}

a.gallery_back {
	font-family: 'Times New Roman', Times, serif;
	margin: 0 0 10px 20px;
	color: white;
	font-size: 14px;
	text-decoration: none;
}

a.gallery_back:hover {color: #71A259;}


form.home_small_contact_form textarea {
	width:150px;
}

form.small_contact_form {
	font-family:arial;
}

form.small_contact_form textarea {
	width:143px;
}

form.small_contact_form textarea, x:-moz-any-link, x:default {width:144px;}