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

/* ---------------------
title: bridge marketing holding page stylesheet
author: tom sears
created: 16/07/08
modified: 16/07/08
version: 1.0
--------------------- */

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

@import url("panels.css");	
	
* {
	margin: 0;
	border: 0;
	padding: 0;
}

body	{
	background: url(../images/background-pattern.jpg) fixed;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

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

/* -----------------------------------------------------------------------------
   main layout style */
	
#gradient {
	background: url(../images/background-gradient.jpg) repeat-x fixed;
}	

#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;
}

#content ul {
	padding-left: 20px;
	font-size: 90%;
	padding-bottom: 10px;
}

#content ol {
	padding-left: 20px;
	font-size: 90%;
	padding-bottom: 10px;
}

#blurb {
	color: #848484;
	width: 729px;
	margin-left: 20px;
	background: url(../images/blurb-fadedbox.jpg) no-repeat bottom right;
	padding-bottom: 10px;
}

#leavesspacer {
	float: right;
	display: block;
}

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

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


#sidelinks #submit {
	background: url(../images/submit-a-brief.gif) no-repeat 0px 7px;
}

#sidelinks #request {
	background: url(../images/request-a-quote.gif) no-repeat 5px 15px;
}

#space{
	clear: both;
}

#spacer {
	width: 95%;
	background: url(../images/spacer.jpg) repeat-x;
	height: 13px;
	margin-left: 20px;
	margin-top: 10px;
}

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

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

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

#subcontent dl img {
	float: none;
}

body.home #subcontent dl img {
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

body.home #content dd a {
	color: #8DBB10
}

body.home #subcontent dd a {
	color: #e78c33;
}

body.about #content dl img {
	border: 2px solid #C61D1D;
}

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

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

#subcontent h4 a {
	display: block;
	height: 46px;
	width: 185px;
}

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

#footer {
	color: #fff;	
	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: #fff;
	font-weight: bold;
}

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

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

#contactdetails strong {
	color: #848484;
}

#contactdetails a {
	color: #848484;
}

#contactdetails a:hover {
	color: #E78C33;
}
	
/* -----------------------------------------------------------------------------
   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 #title {
	background: url(../images/title-banner-background.jpg) no-repeat;
	height: 255px;
}


body.home #leavesspacer {
	width: 169px;
	height: 48px;
	background: url(../images/blurb-home-background.gif) no-repeat top left;
}

body.home #blurb h1 {
	font-style: normal;
	color: #8dbb10;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 15px;	
}

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

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

body.home #content h2, body.home #subcontent h2 {
	font-size: 90%;
	margin-bottom: 10px;
}

body.home #content h2.banner {
	background: url(../images/content-selected-portfolio.jpg);
	text-indent: -5000px;
	width: 351px;
	height: 81px;
	display: block;
}

body.home #content dd {
	background: url(../images/content-fadedbox-orange.jpg) no-repeat bottom;
	overflow: auto;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

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

#content dt span a {
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
}

body.home #content dt {
	padding-left: 0px;
}

body.home #content dd {
	padding-left: 0px;
}


#content dt a {
	color: #8dbb10;
	text-decoration: none;
}

#content dt a:hover {
	color: #8dbb10;
	text-decoration: underline;
}

body.home #content .more {
	color: #8dbb10;
}

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

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

body.home #subcontent h2.banner {
	background: url(../images/subcontent-our-services.jpg);
	text-indent: -5000px;
	width: 351px;
	height: 81px;
	display: block;
}

body.home #subcontent dd {
	background: url(../images/subcontent-fadedbox-orange.jpg) no-repeat bottom;
	overflow: auto;
	padding: 10px;
}

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

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

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

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

body.home #subcontent .more {
	color: #c61d1d;
	overflow: hidden;
}

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

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

/* -----------------------------------------------------------------------------
   blog page style */
	
body.blog #title {
	background: url(../images/title-aboutus-banner.jpg) no-repeat;
	height: 163px;
}	


body.blog #leavesspacer {
	width: 185px;
	height: 70px;
	background: url(../images/blurb-blog-background.gif) no-repeat top left;
}

