/* @override http://circlehealthpartners.com/css/styles.css */
/*=====
SITE: Oyeme CMS demo site
FILE: styles.css
CREATED: 7/22/2008
MODIFIED: 7/23/2008
AUTHOR: Ben Otero (ben@oyemecms.com)
=====*/

/* @group GLOBALS */
body				{ 
					  font-size:62.5%; background:#155286 url(/images/body_bg.gif) repeat-x; font-family:helvetica, arial, verdana,sans-serif; 
					  margin:0; padding:0; 
					}
#container			{ width:800px; margin:0 auto; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

.clearfix:after	 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix			{ display: inline-block;}

.column				{ float:left; width:300px; margin-right:20px; }
.wide				{ width:70%; }
.mid				{ width:25%; }
/* @end */


/* @group HEADER */
#header				{ position:relative; margin:0; padding:0; height:186px; }
#header h1,
#header h1 a		{ display:block; width:308px; height:60px; }
#header	h1			{ background:url(/images/logo.gif) no-repeat; text-indent:-999em; margin:0; position:absolute; top:51px; left:229px; }
#header h1 a:focus	{ outline:none; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ position:absolute; top:155px; left:0; height:31px; width:800px; background:url(/images/nav_bg.gif) no-repeat left top; }
#nav li 			{ cursor:pointer;float:left; }
#nav li a 			{ display:block; height:31px; background:url(/images/nav_bg.gif) no-repeat; text-indent:-999em; }
#nav li a:focus		{ outline:none; }

#nav li#nav_home a				{ display:block; width:134px; background-position:0 0; }
#nav li#nav_home a:hover		{ background-position:0 -31px; }
#home li#nav_home a,
#nav li#nav_home.current a		{ background-position:0 -62px; }

#nav li#nav_wellness a			{ width:133px; background-position:-134px 0; }
#nav li#nav_wellness a:hover	{ background-position:-134px -31px; }
#nav li#nav_wellness.current a	{ background-position:-134px -62px; }

#nav li#nav_pharmacy a			{ width:133px; background-position:-267px 0; }
#nav li#nav_pharmacy a:hover	{ background-position:-267px -31px; }
#nav li#nav_pharmacy.current a	{ background-position:-267px -62px; }

#nav li#nav_about-us a			{ width:133px; background-position:-400px 0; }
#nav li#nav_about-us a:hover	{ background-position:-400px -31px; }
#nav li#nav_about-us.current a	{ background-position:-400px -62px; }

#nav li#nav_mission a			{ width:133px; background-position:-533px 0; }
#nav li#nav_mission a:hover		{ background-position:-533px -31px; }
#nav li#nav_mission.current a	{ background-position:-533px -62px; }

#nav li#nav_contact-us a		{ width:133px; background-position:-666px 0; }
#nav li#nav_contact-us a:hover	{ background-position:-666px -31px; }
#nav li#nav_contact-us.current a{ background-position:-666px -62px; }

#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:150px;  }
#nav li:hover ul 	{ left:auto;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
					{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
					{ left:auto;}
#nav li:hover ul li:hover ul 
					{ margin:-28px 0 0 120px;}

/* @end */

/* @group PRIMARY CONTENT */
#content 				{ padding:36px 26px 30px; width:748px; background:#fff; }
#home #content			{ position:relative; width:800px; height:383px; background:url(/file/home-swimmers.jpg) no-repeat; display:block; padding:0; }
#get-to-know			{ 
						  display:block; width:192px; height:35px; text-indent:-999em;
						  position:absolute; top:315px; left:582px; z-index:5000;
						}
#get-to-know:focus		{ outline:none; }
#banner					{ margin:-36px -26px 36px }

#main					{ float:left; width:509px; }

#content li,
#content p				{ color:#345a92; font-size:1.4em; line-height:2.2em; }
#content li				{ line-height:1.5em; }
#content p.intro		{ font-family:georgia, times, serif; font-style:italic; }
#content li p, 
#content td p			{ font-size:1em; }
#content .errors li		{ color:red; }

#content a				{ color:#bb5b15; text-decoration:none; }
#content a:hover		{ text-decoration:underline; }
img.right-align			{ float:right; margin:10px 0 10px 10px; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }

	/* @group HEADINGS */
	h2, h3, h4, h5, h6	{ color:#345a92; }
	h2, h3				{ font-size:1.6em; color:#345a92; margin-top:0; }
	#contact-us h2		{ margin-bottom:-15px; }
	#content h3			{ color:#bb5b15; }
	h4					{ font-size:1.4em; }
	h5					{ font-size:1.3em; }
	h6					{ font-size:1.2em; }
	/* @end */

/* @end */

/* @group SIDEBAR */
#sidebar			{ float:right; width:211px; position:relative; right:-26px; }
#sidebar .section ul{ margin:0; padding:0; list-style:none; }
#sidebar li a		{ 
					  display:block; color:#0f3f70; background:#e9f0f4; padding:10px 30px 10px 20px; margin:14px 0; line-height:16px; 
					  font-size:12px; text-transform:uppercase; font-family:helvetica, arial, verdana, sans-serif;
					}
#sidebar li a:hover	{ background:#cbdfea; text-decoration:none; }
#sidebar li.current a{ color:#fbfcfe; background:#bb5b15}
/* @end */

/* @group FOOTER */
#footer				{ width:770px; background:url(/images/footer_bg.gif) no-repeat left top; padding:20px 15px; height:70px; }
#footer p			{ font-size:1.1em; color:#88a8cb; margin:0; float:left; width:50%; }
#footer a			{ color:#88a8cb; text-decoration:none }
#footer a:hover		{ text-decoration:underline; }
#footer #links		{ float:right; }
#footer #links p	{ float:none; width:auto; }
/* @end */


/* @group CONTACT FORM */
form, fieldset				{ margin:0; padding:0; border:none; }
#content form ol			{ margin:0; padding:0; list-style:none; }
#content form li			{ display:block; padding-bottom:5px;}
#content li label			{ width:25%; display:block; float:left; text-align:right; padding-right:10px;}
#content li span.required	{ display:none; }
#content li input.text		{ width:200px; padding:2px 5px; border:1px solid #000; border-width:1px 0 0 1px; margin-top:5px; }
#content li textarea		{ width:500px; height:250px; border:1px solid #000; border-bottom:1px 0 0 1px; margin-top:7px;}
#content .submit			{ padding-top:15px; }
#content .submit input		{ float:right; margin-right:50px; }
/* @end */