/* ********************************************************************
 * FullCircleInstitute CSS Stylesheet
 *
 */
body, html {
  background-color:#ffffff;
  margin:0px;
  padding:0px;
  font:normal 12px Helvetica,Arial,sans-serif;
  line-height:1.3;
}
img {
  border-width:0px;
}
a {
  color:#F5AE25;
  text-decoration:none;
}
a:hover {
  color:#C48202;
}


h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 1px 0;
	font-weight: normal;
	line-height: 100%;
}

h1 { 
	font-size: 165%;
	line-height: 100%;
}

h2 {
	font-size: 155%;
	line-height: 100%;
}

h3 {
	font-size: 145%;
}

h4 {
	font-size: 120%;
	color: #A33520;
}


/* ********************************************************************
 * Page header styles
 *
 */
div#main {
  width:760px;
  margin:0px auto;
  background-color:#ffffff;
}

div#main img#header {
  display:block;
  margin:0px;
}


div#main table#menutop tr td a {
  display:block;
  padding:7px 10px 7px 8px;
  border-left:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
  text-align:center;
  background-color:#D6C9AF;
  color:#ffffff;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}
div#main table#menutop tr td a:hover {
  background-color:#BFBE82;
}
div#main table#menutop tr td.selected a {
  background-color:#F5AE25;
}
div#main table#menutop tr td a.first {
  padding:7px 10px;
  border-left:0px none;
}

div#main table#menutop tr#selector {
}
div#main table#menutop tr#selector td {
  background-color:#F5AE25;
  height:7px;
  padding:0px;
  overflow:hidden;
  line-height:0px;
}
div#main table#menutop tr#selector td.selected {
  background-color:transparent;
}
div#main table#menutop tr#selector td.selnextsib {
  border-left:2px solid #ffffff;  
}

div#orangebar {
  width:760px;
  margin:0px;
  border-bottom:30px solid #f5ae25;
   border-top:0px solid #ffffff;

  
}

div#barbottom {
  width:760px;
  margin:0px auto;
  border-bottom:10px solid #d6c9af;
   border-top:0px solid #ffffff;

  
}




/* ********************************************************************
 * Generic content styles
 *
 */
div#main div#content {
  position:relative;
  z-index:0;
  padding:0px;
  margin:0px;
  min-height:425px;
  height:auto !important;
  height:450px;
  color:#999999;
  
}
div#main div#content object,
div#main div#content embed {
  margin:0px;
  padding:0px;
  display:block;
}
div#main div#content h1 {
  margin:0px 0px 15px 15px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:13pt;
  color:#767846;
  line-height:1.0;
}
div#main div#content h2 {
  margin:0px 0px 15px 15px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:11pt;
  color:#767846;
  font-weight:normal;
  line-height:1.0;
}
div#main div#content h3 {
  margin:0px 0px 0px 15px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:10pt;
  color:#A33520;
  font-weight:normal;
  line-height:1.0;
}
div#main div#content h5 {
  margin:0px 0px 0px 15px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:10pt;
  color:#999999;
  font-weight:normal;
  line-height:1.0;
}
div#main div#content form label {
  display:block;
  margin:10px 0px;
}
div#main div#content .indent1 {
   padding:0px 0px 0px 15px;
}
div#main div#content .indent2 {
   padding:0px 0px 0px 25px;
}
div#main div#content .indent3 {
   padding:0px 0px 0px 35px;
}
div#main div#content .indent4 {
   padding:0px 0px 0px 45px;
}
div#main div#content .emph1 {
   font-weight: bold;
   color: #333333;
}
div#main div#content .emph2 {
   font-style: italic;
}   




/* ********************************************************************
 * Add CSS for different layouts here
 *
 * ********************************************************************
 * Layout #1 has a 2/3 main text content column to the left, and a
 * narrow floated box of content to the right
 *
 */
div#main div#content div#layout1 {
  padding:20px 270px 20px 20px;
  position:relative;
}
div#main div#content div#layout1 div.floater {
  position:absolute;
  top:40px;
  right:20px;
  width:230px;
  padding:0px;
  margin:0px;
}
div#main div#content div#layout1 div.floater ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
div#main div#content div#layout1 div.floater ul ul {
  margin-left:20px;
}

div#main div#content div#layout1 div.casestudy h3 {
  color:#999999;
  margin:15px 0px 10px 0px;
}
div#main div#content div#layout1 div.casestudy ul li {
  margin-bottom:20px;
}
div#main div#content div#layout1 div.casestudy ul li a {
  font-weight:bold;
}
div#main div#content div#layout1 div.casestudy ul li strong {
  color:#A33520;
}




/* ********************************************************************
 * Layout #2 is for the Tell Tale Signs and Inspirational Results
 * layouts
 *
 */
div#main div#content div#layout2 {
  padding:0px;
}
div#main div#content div#layout2 img#showcaseimage {
  float:right;
}
div#main div#content div#layout2 img#showcasetext {
  margin-top:20px;
}
/*div#main div#content div#layout2 div {
  margin:0px;
  padding:0px;
}*/
div#main div#content div#layout2 div p {
  margin-left:15px;
}
div#main div#content div#layout2 div div# p {
  margin-left:15px;
}


