/* If you can see this then you must be wishing you stayed on the grind.  */
/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */
/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */

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

/* prevent blue linked image borders */

a img,:link img,:visited img,fieldset { border:none; }

/* global elements
 * ------------------------------------------------------------------------- */

body { 
	background: #14377d url("../images/bg-body.jpg") left top repeat-x;
	text-align:left;
	font:12px/16px Arial, Verdana, Helvetica, sans-serif; font-weight:100; 
	color:#585858; 
	}


h1	{ font-size:14px; color:#14377d; font: "Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; }
h2	{ font-size:14px; color:#14377d; font: "Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; }
h3	{ font-size:12px; color:#14377d; font: "Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; }
h4	{ font-size:12px; color:#14377d; font: "Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; }
h5	{ font-size:12px; color:#14377d; font: "Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; }
h6	{ font-size:12px; color:#14377d; font: "Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#6699ff; text-decoration:underline; }
a:hover,a:active	{ color:#585858; text-decoration:underline; }

img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 0 12px 12px; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear	{ clear:both; height:.01em; overflow:hidden; }

img.opportunity { padding-left:45px; padding-top:10px; }
img.opportunity-index { padding-left:25px;  }

table.orange { color:#ed7a1d; }

.blue { color:#1a32c7; font-size:12px;  }

#column-left .errors { padding:5px 20px 5px 30px; color:#980a0a; }


/* main framework
 * ------------------------------------------------------------------------- */

#wrap { background: url("../images/bg-wrap.jpg") left top repeat-y; width:804px; margin:0 auto; text-align:left;}

#masthead { background: url("../images/masthead.jpg"); width:804px; height:86px; float:left; }

#column-left { width:260px; float:left;  }
        #column-left p.contact { padding:5px 20px 5px 30px; }
        #column-left form { padding:10px 0 0 30px; }
	
	 h2#title-latest-news { background: url("../images/title-latest-news.jpg") left top no-repeat;  padding:22px 0 10px 25px; color:#fff; }

        h2#contact { background: url("../images/title-contact.jpg") left top no-repeat;  padding:22px 0 10px 25px; color:#fff; }

        h2#opportunity { background: url("../images/bg-col-left-opportunity.jpg") left top no-repeat; padding:22px 0 10px 25px; color:#fff; }
       
        #column-left .leftp { padding:5px 20px 5px 30px; }

       #vmarquee {  position:relative;  }

       #marqueecontainer {
	position: relative;
	width: 130px; /*marquee width */
	height: 140px; /*marquee height */
	overflow: hidden;
	border: 0px;
	padding: 0 0 0 25px; }
 
       #marqueecontainer h3  { color:#585858; }

#column-right { width:544px; float:left; }

	#banner { height:217px; width:526px; }
	
	h1#title-total-wellness { background: url("../images/title-total-wellness.jpg") left top no-repeat;  padding:22px 0 10px 21px;  color:#fff; }
	#total-wellness { background: url("../images/bg-total-wellness.jpg") left bottom no-repeat; width:544px;}
		#total-wellness p, #total-wellness h1, #total-wellness h2, #total-wellness h3, #total-wellness h4 { padding:5px 23px 10px 162px; }

        #btm-container { width:544px; background: url("../images/bg-btm-container.gif") left top repeat-y; float:left; }
		
	h2#title-weight-management { background: url("../images/title-wellness-movement.jpg") left top no-repeat; padding:15px 0 10px 21px; color:#fff; }
	#weight-management { width:268px; float:left; }
	#weight-management p, #weight-management h1, #weight-management h3, #weight-management h4 { padding:5px 20px 5px 21px; }
	
	h2#title-real-opportunity { background: url("../images/title-real-opportunity.jpg") left top no-repeat;  padding:15px 0 10px 21px; color:#fff; }
	#real-opportunity { width:276px; float:left; }
	#real-opportunity p { padding:5px 20px 5px 21px; }

	h3#title-our-network { background: url("../images/title-our-network.jpg") left top no-repeat; color:#fff; padding:22px 0 10px 21px;  }
	#our-network { width:544px; float:left; }
		#our-network p { padding:5px 23px 10px 21px; }
                #our-network object { padding:5px 0px 10px 21px; }

        #column-right ul li { color:#4c55b2; margin-left:21px; }

div.movie { padding:0 0 10px 30px; }

#page-footer { background: url("../images/sub-page-footer.jpg") left top no-repeat; height:48px; width:804px; clear:both; overflow:hidden; }

#sub-page-footer { background: url("../images/sub-page-footer.jpg") left top no-repeat; height:48px; width:804px; clear:both; overflow:hidden; }

h1#subheader {  background: url("../images/title-total-wellness.jpg") left top no-repeat;  padding:22px 0 10px 21px; color:#fff; }

h1#subheader-orange {  background: url("../images/title-sub-orange.jpg") left top no-repeat;  padding:22px 0 10px 21px; color:#fff; }

#content { padding:10px 23px 10px 21px; }
         #content p { padding:5px 0 5px 0; }
         #content ul { list-style:disc; padding:5px 0 5px 10px; }

	 
/* Footer
 * ------------------------------------------------------------------------- */
 
#footer { background: url("../images/bg-footer.jpg") left top repeat-y; width:804px; text-align:center; margin:0 auto; margin-bottom:10px; }
#footer a:link, #footer a:visited { text-decoration:none; color:#4b69be; }
#footer p { text-decoration:none; color:#4b69be; font-size:0.9em; padding-left:10px; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#4b69be; }

#footer ul.footer { margin-bottom:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #4b69be; }
#footer li.first { border: none; }

#btm-footer { background: url("../images/btm-footer.jpg") left top no-repeat; height:10px; }

	 
/* Quick Contact Form
 * ------------------------------------------------------------------------- */

form {
	width:200px;
	margin:0px 0 0px 0px;
	}

form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#ffffcc !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #dddbdc;
	color:#2c2c2c;
	width:195px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Verdana" , Arial, Helvetica, sans-serif;
	font-size:1.0em;
	}
	
select { width:200px; padding:0; } /* same width as form - !important */

textarea { height:60px; overflow:auto; }

input.submit-image { 
	background: url(../images/btn-submit.gif); 
	width:54px; 
	height:20px; 
	border:none; 
	cursor:pointer; 
	}


/* Main Contact Form
 * ------------------------------------------------------------------------- */

#contact-main { padding:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label textarea { height:100px; }

/* Horozontal MAIN NAVIGATION Sprite Nav
 * ------------------------------------------------------------------------- */

#top-nav { 
	background: url("../images/top-nav.jpg") left top no-repeat; 
	width:804px; 
	height:62px; 
	margin:0; 
	padding:0;
        float:left;
	}

#top-nav span { display: none; }

#top-nav li, #top-nav a { height: 62px; display: block; }

#top-nav li { float: left; list-style: none; _display: inline; }

#top-nav-01 { width: 69px; margin-left: 325px;}
#top-nav-02 { width: 67px;}
#top-nav-03 { width: 108px;}
#top-nav-04 { width: 108px;}
#top-nav-05 { width: 109px;}

#top-nav-01 a:hover { background: transparent url("../images/top-nav.jpg")  -325px -62px no-repeat; }
#top-nav-02 a:hover { background: transparent url("../images/top-nav.jpg") -394px -62px no-repeat;}
#top-nav-03 a:hover { background: transparent url("../images/top-nav.jpg") -461px -62px no-repeat;}
#top-nav-04 a:hover { background: transparent url("../images/top-nav.jpg") -569px -62px no-repeat;}
#top-nav-05 a:hover { background: transparent url("../images/top-nav.jpg") -677px -62px no-repeat;}

/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#nav {
	background:url("../images/nav.jpg") top left no-repeat;					
	width:260px;		/* Width of buttons, not entite image (or half of entire image) */
	height:217px;		/* Height of entire image */
	margin:0;
	padding:0;
	}

#nav li span { display: none; }

#nav li {
	list-style:none; float:left;
	}


#nav li, #nav a { 
	height:22px;			/* Each button must have the same height, define it here */

	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-01 { margin-top:13px; width:260px; }

/* margin-top if there is a spacing between each nav button */
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08, #nav-09 { margin-top:0; width:260px; }

#nav-01 a:hover { background:url("../images/nav.jpg") -260px  -13px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -260px  -35px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -260px  -57px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -260px  -79px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -260px -101px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -260px -123px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -260px -145px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -260px -167px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.jpg") -260px -189px no-repeat; }