* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #70a001; }
a:hover { color: #d40f12;}

body {
	font: 62.5% "Trebuchet MS", Verdana, sans-serif;  
	background: #2d2e30 url(../img/bg.gif) 0 0 repeat;
	color: #555;
	}
#wrapper {
	width: 1000px;
	margin: 20px auto;
	}
	
	#main-content {
		width: 900px;
		margin: 0;
		background: #fff;
		float: right;
		}
	#badge {
		width: 100px;		
		margin: 0;
		float: left;
		}		
		#badge a {
			margin: 0;			  
			position: fixed;
			top: 78px;
			left: auto;
			width: 100px;
			height: 130px;
			border-top: 0;	
			background: transparent url(../img/google-badge.gif) 0 -130px repeat;  
			}
			#badge a:hover {background: transparent url(../img/google-badge.gif) 0 0 repeat;}
			#badge a span { display: none;}


/* header area (logo etc..) */
#header {
	width: 900px;
	height: 100px;
	background: #fff url(../img/bg_header.gif) 0 0 repeat-x;
	}
	#header #logo { 
		float: left;
		width: 430px;
		padding: 25px 0 0;
		text-align: right;
		font: bold 3em/1.1em "Trebuchet MS", Verdana, sans-serif;  
		}
	#header p { 
		float: right;
		padding: 28px 30px 0 0;
		font: normal 1.5em/1.4em "Trebuchet MS", Verdana, sans-serif;  
		color: #222;
		}
		#header p strong { 
			float: left;
			width: 57px;
			color: #70a001;
			}


/* main navigation */
ul#nav {
	width: 900px;
	height: 45px;
	background: #111 url(../img/bg_nav.gif) 0 0 repeat-x;
	}
	ul#nav li {
		height: 23px;
		float: left;
		margin: 0;
		padding: 10px 33px;
		font: bold 1.5em/1.4em "Trebuchet MS", Verdana, sans-serif;  
		background: transparent url(../img/bg_nav_li.gif) right center no-repeat;
		}
		ul#nav li a {
			height: 23px;
			float: left;
			text-decoration: none;
			}
			ul#nav li a span {
				height: 23px;
				padding: 0 12px;
				float: left;
				color: #fff;
				text-decoration: none;
				}
				body.home ul#nav li.home a,
				body.about ul#nav li.about a,
				body.services ul#nav li.services a,
				body.pricing ul#nav li.pricing a,
				body.contact ul#nav li.contact a,
				ul#nav li a:hover {
					height: 23px;
					float: left;
					background: transparent url(../img/bg_nav_li_a.gif) 0 0 no-repeat;
					text-decoration: none;
					}
					body.home ul#nav li.home a span,
					body.about ul#nav li.about a span,
					body.services ul#nav li.services a span,
					body.pricing ul#nav li.pricing a span,
					body.contact ul#nav li.contact a span,
					ul#nav li a:hover span {
						height: 23px;
						padding: 0 12px;
						float: left;
						color: #fff;
						background: transparent url(../img/bg_nav_li_a.gif) right -23px no-repeat;
						text-decoration: none;
						}



/* slideshow */ 
#slideshow {
	position:relative;
	width: 900px;
	height:225px;
	float: left;
	margin: 0;
	background: transparent url(../img/bg_ruler.gif) 0 bottom repeat-x;
	}
	#slideshow IMG {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
		}
		#slideshow IMG.active {
			z-index:10;
			opacity:1.0;
			}
			#slideshow IMG.last-active {z-index:9;}


/* slideshow */ 
#banner {
	position:relative;
	width: 900px;
	height:225px;
	float: left;
	margin: 0;
	background: transparent url(../img/bg_ruler.gif) 0 bottom repeat-x;
	}