/* ********************************************************************
 * Layout #3 is for the unique An Executive Sanctuary layout
 *
 */
div#main div#content div#layout3 img#showcasetext {
  float:right;
  margin-top:20px;
}
div#main div#content div#layout3 div {
  margin:20px 440px 0px 20px;
}
div#main div#content div#layout3 img#showcaseimage {
  clear:right;
  display:block;
  margin:0px;
}

div#main div#content div#layout3 table#hoverflip {
  float:right;
  margin:20px 20px 0px 10px;
}
div#main div#content div#layout3 table#hoverflip tr td {
  vertical-align:top;
  padding:0px;
}
div#main div#content div#layout3 table#hoverflip tr td img {
  display:block;
}
div#main div#content div#layout3 table#hoverflip tr td img#hoverflipper {
  margin-bottom:2px;
}


/* ********************************************************************
 * Layout #4 is for the unique Services layout
 *
 */
div#main div#content div#layout4 {
  padding:0px;
}
div#main div#content div#layout4 img#showcaseimage {
  float:left;
  display:block;
}
div#main div#content div#layout4 img#showcasetext {
  margin-top:20px;
}
div#main div#content div#layout4 div {
  margin:0px;
  padding:0px;
}
div#main div#content div#layout4 div p {
  margin-left:15px;
}
div#main div#content div#layout4 ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}



/* ********************************************************************
 * Layout #5 is unused
 *
 */


/* ********************************************************************
 * Layout #6 is for the unique Meet Barbara layout
 *
 */
div#main div#content div#layout6 {
  padding:0px;
}
div#main div#content div#layout6 img#showcasetext {
  float:left;
  margin-top:20px;
}
div#main div#content div#layout6 div {
  margin:20px 40px 0px 425px;
}
div#main div#content div#layout6 div ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}


div#main div#content div#layout6 img#showcaseimage {
  clear:left;
  display:block;
  margin:0px;
}






/* ********************************************************************
 * Page footer styles
 *
 */
div#main div#footer {
  clear:both;
  position:relative;
  background-color:#FFF;
}
div#main div#footer .floatr {
  float:right;
  height:61px;
  width:124;
  color:#FFFFFF;
}
div#main div#footermenu {
  clear:both;
  position:relative;
  margin:0px 0px 2px 0px;
  padding:5px;
  background-color:#9EA072;
}
div#main div#footercr {
  clear:both;
  position:relative;
  height: 100px;
  margin:0px;
  padding:5px;
  background-color:#9EA072;
  color:#FFFFFF;
}
div#main div#footer div#consultation {
  float:right;
  padding:3px 3px 0px 15px;
  margin:0px;
  position:relative;
}
div#main div#footer div#consultation a {
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  color:#636539;
}
div#main div#footer div#consultation a:hover {
  color:#DADCB7;
}

div#main div#footer ul#menubottom {
  margin:3px;
  padding:0px;
  list-style-type:none;
  text-align:left;
}
div#main div#footer ul#menubottom li {
  display:inline;
  padding-right:10px;
}
div#main div#footer ul#menubottom li a {
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  color:#ffffff;
}
div#main div#footer ul#menubottom li a:hover {
  color:#DADCB7;
}

div#main div#footer p {
  margin:50px 3px 15px 3px;
  padding:0px;
  text-align:left;
  font-size:11px;
  color:#ffffff;
}



A.ddmenu:link {
	color: #333333;
	text-decoration: none;
}

A.ddmenu:visited {
	color: #ffffff;
	text-decoration: none;
}

A.ddmenu:active {
	color: #333333;
	text-decoration: none;
}

A.ddmenu:hover {
	color: #FF9900;
	text-decoration: none;
}

TD.ddmenu {
	font-family: Verdana,Arial;
	font-size: 12px;
}

DIV.ddmenu {
	font-family: Verdana,Arial;
	font-size: 12px;
}


div#flash{
 z-index:1;
}


/**********DROP DOWN*********/
body {margin:25px; color:#FFFFFF;}
* {padding:0; margin:0}

.menutop {
background:#d6c9af;
  position:relative;
  z-index:2;
  margin:0px 0px 0px 0px;
  padding:0px;
  width:790px;
}
.dropdown {float:left; padding-left:0px}
.dropdown dt {width:134px; border:2px solid #fff; padding:8px; font-weight:bold; color:#FFFFFF; cursor:pointer; background:#d6c9af}
.dropdown dt:hover {background:#f5ae25}
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:204px; border:1px solid #cdbfa2; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#867555; text-decoration:none; background:#d6c9af; width:194px}
.dropdown a:hover {background:#f5ae25; color:#fff}
.dropdown .underline {border-bottom:0px solid #bfb297; color:#FFFFFF;}

.nodrop {float:left; display:block; border:2px solid #fff; padding:8px; width:129px;font-weight:bold; color:#FFFFFF; cursor:pointer; background:#d6c9af}
.nodrop:active, .nodrop:visited {display:block; padding:8px; font-weight:bold; background:#d6c9af; color:#fff; text-decoration:none}
.nodrop:hover {background:#f5ae25;}