/*
TABLE OF CONTENTS 

1 Header
   a Logo
2 Content
3 Footer
4 Headings
5 Forms
6 Tables
7 Links
8 Misc
*/

/*
COLOR PALETTE

#000000 - Black
#63A604 - Green
#FFFFFF - White
*/

html, body {
	margin:0;
	padding:0;
	}

body {
   	background:#fff url('/images/bg.png') repeat-x;
   	color:#333;
	font:14px/20px tahoma, geneva, sans-serif;
	}

#container {
	margin:0 auto;
	width:1000px;
	}

/* HEADER */

#header {
	padding:9px 0 0;
	}
	
	/* LOGO */
	
	#logo {
		float:left;
		height:59px;
		margin:15px 0;
		width:265px;
		}
		
	#contactus {
		color:#024166;
		float:right;
		font-weight:bold;
		height:89px;
		line-height:13px;
		overflow:hidden;
		text-align:right;
		text-transform:lowercase;
		width:25%;
		}
		
		#contactus strong {
			font-size:22px;
			font-weight:normal;
			line-height:30px;
			}
		
			#contactus strong img {
				display:inline;
				vertical-align:middle;
				}
		
		#social-media {
			clear:both;
			float:right;
			height:27px;
			line-height:27px;
			margin:0;
			padding:3px 0;
			width:229px;
			}
			
			#social-media li {
				float:left;
				height:27px;
				list-style:none;
				padding:0 0 0 12px;
				}
					
				#social-media li a {
					background:url('/images/social-media.png') no-repeat 0 0;
					display:inline-block;
					height:27px;
					text-decoration:none;
					width:33px;
					}
					
					#social-media li a:hover {
						background-position:0 -28px;
						}
						
					#social-media li a.linkedin {
						background-position:-33px 0;
						}
						
						#social-media li a.linkedin:hover {
							background-position:-33px -28px;
							}
						
					#social-media li a.wordpress {
						background-position:-66px 0;
						}
						
						#social-media li a.wordpress:hover {
							background-position:-66px -28px;
							}
						
					#social-media li a.rss {
						background-position:-99px 0;
						}
						
						#social-media li a.rss:hover {
							background-position:-99px -27px;
							}
						
					#social-media li a.email {
						background-position:-132px 0;
						}
						
						#social-media li a.email:hover {
							background-position:-132px -28px;
							}
		
	/* NAVIGATION */
	
	#nav {
		border-right:1px solid #153C53;
		clear:both;
		height:31px;
		margin:0;
		overflow:hidden;
		padding:0 0 4px;
		}
		
		body.home #nav {
			margin:0 0 30px;
			}
		
		#nav li {
			border-left:1px solid #153C53;
			color:#fff;
			float:left;
			font-size:18px;
			line-height:31px;
			list-style:none;
			text-transform:lowercase;
			}
			
			#nav li a {
				color:#fff;
				display:block;
				padding:0 29px;
				text-decoration:none;
				}
				
				#nav li a:hover, #nav li.active a {
					background:url('images/nav-hover.png') repeat-x;
					border-bottom:4px solid #589B00;
					color:#B9FF59;
					}
			
	#welcome {
		background:url('images/welcome.png') no-repeat;
		clear:both;
		color:#fff;
		float:left;
		font-size:16px;
		height:220px;
		margin:0 0 30px;
		overflow:hidden;
		padding:15px 25px;
		width:270px;
		}
		
		#welcome a {
			background:url('/images/quote.png') no-repeat;
			color:#fff;
			display:block;
			font-size:22px;
			height:57px;
			line-height:57px;
			margin:10px 0 0;
			text-align:center;
			text-decoration:none;
			width:267px;
			}
			
			#welcome a:hover {
				color:#e4fca9;
				}
		
		#welcome h1 {
			color:#fff;
			font-size:24px;
			font-weight:normal;
			line-height:24px;
			margin:0 0 10px;
			text-transform:none;
			}
			
		#welcome p {
			margin:0;
			}
		
	/* SLIDESHOW */
		
	#slider {
		background:url('images/loading.gif') no-repeat 50% 50%;
		float:right;
		height:250px;
		position:relative;
		width:670px;
		}
		
		#slider img {
			position:absolute;
			top:0px;
			left:0px;
			display:none;
			}
			
		#slider a {
			border:0;
			display:block;
			}
			
			.nivo-controlNav {
				position:absolute;
				left:260px;
				bottom:-42px;
				}
				
				.nivo-controlNav a {
					display:none;
					width:22px;
					height:22px;
					background:url(images/bullets.png) no-repeat;
					text-indent:-9999px;
					border:0;
					margin-right:3px;
					float:left;
					visibility:hidden;
					}
					
			.nivo-controlNav a.active {
				background-position:0 -22px;
				}

			.nivo-directionNav a {
				display:block;
				width:30px;
				height:30px;
				background:url(images/arrows.png) no-repeat;
				text-indent:-9999px;
				border:0;
				}
				
			a.nivo-nextNav {
				background-position:-30px 0;
				right:15px;
				}
				
			a.nivo-prevNav {
				left:15px;
				}

			.nivo-caption {
				text-shadow:none;
				font-family: Helvetica, Arial, sans-serif;
				text-align:center;
				}
				
			.nivo-caption a { 
				color:#efe9d1;
				text-decoration:underline;
				}

			.nivoSlider {
				position:relative;
				}
				
			.nivoSlider img {
				position:absolute;
				top:0px;
				left:0px;
				}
				
			/* If an image is wrapped in a link */
			.nivoSlider a.nivo-imageLink {
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:100%;
				border:0;
				padding:0;
				margin:0;
				z-index:6;
				display:none;
				}
				
			/* The slices and boxes in the Slider */
			.nivo-slice {
				display:block;
				position:absolute;
				z-index:5;
				height:100%;
				}
				
			.nivo-box {
				display:block;
				position:absolute;
				z-index:5;
				}
				
			/* Caption styles */
			.nivo-caption {
				position:absolute;
				left:0px;
				bottom:0px;
				background:#000;
				color:#fff;
				opacity:0.7; /* Overridden by captionOpacity setting */
				width:100%;
				z-index:8;
				}
				
			.nivo-caption p {
				padding:5px;
				margin:0;
			}
			.nivo-caption a {
				display:inline !important;
			}
			.nivo-html-caption {
				display:none;
			}
			/* Direction nav styles (e.g. Next & Prev) */
			.nivo-directionNav a {
				position:absolute;
				top:45%;
				z-index:9;
				cursor:pointer;
			}
			.nivo-prevNav {
				left:0px;
			}
			.nivo-nextNav {
				right:0px;
			}
			/* Control nav styles (e.g. 1,2,3...) */
			.nivo-controlNav a {
				position:relative;
				z-index:9;
				cursor:pointer;
			}
			.nivo-controlNav a.active {
				font-weight:bold;
			}
		
	/* INTRO */
	
	#intro {
		clear:both;
		height:310px;
		}
	
