/* CSS Document */

html{height: 100%; min-height: 100%;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-align: left;line-height: 16px;background:#e8e8e8; padding: 0px; margin: 0px; color: #555555;}
a{color:#29569c; text-decoration:none;}
a:hover{text-decoration: underline;}
h1{font-size: 16px; color: #007054; font-weight:bolder;}
h2{font-size: 13px; color: #007054; font-weight:bolder;}
h2 a{color: #007054; text-decoration: none;}
h2 a:hover{color: #007054; text-decoration: underline;}

#container{margin: 0 auto; width: 890px; background: #ffffff; position: relative; padding: 5px;}

#header-left{margin: 0px; padding: 0px; width:255px; float: left; height: 85px; text-align: left;}
#header-right{margin: 0px; padding: 0px; width:255px; float: right; height: 85px; text-align: right;}
#header-center{margin: 0px; padding: 0px; width:380px; float: left; height: 85px; text-align: center;}
#header-right img{ border: 0px;}

#banner-third{float: left; width: 353px; height: 173px; padding: 5px 0 5px 0;}
#welcome{float: right; width: 532px; height: 173px; margin: 5px 0 5px 0; background-image:url(images/welcome-bg.jpg);}
#welcome p{float:left; padding:5px; width: 400px;} 
#welcome h1{padding: 15px 5px 0px 5px; margin: 0;}

#banners{width: 174px; height:403px; margin: 0 5px 0 0; padding: 0px; float: left;}
#banners img{border: 0px;}

#home-right-01{width: 711px; float: right; padding:0px; margin:0px;}
#home-right-02{width: 711px; float: right; padding:0px; margin:0px;}
#home-windows{width: 164px; height:122px; margin: 0 5px 5px 0; padding: 158px 5px 2px 5px; background-image: url(images/windows-bg.jpg); float: left;}
#home-windows h2{padding: 0; margin: 0px;}
#home-doors{width: 164px; height:122px; margin: 0 5px 5px 0; padding: 158px 5px 2px 5px; background-image: url(images/doors-bg.jpg); float: left;}
#home-doors h2{padding: 0px; margin: 0px;}
#home-conservatories h2{padding: 0; margin: 0px;}
#home-conservatories{width: 164px; height:122px; margin: 0 5px 5px 0; padding: 158px 5px 2px 5px; background-image: url(images/conservatories-bg.jpg); float: left;}
#home-roofline{width: 164px; height:122px; margin: 0 0 5px 0; padding: 158px 5px 2px 5px; background-image: url(images/roofline-bg.jpg); float: left;}
#home-roofline h2{padding: 0; margin: 0px;}
#home-news{width: 353px; height:117px; margin: 0 5px 0 0; float: left; background-image: url(images/news-bg.jpg);}
#home-offer{width: 353px; float: left;}

#main-container{width: 711px; float: right; padding: 0px; margin: 0px;}
#main-top{width: 711px; height: 17px; padding: 0px; margin: 0px; background-image:url(images/mainbg-top.jpg); top: 0px; position: relative;}
#main-bottom{width: 711px; height: 17px; padding: 0px; margin: 0px; background-image:url(images/mainbg-bottom.jpg); bottom: 0px; position: relative;}
#main{background-image:url(images/mainbg-middle.jpg); width: 691px; padding: 0 10px 0 10px; margin: 0px;}
#main2{background-image:url(images/mainbg-middle.jpg); width: 691px !important; width: 689px; padding: 0 10px 0 10px; margin: 0px;}
#main3{background-image:url(images/mainbg-middle.jpg); width: 691px; padding: 0 10px 0 10px; margin: 0px; min-height: 1100px; height: auto !important; height: 1100px;}
#main h1{padding: 0px; margin: 0px;}
#main h2{padding: 0px; margin: 0px;}
#main p{padding: 0px; margin: 0px;}

#green-container{width: 305px; float: right; padding: 0px; margin: 0px; color: #ffffff;}
#green-top{width: 305px; height: 15px; padding: 0px; margin: 0px; background-image:url(images/greenbg-top.jpg); top: 0px; position: relative;}
#green-bottom{width: 305px; height: 15px; padding: 0px; margin: 0px; background-image:url(images/greenbg-bottom.jpg); bottom: 0px; position: relative;}
#green{background-image:url(images/greenbg.jpg); width: 295px; padding: 0 5px 0 5px; margin: 0px;}
#green h2{padding: 0px; margin: 0px;}
#green p{padding: 0px; margin: 0px;}
#green a{color: #ffffff; text-decoration: underline;}
#green a:hover{text-decoration: none;}

#split-left{float: left; text-align: left; padding:0px 20px 0px 20px; width:300px;}
#split-right{float: right; text-align: left; padding:0px 20px 0px 20px; width:300px;}
#split-right2{float: right; text-align: right; padding:0px 20px 0px 20px; width:300px;}

#right-banner{width: 305px; float: right; padding: 0px; margin: 0px;}

#flash{width: 890px; height: 129px; padding: 5px 0 0 0 ;}

#footer-left{width: 200px; float: left; padding: 3px 0 3px 0; text-align: left; font-size: 10px;}
#footer-left a{color:#555555;}
#footer-left a:hover{color:#555555;}
#footer-right{width: 600px; float: right; padding: 3px 0 3px 0; text-align: right; font-size: 10px;}
#footer-right a{color:#555555;}
#footer-right a:hover{color:#555555;}

.footh1 {
	font-size: 14px;
	font-style: italic;
	text-decoration: underline;
}

.greentxt {
	color: #007054;
}

.clear{clear:both; font-size:0px; width:0px; line-height:0px; height:0px; display:block; overflow:hidden;}
.myleft{float:left; padding: 0 0 10px 0; margin: 0px;}
.aboutimageleft{float:left; padding: 0 10px 10px 0; margin: 0px;}
.aboutleft{float:left; padding: 0 0 10px 0; margin: 0px; width: 400px;}
.aboutright{float:right; padding: 0 0 10px 0; margin: 0px; width: 270px; border-left: 1px solid #cccccc; font-size: 16px; line-height: 20px; padding-left: 10px;}
.aboutright ul{font-size: 10px; line-height: 16px;}
.myright{float:right; padding: 0 0 0 10px; margin: 0px;}
.horizontal{border-top: 1px solid #cccccc; font-size:0px; width:580px; line-height:1px; height:1px; overflow:hidden; margin: 0 40px 0 40px;}
.rooflineright{width: 250px; float: right;}
.contactright{float:right; padding: 0 0 10px 0; margin: 0px; text-align: right; border-left: 1px solid #cccccc; padding-left: 30px;}

#windowlist {
	margin: 0 0 0 20;
}

#windowlist li {
	list-style-image: url(images/bullet.jpg);
	margin-top: 5px;
}

.westcoastlist {
	margin: 0 0 0 20;
}

.westcoastlist li {
	list-style-image: url(images/bullet.jpg);
	margin-top: 5px;
}

#imglined {
	width: 691px;
	text-align: center;
}

#imglined2 {
	width: 691px;
	text-align: center;
	height: 30px;
	float: left;
}

.consbox {
	height: 135px;
	width: 690px;
	margin-bottom: 10px;
}

.consboxtop {
	height: 11px;
	width: 690px;
	background-image: url(images/consbox-top.jpg);
	float: left;
	font-size: 0px;
}

.consarea {
	height: 113px;
	width: 690px;
	float: left;
	background-image: url(images/consbox-bg.jpg);
	background-repeat: repeat-y;
}

.consboxbottom {
	height: 11px;
	width: 690px;
	background-image: url(images/consbox-bottom.jpg);
	float: left;
	font-size: 0px;
}

.consboxbrk {
	height: 73px;
	width: 5px;
	margin-left: 5px;
	margin-right: 25px;
	float: left;
	background-image: url(images/consbox-brk.jpg);
	background-repeat: repeat-y;
	margin-top: 22px;
	margin-bottom: 18px;
}

.conimg {
	width: 140px;
	height: 113px;
	float: left;
	margin-left: 2px;
}

#maingalleryimg {
	width: 500px;
	height: 330px;
	float: left;
	margin: 25px;
	border: 1px solid #c5c5c5;
}

#galleryimgs {
	width: 110px;
	text-align: center;
	height: 330px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.gallimgmargin {
	margin: 5px;
	border: 0px;
}

#techspecs {
	width: 230px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

#techspecs2 {
	width: 230px;
	float: left;
	text-align: center;
	margin-bottom: 0px;
}

#noobligation {
	width: 230px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	/*margin-right: 140px !important;
	margin-right: 65px;*/
}

#noobligation2 {
	width: 230px;
	float: left;
	text-align: center;
	margin-bottom: 0px;
	/*margin-right: 140px !important;
	margin-right: 65px;*/
}

#contact {
	width: 230px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

#contact2 {
	width: 230px;
	float: left;
	text-align: center;
	margin-bottom: 0px;
}

