/* CSS Document */

body{ background-image:url(images/background.jpg); background-repeat:repeat-x; background-color:#F50000; font-family:"Trebuchet MS", Arial;}

#wrapper{ width:982px; height:auto; margin:auto;}

#menubar{ width:100%; height:127px; position:relative;}

#menubar .logo{ width:160px; height:127px; position:absolute; left:0px; top:0px; background-image:url(images/a-roofing-specialist-logo.jpg);}

#menubar .slogan{ font-size:24px; color:#FFFF33; position:absolute; right:20px; top:40px;}

#menubar .button{ height:38px; position:absolute; bottom:2px; right:0;}

#menubar .floatimage{ width:210px; height:181px; position:absolute; background-image:url(images/circle-ad.png); left: 560px; top: 261px; z-index:0; }




#banner{ width:982px; height:315px;}

#banner .slide{ width:690px; height:315px; background-image:url(images/banner-house.jpg); float:left;}

#banner .nextslide{ width:292px; height:315px; background-image:url(images/block-note.jpg); float:right;}

#banner .nextslide-content{ height:auto; padding:14px 14px 0 14px;  }




#mainbody{background-color:#cccccc; height:auto; margin-top:0;}

#mainbody .leftcolumn{ width:310px; height:500px; float:left;}

#mainbody .leftcolumn a{ color:#FFFFFF; text-decoration:none;}

#mainbody .leftcolumn a:hover{ color:#FFFF00; text-decoration:none;}

.tab{ width:251px; height:72px; background-image:url(images/free-estimate-tab.png); margin-left:15px; top: -50px; padding:15px; position:relative; }

.tab1{ width:281px; margin:0 0 0 15px; font-size:16px; text-align:center; line-height:25px; position:absolute; top: 509px; }


#mainbody .rightcolumn{ width:650px; height:460px; float:right; margin: 10px 10px 0 0; background-color:#FFFFFF; padding:5px;}

.content{ width:330px; height:auto; float:left;margin: 0 0 0 5px;}

.contentip{ width:98%; height:auto; float:left;margin: 0 0 0 5px;}

#footer{ height:25px; background-color:#666666; color:#FFFFFF; font-size:11px; padding-top: 7px; padding-right: 0; padding-bottom: 0; padding-left: 0px; }

#footer a{ color:#FFFFFF; text-decoration:none;}

#footer a:hover{ color:#FFFF00; text-decoration:none;}

.copy{ width:550px; float:left; padding-left: 10px; }

.copy1{ float:right; width: 300px; }


a.copy1:link{ color:#FFFFFF; text-decoration:none;}





/*FONTS*/

.need { font-size:28px; font-weight:bold; color:#FFFF00;}

.roof-repair{font-size:28px; font-weight:bold;  color:#FFFFFF;}

.hrs { font-size:22px; color:#999999; text-align:center;}

.county-phone { color:#CCCCCC; text-align:right; font-size:16px; line-height:25px; margin:10px 0 0 50px;}

.drip-trip{ color:#FFFF00; font-size:18px; font-weight:bold; text-align:right; line-height:25px; margin:20px 0 0 70px;}

.click-here{ color:#FFFFFF; font-size:24px;}

.free-estimate{ color:#FFFFFF; font-size:36px;}

.free-estimate-yl{ color:#FFFF00; font-size:36px;}

.black{font-size:14px; color:#000000;}

.red{font-size:14px; color:#F50000;}

.yellow{font-size:14px; color:#FFFF00;}

h1{ color:#CC0000; text-align:center; padding:0px;}



/*FORM AREA*/
/*CORNER*/
/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 300px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width:300px; float:right; height:auto; margin: 0 5px 5px 0;}




/*MAIN AREA*/
/*CORNER*/
/* set millions of background images */
.rbroundboxa { background: url(images/nta.gif) repeat; }
.rbtopa div { background: url(images/tla.gif) no-repeat top left; }
.rbtopa { background: url(images/tra.gif) no-repeat top right; }
.rbbota div { background: url(images/bla.gif) no-repeat bottom left; }
.rbbota { background: url(images/bra.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopa div, .rbtopa, .rbbota div, .rbbota {
width: 650px;
height: 7px;
font-size: 1px;
}
.rbcontenta { margin: 0 7px; }
.rbroundboxa { width:650px; min-height:450px; float:right; margin: 10px 10px 20px 0; background-color:#FFFFFF; }


.clear { clear:both;}