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

Title		: Pro-Active
Autor		: Michael Baker
URL 		: www.m3communications.com

Created 	: December 2, 2009
Modified	: n/a

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

/* !--- GLOBAL --- */

* {	margin:0px; padding:0px; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	background: url(../images/bg.gif) #053a65 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height:1.5;
}

:focus, :active { outline: 0; }

.clear { clear:both; }

a img { border:0px; }

.fixed:after {
	clear:both;
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}

.fixed { display:block; }

/*  \*/
.fixed { min-height:1%; }

* html .fixed {	height:1%; }

/*--- Font Size (em) Bug Fixing for IE ---*/

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */
INPUT, TEXTAREA, SELECT, TH, TD {font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

/* !--- CONTAINER --- */

#container {
	background: url(../images/bg_container.png) repeat-y;
	margin: 0px auto;
	width: 992px;
}

/* !--- HEADER --- */

#header { padding: 10px 0px 20px 66px; }

	#header h1 a {
		background: url(../images/pro-active.gif) #fff no-repeat;
		display: block;
		float: left;
		height: 118px;
		overflow: hidden;
		text-indent: -9999px;
		width: 232px;
	}
	
	#header #right {
		float: right;
		margin-top: 15px;
		width: 384px;
	}
	
		#header #right #strapline {
			margin-bottom: 15px;
		}
	
		#header #right a img:active { margin-top: 2px; }

/* !--- NAVIGATION --- */

#navigation { margin-bottom: 20px; }

	#navigation #nav_l {
		background: url(../images/nav_l.png) no-repeat;
		float: left;
		height: 44px;
		width: 56px;
	}
	
	#navigation #nav_r {
		background: url(../images/nav_r.png) no-repeat;
		float: left;
		height: 44px;
		width: 24px;
	}
	
	#navigation ul {
		background: url(../images/bg_nav.gif) repeat-x;
		float: left;
		list-style: none;
		padding-bottom: 7px;
	}
	
		#navigation ul li { float: left; }
		
			#navigation ul li a {
				color: #fff;
				display: block;
				font-size: 1.2em;
				padding: 10px 9px;
				text-decoration: none;
			}
			
			#navigation ul li a:hover { color: #f18e00;	}
			
#index #navigation ul li.index, #why #navigation ul li.why, #about #navigation ul li.about, #personal #navigation ul li.personal, #weight #navigation ul li.weight,
#services #navigation ul li.services, #testimonials #navigation ul li.testimonials, #contact #navigation ul li.contact {
	background: url(../images/bg_nav_r.gif) no-repeat right top;
}

#index #navigation ul li.index a, #why #navigation ul li.why a, #about #navigation ul li.about a, #personal #navigation ul li.personal a, #weight #navigation ul li.weight a, 
#services #navigation ul li.services a, #testimonials #navigation ul li.testimonials a, #contact #navigation ul li.contact a {
	background: url(../images/bg_nav_l.gif) no-repeat left top;
}

/* !--- CONTENT --- */

#content {
	background: url(../images/bg_content.gif) no-repeat;
	margin: 0px 16px;
	width: 960px;
}

/*
#why #content #content_bg {
	background: url(../images/bg_dumbbell.jpg) no-repeat bottom right;
	width: 960px;
}
*/

#content #content_left {
	float: left;
	margin: 0px 48px;
	padding-top: 52px;
	width: 430px;
}

	#content #content_left h2 {
		color: #f18e00;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 30px;
		font-weight: normal;
		height: 48px;
		line-height: 1em;
		margin-bottom: 10px;
	}
	
		#content #content_left h2 strong {
			color: #003b79;
			font-weight: normal;
		}
		
	#content #content_left h4.why {	
		display: block;
		height: 27px;
		margin: 10px 0px 0px -30px;
		overflow: hidden;
		text-indent: -9999px;
		width: 199px;
	}
	
		#content #content_left h4.w-one { background: url(../images/why_one.gif) #fff no-repeat; }
		
		#content #content_left h4.w-two { background: url(../images/why_two.gif) #fff no-repeat; }
		
		#content #content_left h4.w-three { background: url(../images/why_three.gif) #fff no-repeat; }
		
		#content #content_left h4.w-four { background: url(../images/why_four.gif) #fff no-repeat; }
		
		#content #content_left h4.w-five { background: url(../images/why_five.gif) #fff no-repeat; }
		
	#content #content_left h4.pt {	
		display: block;
		height: 27px;
		margin: 10px 0px 0px -30px;
		overflow: hidden;
		text-indent: -9999px;
		width: 268px;
	}
	
		#content #content_left h4.one { background: url(../images/title_one.gif) #fff no-repeat; }
		
		#content #content_left h4.two { background: url(../images/title_two.gif) #fff no-repeat; }
		
		#content #content_left h4.three { background: url(../images/title_three.gif) #fff no-repeat; }
		
		#content #content_left h4.four { background: url(../images/title_four.gif) #fff no-repeat; }
		
		#content #content_left h4.five { background: url(../images/title_five.gif) #fff no-repeat; }
		
	#content #content_left h4.services {
		display: block;
		height: 27px;
		margin: 10px 0px 0px -30px;
		overflow: hidden;
		text-indent: -9999px;
		width: 308px;
	}
	
		#content #content_left h4.s-one { background: url(../images/services_one.gif) #fff no-repeat; }
		
		#content #content_left h4.s-two { background: url(../images/services_two.gif) #fff no-repeat; }
		
		#content #content_left h4.s-three { background: url(../images/services_three.gif) #fff no-repeat; }
		
		#content #content_left h4.s-four { background: url(../images/services_four.gif) #fff no-repeat; }
		
		#content #content_left h4.s-five { background: url(../images/services_five.gif) #fff no-repeat; }
		
		#content #content_left h4.s-six { background: url(../images/services_six.gif) #fff no-repeat; }
		
		#content #content_left h4.s-seven { background: url(../images/services_seven.gif) #fff no-repeat; }
		
		#content #content_left h4.s-eight { background: url(../images/services_eight.gif) #fff no-repeat; }
		
		#content #content_left h4.s-nine { background: url(../images/services_nine.gif) #fff no-repeat; }
		
		#content #content_left h4.s-ten { background: url(../images/services_ten.gif) #fff no-repeat; }
		
	#content #content_left p {
		color: #003b79;
		font-size: 1.2em;
		margin-bottom: 12px;
	}
	
		#content #content_left p .orange { color: #f18e00; }
		
		#content #content_left p .big { font-size: 1.6em; }
		
		#content #content_left p a { color: #003b79; }
		
		#content #content_left p a:hover { color: #f18e00; }
		
	#content #content_left ul.about {
		color: #003b79;
		font-size: 1.2em;
		list-style: none;
		margin-bottom: 20px;
	}
	
		#content #content_left ul.about li { margin-bottom: 6px; }
		
			#content #content_left ul.about li strong {
				color: #f18e00;
				float: left;
				width: 70px;
			}

