/* **************************************************** 

Title: 		GetSimple CSS Document
Author: 	Chris Cagle
URL: 			http://www.cagintranet.com/ 
					http://get-simple.info/
Created: 	September 2, 2009

**************************************************** */

/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
h4 { margin:0px; padding:0px;}

img.photo { padding:4px; background:#fff; border:1px solid #ddd; }

/** GLOBAL SETS **/
.clear {clear:both;}
body {
	text-align:center;
	font-family:arial;
	font-size: 12px;
	background: #5580b6 url(images/background.jpg);
	color:#222;
	position:static;
	min-height:1300px;
	}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	}
	
.small {
	font-size: 10px;
	}

.blue {
	color: #2264e4;
	}
	
img.main {
	margin-left:30px;
	padding:4px;
	border:1px solid #ccc;
}

div.postcontent div img, div.postcontent p img {float:left; padding:3px; border:1px solid #ddd; margin-right:10px;}

	
/* HEADER */
#header {
	position:relative;
	height:200px;
	text-align:left;
	}
#header .logo {
	display: block;
	text-indent: -5000px;
	width: 307px;
	height: 144px;
	background: url(images/logo.png) no-repeat;
	position:relative;
	top:0px;
	}
	
#header .tagline{
	color:#ccc;
	font-family:georgia;
	font-size:18px;
	position:absolute;
	top:78px;
	left:0px;
	}

#header #nav{
	position:absolute;
	top:145px;
	left:0px;
	color:#132430;
	color:#FFF;
	font-size:13px;
	list-style:none;
	background: url(images/nav.png) no-repeat;
	width: 941px;
	}
	
	#header #nav li {
		float:left;
		}
		
	#header #nav li a {
		padding:13px 20px;
		line-height:40px;
		color:#38659e;
		font-weight:bold;
		}
		
	#header #nav li.current  {
		background: url(images/nav_current_left.gif) top left no-repeat;
		margin: 7px 0 0 7px;
		}
		
	#header #nav li.current a {
		color: #38659e;
		display: block;
		background: url(images/nav_current_right.gif) top right no-repeat;
		height: 34px;
		margin: 0 0 0 3px;
		line-height: 0;
		font-weight:bold;
		}

	
	
/* BODY */

#container {
	position:relative;
	top:-16px;
	}

#bodycontent {
	width:920px;
	float:left;
	text-align:left;
	background: url(images/content_slice.png) repeat-y;
	padding: 17px 0 10px 24px;
	font-family: sathu, arial, "lucida Grande", verdana, helvetica, sans-serif;
	min-height: 520px;
	}

#bodycontent .banner {
	margin: 0 0 18px 0;
	}
	
#bodycontent .welcome_text h2 {
	width: 423px;
	height: 17px;
	position: relative;
	margin-bottom:10px;
	}
	
#bodycontent .welcome_text h2 span {
	background: url(images/welcome_text.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#bodycontent .welcome_textSub .small {
	font-size: 18px;
	color:#333;
	}
#bodycontent .welcome_text .small {
	font-size: 10px;
	}
	
#bodycontent .post {
	width: 518px;
	float: left;
	}	

#bodycontent .post h1 {
	font-family:georgia;
	font-size:36px;
	color:#000;
	line-height:36px;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:#ccc 1px dotted;
	}
	
#bodycontent .post p {
	margin:0 0 18px 0;
	line-height: 20px;
	}

	#bodycontent .post ul, #bodycontent .post ol {
	margin:0 0 18px 25px;
	line-height: 20px;
	}
	
	#bodycontent .post ul ul, #bodycontent .post ol ul, #bodycontent .post ul ol, 
	#bodycontent .post ol ol {
		margin:0 0 0 25px;
		}
	
	#bodycontent .post blockquote {
	margin:0 0 18px 30px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	}
	
	#bodycontent .post code {
	font-size:12px;
	color:#666;
	padding:2px;background:#fafafa;
	border:1px solid #eee;
	}
	
	#bodycontent .post pre code {
	display:block;
	font-size:12px;
	color:#666;
	padding:8px;background:#fafafa;
	border:1px solid #eee;
	margin-bottom:18px;
	}
	
	#bodycontent .post h2 {
	font-weight:bold;
	padding:8px 0;
	font-size:20px;
	}
	
	#bodycontent .post h3 {
	font-weight:bold;
	padding:8px 0;
	font-size:17px;
	}
	
	#bodycontent .post h4 {
	font-weight:bold;
	padding:8px 0;
	font-size:14px;
	}
	
	#bodycontent .post a:link, #bodycontent .post a:visited {
		color:#009865;
		text-decoration:underline;
		}
	#bodycontent .post a:hover {
		color:#132430;
		text-decoration:underline;
		}
	#bodycontent .post .meta {
		margin-top:20px;
		font-size:11px;line-height:18px;
		color:#555;
		border:1px dotted #ccc;
		background:#f9f9f9;
		padding:8px;
		}
	
	#content_base {
		width: 940px;
		height: 29px;
		background: url(images/content_base.png)
		}

/* CONTACT FORM */