/* main content area & columns */
#content { 
	float: left;
	width: 880px;
	padding: 10px 10px 0;
	background: #fff;
	}
	#content #leftcol { 
		float: left;
		width: 285px;
		padding: 15px;
		}
	#content #middlecol { 
		float: left;
		width: 285px;
		padding: 15px;
		}
	#content #rightcol { 
		float: right;
		width: 250px;
		padding-top: 10px;
		}
	#content #widecol { 
		float: left;
		width: 590px;
		padding: 15px 25px 15px 15px;
		}
	
	
/* common font styles */
h1, h6 { 
	color: #222;
	font: normal 2.2em/1.2em "Trebuchet MS", Verdana, sans-serif; 
	margin: 0 0 15px; 
	}
#content #middlecol	h1 {
	font: bold 1.6em/1.2em "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 10px;
	color: #222;
	font-size: 2.2em;
	font-weight: normal;
		}
#content #widecol h2 {
	font: bold 1.4em/1.2em "Trebuchet MS", Verdana, sans-serif; 
	margin: 5px 0;
	color: #222;
	padding: 0 15px 0 0;
}
h2 a {color: #222; text-decoration: none; }
h2 a:hover {text-decoration: underline; }
#content #widecol h6 {
	font: normal 1.55em/1.3em "Trebuchet MS", Verdana, sans-serif; 
	margin: 0 0 15px;
	color: #7da522;
	padding: 10px 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
#content #middlecol	h2 {
	padding: 0 0 0 15px;
	margin: 0 0 5px 10px;
	color: #555;
	background: transparent url(../img/bg_ul_li.gif) 0 6px no-repeat;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
		}
h4 {
	font: normal 1.5em/2em "Trebuchet MS", Verdana, sans-serif; 
	margin: 11px 0 11px 10px;
	color: #111;
	}
p, #leftcol div.vcard { 
	font: normal 1.4em/1.4em "Trebuchet MS", Verdana, sans-serif; 
	margin: 0 0 15px; 
	}
	p.more {
		padding: 10px 0;
		border-top: 1px solid #d4d4d4;
		}
		p.breadcrumbs {
			float: left;
			width: 600px;
			padding: 0 5px 5px;
			margin: 0;
			font-size: 12px; 
			color: #888;
			border-bottom: 1px dotted #ccc; 
			}
			#widecol p.breadcrumbs {
				float: none;
				width: auto;
				padding: 0 0 10px;
				margin: 0 0 15px;
				}
	#content #leftcol p.more a, #content #middlecol p.more a {
		background: transparent url(../img/bg_grey_arrow.gif) 0 5px no-repeat;
		padding: 0 0 0 12px;
		}	
#content ul {margin: 0 0 20px 10px; }
	#content ul li { 
		font: normal 1.2em/1.25em "Trebuchet MS", Verdana, sans-serif; 
		margin: 0 0 5px; 
		padding: 0 0 0 12px;
		background: transparent url(../img/bg_ul_li.gif) 0 6px no-repeat;
		}
#content ol {margin: 0 0 20px 20px; }
	#content ol li { 
		font: normal 1.2em/1.25em "Trebuchet MS", Verdana, sans-serif; 
		margin: 0 0 5px; 
		padding: 0;
		list-style-type: decimal;
		}
img.left {
	float: left;
	margin: 0 20px 15px 0;
	clear: both;
	}
	.ruler {
		border-bottom: 1px solid #d3d3d3;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
		width: 100%;
		clear: both;
		margin: 0 0 15px;
	}
				

/* contact page form */
#content #middlecol form label {
	float: left;
	clear: left;
	width: 175px;
	text-align: right;
	margin-right: 15px; 
	}
#content #middlecol form input, #content #middlecol form select, #content #middlecol form textarea {
	background: #e5e5e5;
	border-top: 1px solid #878787;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #d3d3d3;
	margin: 0 0 6px 0;
	width: 230px;
	font: normal 1em/1em "Trebuchet MS", Verdana, sans-serif; 
	padding: 2px 4px; 
	color: #111;
	}
