/* CSS Document */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(../img/navbar/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(../img/navbar/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../img/navbar/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../img/navbar/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../img/navbar/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../img/navbar/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../img/navbar/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../img/navbar/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../img/navbar/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:110px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:107px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:105px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../img/navbar/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(../img/navbar/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(../img/navbar/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:110px; z-index:200; height:auto;}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../img/backgrounds/cont-background.jpg);	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColFix #container { 
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #222222;
	padding: 5px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.thrColFix #mainContent { 
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

#pic-cont-right {
	position:relative;
	left:-0px;
 	float:right;
	clear:right;
	margin-top:5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	}
	
	#pic-cont-left {
	position:relative;
	left:-0px;
 	float:left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;	}

.imag {
	border:3px solid #333333;
	background-position:center;
		}

.header {
	background-image: url(../img/backgrounds/main_header.jpg);
	width:750px;
	background-repeat: no-repeat;
	height: 75px;
	}

.foot {
	background-image: url(../img/backgrounds/main_footer.jpg);
	background-repeat: no-repeat;
	height: 32px;
	z-index: 2;
}

.content-top {
	background-image:url(../img/backgrounds/content_top.jpg);
	height:10px;
	}

.content-main {
	background-image:url(../img/backgrounds/content_fullwidth.gif);
	width:750px;
	}

.content-bottom {
background-image:url(../img/backgrounds/content_fullwidth.gif.jpg);
background-repeat:no-repeat;
height:7px;
}

.content-top-popup {
background-image:url(../img/backgrounds/content_top-popup.gif);
width:400px;
height:10px;
}

.content-main-popup {
	background-image:url(../img/backgrounds/content_fullwidth-popup.gif);
	width:400px;
	height:14pxl
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.content-bottom-popup {
background-image:url(../img/backgrounds/content_bottom-popup.gif);
background-repeat:no-repeat;
width:400px;
height:14px;
}

.content-top-contact {
background-image:url(../img/backgrounds/content_top-contact.gif);
width:560px;
}

.content-main-contact {
	background-image:url(../img/backgrounds/content_fullwidth-contact.gif);
	width:560px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.content-bottom-contact {
background-image:url(../img/backgrounds/content_bottom-contact.gif);
background-repeat:no-repeat;
width:560px;
height:14px;
}

.smalltext {
	font-size:12px;
	margin-right:10px;
	margin-left: 15px;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.smalltext-popup {
	font-size:10px;
	margin-right:20px;
	margin-left: 20px;
	height: 100%;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.pic {
	display:block;
	float:right;
	padding: 5px;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.header-associates {
	background-image: url(../img/headers/about-associates.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}

.header-jess {
	background-image: url(../img/headers/about-jess.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}

.header-testimonials {
	background-image: url(../img/headers/about-testimonials.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.testimonial {
	font-size: 11px;
	background-color: #A1DAE0;
	text-align: justify;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	text-indent: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space: normal;
	float: none;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 30px;
	width: 450px;
}

.header-athlete {
	background-image: url(../img/headers/athlete.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}

.header-author {
	background-image: url(../img/headers/author.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}

.header-coaching {
	background-image: url(../img/headers/coaching.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-contact {
	background-image: url(../img/headers/contact.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-peak-performance {
	background-image: url(../img/headers/peak-performance.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}.header-lifestyle {
	background-image: url(../img/headers/lifestyle.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}

.header-corporate {
	background-image: url(../img/headers/corporate.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-home {
	background-image: url(../img/headers/home.jpg);
	background-repeat: no-repeat;
	height: 95px;
	}

.header-downloads {
	background-image: url(../img/headers/downloads.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-events {
	background-image: url(../img/headers/events.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-for-you-intro {
	background-image: url(../img/headers/for-you-intro.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-gallery{
	background-image: url(../img/headers/gallery.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-hypnobirthing {
	background-image: url(../img/headers/hypnobirthing.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-hypnotherapy {
	background-image: url(../img/headers/hypnotherapy.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-lose-weight {
	background-image: url(../img/headers/lose-weight.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-singer {
	background-image: url(../img/headers/singer.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-sports {
	background-image: url(../img/headers/sports.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-tv-presenter {
	background-image: url(../img/headers/tv-presenter.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}
.header-weightloss {
	background-image: url(../img/headers/weightloss.jpg);
	background-repeat: no-repeat;
	height: 95px;
	z-index: 2;
}