.contactform {margin:0 0 20px 0;}
.contactform b {display:block;}
.contactform input.text, .contactform textarea, .contactform select {width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0;}
.contactform textarea {height:150px;width:350px;}
.contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;}
.contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;}
.contactform p.success {color:#00CC33;}
.contactform p.error {color:#CC0000;}
.pot {display:none;}



/* SIDEBAR */

#sidebar {
	width:350px;
	position:absolute;
	right:6px;
	top:6px;
	padding: 0 28px 0 0;
	text-align:left;
	font-size:13px;
	}
	
#sidebar .testimonial {
	height: 100px;
	}

#sidebar .testimonial h3 {
	width: 114px;
	height: 16px;
	position: relative;
	margin: 0 0 13px 0;
	}
	
#sidebar .testimonial h3 span {
	background: url(images/client_text.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#sidebar #fb_links {
	margin: 28px 0 10px 0;
	}

#sidebar .box {
	background: #fff url(images/box_slice.gif) repeat-y;
	width: 317px;
	padding: 0px 17px 10px 17px;
	font-size:12px;
	font-family:arial;
	line-height:18px;
	position:relative;
	}

#sidebar .box_top {
	background: #fff url(images/box_top.gif) no-repeat;
	width: 351px;
	height: 34px;
	margin: 11px 0 0 0;
	}
		#sidebar .box_top h3 {
			color:#fff;
			width:300px;
			float:left;
			margin:12px 0 0 15px;
			font-weight:bold;
			font-size:16px;
			font-family:arial;
		}

#sidebar .box_bottom {
	background: #fff url(images/box_bottom.gif) no-repeat;
	width: 351px;
	height: 9px;
	margin: 0 0 11px 0;
	}

#sidebar .learn h2 {
	width: 351px;
	height: 28px;
	position: relative;
	}


	
#sidebar .what h2 {
	width: 351px;
	height: 28px;
	position: relative;
	}


	
#sidebar .meet h2 {
	width: 351px;
	height: 28px;
	position: relative;
	}



#sidebar .box {
	color: white;
	}

#sidebar .box a {
	display: block;
	position: absolute;
	top: -20px;
	left: 300px;
	width: 27px;
	height: 27px;
	position: relative;
	margin: 0 0 -33px 0;
	}
	
#sidebar .box a span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(images/arrow_button.gif) no-repeat;
	}




/* FOOTER */

#footer {
	text-align:left;
	line-height:18px;
	font-size:12px;
	color:#666;
	padding:10px 0 16px 0;
	width: 940px;
	height: 65px;
	background: url(images/footer.png) no-repeat;
	margin: 16px 0 0 0;
	}
	
	#footer p.left-footer {
		text-align:left;
		float:left;
		width:400px;
		padding: 14px 0 0 24px;
		}
	
	#footer .right-footer {
		text-align:right;
		float:right;
		width:400px;
		padding: 14px 24px 0 0;
		}
	
	#footer a:link, #footer a:visited {
		color:#666;
		text-decoration:none;
		}
	
	#footer li {
		list-style-type: none;
		}
		
	#footer a:hover {
		color:#000;
		text-decoration:underline;
		}
	
	#footer li {
		display: inline;
		padding: 0 5px;
		}
		
	#picchangerWrapper {
		float:left;
		overflow:hidden;
		width:518px;
		margin-bottom:10px;
		height:180px;
		position:relative;
	}
		#picchanger {
			width:2690px;
			position:relative;
			top:0px;
			left:0px;
			overflow:hidden;
		}
			#picchanger p {
				float:left;
				width:518px;
			}

				
				#clientContWrapper {
					padding-top:10px;
					border-top:1px solid #ddd;
					border-bottom:1px solid #ddd;
					float:left;
					overflow:hidden;
					position:relative;
					width:350px;
					margin-left:5px;
					font-size:14px;
					line-height:28px;
					padding-bottom:10px;
					margin-bottom:10px;
					height:110px;
					color:#666;
					font-style:italic;
				}
				#clientCont {
					width:1750px;
					position:relative;
					top:0px;
					left:0px;
					overflow:hidden;
				}
					#clientCont p {
						width:350px;
						float:left;
					}
						#clientCont p span {
							color:#5580b6;
							font-weight:bold;
						}
						
div.over { float:right; width:620px; margin:-15px 0 0 0; }
						
span.phone { color:#5580b6; font-weight:bold; font-size:14px; }
div.meetteam, div.meetstaff { padding:10px 0; border-top:1px solid #ddd; position:relative; left:-20px;}		
div.meetteam ul, div.meetstaff ul { margin:0px; padding:0px; }				
div.meetteam ul li, div.meetstaff ul li {  float:left; margin:0 10px 0 0; list-style-type:none; text-align:center; font-size:12px; font-weight:bold; font-family:arial; }
div.meetteam ul li a  { position:relative; width:100px; margin:0 auto;}
#docContain { position:relative; }
div.pop { width:260px; text-align:left; height:160px; padding:5px 20px 10px 20px; background:transparent url('images/pop.png') no-repeat; position:absolute; top:-130px; left:-60px; z-index:999; font-size:11px; color:#555; font-weight:normal;  }
div.pop h4 { color:#5580b6; padding:0px; margin:0px;}
div.pop p { width:250px; padding:0px; margin:0px;}