#wrapper {
	clear:both;
	}
	
	#wrapper.twocolumns {
		background:url('/images/sidebar.png') repeat-y;
		overflow:auto;
		}
	
	/* SIDEBAR */
	
	#sidebar {
		float:left;
		text-transform:lowercase;
		width:226px;
		}
		
		#sidebar h2 {
			background:url('/images/sidebar-h2.png') no-repeat;
			color:#fff;
			font-size:20px;
			height:35px;
			line-height:35px;
			margin:0;
			padding:0 0 10px 5px;
			}
			
		#sidebar p, 
		#sidebar ul {
			margin:0 10px 14px 5px;
			}
			
		#sidebar ul {
			padding:0;
			}
			
			#sidebar ul li {
				background:url('/images/sidebar-li.png') left center no-repeat;
				border-bottom:1px dotted #BBB;
				height:30px;
				line-height:30px;
				padding:0 0 0 13px;
				}
				
				#sidebar ul li a {
					color:#525252;
					text-decoration:none;
					}
					
					#sidebar ul li a:hover,
					#sidebar ul li.active a {
						color:#63A604;
						}
	
	/* CONTENT */
	
	#content {
		}
		
		#content.twocolumns {
			float:right;
			width:760px;
			}
			
		/* BREADCRUMBS */
		
		#breadcrumbs {
			height:38px;
			margin:0 0 10px;
			padding:0;
			}
			
			#breadcrumbs li {
				float:left;
				line-height:38px;
				list-style:none;
				padding:0 0.25em 0 0;
				text-transform:lowercase;
				}
		
		/* HOMEPAGE BUCKETS */
		
		#buckets {
			background:url('/images/bucket-border.png') no-repeat right 39px;
			clear:both;
			height:282px;
			margin:0 0 20px;
			overflow:hidden;
			}
			
			.bucket {
				background:url('/images/bucket-border.png') no-repeat left 39px;
				float:left;
				height:282px;
				line-height:18px;
				overflow:hidden;
				padding:0 15px;
				width:220px;
				}
				
				.bucket a {
					color:#589704;
					text-decoration:none;
					}
					
					.bucket a:hover {
						color:#333;
						}
				
				.bucket h2 {
					background:none;
					color:#024166;
					font-size:18px;
					font-weight:normal;
					height:39px;
					line-height:39px;
					margin:0;
					padding:0;
					text-align:center;
					text-transform:lowercase;
					}
					
					.bucket h2 a {
						color:#024166;
						text-decoration:none;
						}
						
				.bucket p {
					margin:0 0 7px;
					}
					
		#testimonials,
		#portfolio {
			height:169px;
			margin:0 0 10px;
			}
					
			#testimonials h3,
			#portfolio h3 {
				color:#535353;
				font-size:18px;
				line-height:18px;
				margin:0 0 10px;
				}
				
				#testimonials h3 a,
				#portfolio h3 a {
					color:#535353;
					text-decoration:none;
					}
					
		#testimonials {
			clear:both;
			float:left;
			width:619px;
			}
			
			#testimonials a {
				color:#333;
				text-decoration:none;
				text-transform:lowercase;
				}
				
				#testimonials a:hover {
					text-decoration:underline;
					}
			
			#testimonials p {
				margin:0;
				}
			
			#testimonials .testimonial {
				background:url('/images/testimonial.png') no-repeat;
				height:113px;
				padding:5px 40px 4px 5px;
				}
				
				#testimonials .testimonial img {
					float:left;
					margin:0 1em 0 0;
					}
					
				#testimonials .testimonial strong {
					color:#63A604;
					}
			
		#portfolio {
			float:right;
			text-transform:lowercase;
			width:354px;
			}
			
			#portfolio .portfolio {
				background:url('/images/portfolio.png') no-repeat;
				height:122px;
				line-height:122px;
				text-align:center;
				}
				
				#portfolio a {
					color:#333;
					text-decoration:none;
					}
					
					#portfolio a:hover {
						text-decoration:underline;
						}
				
				#portfolio .portfolio img {
					display:inline;
					margin:0 5px;
					vertical-align:middle;
					}
					
				#portfolio p {
					margin:0;
					}

