/* ==========================================================================================
 
 GoCoach
 	v1.0
 
 	
 	Post_
 	http://www.post-interaktive.com
 	
 	Author: Bret Glassett
	-------------------------     
 
========================================================================================== */

/* ==========================================================================================
  
   INDEX & GLOBAL ITEMS
   
========================================================================================== */

html, body {
	background-color: #f5f5f5;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #373737;
} 

.clear { clear: both; }

/*=================================
============ CSS Reset ==========*/

*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,dl,ol,ul{list-style:none}
legend{color:#000}
select,textarea,input{font-size:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}

/* ======================================================
  
   STYLES

======================================================= */

p {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	color: #373737;
	line-height: 16px;
	margin: 0 0 10px 0;
}


h1 {
	background: url(images/bg/bg_inner_h1.png) no-repeat;
	width: 625px;
	height: 35px;
	padding: 10px 0 0 15px;
	margin: 0 0 10px -4px;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

h2 {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
        margin: 0 0 10px 0;
}

h3 {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #85837e;
	margin: 0 0 15px 0;
}

h4 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px
}

ul {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #757575;
	line-height: 14px;
	margin: 10px 0 10px 0;
}

li {
	margin-bottom: 4px;
	list-style-type: disc;
	margin: 0px 0px 0px 5px;
	list-style-position: outside;
}

a {
	color: #e88923;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active, a:focus, a:hover {
	outline: none;
}

.learn_more {
	float: right;
	margin: 0 0 5px 0; 
}

blockquote {
	border: 1px solid #d5d3d1;
	padding: 15px;
	font-size: 11px;
	line-height: 22px;
	color: #d5d3d1;
	margin: 0 0 10px 0;
	font-style: italic;
	margin: 10px 0 10px 0;
}			

blockquote p {
	color: #b1a9a0;
	line-height: 18px;
}

/* ======================================================
  
   WRAPS

======================================================= */

#wrap {
	background: url(images/bg/bg_wrap.png) top no-repeat;
	margin: 0px auto;
	width: 990px;
}

/* ======================================================
  
   HEADER

======================================================= */

#logo {
	float: left;
	position: relative;
	z-index: 500;
}

#contact {
margin-top:10px;
	background: url(images/bg/bg_contact.png) no-repeat;
	float: right;
	width: 345px;
	height: 70px;
}
	
		.contact_1 {
			font-weight: bold;
			font-size: 34px;
			margin: 15px 0 0 20px;
			line-height: 30px;
		}
		
		.contact_2 {
			font-weight: bold;
			font-size: 16px;
			float: right;
			margin: 0 45px 0 0;
		}
		
		.contact_3 {
			font-weight: bold;
			float: left;
			margin: 2px 0 0 20px;
		}
		
#header {
	background: url(../images/bg/bg_header.png) no-repeat;
	margin-top: -90px;
	padding: 18px 0 0 37px;
	float: left;
	width: 943px;
	height: 278px;
	position: relative;
	z-index: 0;
}

#flash {
	float: left;
}

#service_area {
	float: left;
}

#header_inner {
	background: url(images/bg/bg_header.png) no-repeat;
	margin-top: -90px;
	padding: 18px 0 0 37px;
	float: left;
	width: 943px;
	height: 195px;
	position: relative;
	z-index: 0;
}

/* ======================================================
  
   NAVIGATION

======================================================= */

#navigation {
	margin-top: -8px;
	float: left;
	width: 990px;
	height: 80px;
	position: relative;
	z-index: 500;
}

/* Menu =============================== */

#menu {
	width: 990px; 
	list-style: none;
}

#menu  {
	margin: 0;
	padding: 0;
}

#menu li { 
	display: inline;
	margin: 0;
	padding: 0; 
}
	
#menu li a {
	background-image: url(images/nav.png);
	display: block; 
	float: left; 
	height: 80px; 
	text-indent: -9999px;
}

		#menu li a.li_1 {
		  width: 140px; 
		  background-position: 0 0;	
		}
		
		#menu li a.li_2 {
		  width: 127px; 
		  background-position: -140px 0;	
		}
		
		#menu li a.li_3 {
		  width: 132px; 
		  background-position: -267px 0;	
		}
		
		#menu li a.li_4 {
		  width: 169px; 
		  background-position: -399px 0;	
		}
		
		#menu li a.li_5 {
		  width: 110px; 
		  background-position: -568px 0;	
		}
		
		#menu li a.li_6 {
		  width: 145px; 
		  background-position: -678px 0;	
		}
		
		#menu li a.li_7 {
		  width: 167px; 
		  background-position: -823px 0;	
		}
		
				#menu li a.li_1:hover, 
				#menu li a.li_1:focus {
				  background-position: 0 -80px;	
				}
				
				#menu li a.li_2:hover, 
				#menu li a.li_2:focus {
				  background-position: -140px -80px;	
				}
				
				#menu li a.li_3:hover, 
				#menu li a.li_3:focus {
				  background-position: -267px -80px;	
				}
				
				#menu li a.li_4:hover, 
				#menu li a.li_4:focus {
				  background-position: -399px -80px;	
				}
				
				#menu li a.li_5:hover, 
				#menu li a.li_5:focus {
				  background-position: -568px -80px;	
				}
				
				#menu li a.li_6:hover, 
				#menu li a.li_6:focus {
				  background-position: -678px -80px;	
				}
				
				#menu li a.li_7:hover, 
				#menu li a.li_7:focus {
				  background-position: -823px -80px;	
				}

/* ======================================================
  
   BODY

======================================================= */

#body {
	background: url(images/bg/bg_body.png) repeat-y;
	margin-top: -1px;
	padding-bottom: 15px;
	float: left;
	width: 990px;
	min-height: 200px;
	position: relative;
	z-index: 1000;
}

