/*
Lovingly hand-crafted by Citrus Tree Media.
http://www.citrustreemedia.com/
Please respect our copyright as we do yours...
*/

/* ---------------------
title: template text only stylesheet
author: Tom Sears and Wayne Taylor
created: 03/03/09
modified: 03/03/09
version: 1.0
--------------------- */

/* -----------------------------------------------------------------------------
   generic style */

* {
	margin: 0;
	border: 0;
	padding: 0;
}
* {
	margin: 0;
	border: 0;
	padding: 0;
}

body	{
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

p {
	margin-bottom: 10px;
	font-size: 90%;
}

/* -----------------------------------------------------------------------------
   main layout style */
	
object {
	display: none;
}	

#wrapper {
	background-color: #fff;
	width: 768px;
	margin: auto;
	overflow: auto;
	padding-bottom: 10px;
}

#banner {
	width: 100%;
	height: 124px;
	background: url(../images/logo.jpg) no-repeat 20px;
}

#banner h4 {
	text-indent: -5000px;
}

#title {
	margin-left: 20px;
	width: 730px;
}

#title p {
	text-indent: -5000px;
	height: 221px;
}	

#content p {
	margin: 7px 0 7px 2px;
}

#blurb {
	color: #000;
	width: 729px;
	margin-left: 20px;
	padding-bottom: 10px;
	padding-top: 20px;
}

#leavesspacer {
	display: none;
}

#blurb h1 {
	font-size: 190%;
 	color: #000;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 5px;	
	padding-top: 10px;
	padding-bottom: 5px;
}

#blurb p {
	padding-right: 5px;;
}

a {
	color: #000;
	text-decoration: underline;
}

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


#sidelinks #submit {
}

#sidelinks #request {
}

#space{
	clear: both;
}

#spacer {
	width: 95%;
	border-bottom: 3px solid #000;
	margin-left: 20px;
}

#content {
	width: 517px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 13px;
	border-right: 1px solid #000;
	clear: left;
}

#content dl {
	margin-bottom: 10px;
}
	
dl {
	padding: 10px;
}	

#content dl img, #subcontent dl img {
	float: right;
	margin: 10px;
}	

body.home #content dd a, body.home #subcontent dd a {
	color: #000;
}

body.about #content dl img {
	border: 1px solid #000;
}

#subcontent {
	width: 185px;
	float: left;
	padding-top: 10px;
	color: #000;
	padding-left: 15px;
}

body.home h2 a {
	display: block;
	width: 351px;
}

#subcontent h4 {
	display: block;
	font-size: 160%;
}

#subcontent dl {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer {
	color: #000;	
	width: 768px;
	margin: auto;
	overflow: auto;
	padding-bottom: 10px;
	margin-top: 0px;
}


#footer ul {
	float: right;
	padding-top: 11px;
}

#footer li {
	display: block;
	float: left;
	font-size: 80%;
	margin-left: 4px;
}

#footer a {
	color: #000;
	font-weight: bold;
}

.more {
	font-size: 110%;
	float: right;
	font-weight: bold;
	overflow: hidden;
	padding-top: 10px;
}
	
	
/* -----------------------------------------------------------------------------
   contact details at the top of the page */	
	
#contactdetails {
	float: right;
	font-size: 90%;
	margin-right: 20px;
	margin-top: 20px;
}

#contactdetails li {
	list-style: none;
	padding-bottom: 5px;
	clear:right;
	float:right;
}

#contactdetails a:hover {
	text-decoration: none;
}
	
/* -----------------------------------------------------------------------------
   toptabs (tabs at teh top with nav) style */	
	
#toptabs {
	background: url(../images/toptabs-background.jpg) no-repeat;
	width: 253px;
	float: right;
	margin-top: 70px;
	margin-right: 30px;
	line-height: 36px;
}

body.about #toptabs, body.news #toptabs {
	background: url(../images/toptabs-background-red.jpg) no-repeat;
}

body.services #toptabs, body.contact #toptabs {
	background: url(../images/toptabs-background-orange.jpg) no-repeat;
}

#toptabs li {
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
	width: 126px;
	font-size: 80%;
	text-align: center;
}

#toptabs li a {
	color: #000;
	text-decoration: none;
	width: 126px;
	display: block;
}	
	
body.about #toptabs li a, body.news #toptabs li a {
	color: #fff;
}	
	
#toptabs li a:hover {
	color: #fff;	
	width: 126px;
	display: block;
}	
	
body.about #toptabs li a:hover, body.news #toptabs li a:hover {
	color: #000;
}		
	
/* -----------------------------------------------------------------------------
   home page style */

body.home #blurb h1 {
	font-style: normal;
	font-weight: bold;
	margin-bottom: 15px;	
}

body.home #content {
	width: 351px;
	padding-right: 12px;
	
}

