body,html {
padding:0 0 0 0;
margin:0;
background:url(../images/layout_background.jpg) repeat-x #fcfdfd left top;
}

#container {
   width:921px;
   margin:auto;
}

/*Header Style*/
#header {
height:110px;
padding-top:18px;

}

#header span, #header div {
height:110px;
display:block;
float:left;
}


#header #ageconcern {
background:url(../images/layout_ageconcern.jpg) left top no-repeat #fcfdfd;
width:210px;
text-indent:-10000px;
}

#header #logo {
background:url(../images/layout_logo.jpg) left top no-repeat #668cb2;
width:575px;
}

#header #logo h1 {
text-indent:-10000px;
}

#header #getaquote {
width:136px;
background:url(../images/layout_getaquote_rollover.jpg) left top no-repeat #668cb2;
}

#header #getaquote a {
background:url(../images/layout_getaquote.jpg) left top no-repeat #668cb2;
display:block;
text-indent:-10000px;
height:110px;
width:136px;
}

#header #getaquote a:hover{
background:url(../images/layout_getaquote_rollover.jpg) left top no-repeat #668cb2;
}

/*mainsection*/
#mainsection {
clear:both;
float:left;
/*clear:both;*/
background:url(../images/layout_shade.jpg) left top no-repeat #fcfdfd;
display:block;
width:902px;
}

#mainsection #mainsection_left #phone_numbers ul li {
color:#365885;
font-size:13px;
}

#mainsection #mainsection_left #phone_numbers {
background:url(../images/icon_phone.gif) 27px center no-repeat;
padding:20px 0 20px 52px;
}

#mainsection #mainsection_left #phone_numbers ul li b{
color:#000;
font-weight:normal;
}

#mainsection #mainsection_left {

width:209px !important;

}


#mainsection #mainsection_left #navigation_box #navigation {
background:url(../images/nav_top.gif) left top no-repeat;
padding-top:21px;

}

#mainsection #mainsection_left #navigation_box #navigation ul {
padding:0;
margin:0;
}

#mainsection #mainsection_left #navigation_box #navigation ul li a {
background-color:#365885;
display:block;
line-height:27px;
border-right:20px solid #4d7db5;
padding-left:17px;
font-size:14px;
color:#fcfdfd;
text-decoration:none;
letter-spacing:0.2em;
}

#mainsection #mainsection_left #navigation_box #navigation ul li a:hover {
background-color:#4d7db5;
border-right:20px solid #dd1d46;
}

#mainsection #mainsection_left #navigation_box #navigation ul li{
margin:0;
border-bottom:1px #fcfdfd solid;
float:left;
clear:both;
width:209px;
}

#mainsection #mainsection_left {
width:209px;
float:left;
}

#mainsection #mainsection_left #navigation_box #accreditations {
background:url(../images/nav_bottom.gif) left bottom no-repeat;
border-top:1px solid #365885;


/*height:116px;*/
height:160px;
clear:both;
}

#mainsection #mainsection_left #navigation_box #accreditations #trading_standards{
margin:17px 0px 0px 24px;
float:left;
}

#mainsection #mainsection_left #navigation_box #accreditations #safe_contractor{
margin:17px 0px 0px 17px;
float:left;
}


#mainsection #mainsection_left #navigation_box #accreditations b{
display:block;
margin:5px 0px 0 0px;
float:left;
width:100%;
text-align:center;
font-size:12px;
clear:both;
/*letter-spacing:0.1em;*/
color:#294365;
}

/*Main Content*/
#mainsection #mainsection_right{
width:625px;
float:left;
margin:22px 0 5px 45px;
}

#mainsection #mainsection_right .home_title
{
   background:url(../images/title_aluminium.gif) left top no-repeat #fcfdfd;
   width:553px;
   height:36px;
   margin:0;
   text-indent:-10000px;
   position:relative;
}

#mainsection #mainsection_right .image_house{
float:right;
margin-top:-40px;
}

#mainsection #mainsection_right .main_paragraph {
float:left;
width:340px;
}

#mainsection #mainsection_right .main_paragraph p{
font-size:12px;
color:#000;
}

#mainsection #mainsection_right .hr_tag{
clear:both;
height:30px;
width:100%;
background:url(../images/hr_dash.gif) 2px center repeat-x #fcfdfd;
}

#mainsection #mainsection_right .areas_covered_line{


}

#mainsection_right .why_gutterwise{
background:url(../images/title_why_gutterwise.gif) no-repeat #fcfdfd;
text-indent:-10000px;
height:37px;
margin:5px 0 0 0;
}

