/****************************************************************
Copyright Discover Websites 2009
CSS Written by James Hill
*****************************************************************
Master Styles
****************************************************************/
body { margin:0px auto 0px auto; background-image:url(images/bg.png); background-repeat:repeat-x; background-position:top; background-color:Black; }
a { text-decoration:none; color:#ffffff; }
a:hover {color:#7b0000; text-decoration:underline; }
img { border:0; }
#master_wrapper { margin:0px auto 0px auto; width:955px; }
.clear { clear:both; }
h1 { font-family:Arial, Verdana, Sans-Serif; font-size:20pt; font-weight:bold; color:#ffffff; padding:0; margin:0; }
h2 { font-family:Arial, Verdana, Sans-Serif; font-size:16pt; font-weight:bold; color:#ffffff; padding:10px 0 10px 0; margin:0; }
p { font-family:Arial, Verdana, Sans-Serif; font-size:10pt; color:#ffffff; margin:0; padding:0; text-align:justify; }
.watermark { color:#999999; }
input[type="submit"] { }

textarea { font-family:Arial, Verdana, Sans-Serif; font-size:10pt;}

.btn_standard_green { background-image:url(images/btn_standard_green.jpg); background-repeat:repeat-x; border:0; height:26px; color:White; padding:2px 10px 3px 10px; font-size:9pt; font-weight:normal; }
.btn_standard_red { background-image:url(images/btn_standard_red.jpg); background-repeat:repeat-x; border:0; height:26px; color:White; padding:2px 10px 3px 10px; font-size:9pt; font-weight:normal; }

/****************************************************************
Banner Styles
****************************************************************/
#banner_wrapper { width:955px; height:120px; }
#logo { width:344px; height:120px; float:left;}
#logo_text { width:280px; height:100px; padding-top:20px; float:right; text-align:right; font-family:Arial, Verdana, Sans-Serif; color:#ffffff; font-size:24pt; }
#logo_texticons { width:300px; height:100px; padding-top:10px; float:left; text-align:right; font-family:Arial, Verdana, Sans-Serif; color:#ffffff; font-size:24pt; }


/****************************************************************
Menu
****************************************************************/
#menu { width:955px; height:85px; background-image:url(images/menu-bg.png); background-repeat:no-repeat; margin-top:10px; }
#menuwrapper { width:900px; height:58px; margin:auto; }
.menuitems { margin-left:35px; margin-top:27px; width:auto; height:40px; float:left; }

/****************************************************************
Middle Styles
****************************************************************/
#menu_wrapper { width:955px; height:auto; }
.subimages_services { width:229px; height:286px; float:left; margin-top:10px; margin-bottom:10px; background-image:url(images/services-menu.png); background-repeat:no-repeat;}
.subimages_gallery { width:229px; height:286px; float:left; margin-left:12px; margin-right:12px; margin-top:10px; margin-bottom:10px; background-image:url(images/gallery-menu.png); background-repeat:no-repeat;}
.subimages_testimonials { width:229px; height:286px; float:left; margin-top:10px; margin-bottom:10px; background-image:url(images/testimonials-menu.png); background-repeat:no-repeat;}
.subimages_about { width:229px; height:286px; float:left; margin-left:12px; margin-top:10px; margin-bottom:10px; background-image:url(images/about-menu.png); background-repeat:no-repeat;}

.subimagesservices_flatroofing { width:312px; height:277px; float:left; margin-right:8px; margin-top:10px; margin-bottom:5px; background-image:url(images/services-flat-roofing.png); background-repeat:no-repeat;}
.subimagesservices_tiling { width:312px; height:277px; float:left; margin-right:8px; margin-top:10px; margin-bottom:5px; background-image:url(images/services-tiling.png); background-repeat:no-repeat;}
.subimagesservices_slating { width:312px; height:277px; float:left; margin-top:10px; margin-bottom:5px; background-image:url(images/services-slating.png); background-repeat:no-repeat;}
.subimagesservices_leadwork { width:312px; height:277px; float:left; margin-right:8px; margin-top:10px; margin-bottom:10px; background-image:url(images/services-flat-leadwork.png); background-repeat:no-repeat;}
.subimagesservices_fascia { width:312px; height:277px; float:left; margin-right:8px; margin-top:10px; margin-bottom:10px; background-image:url(images/services-fascia.png); background-repeat:no-repeat;}
.subimagesservices_general { width:312px; height:277px; float:left; margin-top:10px; margin-bottom:10px; background-image:url(images/services-general.png); background-repeat:no-repeat;}

/****************************************************************
Content
****************************************************************/
#content_wrapper { margin:auto; width:955px; height:auto; }
#left_content { float:left; width:660px; height:auto; margin-top:20px; margin-bottom:20px; margin-right:20px;}
#right_menu { float:right; width:267px; height:auto; margin-top:20px; margin-bottom:20px; }
#contactform_wrapper { margin-top:50px; margin-bottom:10px; width:267px; height:357px; background-image:url(images/contactform_bg.png); background-repeat:no-repeat;}
#contactform {width:250px; height:auto; margin:auto; font-family:Arial, Verdana, Sans-Serif; font-size:10pt; color:#ffffff;}
div.hr 
{
    height:1px;
	background: url(images/hr.png); background-repeat:no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.hr hr {
  display: none;
}
.textwrapper {width:205px; height:auto; padding: 180px 10px 0px 12px; text-align:justify; font-family:Arial, Verdana, Sans-Serif; font-size:8pt; color:#9b9b9b;}
.textwrapperimage {width:205px; height:auto; padding-top:5px; padding-left:2px;}

.textwrapperservices {width:290px; height:auto; padding: 170px 10px 0px 12px; text-align:justify; font-family:Arial, Verdana, Sans-Serif; font-size:8pt; color:#9b9b9b;}

.galleryitems {width:auto; height:auto; float:left; margin:5px;}

/****************************************************************
Bottom Signoff Styles
****************************************************************/
#signoff_wrapper { width:955px; height:auto; margin:0px auto 30px auto; }
#links { width:auto; height:auto; float:left; font-family:Arial, Verdana, Sans-Serif; font-size:10pt; color:#ffffff; margin-top:10pt; margin-bottom:10px; }
#links a{ font-family:Arial, Verdana, Sans-Serif; font-size:10pt; color:#ffffff; text-decoration:none; color:#ffffff;}
#links a:hover{ font-family:Arial, Verdana, Sans-Serif; font-size:10pt; color:#7b0000; text-decoration:underline;}
#dwlinks { width:auto; height:auto; float:right; margin-bottom:10px;}