/* FOOTER */

#footer {
	background:url('/images/footer.png') repeat-x;
	clear:both;
	color:#D2D2D2;
	height:214px;
	line-height:18px;
	overflow:hidden;
	padding:18px 0 0;
	text-transform:lowercase;
	}
	
	#footer a {
		color:#D2D2D2;
		text-decoration:none;
		}
		
		#footer a:hover {
			color:#63A604;
			}
		
	#footer h3 {
		color:#E8E8E8;
		font-size:16px;
		line-height:16px;
		margin:0 0 16px;
		}
	
	#footer-wrapper {
		margin:0 auto;
		width:1000px;
		}
		
		#sitemap, #connect, #address {
			border-left:2px solid #fff;
			height:195px;
			padding:0 0 0 10px;
			}
		
		#sitemap {
			float:left;
			width:44%;
			}
			
			#sitemap ul {
				float:left;
				margin:0 2em 0 0;
				padding:0;
				}
				
				#sitemap ul li {
					list-style:none;
					}
					
		/* FOLLOW US */
			
		#connect {
			float:left;
			width:30%;
			}
				
			#connect ul {
				float:left;
				margin:0 1em 0 0;
				padding:0;
				}
				
				#connect ul li {
					height:27px;
					list-style:none;
					margin:0 0 3px;
					}
					
					#connect ul li a {
						background:url('/images/social-media.png') no-repeat 0 -28px;
						display:inline-block;
						height:27px;
						text-decoration:none;
						width:33px;
						}
				
						#connect ul li a:hover {
							background-position:0 0;
							}
							
						#connect ul li a.linkedin {
							background-position:-33px -28px;
							}
							
							#connect ul li a.linkedin:hover {
								background-position:-33px 0;
								}
							
						#connect ul li a.wordpress {
							background-position:-66px -28px;
							}
							
							#connect ul li a.wordpress:hover {
								background-position:-66px 0;
								}
							
						#connect ul li a.rss {
							background-position:-99px -27px;
							}
							
							#connect ul li a.rss:hover {
								background-position:-99px 0;
								}
							
						#connect ul li a.email {
							background-position:-132px -28px;
							}
							
							#connect ul li a.email:hover {
								background-position:-132px 0;
								}
			
			#twitter {
				float:right;
				width:198px;
				}
				
				#twitter .twtr-hd, #twitter .twtr-ft {
					display:none;
					}
			
		#address {
			float:right;
			text-transform:none;
			width:20%;
			}
			
			#address address {
				margin:0 0 1em;
				}
				
			#address h3 {
				text-transform:lowercase;
				}

