@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'KlavikaRegular';
	src: url('fonts/klavika-regular-webfont.eot');
	src: local('?'), url('fonts/klavika-regular-webfont.woff') format('woff'), url('fonts/klavika-regular-webfont.ttf') format('truetype'), url('fonts/klavika-regular-webfont.svg#webfontWtw8nDkD') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaBold';
	src: url('fonts/klavika-bold-webfont.eot');
	src: local('?'), url('fonts/klavika-bold-webfont.woff') format('woff'), url('fonts/klavika-bold-webfont.ttf') format('truetype'), url('fonts/klavika-bold-webfont.svg#webfont8VvDM7rp') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaMediumItalic';
	src: url('fonts/klavika-mediumitalic-webfont.eot');
	src: local('?'), url('fonts/klavika-mediumitalic-webfont.woff') format('woff'), url('fonts/klavika-mediumitalic-webfont.ttf') format('truetype'), url('fonts/klavika-mediumitalic-webfont.svg#webfontbYLDWV2y') format('svg');
	font-weight: normal;
	font-style: normal;
}



* {
	padding: 0;
	margin: 0;
}

body {
	background: url(images/bg.jpg) no-repeat center top white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
}

h1 {
	font-family: 'KlavikaRegular', Arial, sans-serif;
	font-size: 28px;
	color: white;
    text-shadow: 0 0 1px white;
	padding-bottom: 15px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
	padding-bottom: 4px;
	font-weight: bold;
}

a {
	color: white;
	text-decoration: none;
    text-decoration: underline;
}

a:hover {
	color: #343434;
}

#content a:hover{
      text-shadow: 0 0 0 black;
}

p {
	padding-bottom: 15px;
	line-height: 15px;
	overflow: visible;
	height: 1%;
}

hr {
	background-color: #83BBE4;
	color: #83BBE4;
	height: 1px;
	width: 100%;
	border: 0px;
	margin: 13px 0px 13px 0px;
}

input.textfield {
	height: 20px;
	margin: 3px;
	padding: 1px 3px 1px 3px;
	background-color: #D8F8FF;
	border-top: 3px solid #92EBFF;
	border-left: 3px solid #92EBFF;
	border-bottom: 3px solid #92EBFF;
	border-right: 3px solid #92EBFF;
	color: #333333;
}
input.button {
	padding: 1px 3px 1px 3px;
}
textarea.textarea {
	margin: 3px;
	padding: 1px 3px 1px 3px;
	background-color: #D8F8FF;
	border-top: 3px solid #92EBFF;
	border-left: 3px solid #92EBFF;
	border-bottom: 3px solid #92EBFF;
	border-right: 3px solid #92EBFF;
	color: #333333;
}

img, div, a { behavior: url(iepngfix.php) }
img { border: 0px; }

#wrapper {
	/*width: 772px;     ** Changed on 13.05.2011 */
    width: 966px;
	margin-left: auto;
	margin-right: auto;
}
#header {
    width: 100%;
    height: 450px;
    background: url(images/home-banner.jpg);
}
#header-inner {
    width: 100%;
    height: 185px;
    background: url(images/banner3.jpg);
}

#header-text {
    font-family: 'KlavikaMediumItalic', 'Times New Roman', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    margin-right: 14px;
    padding-top: 5px;
    color: #343434;
}

#logo {
    clear: both;
    float: left;
    margin-top: 30px;
    margin-left: 36px;

}

#logo a {
    background: url(images/logo.png);
    display: block;
    width: 176px;
	height: 105px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}


/* START OF MENU SECTION */
#menu {
	background: url(images/menubar.jpg) no-repeat;
	/*width: 772px;          13.05.2011  */
    width: 966px;
	height: 33px;
}
#menu ul.main, ul.main li, ul.main ul {
	list-style: none;
}
#menu ul.main li {
	float: left;
	position: relative;
}
#menu a {
	text-indent: -9999px;
	display: block;
	float: left;
	overflow: hidden;
    height: 33px;
}
#menu .submenu {
	visibility: hidden;
	position: absolute;
	background-color: #007FE2;  /* sub menu background color */
	left: 0px;
	top: 100%;
	z-index: 598;
}

#menu ul.main li ul li {
	clear: both;
	display: block;
}

#menu ul.main li:hover ul, #menu ul.main li.hover ul {
	visibility: visible;
}
#menu ul.submenu a{
	background-color: #007FE2;  /* sub menu background color */
	text-indent: 0px;
	font-size: 11px;
	color: white;
	text-decoration: none;
	width: 131px;					/* IMPORTANT: Resize drop down menu width */
	height: 23px;
	padding: 5px 10px 0px 10px;
	display: block;
    font-family: "KlavikaBold", Times, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
