@charset "UTF-8";
/* GLOBAL RESET */
body, div, p, h1, h2, h3, h4, h5, ul, li, span, img{margin: 0px; padding: 0px; border:none;}

body {
	background-color: #3795bc;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* HEADER */
#headerwrapper {
	background-image: url(../img/header_bg.png);
	background-repeat: repeat-x;
	height: 143px;
	width: 100%;
}
#headerwrapper #header {
	height: 143px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header #headlogo {
	display: block;
	height: 89px;
	width: 205px;
	float: left;
	background-image: url(../img/fitvits.png);
	background-repeat: no-repeat;
}
#header #headlogo a {
	display: block;
	height: 89px;
	width: 205px;
	text-indent: -9000px;
}
/* top navbar */
#headerwrapper #header #topnav {
	float: left;
	height: 48px;
	width: 386px;
	list-style-type: none;
	display: block;
	margin-left: 389px;
}
#headerwrapper #header #topnav li {
	float: left;
}
#header #topnav li a {
	float: left;
	height: 48px;
	display: block;
	background-image: url(../img/topnav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9000px;
}
#headerwrapper #header #topnav #topnav1 a {
	width: 73px;
}
#headerwrapper #header #topnav #topnav2 a {
	width: 68px;
	background-position: -73px 0px;
}
#headerwrapper #header #topnav #topnav3 a {
	width: 128px;
	background-position: -141px 0px;
}
#headerwrapper #header #topnav #topnav4 a {
	width: 117px;
	background-position: -269px 0px;
}
#headerwrapper #header #topnav #topnav1 a:hover {
	background-position: 0px -48px;
}
#headerwrapper #header #topnav #topnav2 a:hover {
	background-position: -73px -48px;
}
#headerwrapper #header #topnav #topnav3 a:hover {
	background-position: -141px -48px;
}
#headerwrapper #header #topnav #topnav4 a:hover {
	background-position: -269px -48px;
}


/*main navbar */
#header ul#navbar {
display: block;
clear:both;
list-style:none;
width: 980px;
height: 54px;
}
#header ul#navbar li{
float: left;
}

#header ul#navbar #navbar1{
margin-left: 492px;	

}
#header ul#navbar li a {
	display: block;
    float: left;
	height:54px;
	background-image:url(../img/navbar.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent:-9000px;
}

#header ul#navbar #navbar1 a {
	width:146px;	
}
#header ul#navbar #navbar2 a {
	width:104px;
	background-position: -146px 0;
}
#header ul#navbar #navbar3 a {
	width:117px;
	background-position: -250px 0;
}
#header ul#navbar #navbar4 a {
	width:118px;
	background-position: -367px 0;
}

#header ul#navbar #navbar1 a:hover {background-position: 0 -54px;}
#header ul#navbar #navbar2 a:hover {background-position: -146px -108px;}
#header ul#navbar #navbar3 a:hover {background-position: -250px -54px;}
#header ul#navbar #navbar4 a:hover {background-position: -367px -108px;}


/* BODY */
#bodywrapper {
	background-image: url(../img/body_bg.png);
	background-repeat: repeat-x;
}
#bodywrapper #container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
/*HOME BOXES */
#container #home {
	clear: both;
	width: 980px;
	background-image: url(../img/hpromo_top.png);
	background-repeat: no-repeat;
	padding-top: 85px;
}
#container #home #homebot {
	background-image: url(../img/hpromo_bot_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 980px;
	padding-top: 45px;
}

#homebot .homeboxtop {
	float: left;
	width: 360px;
	background-image:url(../img/hboxes_top.png);
	background-repeat:no-repeat;
	margin-left: 6px;
	padding-top:27px;
	position:relative;
}
.homeboxtop .homeboxbot {
	height: 33px;
	width: 360px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	background-image: url(../img/hboxes_bot.png);
	background-repeat: no-repeat;
}
/* BOX 1 HOME PAGE */
#homebot .homeinfo {
	width: 360px;
	background-image: url(../img/hboxes_bg.png);
	background-repeat: repeat-y;
	margin-bottom: 33px;
	height: 310px;
}


