/*
Theme Name: Green Elemental
Theme URL: http://pressddesign.com/
Description: A fresh clean theme for a holistic doctor.
Version: 2
Author: Diogenes Brito
Author URI: http://pressddesign.com/
*/

/* Color Key
----------------------------
FILL ME IN
*/

/* Framework CSS + Other External Imports */
@import url("css/framework.css");

/* START THEME CSS */


/* !Basic Elements and Background
---------------------------------------------*/
html {
	font-family:	Helvetica, Helvetica Neue, Arial, sans-serif;
	width:			100%;
	min-height:		100%;
	height:			100%;
	text-align:		center;
}

body {
	background-color:#889f88;
}

#page_wrapper {
	width:			790px;
	margin:			0	auto;
	overflow:		hidden;		
	background:		url(images/pagebg.png) top repeat-y;
}


/* !Header and Main Navigation
---------------------------------------------*/
#header {
	background:		url(images/headerbg.png) no-repeat top;
}

h1 {
	text-indent:	-99999em;
	height:			52px;
	width:			305px;
	background: 	url('images/logo.jpg') top left no-repeat;
	float:			left;
	margin:			40px 0 0 40px;
}

h2 {
	float:			right;
	width:			285px;
	margin:			50px 40px 0 0;
	
	font-family:	Garamond, Hoefler Text, Times New Roman, Times, serif;
	font-size:		14px;
	font-weight:	bold;
	color:			#889f88;
	text-align:		right;
	line-height:	1.25em;
}

ul#navigation {
	margin:			10px 0 0 0; /* Setting proper location and overiding normal ul formatting in typography.css */
	list-style-type:none;
	background:		url(images/navbg.png) no-repeat;
	height:			57px;
	width:			790px;
}

ul#navigation li {
	display:		inline;
}

ul#navigation li a,
ul#navigation li a:link,
ul#navigation li a:visited {
	padding:		15px 20px;
	position:		relative;
	top:			15px; /* So that the "a" objects (including their padding) are fully inside the the ul#navigation container */
	
	background: 	url(images/navlinkbg.png) repeat-x;
	text-decoration:none;
	color:			#fff;
	font-size: 		18px;
	font-weight:	normal;
}

ul#navigation li#first_link a{
	margin-left:	40px;
}

ul#navigation li a:hover,
ul#navigation li a:focus {
	background: 	url(images/navlinkhoverbg.png) repeat-x;
}

ul#navigation li a:active {
	background: 	url(images/navlinkactivebg.png) repeat-x;
}

/* !General/Websitewide Typography
---------------------------------------------*/
h4,
h5,
h6 {
	margin:			15px 20px 5px 20px;
	color: 			#5B6A5B;
}

h3 {
	font-family:	Garamond, Hoefler Text, Times New Roman, Times, serif;
	font-size:		24px;
	font-weight:	bold;
	color:			#58a63a;
	margin:			20px;
}

h4 {
	font-family:	Garamond, Hoefler Text, Times New Roman, Times, serif;
	font-size:		20px;
}

h5 {
	font-size:		15px;
}

h6 {
	font-size:		15px;
	color:			#316ac5;
}

.focus_box h4 {
	font-size:		18px;
	font-weight:	bold;
}

p {
	font-size:		14px;
    color:			#4f6163;
    text-align:		justify;
    margin:			0 20px 10px 20px;
    line-height:	1.35em;
}

body#home_page p,
body#services_page p,
body#contact_us_page p {
	width:			400px;
	float:			left;
	margin:			0 0 10px 20px;
}

body#contact_us_page p {
	width:			250px;
}

p.note {
	color:			#4f6163;
	font-family:	Garamond, Hoefler Text, Times New Roman, Times, serif;
	font-size:		16px;
	font-style:		italic;
	/* font-weight:	bold; */
}

#main_content ul {
	margin-left:	60px;
	font-size:		14px;
    color:			#4f6163;
    line-height:	1.8em;
}

#main_content ul a {
	font-family:	Garamond, Hoefler Text, Times New Roman, Times, serif;
	font-size:		18px;
	font-weight:	bold;
	color:			#316ac5;
	text-decoration:none;
}

#main_content ul a:hover {
	text-decoration:underline;
}

#main_content ul a:visited {
	color:			#738689;
}


/* !General Link Formatting */
a:link {
	color:				#536163;
}
	
a:visited {
	color:				#738689;
	font-weight:		bold;
}
	
a:hover, 
a:active {
	color:				#316ac5;
	text-decoration:	underline;
}

table {
	color:			#4f6163;
	line-height:	1.2em;
}

/* !Content Area
---------------------------------------------*/ 
#main_content {
	width:			750px;
	margin:			0 auto;			
}

img.float_right {
	float:			right;
	margin:			0 20px 25px 0;
}

#ie_root img.float_right {
	float:			right;
	margin:			20px 20px 25px 0;
}

.focus_box {
	background:		#dbe8c7;
	margin:			0 20px;
	padding:		5px 0 20px 0;
}

.nofocus_box {
	margin:			0 20px;
}

table {
	margin:			0 auto;
	width:			400px;
}
 
/* !Footer
---------------------------------------------*/
#footer {
	clear:			both;
	background:		url(images/footerbg.png) no-repeat bottom;
	padding-bottom:	30px;
}

#ie_root #footer {
	height:			60px;
}

#footer h3 {
	text-indent:	-99999em;
	height:			46px;
	width:			243px;
	background: 	url('images/logofooter.png') top left no-repeat;
	float:			left;
	margin:			5px 0 0 50px;
}

div#footer p { /* referenced as div#footer p instead of just #footer p to take precedence over the body#home_page p declaration */
	float:			right;
	width:			420px;
	margin:			10px 45px 0 0;
	color:			#87a188;
}

#footer a,
#footer a:link,
#footer a:visited {
	font-family:	Tahoma, Geneva, Verdana, sans-serif;
	font-size:		12px;
	font-weight:	normal;
	color:			#87a188;
	text-decoration:none;
	text-align:		justify;
}

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


/* !Generic Classes and Misc.
---------------------------------------------*/
.small_icon {
	display:		inline;
	position:		relative;
	top:			3px;
	float:			none;
	margin:			0;
	padding:		0;
}

.center {
	margin:			0 auto;
}

img.center {
	margin-left:	18px;
}

body#payment_page img.center {
	margin-left:	180px;
}

.no_float {
	float:			none;
}

/* END CSS */