#consnav {
	width: 691px;
	float: left;
	text-align: center;
	margin-bottom: 5px;
}

.contypesmargin {
	margin-left: 5px;
	margin-right: 5px;
}

.centertxt {
	text-align: center;
}

.lefttxt {
	text-align: left;
}

#doorgallery {
	width: 200px;
	height: 300px;
	border: 1px solid #c5c5c5;
	margin: 20px;
	/*padding: 10px;*/
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	float: left;
	margin-top: 25px;
}

#gallery {
	height: 350px;
	width: 691px;
	float: left;
}

#gallery2 {
	height: 400px;
	width: 691px;
	float: left;
}

#gallery3 {
	height: 450px;
	width: 691px;
	float: left;
}

#windowgallery {
	width: 300px;
	height: 300px;
	border: 1px solid #c5c5c5;
	margin: 25px 20px 20px 40px !important;
	margin: 25px 20px 20px 20px;
	text-align: center;
	float: left;
	/*margin-top: 25px;*/
}

#doorgalleryimages {
	width: 400px;
	float: left;
	margin-top: 20px;
}

#windowgalleryimages {
	width: 300px !important;
	width: 290px;
	float: left;
	margin-top: 20px;
}

.smalldoors {
	margin: 5px;
}

.coloursmargin {
	margin-left: 50px;
	margin-right: 50px;
}

.coloursmargincomp {
	margin-left: 50px;
	margin-bottom: 5px;
}

.coloursmargincomp2 {
	margin-left: 50px;
	margin-right: 113px;
	margin-bottom: 5px;
}

#obligationspecs {
	width: 691px;
	float: left;
}

.linebreak {
	width: 611px;
	height: 1px;
	background-color: #CCCCCC;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.homepagelinks {
	color: #007054;
}

.boldtxt {
	font-weight: bold;
}

.energysavingtxt {
	width: 410px;
	float: left;
	margin-left: 10px;
}

.energysavinghead {
	width: 671px;
	float: left;
}

.energysavinghead ul {
	color: #007054;
	font-weight: bold;
}

.energysavingimg {
	margin-right: 50px;
}

#energysavingsmallcontainer {
	width: 671px;
	float: left;
}

.energysavingsmalll {
	width: 180px;
	float: left;
	margin-left: 10px;
	margin-right: 45px;
}

.energysavingsmallr {
	width: 430px !important;
	width: 420px;
	float: left;
}

.energysavingsmallr p {
	width: 180px;
}