/*  
Theme Name: Vita Health
Theme URI: http://www.charljordaan.com
Description: Version 1.0
Version: 1.0
Author: Charl Jordaan Designs
Author URI: http://www.charljordaan.com
*/

/* RESET
/////////////////////////////*/

html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
} 
body		  { line-height: 1; }
ol, ul		  { list-style: none; }
blockquote, q { quotes: none; }
:focus        { outline: 0; }
ins			  { text-decoration: none; }
del			  { text-decoration: line-through; }
table		  { border-collapse: collapse; border-spacing: 0; }
textarea      { overflow:auto; }

/* GENERAL SETUP
/////////////////////////////*/

#top-flash {
	z-index:0;
}

.sitemap ul ul {
	margin-left:20px;
}

.sitemap h2 {
	font-size:12px;
}

.sitemap li {
	padding-left:0px;
	background:url(images/sitemap.jpg) no-repeat left 5px;
}

html {
	overflow-x:hidden;
}

body { 
	font: 62.5%/1.5 "Lucida Grande", Verdana, sans-serif;
	background:#9cbab1;
	color:#888686;
}

a {
	outline:none;
	white-space:nowrap;
	font-weight:bold;
}

a:link, a:active, a:visited { 
	color:#91b562;
	outline:none;
	text-decoration:none;
}

a:hover, a:focus {
	color:#b94901;
	text-decoration:underline;
}

p {
	margin-bottom: 1.5em;
}

img {
	border: 0;
	margin:0;
	padding:0;
}

.margins h3 {
	font-size:12px;
	color:#306261;
	text-indent:0;
	text-transform: capitalize;
}

/* DATA
/////////////////////////////*/

#data {
	margin-top:20px;
	color:#c0de9c;
}

#data .phones {
	font-size:1.2em;
	font-weight:bold;
	color:#def793;
}

#data .phones a {
	margin-bottom:5px;
}

/* LAYOUT
/////////////////////////////*/

#warp {
	width:780px;
	margin:0 auto;
}

h1 { 
	width:780px; 
	height:66px; 
	background:url( images/h1.jpg) no-repeat; 
	display:block;
	margin:0 auto;
}

h1 span { 
	display:block; 
	text-indent:-9999em;
}

#header {
	height:260px;
	background:url( images/nav-bottom.jpg) no-repeat bottom left;
}

#footer {
	margin-top:10px;
	color:#e3ece9;
}

#footer a {
	color:#f4fffb;
}

#page {
	background:url( images/bg-page.jpg) repeat-y;
	margin:0;
	padding:0;
	overflow:auto;
	display:block;
	height:100%;
}

#content {
	float:right;
	width:540px;
}

#content .margins {
	margin-right:15px;
}

#left {
	float:left;
	text-align:center;
	width:240px;
}

h2 {
	color:#549f5d;
	text-transform:capitalize;
	font-size:16px;
}

small {
	color:#969e98;
	font-size:10px;
}

.margins p {
	font-size:12px;
}

#left h3 {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	margin:20px auto;
}

p.small {
	font-size:10px;
	text-indent:0px;
}


p.small strong {
	color:#2f5d5d;
}

td.service {
	background:url( images/bg-table.jpg) repeat-x left bottom;
	height:84px;
}


td.service img {
	margin-right: 10px;
}

td.service a {
	color:#91b562;
	font-size:11px;
	vertical-align:middle;
}

td.service a:hover {
	text-decoration:none;
}

td.separate {
	background-color:#f7faf9;
}

table h3 {
    font-size:14px;
	font-weight:bold;
	margin-bottom:14px;
	color:#549f5d;
	text-transform:uppercase;
}

#leftphotos {
	margin:15px 0;
}

/* TOP NAVIGATION BAR
/////////////////////////////////////*/

ul#topnav {	
		width:780px;
		list-style:none;
		height:33px;
		margin:0;
		padding:0;
}

ul#topnav li {
		display:inline;
}

ul#topnav li a.drop, ul#topnav li a.nav {
		height:33px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}



ul#topnav  li a span {
		float:left;
		display:block;
}

ul#topnav li#topnav_1 a {
		width:81px;
		background:url( images/top-nav.jpg) no-repeat 0px 0;
}
	  
ul#topnav  li#topnav_1 a:hover {
		background-position:0px -33px;
}

ul#topnav li#topnav_2 a {
		width:101px;
		background:url( images/top-nav.jpg) no-repeat -81px 0;
}
	  
ul#topnav  li#topnav_2 a:hover {
		background-position:-81px -33px;
}


ul#topnav li#topnav_3 a.drop  {
		width:199px;
		background:url( images/top-nav.jpg) no-repeat -182px 0;
}
	  
ul#topnav  li#topnav_3 a.drop:hover {
		background-position:-182px -33px;
}

