@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
}

.clear {clear:both;}
.space {padding:10px 0px;}
.linebreak {margin-bottom:15px;}

a {color:#FFF;}
a:hover {color:#FF0;}

p {font-size:16px;}
h1 {font-size:28px; color:#000; letter-spacing:-2px; text-indent:30px; margin:10px 0;}
h2 {font-size:;}

.center {text-align:center;}
.justify {text-align:justify;}
.text-indent {text-indent:10px;}


.main {
width:954px;
background-color:#F00;
border:2px solid #FFF;
margin:10px auto 10px auto;
padding:10px 0;
}

#title a {
width:538px;
height:125px;
background:url(images/titlex2.jpg) no-repeat;
margin:10px auto;
display:block;
text-indent:-4000px;
}
#title a:hover {background-position:0px -125px;}

.bg-buttons {
width:900px;
background:url(images/bg-buttons.jpg) repeat-y;
margin:auto;
padding:10px 0;
}

.button-container {width:800px; margin:auto;}
#buttons li {width:160px; list-style:none; margin:0 20px; float:left; display:inline;}
#buttons a {
width:160px;
height:40px;
text-indent:-4000px;
display:block;
}
#button-home a {background:url(images/button-homex2.jpg) no-repeat;}
#button-home a:hover {background-position:0px -40px;}
#button-roof-repairs a {background:url(images/button-roof-repairsx2.jpg) no-repeat;}
#button-roof-repairs a:hover {background-position:0px -40px;}
#button-contact a {background:url(images/button-contactx2.jpg) no-repeat;}
#button-contact a:hover {background-position:0px -40px;}
#button-links a {background:url(images/button-linksx2.jpg) no-repeat;}
#button-links a:hover {background-position:0px -40px;}

.header-linebreak {
width:850px;
height:1px;
border-bottom:1px solid #FF9B9B;
margin:0 auto 5px auto;
}


.home-intro-text {
width:569px;
margin:0 10px;
position:absolute;
display:inline-block;
}

.home-photo {
width:350px;
margin-right:10px;
float:right;
display:inline-block;
}

.roof-services-container {
width:457px;
padding-left:20px;
float:left;
}
ul.roof-services {
width:437px;
list-style:disc;
padding-left:20px;
font-size:24px;
color:#FFF;
letter-spacing:-1px;
}

.emergency-roof-repair-service {
width:900px;
background-color:#000;
margin:0 auto 20px auto;
padding:10px;
}
.emergency-roof-repair-service p {font-size:22px; color:#FFF; text-align:center; letter-spacing:1px; padding:10px 0;}
.light-bulb {
width:80px;
float:left;
}

.news-box {
width:308px;
margin:0 0 0 30px;
float:left;
position:absolute;
display:inline-block;
}
.news-box p {font-size:14px;}
p.news-date {color:#FF0;}
.news-box-top {
width:293px;
height:18px;
background:url(images/bg-news-box-top.jpg) no-repeat;
padding:6px 0 0 15px;
color:#F00;
}
.news-box-middle {
width:292px;
background:url(images/bg-news-box-middle.jpg) repeat-y;
padding:5px 8px;
color:#FFF;
}
.news-line {
width:290px;
height:1px;
border-bottom:1px dashed #FFF;
margin:5px auto;
}
#news-icon a {
width:50px;
height:50px;
background:url(images/news-iconx2.jpg) no-repeat;
margin-right:10px;
float:right;
text-indent:-4000px;
display:block;
}
#news-icon a:hover {background-position:0px -50px;}
.news-box-bottom {
width:308px;
height:15px;
background:url(images/bg-news-box-bottom.jpg) no-repeat;
}

.areas-covered-container {
width:596px;
height:155px;
background:url(images/bg-areas-covered.jpg) bottom no-repeat;
padding-left:20px;
float:right;
display:inline;
}
ul.areas-covered {
width:134px;
background-color:#FF4040;
list-style:disc inside;
padding-left:10px;
float:left;
font-size:15px;
}
ul.areas-covered li {line-height:20px;}

.footer {
width:954px;
margin:15px auto 0 auto;
}

ul.footer-links {
width:140px;
margin-left:20px;
float:left;
display:inline;
}
ul.footer-links li {
height:18px;
list-style-type:none;
background:url(images/bullet-footer-linksx2.jpg) no-repeat;
margin-bottom:5px;
padding-left:25px;
}
ul.footer-links li:hover {background-position:0px -18px;}

.footer-contact-details {
width:500px;
float:left;
text-align:center;
display:inline;
}
.footer-text-large p {font-size:20px;}
.footer-text-small {font-size:12px;}
 
#contact-broken-roof a {
width:280px;
height:120px;
background:url(images/button-contact-broken-roofx2.jpg) no-repeat;
float:left;
display:inline-block;
text-indent:-4000px;
}
#contact-broken-roof a:hover {background-position:0px -120px;}


.premier {
width:760px;
margin:auto;
padding-top:15px;
overflow:hidden;
}

.premierwords {
width:400px;
padding-top:20px;
float:left;
text-align:right;
}
.premierwords p {font:12px Arial, Helvetica, sans-serif; color:#FFF;}
.premierwords a {color:#FF0;}
.premierwords a:hover {color:#F00;}

#tv a {
width:105px;
height:62px;
background:url(images/tvx2.jpg) no-repeat;
margin-left:30px;
display:block;
float:left;
}
#tv a:hover {background-position:0px -62px;}


.photo-container {
width:400px;
padding:0 38px 20px 39px;
float:left;
}


/*contact*/
.contactdetails-container {
width:400px;
font-size:18px;
margin:0px auto 15px auto;
overflow:hidden;
}
.contactdetails-left {
width:150px;
margin-right:10px;
float:left;
text-align:right;
}
.contactdetails-right {
width:240px;
float:left;
text-align:left;
}

.contactform {
width:500px;
margin:auto;
overflow:hidden;
}
.contactform p {font-size:16px;}
.contactformwords {
width:165px;
margin:5px 0px;
padding-right:5px;
text-align:right;
float:left;
}
.contactformbox {
width:330px;
margin:5px 0px;
text-align:left;
float:left;
}
p.submit input {
width:120px;
height:25px;
background:url(images/send-messagex2.jpg) no-repeat;
border:none;
}
p.submit input:hover {
background-position:0px -25px;
border:none;
}


.contactphp {
text-align:center;
padding:20px 0px;
}
.contactphp p.notvalid {color:#FF0;}


/*links*/
.linkstop {
width:700px;
height:20px;
margin:auto;
background:url(images/bg-links-top.jpg) no-repeat;
}

.linksmiddle {
width:700px;
margin:auto;
background:url(images/bg-links-middle.jpg) repeat-y;
overflow:hidden;
}

.linksmiddle a {color:#F00;}
.linksmiddle a:hover {color:#FF0;}

.linksmiddle ul.links {
width:auto;
margin:0px 10px 0px 20px;
float:left;
}

.linksmiddle ul.links li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFF;
}

.linksmiddle ul {float:left;}

.linksmiddle ul li {
list-style-type:none;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
line-height:19px;
}

.linksbottom {
width:700px;
height:20px;
margin:auto;
background:url(images/bg-links-bottom.jpg) no-repeat;
}

.sitemap {margin:20px 0px 20px 100px;}