﻿
#logo {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 47px;
	position: absolute;
	top: 1.5em;
	right: 0.7em;
	z-index:1000;
}

img { border:none; }

 h1 {
	color: #363;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: .5em;
}

h2 {
	font-size:1.4em;
	font-weight:bold;
	margin:2em 0 1em;
	padding-bottom:0.7em;
}

a {text-decoration: none;color:#286832;}
a:hover {text-decoration: underline}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.c { clear:both; }

.r { float:right; }
.l { float:left; }

.error { color:#ff0000; }


.hidden { display:none; }

div#MainContainer 
{	
	margin: 0 auto;
	position: relative;
	width: 990px; /* 990px */
}

#content {
	clear: both;
	position:relative;
	z-index:100;
}

/* menu */

/* main sub nav */
#main_nav .flyout {
	background: #fff url(../images/sub_nav_bg_gradient.png) bottom repeat-x;
	position: absolute;
	top: 55px;
	left: -1px;
	color: #333;
	border-top: 1px solid #b4c7b4;
	border-left: 1px solid #b4c7b4;
	display: none;
	z-index:9999;
}

#main_nav li.active .flyout {display: block;}

#main_nav .flyout a,
#main_nav .flyout a:hover {
	/* undo styles that are set for main nav */
	display: inline;
	background: none; 
	margin: 0;
	border: 0;
	width: auto;
	height: auto;
	text-indent: 0;
	font-size: .91em /* 10px */
}

#main_nav{
	padding: .07em 0 0 0;
	position:relative;
	z-index:9998;
	width:100%;
}
#main_nav ul {list-style: none;}
#main_nav li {
	float:left;
	position: relative;
	z-index: 9999;
}

#main_nav li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 63px;
	margin-top: 7px;
}

#main_nav li a:hover,
#main_nav li.selected a {
	border-top: 7px solid #63926a; /* green */
	margin-top: 0;
}

#main_nav li .flyout li a:hover { color:#fff;background:url(/images/menu_hover_right.gif) no-repeat top right; display:block;text-decoration:none; }
#main_nav li .flyout li a:hover span { color:#fff;background:url(/images/menu_hover_left.gif) no-repeat top left; display:block; }

#main_nav li .flyout li a 
{

 border: none;
 color: #333;
 font-size: .91em; /* 10px */
 height:17px;
 display: block; /* fixes IE6 hasLayout bug */
}

#main_nav li .flyout li span
{
	padding: .2em .3em;	
	display: block; /* fixes IE6 hasLayout bug */
	margin-right:3px;
}


#main_nav .flyout_border_right {
	background: url(../images/sub_nav_border_right.png) right top  repeat-y; /* sub nav right border and shadow */
	position: relative;
	float: right;
	right: -1px;
	top: 4px;
	height: 100%;
	margin-top: 4px;
	margin-bottom: -6px;
	width:100%;
}

#main_nav .flyout_corner_tr {
	background: url(../images/sub_nav_corner_tr.png) right -2px  no-repeat; /* sub nav top right corner and shadow */
	float: right;
	margin-right: -7px;
	width:100%;
}
#main_nav .sub_nav_btm {
	position: relative;
	bottom: -10px;
	right: 0px;
	margin: 0 3px 0 9px;
	height: 10px;
	background: url(../images/sub_nav_border_btm.png) repeat-x; /* sub nav bottom border and shadow */
	clear: both;
}

#main_nav .sub_nav_corner_bl {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/sub_nav_corner_bl.png) no-repeat; /* sub nav bottom left corner */
	top: 0;
	left: -10px;
}

#main_nav .sub_nav_corner_br {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/sub_nav_corner_br.png) no-repeat; /* sub nav bottom right corner */
	top: 0;
	right: -10px;
}

#main_nav .flyout .flyout_col {
	float: left;
	padding-left: .9em;
}

#main_nav .flyout .col_2 {
	border-left: 1px dotted #333;
	border-right: 1px dotted #333;
	margin: 0 .5em .2em 0;
}

#main_nav .flyout .col_3 {
	
	margin: 0 .5em .2em 0;
}

#main_nav .flyout .col_4 {padding-right: .9em;border:none;}

#main_nav li .flyout ul {
	float: left;
	padding: 0 1em 1em 0;
}
#main_nav li .flyout li
{
	float:left;
	clear:left;
}

#main_nav li .flyout li.hd {
 font-weight: bold;
 font-size: 1.1em;
 margin-bottom: .3em;
}
#main_nav li .flyout li.no_hd {margin-top: 1.7em;}




#col_1 {
	width: 58.5em;
	padding: 1em 2em 2em 2em;
	float: left;
}

#col_1_nofloat 
{
	padding: 1em 2em 2em 2em;
}

#tab_toggle #col_1 
{
	padding:1em 1em 2em 0;
}

#col_1_alt {
	width: 35.5em;
	padding: 1em 2em 2em 2em;
	float: left;
}

#col_2 {
	float: left;
	margin-left: 2em;
	width: 23em;
}

#col_2_alt {
	float: left;
	margin-left: 2em;
	width: 122em;
}


/*jss- narrower left column for celebrityPortfolio*/
#col_3 {
	width: 37em;
	padding: 1em 2em 2em 2em;
	float: left;
}
/*jss- full width column for celebrityPortfolio carousel*/
#col_4 {
	width: 86em;
	padding:2em;
	clear:left;
}

#col_5 {
	padding:0 2em 0 2em;

}



/* site bottom */

div#sitebottom 
{
	width:1030px;
	height:44px;
	position:relative;
	left:-18px;
}


#body_shadow_left {
	background: url(../images/body_border_left2.png) top left repeat-y; /* shadow border left */
	position: absolute;
	width: 18px;
	left: -18px;
	top: -44px;
	height: 100%;
}

#body_shadow_right {
	background: url(../images/body_border_right2.png) top right repeat-y; /* shadow border right */
	position: absolute;
	width: 18px;
	right: -18px;
	top: -44px;
	height: 100%;
}


h1.pro{
	color:#254868;
}

div.arrow 
{
	display:inline-block;
	background:url(../images/icon_plus.gif) no-repeat top left;
	padding-left:18px;
}

div.arrowon
{
	display:inline-block;
	background:url(../images/icon_minus.gif) no-repeat top left;
}
.pulldown 
{
	padding:8px 8px 8px 20px;
}

.pulldown-handle 
{
	cursor:pointer;