ul#topnav li#topnav_4 a.drop {
		width:184px;
		background:url( images/top-nav.jpg) no-repeat -381px 0;
}
	  
ul#topnav  li#topnav_4 a.drop:hover {
		background-position:-381px -33px;
}

ul#topnav li#topnav_5 a {
		width:108px;
		background:url( images/top-nav.jpg) no-repeat -565px 0;
}
	  
ul#topnav  li#topnav_5 a:hover {
		background-position:-565px -33px;
}

ul#topnav li#topnav_6 a {
		width:107px;
		background:url( images/top-nav.jpg) no-repeat -673px 0;
}
	  
ul#topnav  li#topnav_6 a:hover {
		background-position:-673px -33px;
}

/* LEFT NAV
/////////////////////////////*/

#left-nav { 
	border-left:0px solid #687f4f;
	margin-left:8px;
	margin-right:5px;}

#left-nav a{
	display:block;
	line-height:28px;
	width:224px;
	text-align:left;
	border-bottom:1px solid #677c4b;
}


#left-nav a.current {
	background-color:#172e2e;
	color:#b6b35b;
}

#left-nav a:hover {
	background-color:#7bae3f;
	color:#fff;
	text-decoration:none;
}

#left-nav a span {
	padding-left:10px;
}
/* FORM
/////////////////////////////*/

.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}

#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
}

#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #9cbab1;
		padding-bottom:10px;
}

#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
}

#stylized .small{
		color:#214645;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
}

#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #9cbab1;
		width:200px;
		margin:2px 0 20px 10px;
}

#stylized textarea {
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #9cbab1;
		width:400px;
		margin:2px 0 20px 10px;
}

#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#214645;
		text-align:center;
		line-height:31px;
		color:#fff;
		font-size:11px;
		font-weight:bold;
		border:none;
}

.th {
	background-color:#9CBAB1;
	text-indent:3px;
}

/* HELPERS
/////////////////////////////*/

.float-left	  { float:left; }
.float-right  { float:right; }
.align-right,.alignright  { float:right; margin: 0 0 10px 15px; }
.align-left,.alignleft   {
	float:left;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0;
}
.clear 		  { clear:both; }
.center       { margin: 0 auto; text-align:center; }
.margins      { margin:10px; }
.push-top     {	margin-top:15px; }
.push-bottom  {	margin-bottom:15px; }
.push-right   { margin-right:15px;}
.push-left    { margin-left:15px;}
.frame        { padding: 5px; border: 1px solid #aaa; }
.underline    { text-decoration:underline; }
.text-left    { text-align:left; }
.text-right   { text-align:right; }
.text-center  { text-align:center; }
.text-justify {	text-align:justify; }
.highlight    { background:#ffc; }
.nobullet     { list-style:none;list-style-image:none; }
.no-indent	  { text-indent:0;}
.border       { border:6px solid #d5e8bc;}

/* SPECIALS
/////////////////////////////*/

.message { text-align: center; padding: 5px 20px 5px 45px; color:#545454; width:80%; margin:5px auto; }

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f8fafc; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe; }
.ok    { background-color: #d6f7b3; border-top: 2px solid #81cb2e; border-bottom: 2px solid #81cb2e; }
.alert { background-color: #fff6bf; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.error { background-color: #ffccd0; border-top: 2px solid #e00b0b; border-bottom: 2px solid #e00b0b; } 

#leftphotos img {
	margin-bottom:15px;
	border:1px solid #326362;
	padding:2px;
	width:175px;
}

/* PICS
/////////////////////////////*/

.pics {
	width:430px;
	margin:0 auto;
	margin-top:10px;
}

.pics li {
	display:inline;
	width:110px;
}

.pics img {
	width:110px;
	height:110px;
	margin-right:20px;
	border:5px solid #dbe6e2;
}


/* HOME
/////////////////////////////*/

.warp-col{ width:400px; margin:0 auto;}

.col {
	float:left;
	display:inline;
	margin-bottom:12px;
}

.col h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:14px;
	color:#549f5d;
	text-transform:uppercase;
}

.col li {
	border-bottom:1px solid #dbe6e2;
	padding-bottom:5px;
	margin-bottom:15px;
	text-align:center;
}

.col li a,.col li {
	padding-left:0;
}

/* OTHERS
/////////////////////////////*/

.content-style-2 {
	color: #7b9162;
	font-style: italic;
}

.content-style-3  {	
	color: #549f5d;
	font-weight: bold;
	text-indent:0;
}


ul.list li {
	margin-bottom:5px;
	text-align:left;
	width:150px;
	color:#6b8c5f;
}
h6 {
	width:514px;
	height:74px;
	background:url(images/vita_banner.jpg) no-repeat;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	display: block;
}