/* BOX 3 HOME PAGE */
#homebot #homeinfo3 {
	float: left;
	width: 238px;
	background-image:url(../img/hboxes_short_top.png);
	background-repeat:no-repeat;
	margin-left: 6px;
	padding-top:25px;
	position: relative;
	
}
#homeinfo3 #homeboxshort {
	background-image: url(../img/hboxes_short_bg.png);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 31px;
	height: 312px;
}

#homeinfo3 #homeboxshortbot {
	height: 31px;
	width: 238px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	background-image: url(../img/hboxes_short_bot.png);
	background-repeat: no-repeat;
}



.homeinfo p{
	font-size: 12px;
	color:#333;
	margin:0px 25px 12px 25px;
	line-height: 16px;
}

/* FOOTER*/
#footerwrapper {
	background-image: url(../img/footer_bg.png);
	background-repeat: repeat-x;
	height: 283px;
}
#footerwrapper #footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 160px;
	text-align: left;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 123px;
	position: relative;
}
/* NEWSLETTER BOX*/
#footer #newsletter {
	width: 200px;
	height:36px;
	position: absolute;
	bottom: 65px;
	right:5px;
	background:url(../img/newsletter.png) no-repeat;
	padding-top: 51px;
	padding-left: 39px;
	
}

#newsletter #newsletterfield {
	font-size: 12px;
	color: #333;
	width: 118px;
	padding: 2px;
	border: 1px solid #000;
	height: 22px;
}
#newsletter #subscribe {
	font-size: 10px;
	border: 1px solid #000;
	background-color: #FCDE20;
	width: 55px;
	height: 27px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#newsletter #newsletterlabel
{
	display: block;
	float: left;
	width: 120px;
	margin-right:5px;
}
#newsletter label {
	display: block;
	float: left;
	
}


/* CLASSES */
.clear {
clear:both;
margin: 0px;
padding:0px;
height:0px;
}

.smallwht {
	font-size: 10px;
	color: #9890dc;
}
#footer .footerlinks {
	list-style-type: none;
	display: block;
	width: 120px;
	margin-left: 15px;
	padding-top: 6px;
	float: left;
}
#footer .footerlinks li a {
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #928AD9;
	display: block;
	padding: 1px 2px 1px 2px;
}
#footer .footerlinks li {
	line-height: 10px;
}
#footer #disclaimer {
	text-align: left;
}
.sideboxcenter p {
	font-size: 12px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: left;
	color: #666;
}
#lft_body_bg #share {
	display: block;
	list-style-type: none;
	position: absolute;
	right: 2px;
	background-image: url(../img/share.png);
	background-repeat: no-repeat;
	height: 121px;
	width: 41px;
	padding-top: 26px;
}
#share li a {
	display: block;
	text-indent: -9000px;
	height: 27px;
	width: 25px;
	margin-left: 6px;
}
#share #facebook a {
	background-image: url(../img/s_facebook.png);
	background-repeat: no-repeat;
}
#share #stumble a {
	background-image: url(../img/s_stumble.png);
	background-repeat: no-repeat;
}
#share #digg a {
	background-image: url(../img/s_digg.png);
	background-repeat: no-repeat;
}
#share #delicious a {
	background-image: url(../img/s_delicious.png);
	background-repeat: no-repeat;
}
#footer #followfacebook {
	display: block;
	background-image: url(../img/facebook.png);
	background-repeat: no-repeat;
	height: 46px;
	width: 209px;
	margin-left: 35px;
	text-indent: -9000px;
	position: absolute;
	right: 5px;
	bottom: 0px;
}
a.butlearn {
	font-size: 10px;
	text-decoration: none;
	display: block;
	float: right;
	padding: 2px;
	background-color: #DBE51F;
	color: #333;
	font-weight: bold;
	margin-top: 5px;
	border: 1px solid #333;
	letter-spacing: -1px;
}
#footerwrapper #footer #socialmediabar {
	list-style-type: none;
	display: block;
	margin: 0px;
	height: 46px;
	width: 103px;
	position: absolute;
	bottom: 0px;
	right: 5px;
	background-image: url(../img/socialmedia.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 106px;
}
#footerwrapper #footer #socialmediabar li {
	float: left;
}
#footerwrapper #footer #socialmediabar li a {
	display: block;
	height: 46px;
	text-indent: -9000px;
	width: 46px;
}
#topbuybutton{
float:right;
margin:0 9px 0 0;
}