/*
Main Style Sheet
Author: Jason Hollett (Cyan Solutions Ltd.)
___________________________________________________________________________ */



/* =Global
___________________________________________________________________________ */
body {
	background: #ecd5a3 url(/_images/bg.jpg) repeat-x 0 0;
	font-family: arial, sans-serif;
	color: #333;
	line-height: 18px;
}

a {
	color: #217492;
	text-decoration: none;
	outline: none;

}
	a:hover {
		text-decoration: underline;
	}

sup {
    vertical-align: baseline;
    position: relative;
    bottom: 0.50em;
}

h2, h3 {
	margin-bottom: 15px;
}





/* =Common Classes
___________________________________________________________________________ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.clear { clear: both; }
.clear_l { clear: left; }
.clear_r { clear: right; }
.float_l { float: left; }
.float_r { float: right; }
.textCenter { text-align: center; }

.pngfix { behavior: url(/_styles/iepngfix.htc); }

.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }

.hidden { display: none; }

.red { color: #f00; }
.green { color: #090; }

div.hr {
	display: block;
	height: 1px;
	background: url(/_images/hr.gif) repeat-x 0 0;
	margin-bottom: 15px;
}

	div.hr hr {
		display: none;
	}


/* =Containers
___________________________________________________________________________ */
#container {
	margin: 0 27px;
	background-color: #fff;
	position: relative;
}

#container-bg {
	width: 757px;
	margin: 0 auto;
	background: url(/_images/bg-container.gif) repeat-y 0 0;
}



/* =Header
___________________________________________________________________________ */
#header {
	/*width: 960px;*/
	height: 106px;
	background: url(/_images/bg-header.jpg) no-repeat 0 0;
	position: relative;
}

	#header h1 a#logo {
		position: absolute;
		top: 18px;
		left: 44px;
		display: block;
		width: 231px;
		height: 71px;
		background: url(/_images/logo-terrafitness.png) no-repeat 0 0;
		text-indent: -9999px;
		behavior: url(/_styles/iepngfix.htc);
	}

	#header ul {
		position: absolute;
		top: 30px;
		right: 24px;
	}

	#header li {
		float: left;
	}

		#header li a {
			display: block;
			height: 15px;
			text-indent: -9999px;
			margin-left: 15px;
		}

		#header li a.home			{ width: 41px; background: url(/_images/nav/home.png) no-repeat 0 0; behavior: url(/_styles/iepngfix.htc); }
		#header li a.contact		{ width: 81px; background: url(/_images/nav/contact-us.png) no-repeat 0 0; behavior: url(/_styles/iepngfix.htc); }
		#header li a.distributors	{ width: 90px; background: url(/_images/nav/distributors.png) no-repeat 0 0; behavior: url(/_styles/iepngfix.htc); }

		#header li a:hover {
			background-position: 100% 0;
		}

		#header li a.selected {
			background-position: 100% 0 !important;
		}



/* =Banner
___________________________________________________________________________ */
#banner {
	position: relative;
	height: 180px;
	margin-top: 17px;
}

	.banner-home			{ height: 329px !important; margin-top: 0 !important; background: url(/_images/banner-home.jpg) no-repeat 0 0; }
	.banner-about			{ background: url(/_images/banner-about.jpg) no-repeat 0 0; }
	.banner-givingback		{ background: url(/_images/banner-givingback.jpg) no-repeat 0 0; }
	.banner-contact			{ margin-top: 0 !important; background: url(/_images/banner-contact.jpg) no-repeat 0 0; }
	.banner-rayzahab		{ background: url(/_images/banner-rayzahab.jpg) no-repeat 0 0; }
	.banner-distributors	{ margin-top: 0 !important; background: url(/_images/banner-about.jpg) no-repeat 0 0; }
	.banner-products		{ background: url(/_images/banner-products.jpg) no-repeat 0 0; }


/* =Main Nav
___________________________________________________________________________ */
#mainNav {
	width: 703px;
	height: 43px;
	background: url(/_images/bg-mainNav.jpg) no-repeat 0 0;
	position: relative;
}

	#mainNav ul {
		margin-left: 45px;
	}

	#mainNav li {
		float: left;
		
	}

		#mainNav li a {
			display: block;
			height: 43px;
			text-indent: -9999px;
			margin-right: 2px;
		}

		#mainNav li a.about			{ width: 159px; background: url(/_images/nav/about.gif) no-repeat 0 0; }
		#mainNav li a.products		{ width: 148px; background: url(/_images/nav/products.gif) no-repeat 0 0; }
		#mainNav li a.givingback	{ width: 148px; background: url(/_images/nav/givingback.gif) no-repeat 0 0; }
		#mainNav li a.whoweare		{ width: 146px; background: url(/_images/nav/whoweare.gif) no-repeat 0 0; }


		#mainNav li a:hover {
			background-position: 100% 0;
		}

		#mainNav  li a.selected {
			background-position: 100% 0 !important;
		}

		/* hilite graphic for major sections */
		#hilite {
			height: 24px;
			width: 703px;
			position: absolute;
			z-index: 100;
			top: 142px;
			left: 0;
			behavior: url(/_styles/iepngfix.htc);
		}

			.hilite-about		{ background: transparent url(/_images/nav/hilite-about.png) no-repeat 0 0; }
			.hilite-products	{ background: transparent url(/_images/nav/hilite-products.png) no-repeat 0 0; }
			.hilite-givingback	{ background: transparent url(/_images/nav/hilite-givingback.png) no-repeat 0 0; }
			.hilite-rayzahab	{ background: transparent url(/_images/nav/hilite-rayzahab.png) no-repeat 0 0; }