body.blog #blurb h1 {
	color: #8dbb10;
}


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 {
	color: #e78c33;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

body.blog #subcontent .more a, body.blog #subcontent .more a:visited {
	color: #e78c33;
	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: #fff;
	background: #a4d522 url(../images/aboutus-subcontent-testimonials-background.jpg) no-repeat bottom;
	width: 165px;
	min-height: 206px;
	padding: 10px;
	margin-bottom: 10px;
}

/* -----------------------------------------------------------------------------
   about us page style */
	
body.about #subcontent a {
	color: #E78C33;
}	
	
body.about #title {
	background: url(../images/title-about-banner.jpg) no-repeat;
	height: 163px;
}	


body.about #blurb h1 {
	color: #c61d1d;
}	

body.about #leavesspacer {
	display: block;
	float: right;
	height: 78px;
	width: 171px;
	background: url(../images/blurb-aboutus-background.gif) no-repeat top left;
}

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

body.about #content dd {
	background: url(../images/about-content-fadedbox-red.jpg) no-repeat bottom;
	margin-bottom: 10px;	
	padding: 10px;
}	
	
body.about #content dt {
	color: #c61d1d;
	font-size: 200%;
	letter-spacing: -1px;
}	
	
body.about #content dt a {
	color: #c61d1d;
	font-size: 50%;
}		

#subcontent .services dt {
	display: none;
}

#subcontent .services dd {
	background: url(../images/news-subcontent-fadedbox-orange.jpg) no-repeat bottom;
	overflow: auto;
	padding: 10px;
}	
	
#subcontent .services h4 {
	background: url(../images/about-subcontent-services.jpg) no-repeat;
	width: 185px;
	height: 46px;
	text-indent: -5000px;
	display: block;
	padding: 0px;
}	


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

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

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



/* -----------------------------------------------------------------------------
   contact page style */
	
body.contact #subcontent a {
	color: #E78C33;
}	

body.contact #title  {
	background: url(../images/title-contact-banner.jpg) no-repeat;
	height: 163px;
}	


body.contact #leavesspacer {
	width: 184px;
	height: 80px;
	background: url(../images/blurb-contact-background.gif) no-repeat top left;
}

body.contact #blurb h1 {
	color: #E78C33;
}	

body.contact #sidelinks {	
	background: url(../images/contact-sidelinks-background.jpg)  no-repeat;
	float: left;
	width: 183px;
	height: 174px;
}

body.contact #content {
	background: url(../images/contact-content-fadedbox-orange.jpg) no-repeat bottom;
	overflow: auto;
}	

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

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

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

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

body.contact form p {
	clear: both;
	padding-left: 50px;
}

/* -----------------------------------------------------------------------------
   Contact form style */
	
body.contact form div {
	margin: 0;
	padding: 0;
}

label {
	text-align: right;
}	

input, textarea, fieldset input {
	color: #848484;
	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 {
	color: #848484;
	padding-bottom: 5px;
	float: left;
	clear: both;
	text-align:right;
	width:150px;
}	

#webform-client-form-11 dt #edit-submit {
	color: #848484;
	float: right;
}

form .webform-component-select select#edit-submitted-where-did-you-hear-about-us	{
	background:transparent url(../images/contact-form-gradient.jpg) no-repeat scroll right bottom;
	border:1px solid #E78C33;
	float:right;
	margin-bottom:10px;
	margin-right:40px;
	padding-bottom:5px;
	width:257px;
	display: block;
}	
	
form textarea {
	background: url(../images/contact-form-gradient.jpg) no-repeat bottom right;
	border: 1px solid #e78c33;
	width: 250px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	float: right;
	margin-right: 40px;
}	
	
#webform-component-name input, #webform-component-email_address input, #webform-component-telephone_number input, #webform-component-message input {
	background: url(../images/contact-form-gradient.jpg) no-repeat bottom right;
	border: 1px solid #e78c33;
	width: 250px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	float: right;
	margin-right: 40px;
}	

#edit-submitted-message {
	background: url(../images/contact-form-gradient.jpg) no-repeat bottom right;
	border: 1px solid #e78c33;
	width: 250px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	float: right;
	margin-right: 40px;
	height: 110px;
}