#mainsection_right .reasons {
margin:10px 0 0 -26px;
width:380px;
float:left;
margin-top:-4px;
}

#mainsection_right .reasons li {
background:url(../images/bullet_point.gif) 0px 16px no-repeat #fcfdfd;
padding-left:26px;
padding-bottom:8px;
padding-top:12px;
}


#mainsection_right .reasons li h4{
margin:0;
padding:0;
text-indent:-10000px;
height:21px;
}

#mainsection_right .reasons li h4.timely_response{
background:url(../images/title_timley_response.gif) no-repeat #fcfdfd;
}

#mainsection_right .reasons li h4.competitive_prices{
background:url(../images/title_accredited_personel.gif) no-repeat #fcfdfd;
}

#mainsection_right .reasons li h4.accredited_personnel{
background:url(../images/title_competitive_prices.gif) no-repeat #fcfdfd;
}

#mainsection_right .reasons li h4.high_capacity_work{
background:url(../images/title_capacity_work.gif) no-repeat #fcfdfd;
}

#mainsection_right .reasons li p{
color:#365885;
font-size:12px;
margin-bottom:0;
}

#mainsection_right .raindrop{
float:right;
display:block;
width:250px;
margin-right:-10px;
margin-bottom:8px;
position:relative;
z-index:3;
}

#mainsection .regions_covered {
background:url(../images/icon_map.gif) 15px 10px no-repeat #fcfdfd;
height:144px;
padding:10px 0 0 145px;
}

#mainsection_right .regions_covered h3 {
margin:0;
padding:0;
text-indent:-10000px;
height:27px;
background:url(../images/title_areas_covered.gif) no-repeat #fcfdfd;
}

#mainsection_right .regions_covered ul {
width:465px;
margin-top:10px;
}

#mainsection_right .regions_covered ul li {
float:left;
width:231px;
background:url(../images/bullet_small.gif) left 4px no-repeat #fcfdfd;
line-height:17px;
font-size:12px;
color:#e63434;
text-indent:18px;
font-weight:bold;
}

#mainsection_right .regions_covered ul li strong{

}

#mainsection_right .regions_covered ul li em{
font-weight:normal !important;
text-decoration:none !important;
font-style:normal !important;
}


#mainsection_right .surrounding_areas {
text-align:right;
padding-right:10px;
margin-top:-46px;
padding-bottom:20px;
}

#footer {
padding:0 47px 13px 0;
float:right;
}

#footer a{
text-decoration:none;
font-size:11px;
color:#578bbe;
}


/*innerpages */

#mainsection #mainsection_right .title_companyprofile
{
   background:url(../images/title_companyprofile.gif) left top no-repeat #fcfdfd;
   width:553px;
   height:36px;
   margin:0 0 5px 0;
   text-indent:-10000px;
}


#mainsection #mainsection_right .services {
background:url(../images/title_services.gif) left center no-repeat;
 width:553px;
   height:36px;
   margin:0 0 5px 0;
   text-indent:-10000px;
}

#mainsection #mainsection_right .testimonials {
background:url(../images/title_testimonials.gif) left center no-repeat;
 width:553px;
   height:36px;
   margin:0 0 5px 0;
   text-indent:-10000px;
}

#mainsection #mainsection_right .gallery {
background:url(../images/title_gallery.gif) left center no-repeat;
 width:553px;
   height:36px;
   margin:0 0 5px 0;
   text-indent:-10000px;
}

#mainsection #mainsection_right .quickquote {
background:url(../images/title_quickquote.gif) left center no-repeat;
 width:553px;
   height:36px;
   margin:0 0 5px 0;
   text-indent:-10000px;
}

#mainsection #mainsection_right .contactus {
background:url(../images/title_contactus.gif) left center no-repeat;
 width:553px;
   height:36px;
   margin:0 0 5px 0;
   text-indent:-10000px;
}


.main_template .rightimage {
float:right;
margin:0px 0px 20px 40px;
}

.main_template .mainimage {
margin-top:-43px;	
}

.main_template p{
font-size:12px;
color:#000;
padding:5px 0 10px 0;
margin:0;
}

.main_template h3 {
height:35px;
text-indent:-20000px;
margin:0;
padding:0;
font-size:14px;
}

h3.gutterwise_story {
background:url(../images/title_gutterwise.gif) left center no-repeat;
}



h3.aluminiumgutter {
background:url(../images/title_aluminiumgutter.gif) left center no-repeat;
}

h3.getintouch {
background:url(../images/title_getintouch.gif) left center no-repeat;	
}

