@charset "utf-8";
@import "normalise.css";

body {
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: 100% "Avenir 35", "Helvetica 55 Roman", Arial, sans-serif;
	background-image: url(../images/gradient.png);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #EEEBEB;
}
#holder {
	text-align: left;
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header {
	float: left;
	height: 185px;
	width: 920px;
}
#content {
	background-color: #FFF;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #AEB0B3;
	border-left-color: #AEB0B3;
	float: left;
	width: 898px;
}
#left_content {
	float: left;
	width: 602px;
}
#best_view {
	background-color: #4F4F4F;
	height: 40px;
	padding-top: 0px;
	padding-left: 25px;
	float: left;
	width: 577px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#hp_anim {
	height: 372px;
	width: 600px;
	float: left;
	text-align: justify;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-bottom: 20px;
}

/***********************************************
					text divs
***********************************************/
#main_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 430px;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#main_text a:link, .main_text a:visited {
	text-decoration: none;
	color: #4A7A30;
	font-weight: bolder;
}
#main_text a:hover {
	text-decoration: none;
	color: #000;
}
#about_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 291px;
}
#benefits_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 430px;
}
#find_text {
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 180px;
}
#find_text a:link, #find_text a:visited {
	text-decoration: none;
	color: #4A7A30;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
}
#find_text a:hover {
	text-decoration: none;
	color: #2E4D1E;
}
#con_text {
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 25px;
	width: 335px;
	float: left;
	height: 100px;
}
#doors_text {
	padding-left: 25px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 1260px;
}
#conservatory_text {
	padding-left: 25px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 740px;
}
#windows_text {
	padding-left: 25px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 810px;
}
#card_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 80px;
}
#clients_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 430px;
}
#team_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 1640px;
}
.text_teamright {
	padding-left: 15px;
	float: left;
	width: 415px;
	height: 160px;
}
#text_teamright2 {
	padding-left: 15px;
	float: left;
	width: 295px;
	height: 160px;
}
.team_pic {
	background-color: #CCC;
	float: left;
	width: 120px;
	height: 145px;
}
#supply_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 500px;
}
#library_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 300px;
	float: left;
	height: 430px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
}
#brochure_text {
	padding-top: 160px;
	width: 200px;
	float: left;
	height: 430px;
	line-height: 16px;
}
#brochure_text a:link, #brochure_text a:visited {
	text-decoration: none;
	color: #666;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	line-height: 16px;
}
#brochure_text a:hover {
	text-decoration: none;
	color: #45772E;
}
.brochure_space {
	height: 26px;
	width: 160px;
}
#tandc_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 1150px;
}
#glazing_text {
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
}
#survey_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	padding-bottom: 28px;
}
#passive_text {
	padding-left: 25px;
	padding-top: 20px;
	padding-right: 25px;
	width: 550px;
	float: left;
	height: 883px;
}

/***********************************************
			  pics logos images
***********************************************/
.factory_pics {
	float: left;
}
#network_logo {
	float: left;
	width: 400px;
	padding-left: 22px;
	padding-top: 6px;
	height: 120px;
}
#map {
	padding-left: 25px;
	padding-top: 27px;
	width: 550px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
	text-decoration: none;
	font-size: 14px;
	line-height: 30px;
}
#map a:link, #main_text a:visited {
	text-decoration: none;
	color: #4A7A30;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
}
#map a:hover {
	text-decoration: none;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
}
#small_pics_home {
	float: left;
	padding-left: 25px;
	padding-top: 20px;
}
.small_pics {
	float: left;
	padding-top: 6px;
	padding-left: 25px;
}
#pay_cards {
	float: left;
	padding-top: 19px;
	padding-bottom: 30px;
}
.con_pics {
	float: left;
	height: 110px;
	width: 124px;
	padding-left: 25px;
	padding-top: 10px;
}

/***********************************************
			     left links
***********************************************/
#left_links {
	float: left;
	border-left-width: 13px;
	border-left-style: solid;
	border-left-color: #333435;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333435;
	margin-top: 19px;
}
#left_links_about {
	float: left;
	height: 245;
	border-left-width: 13px;
	border-left-style: solid;
	border-left-color: #333435;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333435;
	height: 234px;
	margin-top: 24px;
}
#left_links_products {
	float: left;
	width: 500px;
	margin-top: 20px;
	border-left-width: 13px;
	border-left-style: solid;
	border-left-color: #333435;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333435;
}

/***********************************************
			 right content links
***********************************************/
#right_content {
	float: left;
	width: 295px;
}

#right_links {
	float: left;
	width: 271px;
	background-color: #4F4F4F;
	margin-right: 25px;
}


/***********************************************
			 bottom strap copyright
***********************************************/
#bottom_strap {
	background-color: #333;
	float: left;
	height: 125px;
	width: 843px;
	padding-left: 3px;
	margin-bottom: 15px;
}
.strap_left {
	float: left;
	width: 135px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
	margin-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	height: 105px;
}
.strap_right {
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	margin-top: 10px;
	padding-left: 15px;
	width: 145px;
	height: 105px;
}
#logos {
	background-image: url(../images/bottom_border.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 906px;
	height: 135px;
	float: left;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #AEB0B3;
	padding-top: 15px;
}
#main_logo {
	float: left;
	height: 120px;
	width: 190px;
	padding-left: 20px;
	padding-top: 2px;
}
#manu_logos {
	background-position: bottom;
	padding-bottom: 2px;
	float: left;
	width: 636px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-left: 20px;
}
#cws_logos {
	height: 65px;
	float: left;
	width: 680px;
	padding-top: 2px;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #666;
	margin: 0px;
	float: left;
	width: 860px;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#copyright a:link, #copyright a:visited {
	text-decoration: none;
	color: #666;
	font-weight: bolder;
}
#copyright a:hover {
	text-decoration: none;
	color: #333;
	font-weight: bolder;
}
#resources_text {
	width: 820px;
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: left;
	color: #666;
	font-weight: bold;
	float: left;
	font-size: 11px;
}
#resources_text a:link, #resources_text a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #699;
}
#resources_text a:hover {
	text-decoration: none;
	color: #06C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/***********************************************
					Tags
