@charset "utf-8";
/* CSS Document */
@import url("reset.css");
/*file:///C|/Documents%20and%20Settings/Josh/My%20Documents/work/fighters%20diet/*/
body {
	background:#000 url(http://d10zz7trr6295a.cloudfront.net/background.jpg) top center fixed no-repeat;
	font-size:15px;
	line-height:normal;
	font-family:"Times New Roman", Times, serif;
	color:#333;
}
h1 {font-size:27px;text-align:center;}
h2 {font-size:27px;}
h2.testimonials {color:#900;}
h3 {font-size:27px; text-decoration:underline;}
h4 {font-size:18px;}
p {margin-bottom:15px;}
strong {font-weight:bold;font-size:18px;}
hr {width:95%;margn:10px;clear:both;}
a {color:#9e0b0f; text-decoration:none;}
a:hover {text-decoration:underline;}
input {cursor:pointer;}
li {list-style-type:circle; list-style-position:inside;}
.home li {list-style:none;}
#wrapper {
	width:1000px;
	margin:0 auto;
}
#mastHead {
	height:130px;
	position:absolute;
	top:0;
	z-index:4;
}
#logo {
	float:left;
	margin-left:-30px;	
	display:block;
	position:relative;
	z-index:2;
}
#logo a {
	background:url(/imgs/logo.png) no-repeat top left;
	width:329px;
	height:173px;	
	display:block;
}
#buyNow {
	position:absolute;
	right:-30px;
	top:-40px;
}
.home #buyNow, .order #buyNow {display:none;}
#navContainer {
	background:#000;
	width:100%;
	margin-top:50px;
	padding:15px 0;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:1;
}
#navContainer > div {
	width:1000px;
	margin:0 auto;
}
#navigation {	
	width:1000px;
	padding:0 0 0 330px;	
}
#navigation li {
	margin-left:20px;
	float:left;
	color:#666;
	display:inline;
}
#navigation li a, #rightNav li a {
	background:url(/imgs/buttons.png);
	overflow:hidden;
}
#navigation li a {
	display:block;
	height:20px;
}
#navigation li a {
	position:relative;
	z-index:1000;
}
#navigation li a#home {background-position:0 -560px;width:54px;}
#navigation li a#diet {background-position:-108px -560px;width:88px;}
#navigation li a#recipes {background-position:0 -580px;width:128px;}
#navigation li a#videos {background-position:0 -600px;width:72px;}
#navigation li a#testimonials {background-position:0 -620px;width:139px;}
#navigation li a#forum {background-position:0 -640px;width:66px;}
#navigation li a#links {background-position:-143px -600px;width:56px;}

/* hover effect */
a:hover, #logo:hover, #navigation li a {
	opacity:0.85;
	filter:alpha(opacity=85);
}
.active.home #navigation li a#home, .active.diet #navigation li a#diet, .active.recipes #navigation li a#recipes, .active.videos #navigation li a#videos, .active.testimonials #navigation li a#testimonials, .active.links #navigation li a#forum, .active.links #navigation li a#links,
#navigation li a:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}
/*--- content containers ---*/
#content {
	width:1000px;
	margin:0 auto;
	position:relative;
	top:140px;
	z-index:3;
}

#contentTop {background: url(/imgs/content_bg.png) no-repeat;
	background-position:top center;
	width:1000px;
	height:20px;
}

#contentMiddle {background: url(http://d10zz7trr6295a.cloudfront.net/content-middle_bg.png) repeat-y;
	background-position:top center;
	width:1000px;
	min-height:510px;
	margin:0 auto;
	overflow:hidden;
}

#contentBtm {background: url(/imgs/content_bg.png) no-repeat;
	background-position:bottom center;
	width:1000px;
	height:20px;
}

/*--- left column ---*/
#leftColumn {
	width:580px;
	float:left;
	margin:20px 0 20px 30px;
	overflow:hidden;
}
#leftColumn.videoPage {
	width:780px;
	float:none;
	margin: 20px auto 20px;
}
#homeVideo {
	background:#666;
	width:565px;
	height:340px;
	margin-bottom:25px;
	border:2px solid #333;
}

/*--- right column ---*/
#rightColumn {
	width:330px;
	float:left;
	margin:20px 0 0;
	padding-left:20px;
	overflow:hidden;
}
#rightColumn.videoPage {
	width:130px;
	display:none;
}
#orderHome {position:absolute;margin-left:30px;}

#rightColumn #rightNav li a {
	float:right;
	margin-bottom:10px;
}
#rightColumn #rightNav li a:hover {
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
}
#rightNav li a#btn_diet {
	background-position:top right;
	width:304px;
	height:66px;
}
#rightNav li a#btn_recipes {
	background-position:-20px -132px;
	width:304px;
	height:66px;
}
#rightNav li a#btn_videos {
	background-position:-15px -264px;
	width:314px;
	height:69px;
}
#rightNav li a#btn_testimonials {
	background-position:0px -402px;
	width:327px;
	height:71px;
}

#news {
	background:#e2e2e2;
	width:300px;
	height:200px;
	margin-left:15px;
	padding:10px 5px;
	overflow:auto;
}

/*--- classes ---*/
.quote {font-size:17px;font-style:italic;color:#9e0b0f;}
.quoteName {margin-left:15px;font-style:normal;font-size:14px;color:#ed1c24;}
.button {display:block;}
.button .sIFR-flash:hover {cursor: wait;}
.clear {clear:both;}
.center {text-align:center;}
.strongRed {font-size:18px;color:#9e0b0f;}
#footer {
	margin-top:140px;
	padding:10px;
	text-align:center;
	color:#ccc;
}
#footer a {color:#ccc;}
#footer a:hover {color:#fff;opacity:1;filter:alpha(opacity=100);}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
    .sIFR-active h1, .sIFR-active h2, .sIFR-active h3, .sIFR-active h4, .sIFR-active h5 
	{visibility: hidden;font-family: Verdana;}
	/*
	.sIFR-active h1 {padding-bottom: 0;}
    .sIFR-active h2 {font-size: 55px;display: block;}
	.sIFR-active h3 {font-size: 38px;}
	.sIFR-active h4 {font-size: 28px;font-weight: normal;}
	.sIFR-active h5#pullquote {font-size: 28px;}
	*/
}