#edit-submit {
	border: 1px solid #e78c33;
	width: 100px;
	padding: 2px;
	margin-bottom: 10px;
	display: block;
	margin-left: 240px;
	clear: both;
}

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

fieldset {
	border: 1px solid #e78c33;
}

fieldset div {
	clear: both;
	margin: 5px 0;
}

/* -----------------------------------------------------------------------------
   News page style */
	
body.news #content ul li {
	list-style-image: url(../images/tickbox-red.jpg);
}	
	
body.news #subcontent a {
	color: #8DBB10;
}	

body.news #title {
	background: url(../images/title-news-banner.jpg) no-repeat;
	height: 163px;
}

body.news #blurb h1 {
	color: #c61d1d;
}	

body.news #leavesspacer {
	width: 185px;
	height: 85px;
	background: url(../images/blurb-news-background.gif) no-repeat top left;
}

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 {	
	background: url(../images/about-content-fadedbox-red.jpg) no-repeat bottom right;
	overflow: auto;
	padding: 10px;
}
	
body.news #content dt {
	color: #c61d1d;
	font-size: 150%;
}

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

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

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

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

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

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

	
#subcontent .portfolio h4  {
	background: url(../images/news-subcontent-porfolio-banner.jpg) no-repeat;
	width: 185px;
	height: 46px;
	text-indent: -5000px;
	display: block;
}	

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

body.news #subcontent dl {
	padding-bottom: 10px;
}
	
#subcontent .portfolio dd {
	background: url(../images/about-subcontent-fadedbox-green.jpg) no-repeat bottom;
	width: 163px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px;
	padding-bottom: 20px;
}	

body.news #subcontent .testimonial {
	background: #c41c1c url(../images/news-subcontent-testimonial-background.jpg) no-repeat bottom;
}	

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

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

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

body.news #subcontent .more a:hover {
	color: #8dbb10;
	text-decoration: underline;
}

body.news #content a {
	color: #C61D1D;
}
	
/* -----------------------------------------------------------------------------
	   portfolio page style */
		
body.portfolio #title {	
	background: url(../images/title-portfolio-banner.jpg) no-repeat;
	height: 163px;
}	

body.portfolio #leavesspacer {
	background: url(../images/blurb-portfolio-background.gif) no-repeat top left;
	display:block;
	height:30px;
	width:195px;
}

body.portfolio #blurb h1 {
	color: #8dbb10;
}

body.portfolio #sidelinks {	
	background: url(../images/portfolio-sidelinks-background.jpg)  no-repeat;
	float: left;
	width: 186px;
	height: 174px;
}	

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

body.portfolio #content dd {
	background: url(../images/portfolio-content-fadedbox-orange.jpg) no-repeat bottom right;
	height: auto;
	overflow: auto;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

body.portfolio #content dt {	
	font-size: 150%;
	padding-left: 0px;
}
	
body.portfolio #content a {
	color: #8dbb10;
}	
	
body.portfolio #content a:hover {
	text-decoration: none;
}	
	
body.portfolio #content a:hover {
	color: #8dbb10;
	text-decoration: underline;
}		
	
body.portfolio #subcontent {
	display: none;
}

body.portfolio #content ul li {
	list-style-image: url(../images/portfolio-tickbox.jpg);
}

body.portfolio h2 {
	display: inline;
	color:#848484;
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
	font-style: italic;
}
		
/* -----------------------------------------------------------------------------
	   services page style */
	
body.services #subcontent a {
	color: #8DBB10;
}	

body.services #content ul {
	padding-left: 25px;
}	
	
body.services #content ul li {
	list-style-image: url(../images/services-tickbox.jpg);
	margin-top: 3px;
	margin-bottom: 3px;
}	
	
body.services #content ol li {
	margin-top: 3px;
	margin-bottom: 3px;
}	
	
body.services #title {	
	background: url(../images/title-services-banner.jpg) no-repeat;
	height: 163px;
}	

body.services #leavesspacer {
	width: 192px;
	height: 60px;
	background: url(../images/services-blurb-leaves-background.gif) no-repeat top right;
}

