/*

Authour: Graphic D-Signs
Author URI: http://www.GraphicD-Signs.com
Client: All In One Custom House Brokers
Date: April 2010
Website: http://www.jrstreeservice.com
Description: This is the main stylesheet for JR's Tree Service.

*/

@import url(reset.css);
body { margin: 0; padding: 0; background: url(../images/bg2.jpg) repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #33220e; background-color: #47341d; }
#container { position: relative; width: 980px; margin: 0 auto; }
a { outline: none; text-decoration: none;  }
h4 { color: #ffffff; font-size: 10px; }
h5 { font-size: 13px; color: #5DA2BE; margin: 1em 0 0 1em; }
strong { color: #5595BB; }

/* Header Styles */

.header { position: relative; height: 142px; width: 980px; }

.header h1 { width: 652px; height: 142px; background: url(../images/logo.jpg) no-repeat; position: relative; text-indent: -9999px; }
.header h1 a { width: 652px; height: 142px; display: block; }

.header h2 { position: relative; width: 328px; height: 142px; color: #3394df; margin: 0; left: 650px; top: -142px; background: url(../images/links.jpg) no-repeat; text-indent: -9999px; }

#email { position: relative; width: 328px; height: 63px; left: 652px; top: -280px; background: url(../images/emaillink.png) no-repeat; text-indent: -9999px; }
#email a { width: 328px; height: 63px; display:block; }

/* Navigation */

#nav { width: 267px; position: relative; left: 437px; top: -323px; }
.navigation { width: 267px; margin: 0; padding: 0; list-style: none; position: absolute; top: 35px; left: 260px; z-index: 10000; }
.navigation li { float: left; text-align: center; }
.navigation li a { display: block; text-indent: -9999px; vertical-align: middle; height: 74px; text-decoration: none; text-align: center; outline: none; }

/* Services Button */
.navigation li a.nav1 { width: 133px; background: url(../images/nav.png) no-repeat 0 0; }
.navigation li a.nav1:hover, .navigation li.active a.nav1 { background-position: 0 -74px; }

/* Contat Button */
.navigation li a.nav2 { width: 134px; background: url(../images/nav.png) no-repeat -133px 0; }
.navigation li a.nav2:hover, .navigation li.active a.nav2 { background-position: -133px -74px; }

/* Main Section Styles */

.flash { position: relative; height: 224px; width: 980px; }
.subhead { position: relative; width: 980px; height: 71px; }
.subhead h3 { width: 980px; height: 71px; background: url(../images/sub.jpg) no-repeat; position: relative; text-indent: -9999px; }

.main { position: relative; width: 980px; background: url(../images/bodybg.jpg) repeat-y; min-height: 415px; }
.main p { width: 640px; line-height: 19px; padding-bottom: 12px; }
.main h3 { margin: 0; padding: 0 0 12px 0; font-weight: normal; color: #01592e; font-size: 19px; font-family: Georgia, "Times New Roman", Times, serif; }

.main .sidebar { position: relative; width: 300px; float: right; padding: 0 0 0 25px; margin: -530px 0 0 0; }
.main .sidebar p { position: relative; width: 280px; padding: 0 20px 0 30px; margin: 0 0 0 -50px; }
.main .sidebar h3 { width: 270px; font-weight: normal; color: #01592e; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0 -20px; }
.main .sidebar img { margin-bottom: 20px; }
.main .sidebar a { color: #3F7591; text-decoration: underline; }
.main .sidebar a:hover { color: #1e3f53; }

.main .sidebarInner { position: relative; width: 300px; float: right; padding: 0 0 0 25px; margin: 0 0 0 0; }
.main .sidebarInner p { position: relative; width: 280px; padding: 0 20px 0 30px; margin: 0 0 0 -50px; }
.main .sidebarInner h3 { width: 270px; font-weight: normal; color: #01592e; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0 -20px; }
.main .sidebarInner img { margin-bottom: 20px; }
.main .sidebarInner a { color: #3F7591; text-decoration: underline; }
.main .sidebarInner a:hover { color: #1e3f53; }

.main .leftSide { position: relative; width: 532px; z-index: 1; margin-left: 32px; }
.main .leftSide p { width: 530px; }
.main .leftSide h3 { font-weight: normal; color: #01592e; font-family: Georgia, "Times New Roman", Times, serif; }
.main .leftSide h4 { font-weight: normal; color: #01592e; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; border-bottom-style:solid; border-bottom-color:#930; border-bottom-width: 1px; padding: 12px 0 6px 0; margin: 0 0 10px 0; }
.main .leftSide a { color:77b045; }
.main .leftSide a:hover { color:ba894f; }

.contenList ul li { padding: 0; overflow: hidden; }
.contenList li { background: url(../images/bullet.jpg) no-repeat scroll 0 14px transparent; margin: 0 0 0 3em; padding: 8px 0 5px 14px; }

div.outerwrap { }
/* position list chunks side by side */
div.wrapper { float: left; width: 20em; margin: 0 0 0 1em; }
/* clear float after lists */
br { clear: left; }
/* remove default spacing  to 
promote cross-browser consistency */
.wrapper ul { margin: 2px 0 0 0; padding: 1px; list-style: none; list-style-type: none; }
/* suppress normal list item numbering */
.wrapper ul li { background: url(../images/bullet.jpg) no-repeat scroll 0 10px transparent;  margin: 0 0 0 3em; padding: 8px 0 5px 14px; }
.wrapper li { padding: 8px; }
/* generate new item numbers that 
continue from one list to the next */
ol li:before { list-style: inside circle; }

/* Footer Styles */

.footer { position: relative; line-height: 50px; clear: both; text-align: center; vertical-align: middle; color: #77b045; background: url(../images/footer.jpg) no-repeat; }
.footer a { color: #77b045; text-decoration: underline; }
.footer a:hover { color: #ba894f; }