/*
=====================================
Brighton Tree Specialists: CSS Styles
Author: Kerry A Jackman
Date: 16 June 2006
=====================================
*/

/*
------------- In The Begining ----------- */
html {
	height:101%;
}
*, ul, ol, li {
	margin:0; 
	padding:0; 
	list-style-type:none;
}
body {
	font-family: Georgia, serif;
	font-size:12px;
	color:#525200;
	background:#6B6B2E url(../assets/bk-fade.jpg) repeat-x left top;
} 

/*
--------------- Structure -------------- */
#wrapper {
	width:752px;
	margin:0 auto 0 5%;
}
#head {
	height:312px;
	width:752px;
	background:#6b6b2e url(../assets/header-19.jpg) no-repeat left top !important;
}
#maincol {
	width:539px; float:left;
	background: #e6e6b4 url(../assets/bk-sidefade.jpg) repeat-y left top; 
}
#sidecol {
	width:167px; 
	background-color:#525200; 
	float:left;
}
#navbar {
	width: 500px;
	height:82px;
}
#footer {
	width:525px;
	background-color:transparent;
}

/*
------------- Headings ------------- */
h1 {
	background-color:transparent;
}
h1 a { 
	width:312px; 
	height:166px; 
	display:block; 
	float:left;
	text-decoration:none;
	text-indent:-9000px;
	background: #fff url(../assets/logo2.jpg) no-repeat left top; 
}
#maincol h2 {
	margin:0 26px 0 40px;
	padding-bottom:3px;
	font-size:22px;
	font-weight:normal;
	border-bottom:3px double #6b6b2e;
}
#maincol h3 {
	font-size:14px;
	margin:20px 40px 0 40px;
}
#sidecol h2 {
	font-size:18px;
	padding-bottom:3px;
	color:#e6e6b4;
	margin:6px 10px 10px 7px;
	border-bottom:3px double #e6e6b4; 
}

/*
-------------- Main Nav -------------- */
#navbar ul {
	padding:0 0 20px 26px;
}
#navbar li {
	display:inline;
	list-style-type:none;
}
#navbar a:link, #navbar a:visited {
	padding:64px 11px 0 11px;
	font-size:12px;
	color:#600;
	line-height:14px;
	font-weight:normal;
	text-decoration:none;
	float:left;
}
#navbar a:hover {
	color:#000;
	background:url('../assets/tab-hover.gif') no-repeat top center;
}

#home .home a:link, #home .home a:visited, 
#about .about a:link, #about .about a:visited, 
#services .services a:link, #services .services a:visited, 
#faq .faq a:link, #faq .faq a:visited, 
#contact .contact a:link, #contact .contact a:visited {
	background:url('../assets/tab-current.gif') no-repeat top center;
}
/*
------------- Links ---------------- */
a:link, a:visited {
	font-weight:bold; 
	text-decoration:none;
	color:#525200;
}
a:hover {text-decoration:underline;
}
#sidecol a:link, #sidecol a:visited {
	font-weight:bold; 
	text-decoration:none;
	color:#e6e6b4;
}
#sidecol a:hover {
	text-decoration:underline;
	color:#fdfde3;
}

/*
-------------- Side Nav -------------- */
#sidenav {
	width:167px;
}
#sidenav a:link, #sidenav a:visited {
	padding:5px 0 5px 0px;
	text-indent:15px;
	width:147px;
	margin:0 10px;
	font-size:11px;
	text-align: left;
	text-decoration: none;
	background: transparent url(../assets/bullet.gif) left center no-repeat;
	display:block;
}
#sidenav li a:hover {
	background:transparent url(../assets/bullet-on.gif) left center no-repeat;
}

/*
----------- Footer Nav -------------- */
#footer ul {
	padding:5px 0 10px 0;
	margin:50px 10px 0 40px; 
	color:#6b6b2e;
	background-color:#e6e6b4;
	border-top:3px double #6b6b2e;
}
#footer ul li {
	display:inline;
}
#footer a:link, #footer a:visited {
	font-size:11px;
	color:#600;
	font-weight:normal;
}
#footer a:hover, #footer a:active {
	color:#333;
}


/*
------------- Content --------------- */
p {
	padding:10px 30px 0 40px;
	color:#333;
	line-height:18px; 
}
#sidecol p {
	padding:10px;
	color:#e6e6b4;
	font-size:11px;
	line-height:15px;
}
p.topbor {
	padding:10px 0 0 0!important; 
	margin:10px 10px 0px;
	border-top:3px double #e6e6b4;
}
p#end {
	padding:5px 0;
	margin:10px 10px 0 10px;
	font-size:10px; 
	text-align:center;
	border-top:3px double #e6e6b4;
}
ul.quicklist {
	margin:10px 0 0 0;
}
ul.quicklist li {
	margin:0 0 0 70px;
	color:#333;
	line-height:18px;
	padding-left:15px;
	background: transparent url(../assets/main-bullet.gif) left center no-repeat;

}

/*
--------------Rollover Examples-------------*/
.example {
	margin:15px 25px 10px 10px;
	float:right;
	border:1px solid #525200;
	background-color:#c6c68d;
}
.example span {
	width:140px;
	height:160px;
	display:block;
}
.example span.cl {background: url(../assets/crown-lifting.jpg) no-repeat center center;}
.example span.cr {background: url(../assets/crown-reduction.jpg) no-repeat center center;}
.example span.ct {background: url(../assets/crown-thinning.jpg) no-repeat center center;}
.example span a {
	height:160px;
	width:140px;
	display:block;
	background:red url(../assets/tree-original.jpg) no-repeat center center;
}
.example span a:hover {background:transparent;}
.example p {
	color:#52500;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #525200;
	margin:0;
	font-size:11px; 
	padding:0px 0px 0px 5px;
}
.example p span {
	margin:0; 
	padding:0; 
	height:auto; 
	font-weight:normal;
	color:#525200;
	line-height:12px;
}
.im_l {
	float:right;	
	border:1px solid #525200;
	margin:10px 30px 10px 10px;
}
/*------extras-------*/
#call {height:26px;}
#call p {
	color:#e6e6b4; 
	padding:0 0 0 28px; 
	line-height:26px; 
	font-size:17px;
}
a:link.certlink, a:visited.certlink {border:1px solid #6b6b2e;display:block; float:left;margin-top:10px;}
a:hover.certlink {border-color:#e6e6b4;}
a.certlink img {border:0;}