/* =Main Content
___________________________________________________________________________ */
#mainContent {
	background: url(/_images/bg-content.jpg) no-repeat 0 0;
	padding: 40px;
	min-height: 402px;
	height: auto !important;
	height: 402px;
}

	#mainContent p {
		padding-bottom: 15px;
	}

	#mainContent h3 {
		font-size: 123.1%;
		font-weight: bold;
		color: #333;
	}

	#mainContent ul {
		margin: 0 0 20px 20px;
	}
	
	#mainContent li {
		background: url(/_images/bullet.gif) no-repeat 0 6px;
		padding-left: 12px;
		margin-bottom: 5px;
	}

	#mainContent a {
		font-weight: bold;
	}



	/* form */
	#mainContent form {
		/*margin-bottom: 15px;*/
	}

	#mainContent fieldset {
		border: 1px solid #ddd;
		padding: 3px 5px 10px 5px;
		margin-bottom: 10px;
	}

	#mainContent legend {
		font-weight: bold;
		padding: 0 5px;
	}

	#mainContent .formCol {
		width: 290px;
	}

	#mainContent input.field,
	#mainContent select {
		width: 262px;
		margin-left: 6px;
		border: 1px solid #666;
		padding: 2px;
	}

	#mainContent input.submit {
		font-weight: bold;
		font-family: arial;
	}

	#mainContent textarea {
		width: 594px;
		margin-left: 6px;
		border: 1px solid #666;
		padding: 2px;
		font-family: arial;
		font-size: 100%;
	}

	#mainContent label.error {
		color: #c00;
		padding-left: 6px;
		font-weight: bold;
		float: left;
	}


	/* homepage signup */
	#mainContent .signupHome {
		float: right;
		width: 170px;
		padding: 10px;
		border: 1px solid #ccc;
		margin: 0 0 20px 20px;
	}

	#mainContent .signupHome input.field {
		width: 164px;
		padding: 2px;
		border: 1px solid #999;
		margin: 0;
	}


	/* products signup */
	#mainContent .signupProducts {
		margin-top: 30px;
	}

	#mainContent .signupProducts input.field {
		width: 200px;
		padding: 2px;
		border: 1px solid #999;
		margin: 0;
	}



/* =Footer
___________________________________________________________________________ */
#footer {
	min-height: 84px;
	height: auto !important;
	height: 84px;
	background: #90a93d url(/_images/bg-footer.jpg) no-repeat 0 0;
	position: relative;
	color: #fff;
	font-size: 85%;
	line-height: 14px;

}

	#footer .copy {
		float: left;
		margin: 25px 0 0 27px;
		display: inline;
	}


	#footer .address {
		float: right;
		text-align: right;
		margin: 25px 27px 0 0;
		display: inline;
	}

	#footer a {
		color: #fff;
	}


/* =Products
___________________________________________________________________________ */
.product {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

	.product .img {
		float: left;
		width: 180px;
		margin-right: 40px;
		display: block;
	}

		.product .img .thumb-1 {
			margin: 6px 2px 0 0;
		}

		.product .img .thumb-2 {
			margin: 6px 0 0 0 ;
		}


	.product .desc {
		float: left;
		font-size: 85%;
		width: 263px;
		padding-right: 20px;
	}

		.product .desc ul {
			margin-left: 0 !important;
		}

		.product .desc li {
			margin-bottom: 2px !important;
		}


	.product .cost {
		float: left;
		width: 120px;
	}

		.product .cost select {
			width: auto !important;
			margin-left: 0 !important;
			font-size: 85%;
		}

		.product .cost span {
			background-color: #6f5a55;
			padding: 4px;
			color: #fff;
			font-weight: bold;
			margin: 10px 0;
		}







/* =sIFR
___________________________________________________________________________ */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -4px;
	font-size: 24px;
	height: 24px;
}



#ibox_content { background:#f7f7f7;border-color:#f7f7f7;color:#fff;overflow: hidden; }
#ibox_wrapper{ background:#f7f7f7;border: 2px solid #666;}
#ibox_footer_wrapper{left:0;right:0;top:0;padding:3px 10px;}
#ibox_footer_wrapper,
#ibox_footer_wrapper a{color:#217492;background:#f7f7f7;}
#ibox_footer_wrapper a{ color:#217492; font-weight:bold; text-decoration:none; padding:0 3px; font-family: arial; }
#ibox_footer_wrapper a:hover{text-decoration: underline;}
#ibox_content{padding: 0 10px 10px 10px;}
#ibox_wrapper{padding:25px 0 0 0;}
#ibox_overlay { display: none; }
#ibox_content .ibox_image { border: 1px solid #ccc; }