h3.howtofindus {
background:url(../images/title_howtofind.gif) left center no-repeat;	
}

h3.thesystem {
background:url(../images/title_system.gif) left center no-repeat;
}

h3.testimonial1 {
background:url(../images/title_testimonial1.gif) left center no-repeat;
}

h3.testimonial2 {
background:url(../images/title_testimonial2.gif) left center no-repeat;
}

h3.testimonial3 {
background:url(../images/title_testimonial3.gif) left center no-repeat;
}

h3.testimonial4 {
background:url(../images/title_testimonial4.gif) left center no-repeat;
}

h3.testimonial5 {
background:url(../images/title_testimonial5.gif) left center no-repeat;
}


.rightimagetestimonial {

}

.main_template .raindrop {
float:right;
display:block;
margin:20px -10px 10px 40px !important;
width:200px !important;
}

.bluetext,.bluetext p {
color:#365885 !important;
}


/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:90px;
	margin-top:15px;
}
/* rotator css */

div#rotator ul {
margin:0;
padding:0;
}

	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	padding:0;
	margin:0;
	text-align:center;
	width:206px;
}
/* rotator image style */	
	div#rotator ul li img {

}
    div#rotator ul li.show {
	z-index:500
}

.service1 {
	background:url(../images/service1.gif) left bottom no-repeat;
}

.service2 {
	background:url(../images/service2.gif) left bottom no-repeat;
}

.service3 {
	background:url(../images/service3.gif) left bottom no-repeat;
}

.service4 {
	background:url(../images/service4.gif) left bottom no-repeat;
}

.service5 {
	background:url(../images/service5.gif) left bottom no-repeat;
}

.service6 {
	background:url(../images/service6.gif) left bottom no-repeat;
}

.service7 {
	background:url(../images/service7.gif) left bottom no-repeat;
}

.service8 {
	background:url(../images/service8.gif) left bottom no-repeat;
}

.service9 {
	background:url(../images/service9.gif) left bottom no-repeat;
}

.service10 {
	background:url(../images/service10.gif) left bottom no-repeat;
}

.service11 {
	background:url(../images/service11.gif) left bottom no-repeat;
}


/* form styles */

.main_template form fieldset label {
	width:130px;
	float:left;
	clear:both;
	color:#375885;
	padding:3px 0 11px 0;
}

.main_template form fieldset input {
	border:1px solid #375885;
	width:190px;
	float:left;
	padding:2px;
	font-size:12px;
	margin-right:10px;
}

.main_template form fieldset textarea {
	border:1px solid #375885;
	width:422px;
	clear:both;
	padding:2px;
	font-size:12px;
	margin-right:10px;
	margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;
}


#fill_address_gif {
float:left;
margin-left:5px;
width:16px;
height:16px;
}

#find_address_div {
float:left;	
}

#find_address_div button{
float:left;	
}

#find_address_div button,#list_of_files button,#message_and_button button {
	background:#4e7db5;
	border:1px solid #375885;
	color:#fff;
	padding:0 20px 0 20px;
	margin-top:1px;
}

.photostext {
width:219px;
float:left;
clear:both;
color:#375885;
}

.radiobuttons {
float:left;
clear:left;

}

.radiobuttons input{
width:20px !important;	
padding:0 !important;	
float:left;
border:0px !important;	
}

.radiobuttons label {
width:20px !important;	
clear:none !important;	
padding:2px 0 0 0 !important;	
float:left;
}

.radiobuttonsouter {
float:left;	
margin-top:-2px;
}

#list_of_files {
clear:both;
}

#message_and_button {
padding-top:5px;
clear:both;
}

#submit_div {
width:428px;
padding-top:10px !important;
}

#submit_div button, #plain_submit {
	float:right;
	background:#e2114b;
	border:1px solid #000;
	color:#fff;
	padding:0 20px 0 20px;
	font-weight:bold;
}

#submit_button_gif {
   clear:both;
   float:right;
   margin-top:10px;
   margin-right:7px;
}

.additional_label {
float:none !important;
width:480px !important;
padding-bottom:10px !important;
}


button {
cursor:pointer;	
}

#list_of_files input {
margin-bottom:5px;	
}

#plain_files input {
clear:both;	
}


#upload_handler input {
clear:both;	
}

#message_and_button button {
margin-top:2px;
clear:both;
}

#upload_handler button {
margin-top:2px;
float:left;
clear:none;
}

#upload_handler input{
margin-top:2px;
float:left;
clear:both;
}

#upload_handler {
width:600px;
float:left;
}