#menu .submenu li a:hover {
	background-color: #006DC9;
	background-image: none;
}
#menu a:hover {
	background-image: url(images/menubar.jpg);
}
#menu a.active {
    background-image: url(images/menubar.jpg);
}

/* Main Menu Background */
#menu a#home { width: 77px; }
#menu a:hover#home, a#home.active { background-position: 0px bottom; }

#menu a#group { width: 143px; }
#menu a:hover#group, a#group.active { background-position: -77px bottom; }

#menu a#personal { width: 151px; }
#menu a:hover#personal, a#personal.active { background-position: -220px bottom; }

#menu a#nutrition { width: 106px; }
#menu a:hover#nutrition, a#nutrition.active { background-position: -371px bottom; }

#menu a#events { width: 89px; }
#menu a:hover#events, a#events.active { background-position: -477px bottom; }

#menu a#news { width: 120px; }
#menu a:hover#news, a#news.active { background-position: -566px bottom; }

#menu a#contact { width: 86px; }
#menu a:hover#contact, a#contact.active { background-position: -686px bottom; }
/* END OF MENU SECTION */



#body {
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-y;
	background-color: white;
	/*width: 772px;          13.05.2011  */
    width: 966px;
	overflow: hidden;
    color: white;
    text-shadow: 0 0 0 white;
}

#body-content {
	background-image: url(images/body-marks.jpg);
	background-repeat: no-repeat;
	/*width: 732px;          13.05.2011  */
    width: 926px;
	padding: 12px 20px 0px 20px;
	overflow: hidden;
}

#content {
   font-family: Tahoma, Arial, sans-serif;
   text-shadow: 0 0 0 white;
   overflow: hidden;
   /*width: 732px;          13.05.2011  */
   width: 926px;
   display: block;
   min-height: 500px;
}

#content span, #content p, #content li {
   font-size: 13px;
}

#content ul {
    list-style-image: url(images/bullet.gif);
    padding-left: 15px;
}
#content li {
    padding-bottom: 4px;
}

#network {
    height: 35px;
    margin-left: 620px;
}
#network a {
    display: block;
    text-indent: -9999px;
    float: left;
    margin-left: 8px;
    margin-top: 2px;
    overflow: hidden; 
}
#network a:hover {
    border: 2px solid #F7EBB1;
    margin-top: 0px;
    margin-left: 6px;
    margin-right: -2px;
}
#network a.twitter {
    background: url(images/twitter.gif);
    width: 21px;
    height: 21px;
}
#network a.facebook {
    background: url(images/facebook.gif);
    width: 21px;
    height: 21px;
}
#network a.newsletter {
    background: url(images/newsletter.gif);
    width: 99px;
    height: 21px;
}

#network a.ebook {
    background: url(images/download-wellness-ebook.gif);
    width: 120px;
    height: 21px;
}



#footer {
    background: url(images/footer-bg.jpg) no-repeat center top white;
    display: block;
    /*width: 772px;     ** Changed on 13.05.2011 */
    width: 966px;
    padding-bottom: 40px;
    padding-top: 10px;
}
#footer span.cplogo {
    width: 17px;
    height: 16px;
    display: block;
    background: url(images/cp.gif) no-repeat;
}
#top-footer {
    margin-bottom: 15px;
}

#top-footer, #footer, #top-footer a, #footer a {
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}

#top-footer table{
  width: 100%;
  vertical-align: top;
}

#top-footer td{
    vertical-align: top;
/*    border: 1px solid black;*/
}

#top-footer .right{
  width: 35%;
}

#top-footer .left{
  width: 15%;
}

#top-footer .left a{
    color: #E1E1E1;
	text-decoration: none;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

#top-footer .left a: hover{
    color: #E1E1E1;
	text-decoration: underline;
    font-weight: bold;
    text-shadow: none;
}

#top-footer a.first{
    color: white;
    font-size: 11px;
    font-weight: bolder;
}

#top-footer hr {
    /* width: 645px; */
}

#footer a, #top-footer .right a {
	color: #646361;
	text-decoration: none;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

#footer a:hover, #top-footer a:hover {
	text-decoration: underline;
}


.border {
	border: 1px solid #d3d3d3;
	padding: 5px;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.indent {
	text-indent: 10px;
}
.error{
  color: red;
}
.result{
  color: white;
}