#content #middlecol form select {width: auto;padding: 2px;}
#content #middlecol form textarea:focus, #content #middlecol form input:focus, #content #middlecol form select:focus { border: 1px solid #d40f12; background: #eee; }
#content #middlecol form span {color: #d40f12; }
#content #middlecol form input.btn {float: left; width: auto; border: 0; padding: 0; margin: 0 50px 0 0;}



/* services page with icons */
dl.icons {
float: left; 
width: 290px;
padding: 0;
margin: 0 0 5px;
border-bottom: 1px solid #d4d4d4;
}
dl.right { float: right;}
dl.icons dt {
float: left; 
padding: 3px 0;
}
dl.icons dd {
float: right;
width: 210px;
}



/* home page packages */
#calls { 
width: 590px;
padding: 20px 10px 25px 10px;
border-top: 1px solid #d4d4d4;
float: left;
}
#calls div { 
float: left;
width: 268px;
height: 107px;
padding: 6px 5px 0 12px;
background: #73a502 url(../img/bg-cta.gif) 0 0 no-repeat;
}
#calls div.right { float: right;}
#calls div h3 { color: #fff;font: normal 1.7em/1em "Trebuchet MS", Verdana, sans-serif; height: 30px; }
#calls div h3 a { color: #fff; text-decoration: none; font-weight: bold;}
#calls div h3 a:hover { color: #fff; text-decoration: underline;}
#calls div p { color: #000;font: normal 1.3em/1.25em "Trebuchet MS", Verdana, sans-serif; height: 35px; margin: 0;}
#calls div p a { color: #000; text-decoration: underline; font-size: 12px; padding-right: 10px; background: url(../img/arrow-black.gif) right 5px no-repeat;}
#calls div p a:hover { color: #c61401;}
#calls div h4 { float: left;color: #fff;font: bold 1.3em/1em "Trebuchet MS", Verdana, sans-serif;margin: 17px 0 0 0; padding: 0; }
#calls div a.clickhere { float: right;width: 35px; height: 40px; }

	
	
	
/* sign up form box */
#formbox { 
	width: 250px;
	margin: 0 0 15px;
	float: left;
	background: #73a502 url(../img/bg_formbox.gif) 0 0 no-repeat;
	}
	#formbox div { 
		width: 226px;
		float: left;
		padding: 12px;
		background: url(../img/bg_formbox_btm.gif) 0 bottom no-repeat;
		}
		#formbox div h5 {
			font: bold 1.3em/1.25em "Trebuchet MS", Verdana, sans-serif; 
			color: #fff;
			text-align: right;
			margin: 5px 0 10px;
			}
		#formbox div p { color: #fff;}
		#formbox div form label {float: left; width: 60px;}
		#formbox div form label b { color: #d40f12;font-weight: normal;}
		#formbox div form input {
			float: left; 
			width: 158px; 
			border: 1px solid #5a8100; 
			padding: 2px; 
			font: normal 1em/1.1em "Tahoma", Verdana, sans-serif; 
			margin-bottom: 3px;
			}
		#formbox div form input.short { width: 100px; }
		#formbox div form input.btn {float: right; width: auto; border: 0; padding: 0;}


p.vcard {
background: url(../img/vcard.png) 0 0 no-repeat;
padding: 10px 0 10px 60px;
}


/* sub navigation & sitemap */
ul#sub-nav, ul#sitemap { 
	margin: 0 0 25px;
	padding: 0 0 0 10px;
	width: 230px;
	float: left;	
	}
	ul#sub-nav li, ul#sitemap li { 
		margin: 0 0 4px;
		padding: 0;
		float: left;
		width: 230px;
		height: 22px;
		background: none;
		}
		ul#sub-nav li a, ul#sitemap li a { 
			background: #f2f1f1 url(../img/bg_subnav.gif) 0 -50px no-repeat;
			font: normal 1em/1.6em "Tahoma", Verdana, sans-serif; 
			padding: 0 5px 0 20px;
			width: 205px;
			height: 22px;
			text-decoration: none;
			float: left;			
			}
			ul#sub-nav li a:hover, ul#sitemap li a:hover {color: #fff;background: #7daf0d url(../img/bg_subnav.gif) 0 -25px no-repeat;}
			ul#sub-nav li a.active{ color: #fff; background: #333 url(../img/bg_subnav.gif) 0 0 no-repeat;}


