/*  
Theme Name: Vita Health Infertility
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%;
	vertical-align: baseline;
	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
/////////////////////////////*/

.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:#ded9f3 url(images/bg.jpg) repeat-x left top;
	color:#888686;
}

#line {
	width:100%;
	height:7px;
	display:block;
	background:url(images/bg-top.jpg) repeat-x left top;
}

.header {
	width:100%;
	height:55px;
	background:url(images/postbg.jpg) repeat-x left center;
	display:block;
}

.title {
	background:#fff;
	width:80%;
	height:55px;
}

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

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

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

p {
	margin-bottom: 1.5em;
}

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

.margins ul {
	margin:15px 10px;
}

.margins h3 {
	font-size:12px;
	color:#595a79;
	text-indent:0;
}

.margins h4 {
	font-size:11px;
	color:#645d5d;
}



/* 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:#8485b3;
}

#footer a {
	color:#5e5f9f;
}

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

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

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

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

h2 {
	color:#973993;
	text-transform:uppercase;
	font-size:18px;
}

small {
	color:#4e37ad;
	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;
}

/* 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:101px;
		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:110px;
		background:url(images/top-nav.jpg) no-repeat -101px 0;
}
	  
ul#topnav  li#topnav_2 a:hover {
		background-position:-101px -33px;
}


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

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

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

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

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

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

#left-nav a{
	display:block;
	line-height:28px;
	width:228px;
	text-align:left;
	border-bottom:1px solid #c4c1ea;
	color:#c4c1ea;
}


#left-nav a.current {
	background-color:#3b3b78;
	color:#e9c4e9;
}

#left-nav a:hover {
	background-color:#b721b7;
	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 #898aba;
		padding-bottom:10px;
}

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

#stylized .small{
		color:#888686;
		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 #cac4ea;
		width:200px;
		margin:2px 0 20px 10px;
}

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

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

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

td.service {
	background:url( images/bg-table.jpg) repeat-x left bottom;
	text-align:left;
	text-indent:8px;
}


td.service img {
	margin-right:6px;
	margin-left:0;
	vertical-align: text-top;
}

td.service a {
	color:#b150ad;
	font-size:11px;
}

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

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

table h3 {
    font-size:14px;
	font-weight:bold;
	margin-bottom:14px;
	color:#602b5e;
	text-transform:uppercase;
	margin-top:15px;
}

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

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

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

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

#data a {
	color:#c4c2ea;
}


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

.float-left	  { float:left; }
.float-right  { float:right; }
.alignright,
.align-right   { float:right; margin: 0 0 10px 15px; }
.alignleft,
.align-left   { float:left; margin: 0 15px 10px 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; }
.indent		  { text-indent:15px;}
.no-indent	  { text-indent:0;}
.border       { border:6px solid #ded9f3;}

/* 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; } 


/* 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 #ded9f3;
}


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

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

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

.col a {color:#898aba;}

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

.col li {
	border-bottom:1px solid #ded9f3;
	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;
}

#header-wrap {
	position: relative;
}

#header-wrap #social {
	position: absolute;
	right: 7px;
	top: 8px;
}

#header-wrap #social a {
	margin-left: 3px;
}