body.services #blurb h1 {
	color: #E78C33;
}	

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

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

body.services #content dd {
	background: transparent url(../images/contact-content-fadedbox-orange.jpg) no-repeat scroll center bottom;
	overflow: auto;
	padding: 5px 10px 10px;
	margin-bottom: 15px;
}

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

body.services #content dt a {
	color: #E78C33;
}

body.services #subcontent dt {
	color: #8DBB10;
}

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

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

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

body.services h2 {
	display: inline;
	color:#848484;
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
	font-style: italic;
}


	
body.services #subcontent dl img, body.news #subcontent dl img {
	margin-left:-5px;
	padding-bottom:5px;
}	

/* -----------------------------------------------------------------------------
	  pagination style */
	  
#content .item-list, body.blog #content .item-list {
	width: 100%;
	clear: both;
	display: block;
	background: url(../images/orange-gradient-line.jpg) no-repeat bottom center;
	padding-bottom: 10px;
	overflow: auto;
}	  
	  
#content .item-list ul, body.blog #content .item-list ul {
	display: block;
	float: right;
	margin-right: 20px;
}	 

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

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

#content .item-list ul.pager li {
	display: block;
	float: left;
	overflow: auto;
	padding-left: 5px;
	line-height: 27px;
}

#content .item-list ul.pager li a.active, {
	border: 1px solid #E78C33;
	text-decoration: none;
	color: #E78C33;
	overflow:auto;
	padding:3px 6px;
	text-decoration:none;
}

 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;
	background-color: #E78C33;
}

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

body.portfolio #content .item-list {
	background: url(../images/green-faded-line-fullpage.jpg) no-repeat bottom right;
}

body.portfolio #content .item-list ul.pager li a.active:hover {
	background: #8DBB10;
	color: #fff;
	text-decoration: none;
}

body.portfolio #content .item-list ul.pager li a.active {
	border: 1px solid #8DBB10;
	padding:3px 6px;
	color:#8DBB10;
}

body.portfolio .item-list ul li {
	color: #8DBB10;
}

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

body.news #content .item-list {
	background: url(../images/red-faded-line-content.jpg) no-repeat bottom right;
	text-decoration: none;
}

body.news #content .item-list ul.pager li a.active:hover {
	background: #C61D1D;
	color: #fff;
	text-decoration: none;
}

body.news #content .item-list ul.pager li a.active {
	border: 1px solid #C61D1D;
	padding:3px 6px;
	color: #C61D1D; 
	text-decoration: none;
}

body.news .item-list ul li {
	color: #C61D1D;
}


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

body.blog #content .item-list {
	background: url(../images/green-faded-line-content-size.jpg) no-repeat bottom right;
}

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

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

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

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

body.services #content .item-list {
	background: url(../images/orange-gradient-line.jpg) no-repeat bottom right;
}

body.services .item-list ul {
	padding-top: 12px;
}

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

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

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

body.services #content .item-list ul.pager li a.active {
	overflow:auto;
	padding-bottom:3px;
	padding-left:6px;
	padding-right:6px;
	padding-top: 3px;
	line-height: 27px;
}

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

ul#nav {
	display: block;
	margin-left: 2px;
}
	  
ul#nav li {
	background: url(../images/navlink-seperator.jpg) no-repeat;
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	width: 19.4%;
	float: left;
	margin-top: 7px;
	line-height: 28px;
	padding-right: 1px;
}	

ul#nav li#firstnav {
	background: none;
	width: 21%;
}

ul#nav a {
	text-decoration: none;
	color: #000;
	font-weight: bold;	
	float: left;
	height: 29px;
	width: 99%;
	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  {
	background: url(../images/nav-hover-green.png) top left;
	color: #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); */
	background: url(../images/nav-hover-red.png) top left;
	color: #000;
}

body.services ul#nav a, body.contact ul#nav a, body.services ul#nav a#services, body.contact ul#nav a#contact {
	background: url(../images/nav-hover-orange.png) top left;
	color: #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: url(../images/nav-hover-green.png) bottom left;
	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: url(../images/nav-hover-red.png) bottom left;
	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: url(../images/nav-hover-orange.png) bottom left;
	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 */