***********************************************/
h1 {
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-weight: normal;
	padding-top: 8px;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	padding-bottom: 10px;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #C3CF2F;
	text-decoration: underline;
	padding-bottom: 6px;
}
h4 {
	font-size: 12px;
	padding-bottom: 2px;
	padding-top: 20px;
}
h5 {
	color: #45772E;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	padding-bottom: 10px;
	text-align: justify;
}
p a:link, p a:visited {
	text-decoration: none;
	color: #616161;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
}
p a:hover {
	text-decoration: none;
	color: #000;
}
b {
	font-weight: bolder;
	color: #333;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: justify;
	padding: 0px;
	line-height: 16px;
	margin-bottom: 6px;
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
}
.signiture {
	font-style: italic;
	font-weight: bolder;
	font-size: 11px;
}


/***********************************************
					Contact form
***********************************************/
#contactdiv {
	float: left;
	width: 400px;
	padding-left: 25px;
}
form .row {
	width: 400px;
	color: #333;
	text-align: left;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form .row label {
	width       : 400px;
	display     : block;
	font-weight : bold;
	margin-right: 6px;
	margin-bottom: 3px;
	float: left;
}
form .row input[type=text] {
	width : 400px;
	height: 15px;
	padding: 0px;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
}
form .row textarea {
	width : 398px;
	float: left;
	margin-right: 6px;
}
form .submit {
	padding : 0px;
	margin-top : 10px;
	width: 50px;
	float: right;
	margin-left: 0px;
	margin-right: 12px;
}
#senttext {
	color: #48642D;
	width: 320px;
	height: 20px;
	padding: 0px;
	float: left;
	text-align: left;
	margin-top: 16px;
	margin-right: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 12px;
}


/*	Lists Classes
------------------------------------- */

dt, dd{
	position: relative;
	width: 300px;
	height: 20px;
	float: left;
	margin: 0px 0px 5px 0px;	
}

dl, dd a:link, dd a:visited{
	text-decoration: none;
	color: #666;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

dd a:hover 	{ color: #45772E; }
dl			{ margin: 20px 0px; }
dd			{ width: 150px !important; }



/********** links info only ***********/

#contact
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/contact.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#contact:hover
{ 
  background-position: 0 -26px;
}

#contact span
{
  display: none;
}

#contact2
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/contact2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#contact2:hover
{ 
  background-position: 0 -26px;
}

#contact2 span
{
  display: none;
}

#payment
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/payment.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}
#payment:hover
{ 
  background-position: 0 -26px;
}

#payment span
{
  display: none;
}

#group
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/group.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#group:hover
{ 
  background-position: 0 -26px;
}

#group span
{
  display: none;
}

#clients
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/clients.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#clients:hover
{ 
  background-position: 0 -26px;
}

#clients span
{
  display: none;
}

#benefits
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/benefits.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#benefits:hover
{ 
  background-position: 0 -26px;
}

#benefits span
{
  display: none;
}

#quality
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/quality.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#quality:hover
{ 
  background-position: 0 -26px;
}

#quality span
{
  display: none;
}

#memberships
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/memberships.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#memberships:hover
{ 
  background-position: 0 -26px;
}

#memberships span
{
  display: none;
}

#guarantees
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/guarantees.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#guarantees:hover
{ 
  background-position: 0 -26px;
}

#guarantees span
{
  display: none;
}

#support
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/support.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#support:hover
{ 
  background-position: 0 -26px;
}

#support span
{
  display: none;
}

#tandc
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/tandc.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#tandc:hover
{ 
  background-position: 0 -26px;
}

#tandc span
{
  display: none;
}

#safety
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/safety.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#safety:hover
{ 
  background-position: 0 -26px;
}

#safety span
{
  display: none;
}

#environmental
{
	display: block;
	height: 26px;
	width: 589px;
	background-image: url(../images/left_links/environmental.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#environmental:hover
{ 
  background-position: 0 -26px;
}

#environmental span
{
  display: none;
}

#kolorbond
{
	display: block;
	height: 35px;
	width: 271px;
	background-image: url(../images/right_links/kolorbond.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#kolorbond:hover
{ 
  background-position: 0 -35px;
}

#kolorbond span
{
  display: none;
}

#energy
{
	display: block;
	height: 35px;
	width: 271px;
	background-image: url(../images/right_links/energy.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#energy:hover
{ 
  background-position: 0 -35px;
}

#energy span
{
  display: none;
}
#passive
{
	display: block;
	height: 35px;
	width: 271px;
	background-image: url(../images/right_links/passive.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;

}
#passive:hover
{ 
  background-position: 0 -35px;
}

#passive span
{
  display: none;
}

/********** links info ***********/