/* location google map */
#location { 
	width: 250px;
	margin: 0 0 15px;
	float: left;
	}
	#location h5 {
		font: bold 1.3em/2em "Trebuchet MS", Verdana, sans-serif; 
		color: #fff;
		height: 25px;
		padding: 0 12px;
		background: #70a001 url(../img/bg_h2_location.gif) 0 0 no-repeat;	
		}
	#location iframe {border: 1px solid #70a001;}


/* twitter box */
#twitter { 
	width: 250px;
	margin: 0 0 10px;
	float: left;
	border-bottom: 1px solid #a8bcca;
	background: url(../img/bg_twitter.gif) 0 0 no-repeat;
	}
	#twitter h5 {
		font: bold 1.3em/2em "Trebuchet MS", Verdana, sans-serif; 
		color: #333;
		height: 25px;
		padding: 0 12px;
		}
		#twitter_update_list {margin: 5px 12px;}
			#twitter_update_list li {padding: 3px 0;font: normal 1.2em/1.2em "Trebuchet MS", Verdana, sans-serif; border-bottom: 1px solid #d4d4d4;}
			#twitter_update_list span {	color: #555;}
			#twitter_update_list span a {color: #333;}	



#testimonial { 
	clear: both; 
	width: 250px; 
	background: #eae9e9 url(../img/testimonials-top.gif) 0 0 no-repeat; 
	float: left;
	}
#testimonial div {
	background: transparent url(../img/testimonials-btm.gif) 0 bottom no-repeat;
	float: left;
	width: 220px;
	padding: 10px 15px; 
	}
#testimonial h3 {
	font: bold 1.3em/1.2em "Trebuchet MS", Verdana, sans-serif; 
	margin: 0 0 10px;
	color: #222;
	padding: 0;
}
#testimonial span {color: #7da522;font: normal 3.5em/1em "Georgia", Verdana, sans-serif; float: left; width: 20px; }
#testimonial p { float: left; width: 200px; margin: 0; padding: 3px 0 7px; font-style: italic; line-height: 1.3em;}
	

/* clear everything (sometimes needed for IE 6) */
#clearall { 
	width: 100%;
	clear: both;
	float: left;
	height: 0px;
	font-size: 0em;
	}


/* footer styles */
#footer {
	clear: both;
	float: left;
	padding: 15px 20px;
	width: 860px;
	background: #d4d4d4;
	}
	#footer p, #footer div.address {
		font: normal 1.1em/1.35em "Trebuchet MS", Verdana, sans-serif; 
		float: left;
		margin: 0;
		padding: 0;
		width: auto;
		}
		#footer p.logos { width: 500px; margin: 0 0 25px;}
		#footer p.logos img { margin: 0 15px 0 0;}
		#footer p.links { width: 680px;}
		#footer p.links a { padding: 0 2px;}
		#footer div.address div.vcard { }
		#footer p.social { 
			float: right; 
			text-align: center; 
			margin: 0;
			width: 180px;
			}
		#footer p.social a img { margin: 5px 2px 0;}			
		#footer	p.vcard {
			width: 122px;
			background: url(../img/vcards.png) 133px 0 no-repeat;
			padding: 4px 58px 5px 0;
			text-align: right;
			float: right;
			clear: right;
		}



p.outside: { margin: 0; float: none; width: 100%; font-size: 11px; clear: both;}