/* !--- CONTENT - RIGHT COLUMN --- */
	
#content #content_right {
	float: left;
	padding-top: 32px;
	width: 434px;
}

	#content #content_right ul#images_home {
		height: 385px;
		list-style: none;
		overflow: hidden;
	}
	
	#content #content_right ul#images_about {
		height: 377px;
		list-style: none;
		overflow: hidden;
	}

	#content #content_right img { 
		float: right;
		margin-bottom: 20px;
	}
	
#content #content_right #contact_form {
	background-color: #ddd;
	border: 4px solid #f18e00;
	padding: 10px;
	width: 380px;	/* 400px */
}

.rounded {
	-moz-border-radius: 16px;
  	-webkit-border-radius: 16px;
}
		
	#content #content_right #contact_form #frm_contact { font-size:1.2em; }
	
		#content #content_right #contact_form #frm_contact input[type="hidden"] { display:none; }
	
		#content #content_right #contact_form #frm_contact label {
			display: block;			
			color: #333;
			float: left;
			margin: 4px 0px 10px;
			padding-right:10px;
			width: 170px;
		}
		
		#content #content_right #contact_form #frm_contact input.text {
			border: 1px solid;
			border-color:#7c7c7c #c3c3c3 #dddddd;
			display: block;			
			float: left;
			margin-bottom: 10px;
			padding:4px;		
			width: 180px;
		}
		
			#content #content_right #contact_form #frm_contact input.text:focus { border-color: #f18e00; }
			
		#content #content_right #contact_form #frm_contact textarea {
			border:1px solid;
			border-color:#7c7c7c #c3c3c3 #dddddd;
			display: block;
			float: left;
			height: 60px;
			margin-bottom: 10px;
			padding:4px;			
			width: 180px;
		}
		
			#content #content_right #contact_form #frm_contact textarea:focus { border-color: #f18e00; }
			
		#content #content_right #contact_form #frm_contact .btn {
			margin: 0px 0px 2px 0px;
		}	
			
		#content #content_right #contact_form #frm_contact .btn:active {
			margin: 2px 0px 0px 0px;
		}
		
		#content #content_right #contact_form #frm_contact br {	clear:left; }
		
		#content #content_right #contact_form p {
			color: #333;
			font-size: 1.2em;
		}


/* !--- FOOTER --- */

#index #footer, #why #footer, #about #footer, #personal #footer, #weight #footer, #services #footer, #testimonials #footer {
	background: url(../images/bg_footer.png) no-repeat;
	height: 30px;
	margin: 0px auto;
	padding: 150px 66px 0px;
	width: 860px;	/* 992px */
}

/*
#why #footer {
	background: url(../images/bg_footer_why.png) no-repeat;
	height: 30px;
	margin: 0px auto;
	padding: 150px 66px 0px;
	width: 860px;
}
*/

#contact #footer {
	background: url(../images/bg_footer_contact.png) no-repeat;
	height: 30px;
	margin: 0px auto;
	padding: 150px 66px 0px;
	width: 860px;	/* 992px */
}

	#footer p {
		color: #fff;
		float: left;
		font-size: 1.2em;
		margin-right: 30px;
	}
	
		#footer p a {
			color: #fff;
			text-decoration: none;
		}
		
		#footer p a:hover { text-decoration: underline; }