body.home #subcontent {
	width: 351px;	
}	

body.home #content h2 {
	width: 351px;
	display: block;
}

body.home #content dd {
	border-bottom: 2px solid #000;
	overflow: auto;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#content dt {
	color: #000;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	padding-bottom: 5px;
}

#content dt a {
	color: #000;
}

#content dt a:hover {
	color: #000;
	text-decoration: none;
}

body.home #content .more {
}

body.home #content .more a, body.home #content .more a:visited {
	text-decoration: none;
	padding-bottom: 10px;
	display: block;
}

body.home #content .more a:hover {
	text-decoration: underline;
}

body.home #subcontent h2 {
	width: 351px;
	display: block;
}

body.home #subcontent dd {
	border-bottom: 2px solid #000;
	overflow: auto;
	padding: 10px;
}

#subcontent dt {
	font-size: 130%;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#subcontent dt a {
	text-decoration: none;
}

#subcontent dt a:hover {
	text-decoration: underline;
}

#subcontent dt span {
	font-weight: bold;
	font-family:georgia;
	font-size:70%;
}

body.home #subcontent .more a, body.home #subcontent .more a:visited {
	text-decoration: none;
	padding-bottom: 10px;
	display: block;
}

body.home #subcontent .more a:hover {
	color: #c61d1d;
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------
   blog page style */



body.blog #content dd {
	background: url(../images/aboutus-content-fadedbox-green.jpg) no-repeat bottom;
	margin-bottom: 10px;
	overflow: auto;
	padding: 10px;
}

body.blog #content dl {
	padding-right: 0px;
}

body.blog #content dt img {
	float: left;
	margin: 0 15px 10px 0;
	border: 2px solid #faa955;
}

body.blog #content dt {
	color: #8dbb10;
	font-size: 150%;
	padding-bottom: 20px;
	height: 55px;
}

body.blog #content dd {
	clear: both;
	padding-top: 0;
}

body.blog #content dt span {
	color: #8dbb10;
	font-size: 80%;
	font-weight: normal;
	line-height: 80%;
}


body.blog #content a {
	padding-top: 5px;
	color: #8dbb10;
	text-decoration: none;
	display: inline;
	overflow: auto;
}	
	
body.blog #content a:hover {
	color: #8dbb10;
	text-decoration: underline;
}		

body.blog #subcontent dt {
	color: #8dbb10;
}

body.blog #subcontent dt a {
	color: #8dbb10;
}

body.blog #subcontent dd a {
	text-decoration: none;
	color: #000;
}

body.blog #subcontent dd a:hover {
	text-decoration: underline;
	color: #000;
}

body.blog #subcontent .more {
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

body.blog #subcontent .more a, body.blog #subcontent .more a:visited {
	text-decoration: none;
}

#catagories {
	background: url(../images/aboutus-subcontent-catagories-background.jpg);
	width: 185px;
	height: 263px;
	margin-bottom: 10px;
}

#month {
	background: url(../images/aboutus-subcontent-month-background.jpg);
	width: 185px;
	height: 240px;
	margin-bottom: 10px;
}

.testimonial {
	color: #000;
	border: 2px solid #000;
	width: 135px;
	padding: 25px;
	margin-bottom: 10px;
}

p.author {
	font-weight: bold;
	font-style: italic;
	padding-bottom: 0;
}

p.company {
	font-weight: bold;
	font-style: italic;
	padding-bottom: 0;
}

/* -----------------------------------------------------------------------------
   about us page style */
	
body.about #sidelinks {	
	background: url(../images/about-sidelinks-background.jpg)  no-repeat;
	float: left;
	width: 185px;
	height: 174px;
}

body.about #content dd {
	border-bottom: 2px solid #000;
	margin-bottom: 10px;	
	padding: 10px;
}	
	
body.about #content dt {
	font-size: 200%;
	letter-spacing: -1px;
}	
	
body.about #content dt a {
	font-size: 50%;
}		

#subcontent .services dt {
	display: none;
}

#subcontent .services dd {
	border-bottom: 2px solid #000;
	overflow: auto;
	padding: 10px;
}	
	
#subcontent .services h4 {
	font-size: 160%;
}	


body.about #subcontent .more {
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

body.about #subcontent .more a, body.about #subcontent .more a:visited {
	text-decoration: none;
}




/* -----------------------------------------------------------------------------
   contact page style */


body.contact #sidelinks {	
	float: left;
	width: 183px;
	height: 174px;
}

body.contact #content {
	overflow: auto;
}	

body.contact #blurb a:hover {
	text-decoration: underline;
}	

	
body.contact #subcontent .testimonial {
	background: url(../images/contact-testimonials-background.jpg) no-repeat;
	height: 214px;
}	

body.contact #subcontent .more {
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

body.contact #subcontent .more a, body.contact #subcontent .more a:visited {
	text-decoration: none;
}

body.contact #content p {
	font-style: italic;
	padding: 10px;
}

/* -----------------------------------------------------------------------------
   Contact form style */
	
label {
	text-align: right;
	width: 150px;
}	

input, textarea {
	padding-left: 5px;
}
	
#webform-client-form-11 label {
	font-size: 100%;
	font-weight: normal;
	color: #000;
}	
	
#webform-client-form-11 {
	margin-bottom:20px;
	padding-top:20px;
	width:460px;
}		
	
#webform-client-form-11 label {
	padding-bottom: 5px;
	float: left;
	clear: both;
}	

#webform-client-form-11 dt #edit-submit {
	float: right;
}		
	
#webform-component-name input, #webform-component-email_address input, #webform-component-telephone_number input, #webform-component-message input {
	
	border: 1px solid #000;
	width: 250px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	float: right;
	margin-right: 40px;
}	

#edit-submitted-message {
	border: 1px solid #000;
	width: 250px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	float: right;
	margin-right: 40px;
	height: 110px;
}

#edit-submit {
	border: 1px solid #000;
	width: 100px;
	padding: 2px;
	margin-bottom: 20px;
	display: block;
	margin-left: 240px;
	clear: both;
}
select {
	border: 1px solid #000;
	width: 250px;
	padding: 2px;
	margin-bottom: 20px;
	display: block;
	float: right;
	margin-right: 40px;
}

textarea {
	border: 1px solid #000;
	width: 250px;
	padding: 2px;
	margin-bottom: 20px;
	display: block;
	float: right;
	margin-right: 40px;
}

#webform-client-form-11 dt.send {
	width: 75%;
	margin-bottom: 20px;
}

form div {
	clear: both;
	overflow: auto;

}

#content .form-item {
	margin: 0;
}

/* -----------------------------------------------------------------------------
   News page style */

body.news #content img {
	border: 1px solid #000;
}	

body.news #sidelinks {	
	background: url(../images/news-lidelinks-background.jpg)  no-repeat;
	float: left;
	width: 185px;
	height: 174px;
}
	
body.news #content dl {
	padding-right: 0px;
}	
	
	body.news #content dd {	
	border-bottom: 2px solid #000;
	overflow: auto;
	padding: 10px;
}
	
body.news #content dt {
	font-size: 150%;
}

body.news #content dt a {
	text-decoration: none;
}

body.news #content .more {
	padding-right: 10px;
	padding-top: 0px;
}

body.news #content .more a, body.news #content .more a:visited {
	text-decoration: none;
}

body.news #content .more a:hover {
	text-decoration: underline;
}

body.news #content dt a:hover {
	text-decoration: underline;
}

body.news #content span {
	font-size: 80%;
	font-weight: normal;
}

body.news #subcontent div {
	margin-bottom: 10px;
}

body.news #subcontent dl {
	padding-bottom: 10px;
}
	
#subcontent .portfolio dd {
	border-bottom: 2px solid #000;
	width: 163px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px;
	padding-bottom: 20px;
}	

body.news #subcontent dt {
	padding-bottom: 0px;
}

body.news #subcontent .more {
	padding-right: 10px;
	padding-top: 0px;
}

body.news #subcontent .more a, body.news #subcontent .more a:visited {
	text-decoration: none;
}

body.news #subcontent .more a:hover {
	text-decoration: underline;
}
	
/* -----------------------------------------------------------------------------
	   portfolio page style */


body.portfolio #sidelinks {	
	float: left;
	width: 186px;
	height: 174px;
}	

body.portfolio #content {
	width: 725px;
	border-right: none;
}	

body.portfolio #content dd {
	border-bottom: 2px solid #000;
	height: auto;
	overflow: auto;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

body.portfolio #content dt {	
	font-size: 150%;
	padding-left: 0px;
}
	
body.portfolio #content a {
	display: block;
}	
	
body.portfolio #content a:hover {
	text-decoration: none;
}		
	
body.portfolio #subcontent {
	display: none;
}
		
/* -----------------------------------------------------------------------------
	   services page style */


body.services #eternal {
	width:183px;
	overflow: auto;
}

body.services #content dl {
	padding-right: 0px;
}

body.services #content dd {
	overflow: auto;
	padding: 5px 10px 10px;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}

body.services #content dt {
	font-size: 150%;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: -1px;
}

body.services #subcontent .more {
	padding-right: 10px;
	padding-top: 0px;
}

body.services #subcontent .more a, body.services #subcontent .more a:visited {
	text-decoration: none;
}

body.services #subcontent .more a:hover {
	text-decoration: underline;
}

body.services h2 {
	display: inline;
	border-bottom:1px dashed #ddd;
	font-family:georgia;
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
}

#content ul li {
	padding-bottom: 10px;
}

#content ul{
	padding-left: 20px;
}

#content ul li {
	font-size: 90%;
}

#content ol li {
	padding-bottom: 10px;
}

#content ol{
	padding-left: 20px;
}

#content ol li {
	font-size: 90%;
}
/* -----------------------------------------------------------------------------
	  pagination style */
	  
#content .item-list, body.blog #content .item-list {
	width: 100%;
	clear: both;
	display: block;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	overflow: auto;
}	  
	  
#content .item-list ul, body.blog #content .item-list ul {
	display: block;
	float: right;
	margin-right: 20px;
}	 


#content .item-list .pager li {
	padding: 0px;
	margin-bottom: 1px;
	overflow: auto;
}

.item-list ul li {
	margin: 0px;
}

#content .item-list ul.pager li {
	padding: 6px;
	display: block;
	float: left;
	padding-bottom: 2px;
	overflow: auto;
	line-height: 25px;
}

body.services #content .item-list ul.pager li a.active, {
	padding: 6px;
	margin-top: 1px;
	text-decoration: none;
	overflow: auto;
}

 body.blog #content .item-list ul.pager li a.active {
	padding: 6px;
	margin-top: 1px;
	text-decoration: none;
	overflow: auto;
	margin-bottom: 1px;
 }

.item-list ul.pager li a.active:hover {
	text-decoration: none;
	color: #ffffff;
}

/* ----------------------------- */

.item-list ul.pager li a.active:hover {
	background: #000;
}

.item-list ul.pager li a.active {
	border: 1px solid #000;
}

.item-list ul li {
	color: #000;
}

.item-list ul li a {
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

/* ----------------------------- */
body.news .item-list ul.pager li a.active:hover {
	background: #000;
}


/* ----------------------------- */

body.blog #content .item-list {
	border-bottom: 1px solid #000;
}

body.blog .item-list ul.pager li a.active:hover {
	background: #000;
	color: #fff !important;
	text-decoration: none !important;
}

body.blog .item-list ul.pager li a.active {
	border: 1px solid #000;
}

body.blog .item-list ul li {
	color: #000;
}

/* ----------------------------- */

body.services .item-list ul.pager li a.active:hover {
	background: #000;
	color: #fff !important;
	text-decoration: none !important;
}

body.services .item-list ul.pager li a.active {
	border: 1px solid #000;
}

body.servives .item-list ul li {
	color: #000;
}

body.services #content .item-list ul.pager li a.active {
padding:6px;
}

body.services #content a {
display:inline;
overflow:auto;
padding-top:5px;
text-decoration:none;
}
	
/* -----------------------------------------------------------------------------
	  navigation style */

ul#nav {
	display: block;
	clear: both;
	padding-bottom: 20px;
}
	  
ul#nav li {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	width: 16%;
	float: left;
	margin-top: 7px;
	line-height: 28px;
	padding-right: 1px;
}	

ul#nav li#firstnav {
	background: none;
}

ul#nav a {
	text-decoration: none;
	color: #000;
	font-weight: bold;	
	float: left;
	height: 29px;
	width: 98%;
	text-align: center;
	margin-left: 2px;
	margin-top: -2px;
	font-size:90%;
}

ul#nav a#contact {
	padding-right: 2px;
}


body.home ul#nav a, body.portfolio ul#nav a, body.blog ul#nav a,
 body.home ul#nav a#home, body.portfolio ul#nav a#portfolio, body.blog ul#nav a#blog  {
	color: #000;
	border: 1px solid #000;
}

body.about ul#nav a, body.news ul#nav a, body.about ul#nav a#about, body.news ul#nav a#news {
	/* background: url(../images/nav-hover-red.jpg); */
	color: #000;
	border: 1px solid #000;
}

body.services ul#nav a, body.contact ul#nav a, body.services ul#nav a#services, body.contact ul#nav a#contact {
	color: #000;
	border: 1px solid #000;
}

/* hover and body states */

body.home ul#nav a:hover, body.portfolio ul#nav a:hover, body.blog ul#nav a:hover,
 body.home ul#nav a#home, body.portfolio ul#nav a#portfolio, body.blog ul#nav a#blog  {
	background: #000;
	color: #fff;
}

body.about ul#nav a:hover, body.news ul#nav a:hover, body.about ul#nav a#about, body.news ul#nav a#news {
	/* background: url(../images/nav-hover-red.jpg); */
	background: #000;
	color: #fff;
}

body.services ul#nav a:hover, body.contact ul#nav a:hover, body.services ul#nav a#services, body.contact ul#nav a#contact {
	background: #000;
	color: #fff;
}

/* -----------------------------------------------------------------------------
	  user login style */

.home input {
	margin-left: 10px;
	border: 1px solid black;
	float: left;
}

.home label {
	float: left;
}
	 
.home .description {
	clear: both;
}

/* -----------------------------------------------------------------------------
   end style sheet */