/* HEADINGS */

h1, h2, h3 {
	text-transform:lowercase;
	}

h1 {
	clear:both;
	color:#05639C;
	font-size:28px;
	line-height:28px;
	margin:0;
	}
	
h2 {
	background:url('/images/h2.png') no-repeat;
	font-size:22px;
	height:27px;
	line-height:22px;
	margin:22px 0;
	padding:0 0 0 35px;
	}
	
	#content h2 a {
		color:#034166;
		}
		
		#content h2 a:hover {
			text-decoration:none;
			}
	
/* FORMS */

form table {
	margin:0 0 1em;
	}
		
form table th, form table td {
	padding:0.1em 0.5em 0.1em 0;
	}
	
form table td.small {
	color:#999;
	}
		
input, select, textarea {
	background:#fff;
	border:1px solid #DBDBDB;
	-moz-border-radius:5px;
	border-radius:5px;
	font:13px tahoma, geneva, sans-serif;
	height:25px;
	width:225px;
	}
	
input[type="submit"] {
	background:#63A604;
	border:1px solid #63A604;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:35px;
	text-transform:uppercase;
	}
	
	input[type="submit"]:hover {
		background:#589704;
		border-color:#589704;
		cursor:pointer;
		}
	
input[type="checkbox"],
input[type="radio"] {
	height:auto;
	width:auto;
	}
	
textarea {
	height:75px;
	}
	
/* TABLES */

table, td, th, tr {
	margin:0;
	padding:0;
	}
	
table {
	border-collapse:collapse;
	}
	
td.alignright {
	float:none;
	text-align:right;
	}

/* LINKS */

a:link, a:visited {
	color:#589704;
	}

a:active, a:focus, a:hover {
	color:#333;
	}

a img {
	border:none;
	}

/* MISC */

address {
	font-style:normal;
	margin:14px 0;
	}

img.aligncenter {
	display:block;
	margin:0 auto;
	}
	
strong .big {
	color:#63A604;
	font-size:22px;
	}
	
ul {
	}
	
	ul li {
		list-style-position:outside;
		}
		
#folio {
	float:left;
	width:350px;
	}
	
	#folio h2 {
		background:#D7D9DA;
		font-weight:normal;
		height:35px;
		line-height:35px;
		margin-bottom:11px;
		padding:0 5px;
		width:225px;
		}
		
	#folio h3 {
		color:#589704;
		font-size:16px;
		font-weight:normal;
		margin:0 0 1em;
		text-transform:lowercase;
		}
		
	#folio img {
		margin:0 1em 0 0;
		}

.aligncenter {
	text-align:center;
	}

	.aligncenter div, .aligncenter table {
		margin:0 auto;
		}

.alignleft {
	float:left;
	margin:0 1em 0 0;
	}

.alignright {
	float:right;
	margin:0 0 0 1em;
	}
	
.big {
	font-size:16px;
	font-weight:bold;
	}

.clear {
	clear:both;
	}
	
.req {
	color:#F00;
	}
	
.small {
	font-size:11px;
	}
	
.uppercase {
	text-transform:uppercase;
	}