@charset "UTF-8";
/* Coded by HoohaaDesign.co.uk */

html {width: 100%;height: 100%; margin: 0; padding: 0;}
body { 
font: Open Sans Condensed, sans-serif;;
width: 100%;
height: 100%;
margin: 0; 
padding: 0;
background: url(images/bg.jpg) repeat;  
}
a, a:active {outline: none; color: #523561; text-decoration: none;}
a:hover {outline: none; color: #333; text-decoration: none;}

p {font: 12px Arial, Helvetica, sans-serif; color: #000000;}
/* LAYOUT */
.container {
	  background: url(images/bgtop.jpg) top repeat-x;
      margin: 0 auto;
	  padding: 0;
      width: 100%;
	  color: ccc;
}
.container .inner-c {
width: 1094px;
margin: 0 auto;
padding: 0;
text-align: left;
}
.container #top .inner-c {margin-top: 480px;}
.container .inner-c .usp {background: url(images/topshad.png) bottom center no-repeat; height: 370px;}
.container .inner-c .usp p {font: 12px Arial, Helvetica, sans-serif; padding: 0 15px; line-height: 1.8em; color: #333;}
.container .inner-c .usp article { float: left; display: block; width: 272px; height: 200px; margin: 80px 0 0 0; text-align:center;}
.container .inner-c .usp a {height: 94px; width: 100px; margin: 0 auto; text-indent: -13000em; display: block;}
.container .inner-c .usp .hd-nut {background: url(images/hd-nut.png) top center no-repeat;}
.container .inner-c .usp .hd-fit {background: url(images/hd-fit.png) top center no-repeat;}
.container .inner-c .usp .hd-45 {background: url(images/hd-45.png) top center no-repeat;}
.container .inner-c .usp .hd-mot {background: url(images/hd-mot.png) top center no-repeat;}
.container .inner-c .usp a:hover {background-position: 0 -94px;}
.line {
width: 1094px;
height: 2px;
background: url(images/horizline.jpg) repeat-x;
margin: 0;
padding: 0;
}
/* SECTION HEIGHTS */
.container div#about, .container div#services, .container div#pricing, .container div#contact, .container div#network,.container div#assignment,.container div#empanelment,.container div#consulting {
width: 100%;
margin: 50px 0;
}
.container div#top {
width: 100%;
background: url(images/headermain.jpg) top no-repeat;
margin: 0 auto;
height: 1000px;
}
.container div#about {height: 950px;}
.container div#services {height: 950px;}
.container div#pricing {height: 950px;}
.container div#contact {height: 900px;}
.container div#network {height:auto;}
.container div#assignment {height: auto;}
.container div#empanlement {height: auto;}
.container div#consulting {height: auto;}
.container section {
clear: both;
display: block;
width: 100%;
padding: 30px 0;
margin: 0;
text-align: center;
}
.container #top section {
width: 100%;
height: 400px;
padding: 0;
}
.container #contact section{
width: 100%;
background: #fff url(images/horizline.jpg) top repeat-x;
height: 560px;
padding: 0;
}
.container #about section{
width: 100%;
background: url(images/biobg.jpg) repeat-x;
height: 554px;
padding: 0;
}
.container #about .inner-c {
background: url(images/bioimg.jpg) right no-repeat;
width: 1094px;
height: 554px;
margin: 0 auto; 
padding:0;
}
.container #pricing .inner-c { background: url(images/horizline.jpg) top repeat-x; height: 300px;}
.half {
width: 547px;
height: 554px;
float: left;
margin: 0;
padding: 0;
}
#moving_tab {
margin: 50px 0 0 100px;
}
.container nav {
display: block;
width: 1094px;
margin: 0 auto;
padding-bottom: 30px;
text-align: center;
}
/* HOME PAGE STYLES */
.container #home-header {width: 1094px; margin: 0; padding: 0; height: 40px;}
.container h1 {color: #999; font: 21px 'Arvo', Arial, Helvetica, sans-serif; margin:10px 0 0 0; padding: 0; width: 750px;float: left;}
.container .socials {float: right; width: 200px;height: 40px; margin:0; padding: 0;}
.container .socials .connect {color: #999999; float: left; font: 11px Arial, Helvetica, sans-serif; padding: 15px 0 0 0; margin: 0;}
.container .socials ul {list-style-type: none; float: left; margin: 0; padding: 0;}
.container .socials ul li {float: left; display: inline; margin: 0; padding: 0;}
.container .socials ul li a { width: 40px; height: 40px; display:block; text-indent: -13000em;background: url(images/socialbutts.html); margin: 0; padding: 0;}
.container .socials ul li .email {background-position: -40px 0;}
.container .socials ul li .twitter {background-position: -80px 0;}
.container .socials ul li .facebook {background-position: -120px 0;}
.container .socials ul li .email:hover {background-position: -40px -44px;}
.container .socials ul li .twitter:hover {background-position: -80px -44px;}
.container .socials ul li .facebook:hover {background-position: -120px -44px;}
.container h1 a {
	color: #333;
	text-decoration: none;
	padding: 0 0 2px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
.container h1 a:hover {color: #666; padding: 0 0 2px 0; border-bottom: none;}
.container .usp h4 {
	font: 24px 'Arvo', Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	letter-spacing: -0.05em;
	padding: 0 45px;
	margin: 0;
	color: #c35f14;
	text-align: center;
}

 NAVIGATION 
nav {
width: 1094px;
margin: 0 auto;
}
nav header img {float: left; margin: 15px 0 0 -15px;}
nav header p {float: left; font: 18px Arial, Helvetica, sans-serif; color: #993300; margin: 30px 0 0 100px;}
nav header p span {color: #523561;}
nav header h2, .legal h2 {
	/*background: url(images/mark.png) top left no-repeat;*/
	background: url(Gen_pic/gensis-fintech-small-images.jpg) top left no-repeat;
	display: block;
	color: #993300;
	float: left;
	text-indent: 65px;
	margin: 20px 0 0 -15px;
	padding: 5px 0 50px 0;
	font: 28px 'Arvo', arial, serif;
	font-weight: normal;
	letter-spacing: -0.05em;
}
nav ul {
float: right;
list-style-type: none;
display: inline;
}
nav ul li {
float: left;
display: block;
margin: 0 18px 0 0;
background: url(images/vertline.jpg) left repeat-y;
padding: 0 0 0 18px;
outline: none;
}
nav ul li a { 
font: 14px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333; 
letter-spacing: 0.06em;
outline: none;
text-transform: uppercase; 
text-decoration: none; 
line-height: 22px;
padding: 0 0 15px 0;
}
nav ul li .down:hover {
background: url(images/downarr.gif) bottom center no-repeat;
}
nav ul li .up:hover {
background: url(images/uparr.gif) bottom center no-repeat;
}
nav ul li .on {
color: #c35f14; 
}
nav ul li span {
font: 10px normal Arial, Helvetica, sans-serif;
color: #999;  
line-height: 18px;
}
nav ul li .toparr{
border: none;
outline: none;
background:url(images/grayarr.gif) no-repeat;
width: 18px;
height:	18px !important;
display: block;
text-indent: -13000em;
padding: 0;
margin: 4px 0 0 0;
}
nav ul li .toparr:hover{
background-position: 0 -18px;
}

/* FOOTER */
footer {
background: url(images/horizline.jpg) top repeat-x;
display: block;
height: 50px;
padding: 0;
margin: 0;
}
#footer_content { width: 1094px !important; margin: 0 auto; padding: 0;}
#footer_content p {font-size: 11px; color: #999; text-shadow: 0px 1px 1px #FFFFFF;}
#footer_content p.left {float: left;} #footer_content p.right {float: right;}
#footer_content p a {color: #666; text-decoration: none;}
#footer_content p a:hover {color: #993300;}

/* SERVICES TABS*/
.panes { margin: 60px 0 0 0;}
.panes article {
	display:none;		
	border:none;
	width: 1094px;
	border-top:0;
	height:550px;
	font-size:14px;
}
/* SERVICES  STYLES*/
.panes article section {float: left; width: 700px; text-align: left;padding: 0 20px 0 0; color: #7c7c7c;}
.panes article section header { display: block; font: 20px 'Arvo', arial, serif; line-height: 1.8em; padding: 0 150px 0 0; color: #333333; margin: 0 0 30px 0;}
.panes article section p, .panes article aside p  {font: 14px Arial, Helvetica, sans-serif; line-height: 1.8em; padding: 0 60px 0 0; margin: 10px 0 20px 0;}
.panes article section p {padding: 0 120px 0 0;}
.panes article h5 {font: 14px Arial, Helvetica, sans-serif; line-height: 20px; padding: 0; font-weight: bold; margin: 0; color: #333333;}
.panes article aside {float: left; width: 360px; color: #666666; padding: 10px 0 0 0;}
.panes article aside ul {list-style-type: none; margin: 15px 0 20px 0; padding: 0;}
.panes article aside ul li {font: 15px Arial, Helvetica, sans-serif; font-weight: normal; color: #993300;line-height: 40px;margin: 0; padding: 0;}
.panes article p span.purple {color: #a95995;}
.panes article aside a {
	color: #000000;
	text-decoration: none;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #000000;
}
.panes article aside a:hover {padding: 0 0 2px 0;border-bottom: none; color: #999;}
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:5px 0 0 0;	
	border: none;	
	height:50px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	outline: none;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font:24px 'Arvo', arial, serif;
	display:block;
	height: 42px; 
	letter-spacing: -0.08em; 
	line-height:42px;
	width: 364px;
	text-align:left;	
	text-decoration:none;
	text-shadow: 0px 1px 1px #FFFFFF;
	color:#ccc;
	padding:0;
	margin:0px;	
	position:relative;
	outline: none;
}
ul.tabs .nutrition {text-indent: 38px; background: url(images/nutrition.png) no-repeat;}
ul.tabs .fitness {text-indent: 50px; background: url(images/fitness.png) no-repeat;}
ul.tabs .motivation {text-indent: 40px; background: url(images/motivation.png) no-repeat;}
ul.tabs a:active {
	outline:none;		
}
ul.tabs a:hover {
	color:#333;
	background-position: 0 -42px;	
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
		
	cursor:default !important; 
	color:#333 !important;
	background-position: 0 -42px;	
} 

/* ABOUT BIO MOVING TABS*/
.container .inner-c #moving_tab {overflow:hidden; width:322px; position: relative; top: 30px; left: 30px; border:none; padding: 0 0 20px 0;}
#moving_tab .tabs {position:relative; height:33px; padding-top:5px; cursor:default;}
#moving_tab .tabs .item {position:relative;
			z-index:10;
		
			/* display in one row */
			float:left;
			display:block;

			/* width = half size of #moving_tab */
			width:161px;
			
			/* height = height of .tabs */
			text-align:center;
			font:20px Georgia, "Times New Roman", Times, serif;
			text-shadow: 0px 1px 1px #333; 
			color: #999;
		}

		#moving_tab .tabs .lava {
			/* Set it to absolute */
			position:absolute;
			top:0; left:0;
			
			/* display the lava in bottom most layer */
			z-index:0;		
				
			/* width = half size of #moving_tab */
			width:161px;

			/* height = height of .tabs */
			height:33px;
			
			/* styling */
			background: url(images/bio.png) no-repeat;
		}
		
		#moving_tab .content {
			/* enable absolute position for .panel */	
			position:relative;
			overflow:hidden;
			
			/* styling */
			border: none;
		}
		
		#moving_tab .panel {
			/* width is width of #moving_tab times 2 */
			position:relative;
			width:644px;
		}
		
		#moving_tab .panel ul {
			/* display in one row */
			float:left;
			
			/* width is the same with #moving_tab */
			width:322px;
			
			/* remove all styles */
			padding:0;
			margin:0;
			list-style:none;
			

		}
			/* styling */
			#moving_tab .panel ul li {
				margin:3px 0 3px 0;
				padding: 5px 0 5px 10px;	
				border: none;
				color: #333;
				background: #eee;}
			#moving_tab .panel ul li p {
				margin: 0;
				padding: 0;
				font:14px Georgia, Times, serif; }
			#moving_tab .panel ul li span {color: #993300;}
			
/* bio about */
.container .half h3 {
	font: 24px 'Arvo', arial, serif;
	color: #666;
	letter-spacing: -0.05em;
	line-height: 1.3em;
}
.container .half h6, .container .half .bio {width: 300px;}
.container .half h6 {
color: #666;
font: 20px Georgia, "Times New Roman", Times, serif; 
font-style: italic;
line-height: 1.5em; 
background: url(images/quote.html) 0 0 no-repeat; 
display: block; 
padding: 30px 0 30px 140px; 
margin: 0 0 0 -30px;
}
.container .half p.bio {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #999;
	padding: 60px 0 0 0;
	background-color: #000000;
}
/* PRICE BOXES*/
.container #pricing .inner-c article {width: 253px; margin: 50px 20px 0 0; display: block; height: 500px; float: left;}
.price-top {height: 60px; background: #1c1b1b; color: #fff; margin: 0; padding: 0;}
.price-bot {height: 120px; background: #fff url(images/priceshad.jpg) bottom center no-repeat; color: #000; margin: 0; padding: 0;}

.price-top p {font: 20px 'Arvo', Arial, Helvetica, sans-serif; font-weight: 100; color: #fff; padding: 20px 0 0 30px; margin: 0; }
.price-top span {color: #993300; padding: 0 0 0 10px;}
.price-top em {font-size: 14px; vertical-align: top; font-style: normal;}

.price-bot p {color: #999; font: 28px Arial, Helvetica, sans-serif; padding: 15px 0 5px 0; 
border-bottom: 1px dotted #999; margin: 0 30px;}
.price-bot span {color: #666; font: 13px Arial, Helvetica, sans-serif; margin: 3px 30px; line-height: 40px; padding: 0;}
.price-bot span em {color: #993300; font-style: normal;}
.prices-p {margin:0; padding: 40px 0 20px 0;} .prices-p span {color: #993300;}

/* CONTACT FORM*/
#contactform {width: 547px; margin:0; padding:55px 10px 0 0;}
.half #contactform p {font: 20px 'Open Sans Condensed', sans-serif; color: #993300; padding: 30px 0 0 0;}
#contactform * {color: #ffff;}
#contactform ol {margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#ffffff;  font-family: 'Open Sans Condensed', sans-serif; font-size:14px; text-transform: capitalize; float:left;}
#contactform label span {color:#993300;}
#contactform input.text {width:400px;border:1px solid #F4F4F4; margin:2px 0;padding:5px 2px; height:16px; background: #F4F4F4; float:right;}
#contactform textarea { width:400px; border:1px solid #F4F4F4; margin:2px 0 30px 0; padding:2px; background:#F4F4F4; float:right; overflow: auto;}
#contactform li.buttons {margin: 0 0 0 135px; outline: none;}
form#contactform input.submit { 
background: url(images/send.png) no-repeat; 
width: 142px; 
height: 60px; 
border: none; 
text-indent: -13000em; 
outline: none;
display: block;
font-family: 'Open Sans Condensed', sans-serif;
}
form#contactform input.submit:hover {background-position: 0 -60px;}
/* CONTACT DETAILS*/
.container .half ul.c-contact {list-style-type: none; margin: 230px 0 0 80px;}
.container .half ul.c-contact li {height: 44px; margin: 0; padding: 0;}
.container .half ul.c-contact li p {font: 16px Arial, Helvetica, sans-serif; color: #993300; padding: 12px 0 0 0; margin: 0;}
.container .half ul.c-contact li p a {color: #000000; text-decoration: none; padding: 0 0 2px 0; border-bottom: 1px dotted #000000;}
.container .half ul.c-contact li p a:hover {color: #666; border-bottom: none; padding: 0 0 2px 0; border-bottom: none;}
.container .half ul.c-contact li p span {color: #000000; }
a.c-phone, a.c-email, a.c-twitter, a.c-facebook{width: 39px; height: 44px; background: url(images/socialbutts.html) no-repeat; display:block; float:left; margin: 0 10px 0 0; padding: 0;}
a.c-email {background-position: -39px 0;}
a.c-twitter { background-position: -78px 0;}
a.c-facebook { background-position: -117px 0;}
a.c-phone:hover {background-position:  0 -44px;}
a.c-email:hover {background-position: -39px -44px;}
a.c-twitter:hover { background-position: -78px -44px;}
a.c-facebook:hover { background-position: -117px -44px;}
.half #memberships {width: 500px; margin:  30px 0 0 120px; padding: 0;}
.half #memberships div {float: left; display: block; width: 100px; height: 100px; margin: 0; padding: 0; text-align: center;}
/* TWITTER */
.container .twit-cont { width: 300px; margin: 0 0 0 80px;}
.container .twit-cont h5 { color: #333; padding: 50px 0 0 50px; font: 14px Arial, Helvetica, sans-serif; margin: 0;}
#Tweets {width: 300px; margin: 0; height: 170px; padding: 0; background: url(images/bird.png) bottom right no-repeat}
#Tweets ul {list-style-type: none;}
#Tweets p {font:13px Georgia, "Times New Roman", Times, serif; color: #999; font-weight:normal; font-style:italic; line-height: 1.5em; margin: 0 0 0 10px; padding: 0;}
#Tweets a {color: #993300; text-decoration: none; padding:0 0 2px 0; border-bottom:1px dotted #993300;}
#Tweets a:hover {color: #993300; text-decoration: none; padding:0 0 2px 0; border:none;}
#Tweets em a {color: #993300; font: 11px Arial, Helvetica, sans-serif;  font-style: normal; padding:0 0 2px 0; border-bottom:1px dotted #993300;}
#Tweets em a:hover {color: #993300; text-decoration: none; padding:0 0 2px 0; border:none;}

/* OVERIDES */			
.nobg {background: none;}
.bg-v { background: url(images/vertline.jpg) right repeat-y;}
.bg-o { background: url(images/horizline.jpg) bottom repeat-x;}
.mtop30 {margin: 0; padding-top: 30px; height: 30px;}
.clr {margin: 0; padding: 0; clear: both;}
h3 span {font-size: 20px;}
/* LEGAL */	
.legal
{
width: 800px;
height: auto;
margin: 0 auto;
padding: 0;
background-color:none;
background-image: none;
overflow-x:hidden;
}
.legal p
{font-size: 11px; text-align: left; line-height: 1.8em; color: #666666; background-color:none;background-image: none; padding: 0 20px; margin:10px; max-width:750px;}
.legal h2{ margin: 40px 0 0 20px;}
.legal img
{padding: 20px;}