/*
Theme Name: Equanimity Concepts
Theme URI:
Description: CMS skin for Equanimity Concepts website 2010
Version: 1.0
Author: Jesse Fisher
Author URI: http://excentricjester.com/
Tags:
Template:
*/

/* ________________________________________________________________

	SWATCHES
	
		BACKGROUNDS
		#e21838 - Red
		#3b3b3b - Grey Sidebar
		#959595 - Grey Border
		
		TEXT
		#3b3b3b - Grey Titles
		#626262 - Grey Global Nav
		#585858 - Grey Body
		#f8f8f8 - Grey (light) Sidebar
		#e21838 - Red


   Browser Reset

==================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, em, img, strong, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
a img { border: 0; }
/* clearing */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
/* new clearfix */
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* General

================================================================================= */
html					{ height:100%; overflow-y: scroll;/* Force scrollbars */ }
body					{ background: #fff url(images/body-repeater.png) 50% 0 repeat-y;; color:#585858; font:normal .75em/1.5em Verdana,Arial,Helvetica,sans-serif; }
html>body				{ font-size:12px; }


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6		{ font-weight: bold; color:#3b3b3b; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; }
h2						{ color: #fff; font-size:30px; line-height:1; margin-bottom:0; letter-spacing: 1px; text-transform: uppercase; }
h3						{ font-size:1.714em; margin-bottom:.75em; padding-bottom: 8px; border-bottom: 1px solid #eaeaea; }
h4						{ font-size:1.333em; font-weight: bold; line-height:1.313; margin-bottom:1.25em; }
h5						{ font-size:1em; margin-bottom:1.5em; }
h6						{ font-size:1em; }


/* Text elements
-------------------------------------------------------------- */
p						{ margin: 0 0 1.5em; }
p.intro					{ font-size: 1.143em; }

strong					{ color: #686868; font-weight:bold; }
em						{ color: #585858; font-style:italic; }

a						{ color:#e21838; text-decoration:underline; }
a:visited				{ color:#e21838; }
a:hover					{ color:#e21838; text-decoration:none; }

blockquote				{ margin:  0 30px 30px; padding: 14px 24px; background: url(images/quote-open.gif) 0 0 no-repeat; font-size: 1.083em; font-style: italic; line-height: 1.538; }


/* Lists
-------------------------------------------------------------- */
li ul,li ol				{ margin:0 1.5em; }
ul,ol					{ margin:0 1.5em 1.5em; }
* html ol,*+html ol		{ margin-left:2em; }/* Fixes incorrect placement of ol numbers in IE6/7. */
ul						{ list-style-type:disc; }
ol						{ list-style-type:decimal; }
ol ol					{ list-style-type:lower-alpha; }

dl						{ margin:0 0 1.5em; }
dl dt					{ font-weight:bold; }
dd						{ margin-left:1.5em; }



/* Main Layout

==================================================================== */
/* Page backgrounds */
#wrapper				{ width: 100%; background: url(images/body-top-repeater.png) 0 0 repeat-x; }
#wrapper-inner			{ width: 100%; background: url(images/body-top-bg.png) 50% 0 no-repeat; }

#main					{ width: 950px; margin: 0 auto; }

#header					{ width: 950px; background: url(images/header-bg.png) 0 0 no-repeat; position: relative; }

#flash-banner			{ width: 950px; height: 382px; }

.content-main			{ width: 950px; background: url(images/sidebar-bg.gif) 0 0 repeat-y; position: relative; }
.content				{ width: 630px; float: right; padding-top: 100px; background: url(images/content-bg.png) 0 0 repeat-x; }
.sidebar				{ width: 320px; float: left; padding-top: 100px; background-color: #3b3b3b; }
.content .inner			{ width: 570px; padding: 0 30px 30px; }
.sidebar .inner			{ float: left; width: 280px; padding: 0 20px 30px; }


#flash-intro			{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1000; }




/* Header
==================================================================== */
#header h1				{ display: block; width: 711px; height: 146px; margin-left: -43px; position: relative; }

a.btn-contact			{ display: block; width: 202px; height: 91px; background: url(images/btn-contact.png) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 0; right: 46px; }

/* Global Nav */
#nav						{ width: 950px; margin: 0; padding: 0; list-style: none; float: left; }
#nav li						{ margin: 0; padding: 0; overflow: hidden; float: left; height: 40px; }
#nav a						{ float: left; display: block; /*width: 100%;*/ height: 20px; line-height: 20px; padding: 10px 12px; color: #626262; font-size: 1.333em;; text-transform: uppercase; text-decoration: none; position: relative; text-indent: -9999px; /* Changing image to tras requires indenting */ background-position: 0 0; background-repeat: no-repeat; }
#nav a:visited				{ color: #626262; }
#nav li.page-item-4 a		{ width: 58px; background: url(images/nav-home.gif) no-repeat 50% 0; }
#nav li.page-item-5 a		{ width: 94px; background: url(images/nav-about-us.gif) no-repeat 50% 0; }
#nav li.page-item-6 a		{ width: 119px; background: url(images/nav-real-estate.gif) no-repeat 50% 0; }
#nav li.page-item-8 a		{ width: 122px; background: url(images/nav-home-loans.gif) no-repeat 50% 0; }
#nav li.page-item-10 a		{ width: 108px; background: url(images/nav-insurance.gif) no-repeat 50% 0; }
#nav li.page-item-12 a		{ width: 134px; background: url(images/nav-testimonials.gif) no-repeat 50% 0; }
#nav li.page-item-14 a		{ width: 141px; background: url(images/nav-how-it-works.gif) no-repeat 50% 0; }
#nav li a:hover,		
#nav li.current_page_item a	{ color: #e21838; background-position: 50% -41px; }




/* Content

==================================================================== */
.page-title				{ width: 950px; height: 100px; background: url(images/page-title-bg.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; }
.page-title h2			{ padding: 30px 0 0 20px; }
.content h2				{ color:#585858; }

.content p				{ font-size: 1em; /* 12px */ line-height: 1.7; /* 21px */ }
.rotate-text			{ margin: 0 0 1.5em; font-size: 1.167em; font-style: italic; position: absolute; top: 40px; right: 20px; }
.message				{ margin: 0 0 1.5em; font-size: 1.167em; font-style: italic; }


/* Sidebar

==================================================================== */
#sub-nav						{ width: 280px; margin: 0 0 80px; list-style: none; border-top: 1px solid #343434; border-bottom: 1px solid #434343; }
#sub-nav li						{ float: left; margin: 0; padding: 0; border-bottom: 1px solid #343434; }
#sub-nav li a					{ display: block; float: left; width: 250px; padding: 6px 8px 8px 22px; border-top: 1px solid #434343; color: #b2b2b2; font-size: 17px; font-weight:bold; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration: none; position: relative; background: url(images/sub-nav-bullet.gif) 6px 10px no-repeat; }
#sub-nav li a:visited			{ color: #b2b2b2; }
#sub-nav li a:hover				{ color: #f8f8f8; background-color: #414141; border-top: 1px solid #484848; }
#sub-nav li.current_page_item a	{ color: #f8f8f8; background-color: #414141; border-top: 1px solid #484848; background-position: 6px -54px; }

.sidebar h4						{ margin: 0 0 6px; color: #d2d2d2; }
.sidebar p						{ color: #d2d2d2; font-size: 1.083em; line-height: 1.154; margin: 0 0 40px; }
.sidebar p a					{ font-size: 0.923em; /* 12px to fit long email */ }
.sidebar li						{ color: #b2b2b2; }

/* Address */
.address						{ width: 280px; float: left; margin: 0 0 40px; padding: 0; list-style: none; }
.address li						{ margin: 0; padding: 0; clear: both; color: #b2b2b2; font-size: 1.083em; line-height: 1.154; }
.address li strong				{ width: 55px; padding-right: 10px; display: block; float: left; color: #b2b2b2; font-weight: normal; }
.address li span				{ width: 215px; display: block; float: left; }
.sidebar li a					{ font-size: 0.923em; /* 12px to fit long email */ }



/* Footer

==================================================================== */
#footer { width: 950px; }
#footer .inner { padding: 30px; }




/* Homepage Specific Styles

==================================================================== */
.home .content-main		{ background: url(images/content-bg.png) 0 0 repeat-x; }
.home .content			{ width: 630px; float: left; padding-top: 40px; background: none; }
.home .sidebar			{ width: 320px; float: right; padding-top: 40px; background: none; }
.home .sidebar .inner	{ padding: 0 20px 0; border-left: 1px solid #dbdbdb; }

.home h2					{ margin-bottom: 20px; color: #3b3b3b; }
/*.home h2 span				{ padding-bottom: 8px; background: url(images/header-underline.gif) 50% 100% no-repeat; } half bottom border */
.home .sidebar h4			{ color: #3b3b3b; }
.home .sidebar p			{ color: #585858; }
.home li					{ color: #585858; }
.home .address li strong	{ color: #585858; }

.home .rotate-text { position:relative; right:0; top:0; }




/* Miscellaneous

================================================================================= */
.small,small			{ font-size:.917em; margin-bottom:1.273em; line-height:1.273em; }
.large					{ font-size:1.167em; margin-bottom:1.5em; line-height:1.5em; }
.hidden					{ display:none; }
.quiet					{ color:#666; }
.loud					{ color:#000; }
.highlight				{ background:#ff0; }

.alignright 			{ float: right; }
.alignleft 				{ float: left; }
.center					{ text-align: center; }
.left					{ text-align: left; }
.right					{ text-align: right; }


/* Images
-------------------------------------------------------------- */
.content img			{ padding: 4px; border: 1px solid #bdbdbd; }
p img 					{ padding: 0; max-width: 100%; }
img.centered 			{ clear: both; display: block; margin:0 auto 20px; }
img.alignright 			{ margin: 0 0 8px 20px; display: inline; }
img.alignleft 			{ margin: 0 20px 8px 0; display: inline; }



/* Popup

================================================================================= */
#popup					{ width: 551px; overflow: hidden; padding: 0 0 50px; /*background: url(images/content-bg.png) 0 0 repeat-x;*/ }