* {
	margin: 0 auto;
}

body {
	margin: 0 auto;
	text-align: center;
	background-color: #F5F5F5;
}

#container {
	background-color: #fff;
	height: 1100px;
	width: 1000px;
}

#container2 {
	background-color: #fff;
	height: 1400px;
	width: 1000px;
}

#header {
	height: 135px;
	width: auto;
}

#header h1 {
	font-family: Georgia, verdana;
	font-size: 120px;
	color: #CD0000;
}

#header .logo {
	float: left;
	border: none;
}

#header .energy {
	float: right;
	border: none;
	margin: 8px;
	border: 2px solid #316B8D;
}

#header .energy:hover {
	float: right;
	border: none;
	margin: 8px;
	border: 2px solid #1D4F6D;
}

#menu {
	width: auto;
	height: 45px;
	background-color: #4A89AD;
}

#menu li{
	display: inline;
	float: left;
	margin-top: 6px;
}

#menu li a{
	font-size: 25px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #fff;
	text-decoration: none;
		padding: 30px;
}

#menu li a:hover{
	color: #E9EAEA;
	text-decoration: none;
}

#menu p {
	font-size: 40px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #fff;	
	float: right;
	margin-right: 10px;
	margin-top: -2px;
}

#left_column {
	width: 680px;
	height: 455px;
	float: left;
}

#left_column #main{
	margin: 10px 0 0 10px;
	background: #fff url(images/box_bg.gif) repeat-x;
	height: 404px; 
	float: left;
	width: 660px;
	border: 1px solid #ECE9E9;
}

#main p {
	color: #525252;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin: 5px 5px 5px 15px;
	width: 600px;
	text-align: left;
}	

#left_column h2{
	font-size: 40px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #CD0000;	
}

#left_column h3{
	font-size: 22px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #CD0000;	
}

#left_column .highlight {
	font-size: 35px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #CD0000;	
	text-align: left;
	margin-left: 18px;
}

#right_column {
	width: 320px;
	height: 455px;
	float: right;

}

#right_column .button{
	background: url(images/button.png) no-repeat;
	width: 323px;
	height: 189px;
	margin-top: 10px;
	border: none;
		cursor: pointer;
}

#right_column .button:hover{
	background: url(images/button_roll.png) no-repeat;
	width: 323px;
	height: 189px;
	margin-top: 10px;

}

#right_column .marks{
	margin-top: 10px;
}

#main_content {
	width: 960px;
	height: 300px;
}



.info {
	margin-top: -110px;
	margin-right: 35px;
	float: right;
}

.marks2{
	position: relative;
	top: 120px;
	float: right;
	right: -280px;
}

#content {
	margin: 10px 0 0 10px;
	background: #fff url(images/box_bg.gif) repeat-x;
	float: left;
	height: 430px; 
	width: 980px;
	border: 1px solid #ECE9E9;
	
}

#content h2{
	font-size: 30px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #CD0000;	
	text-align: left;
	margin-left: 18px;
	margin-top: 15px;
	width: 980px;
}


#content .conservatory {
	float: left;
	margin: 15px 18px 5px -10px;
	border: none;
	border: 2px solid #356F90;
	padding: 1px;
}

#content .conservatory:hover {
	border: none;
	border: 2px solid #21526E;
	padding: 1px;
}

#content .door {
	float: left;
	margin: 15px 18px 5px 0px;
	border: none;
	border: 2px solid #356F90;
	padding: 1px;
}

#content .door:hover {
	border: none;
	border: 2px solid #21526E;
	padding: 1px;
}

#gallery {

		width: 1000px;

	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 2px solid #4C4869;
	}
	#gallery ul a:hover img {
		border: 2px solid #1B163E;
	}
	#gallery ul a:hover { color: #fff; }
	
#gallery .c {
	float: left;
	margin-left: -20px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#gallery .w {
	float: left;
	margin-left: -20px;
	margin-top: -90px;
	margin-right: 350px;
}
	
#left_column #quote {
	margin: 10px 0 0 15px;
	background: #fff url(images/box_bg.gif) repeat-x;
	height: 530px; 
	width: 910px;
	border: 1px solid #ECE9E9;
}



#left_column #prods {
	margin: 10px 0 0 15px;
	background: #fff url(images/box_bg.gif) repeat-x;
	height: 1100px; 
	width: 965px;
	border: 1px solid #ECE9E9;
}

#prods h2{
	font-size: 30px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #CD0000;	
	text-align: left;
	margin-left: 18px;
	margin-top: 10px;
	margin-bottom: 15px;
	float: left;
	width: 980px;
}

#prods h3{
	font-size: 30px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #CD0000;	
	text-align: left;
	margin-left: 18px;
	margin-top: -180px;
	margin-bottom: 0px;
	float: left;
	width: 980px;
}

#prods h4{
	font-size: 30px;
	font-family: TW Cen MT Condensed Extra Bold;
	color: #CD0000;	
	text-align: left;
	margin-left: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	width: 980px;
}


#prods p {
	color: #525252;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin: 5px 5px 5px 15px;
	width: 600px;
	text-align: left;
}

#prods span {
	color: #CD0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	float: left;
	margin: 5px 5px 5px 15px;
	width: 600px;
	text-align: left;
}

#prods .contact_text {
	color: #525252;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin: -30px 5px 5px 15px;
	width: 470px;
	text-align: left;
}


#quote p {
	color: #525252;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin: 5px 5px 5px 15px;
	width: 470px;
	text-align: left;
}

#quote .form {
	margin: 10px;

}

#quote .input {
	height: 22px;
	width: 200px;
}

#quote .small {
	height: 22px;
	width: 30px;
}

#quote .label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #525252;
	height: 20px;
	text-align: left;
	float: left;
	width: 170px;
	margin-bottom: 12px;

}

#quote .textarea {
	height: 80px;
	width: 200px;
	margin-bottom: 100px;
}

#quote .btn {
	float: right;
	margin-right: 100px;
	margin-top: -100px;
}

.pilkington {
	float: left;
	margin-left: -600px;
	margin-top: 45px;
	height: 150px;
	width: 145px;
}

.energyrating {
	float: right;
	margin-right: 300px;
	margin-top: -200px;
}

.roof {
	float: left;
	margin-left: 15px;
	margin-top: -140px;
	border: 2px solid #4C4869;
}

#pilk_text {
	float: left;
	margin-top: 160px;
}

#contact {
	float:right;
	height: 200px;
	width: 250px;
	margin-top: -530px;
	margin-right: 50px;
	background-color: #FAFAFA;
	border: 1px solid #F1EEEE;
}

#contact p{
	margin-left: 20px;
	margin-top: 5px;
	text-align: center;
	width: 200px;
}

#contact h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4A89AD;
	margin-left: 0px;
	margin-top: 25px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

#contact h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4A89AD;
	margin-left: 0px;
	width: 250px;
	font-weight: bold;
	text-align: center;
		text-decoration: underline;
}

#footer {
	background-color: #4A89AD;
	height: 32px;
	width: 1000px;
	border-top: 1px solid #316B8D;	
}

#footer p{
	margin-top: 6px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	font-weight: bold;	
}

#footer p a{
	margin-top: 6px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E6E6E6;	
	font-weight: bold;
}

#footer p a:hover{
	margin-top: 6px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C7C7C7;	
	font-weight: bold;
}