@charset "utf-8";
/*
-----------------------------------------------
Style Sheet

Site: essentialstrength.com
Author:   www.swissitweb.com
Version:  2009.1
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* reset margin and padding for all elements to 0 */
ul,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl{ margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */
body{
	font-family: Tahoma, Arial, sans-serif;
	font-size: .7em;
	line-height: 150%;
	color:#FFF;
	/*background:url(../images/body_bg.gif) repeat-x top left #003884;*/
	background-color: #0e3183;
}
a{
	
	color: #FF6600;
	text-decoration: none;
}
a:hover{
	color: #FFFF00;
}
/*
a:visited{
	color: #669933;
}
*/
/* Classes
 * ------------------------------------------------------------------------- */
.catch_line {
	color: #003399;
	margin-left: 70px;
}
.catch_line a:hover{color: #20129a;}
.clear{
	clear: both;
}
.home li{
	background: url(../images/pfeil.gif) no-repeat;
	background-position: 5px 4px;
	padding-left: 20px;
}
.services_list li{
	background: url(../images/orange_bullet.gif) no-repeat;
	margin-left:40px;
	background-position: 5px 6px;
	padding-left: 20px;
	line-height:190%;
}
.smilies li{
	background: url(../images/sport_basketball.gif) no-repeat;
	margin-left:40px;
	background-position: 5px 4px;
	padding-left: 30px;
	line-height:180%;
}
.line_h{background: url(../images/line_h.gif) repeat-x;}
.line_v1{background: url(../images/line_v1.gif) repeat-y;}
.affiliates{text-align: center;}
.testimonials_name{
	text-align: right;
	font-style: oblique;
	font-weight: bold;
}
.pic_border{
	padding: 5px 5px 5px 5px;
	border: 1px solid #0066CC;
	background-color: #CCCCCC;
	margin: 0px 20px 10px 0px;
}
.title_txt{
	font-size: 1.3em;
	font-weight: bold;
	color: #ff930f;
	padding-bottom: 10px;
}
.white_txt{font-size: 1.2em; font-weight: bold; padding-bottom: 10px;}
.highlight_txt{
	/*color: #ffcb48;*/
}
.theresa_bubble{
	padding: 110px 54px 0px 280px;
}
* html #contact{ width: 400px; overflow: hidden;}
contact_tbl{ width: 420px;}

.top{text-align: right;}
.bluetxt {
	color: #0E3183;
}

.signupframe {
	border: 0px solid #FFFFFF;
	background: #fff;
}
.fake_height{padding-bottom: 5px;}
.signupframe tr{background-color: #fff;}
/* Layout
 * ------------------------------------------------------------------------- */
 #container{
 	width: 800px;
	margin-left: auto;
	margin-right: auto;
 }
 #header{
 	width: 800px;
	height: 253px;
 }
 #header_left{
 	width: 307px;
	height:253px;
	background:url(../images/logo2.jpg) no-repeat;
	float:left;
	display: inline;
 }
 #header_home_link {
	height:145px;
	width: 307px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	}
* html #header_home_link {display: block;}
 #banner{
	background: url(../images/banner.jpg) no-repeat;
	width: 493px;
	height:253px;
	float:left;
 }
 #banner h2{
	text-indent:-5000px;
	overflow:hidden;
}
 #content{
 	width: 800px;
	background: url(../images/content_bg.gif) repeat-x top left #003884;
 }

 #full_content{
 	width: 800px;
 }
 #full_content_theresa{
	width: 800px;
	background:url(../images/Theresa_Cartoon_forsite.gif) top left no-repeat;
	min-height: 580px;
}
 
 .main_content_full{padding: 40px 25px 10px 50px;}
 #main{
 	width: 513px;
	float:left;
	background: url(../images/line_v.gif) repeat-y top right;
	display: inline;	
 }
.main_content{margin: 40px 25px 10px 50px;}
 #column{
 	width: 287px;
	float:left;
	display: inline;
 }
 .column_content {padding: 40px 25px 10px 30px;}
#content_sub_amazon{padding: 0px;}
 #footer{
 	width: 800px;
	height: 50px;
	background:url(../images/footer_bg.gif) repeat-x top left;
	text-align: center;
 }
#footer a{color: #fff;}
#footer a:hover{color: #20129a;}
#credits{text-align: center; color:#0099FF;}
#credits a {color:#0099FF;}
#credits a:hover {color:#FFF;}
/*
SPRITE NAV
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav {
	background:url("../images/navbar.gif") top left no-repeat;					
	width: 800px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 33px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 33px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 13px; width: 137px;}
#nav-02 {left: 13px; width: 116px;}
#nav-03 {left: 13px; width: 123px;}
#nav-04 {left: 13px; width: 124px;}
#nav-05 {left: 13px; width: 146px;}
#nav-06 {left: 13px; width: 122px;}

/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navbar.gif") -12px -33px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navbar.gif") -150px -33px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navbar.gif") -265px -33px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navbar.gif") -388px -33px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navbar.gif") -513px -33px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/navbar.gif") -661px -33px no-repeat;}

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	}

#nav li ul li { 
	height:22px; 				/* Height of each drop down nav item */
	border:1px solid #fff;
	border-top:none;
	background-color:#ff930f; /* Put background here! Not in the ul!!*/
	left: 0px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	margin-left: 0px;
	}	

#nav li ul li a {
	width:100%;
	height:22px;				/* Height of each drop down nav item, should match above */
	line-height:22px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:20px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	color:#fff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover{ 
	background-image:none;
	background-color:#ffcb48;
	color:#20129a;
	text-decoration:none;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:115px; }
#nav-02 ul, #nav-02 li { width:145px; }	
#nav-03 ul, #nav-03 li { width:122px; }		
#nav-04 ul, #nav-04 li { width:123px; }	
#nav-05 ul, #nav-05 li { width:150px; }	
#nav-06 ul, #nav-06 li { width:150px; }	

/*html fix*/
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }
 
#signup_tbl {
	padding-left: 50px;
}