#content_wrap {
	float: left;
	width: 930px;
	margin: 0 30px 0 30px;
}

/* Index Upper =============================== */

#index_upper {
	background: url(images/bg/bg_index_upper.png) repeat-y;
	float: left;
	width: 930px;
	margin: 20px 0 20px 0;
	min-height: 100px;
}
		
		#index_upper .col_1 {
			float: left;
			width: 300px;
			padding-left: 2px;
		}
		
		#index_upper .col_2 {
			float: left;
			width: 318px;
			padding-left: 8px;
		}
		
		#index_upper .col_3 {
			float: left;
			width: 298px;
			padding-left: 4px;
		}
		
				#index_upper .col_1 h2,
				#index_upper .col_3 h2 {
					background: url(images/bg/bg_index_header_1.png) no-repeat;
					width: 265px;
					height: 33px;
					padding: 10px 0 0 15px;
					margin-left: 10px;
				}
				
				#index_upper .col_2 h2 {
					background: url(images/bg/bg_index_header_2.png) no-repeat;
					width: 301px;
					height: 33px;
					padding: 10px 0 0 15px;
				}
				
				#index_upper .col_1 .pad,
				#index_upper .col_2 .pad,
				#index_upper .col_3 .pad {
					padding: 10px 16px 10px 16px;
				}

				#index_upper ul {
					float: left;
					width: 135px;
				}
				
				#index_upper .col_1 img {
					float: right;
					margin-top: 20px;
				}
			
				.img_sm {
					background: url(images/bg/bg_pic.png) no-repeat;
					float: right;
					margin-top: 20px;
					width: 128px;
					height: 89px;
				}
				
				.img_sm img {
					margin: 9px 0 0 8px;
				}

/* Index Middle =============================== */

#index_middle {
	background: url(images/bg/bg_index_middle.png) repeat-y;
	float: left;
	width: 900px;
	margin: 0px 15px 20px 15px;
	border: 1px solid #d1cfce;
}

#index_middle_top { /* wrap for upper image*/
	background: url(images/bg/bg_index_middle_header.png) top no-repeat;
	float: left;
	width: 900px;
}

#index_middle_btm { /* wrap for bottom image*/
	background: url(images/bg/bg_index_middle_btm.png) bottom no-repeat;
	float: left;
	width: 900px;
	min-height: 165px;
}

		#index_middle .col_1 {
			float: left;
			width: 252px;
			padding: 5px 15px 15px 17px;
		}
		
		#index_middle .col_2 {
			float: left;
			width: 292px;
			padding: 5px 15px 15px 23px;
		}
		
		#index_middle .col_3 {
			float: left;
			width: 250px;
			padding: 5px 15px 15px 21px;
		}

/* Index Lower =============================== */	
		
#index_lower {
	float: left;
	width: 900px;
	margin: 0 15px 20px 15px;
}

.row {
	float: left;
	margin-bottom: 10px;	
}

.associate {
	float: left;
	width: 172px;
	margin: 0 10px 0 0;
}

		.associate p {
			text-align: center;
			margin: 0;
		}

.associate_last {
	float: left;
	width: 172px;
	margin: 0;
}

/* Inner Sidebar =============================== */	

#sidebar {
	float: left;
	width: 255px;
	margin: 0 10px 0 15px;
	border: 1px solid #d1cfce;
}

#sidebar_top { /* Container for top image */
	background: url(images/bg/bg_sidebar_header.png) repeat-x top;
	float: left;
	width: 255px;
	padding-top: 30px;
}

#sidebar_btm { /* Container for btm image */
	background: url(images/bg/bg_sidebar_btm.png) bottom repeat-x;
	float: left;
	width: 255px;
	padding-bottom: 15px;
}

.sidebar_item {
	float: left;
	margin: 0 15px 15px 15px;
	padding-bottom: 15px;
	width: 225px;
	border-bottom: 1px solid #d1cfce;
}

	#sidebar li {
		list-style-type: none;
		margin-bottom: 8px;
	}
	
	#sidebar li a {
		color: #878581;
		font-size: 14px;
	}
	
	#sidebar li a:hover {
		text-decoration: underline;
	}

/* Inner Content =============================== */	

#content {
	float: left;
	width: 630px;
}

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

.img_right { /* Content Images - Right top */
	float: right;
	margin:  0 0 15px 15px;
}

.img_left { /* Content Images - Left top */
	float: left;
	margin: 0 15px 15px 0;
}

.img_right_inline { /* Content Images - Right inline */
	float: right;
	margin:  15px 0 15px 15px;
}

.img_left_inline { /* Content Images - Left inline */
	float: left;
	margin: 15px 15px 15px 0;
}

/* ======================================================
  
   FOOTER

======================================================= */

#footer {
	background: url(images/bg/bg_footer.png) no-repeat;
	float: left;
	width: 925px;
	height: 85px;
	padding: 0 30px 0 35px;
}

#footer_info {
	float: left;
	width: 627px;
}

		#footer ul {
			float: left;
			color: #fff;
		}
		
		#footer li {
			list-style-type: none;
			display: inline;
		}
		
		#footer li a {
			color: #fff;
			text-decoration: none;
			font-size: 11px;
			font-weight: normal;
			margin: 0 5px 0 5px;
		}
		
		#footer li a:hover {
			text-decoration: underline;
		}
		
#footer p {
	/*color: #fff;*/
	float: left;
	font-size: 11px;
	margin-left: 5px;
}

.footer-bold {
	color: #FFFF00;
	font-weight: bold;
}

#login {
	float: left;
	width: 298px;
	padding-top: 10px;
}







/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */