﻿/* ********************************************************************
 * FullCircleInstitute CSS Stylesheet
 *
 */
html {
  background-color:#ffffff;
  margin:0px;
  padding:0px;
  font:normal 12px Helvetica,Arial,sans-serif;
}
body {
  background-color:#ffffff;
  margin:0px;
  padding:0px;
  font:normal 12px Helvetica,Arial,sans-serif;
}
img {
  border-width:0px;
}



/* ********************************************************************
 * 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 {
  position:relative;
  z-index:1;
  margin:2px 0px 0px 0px;
  padding:0px;
  width:760px;
}
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;  
}





/* ********************************************************************
 * 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 embed {
  margin:0px;
  padding:0px;
  display:block;
}
div#main div#content object {
  margin:0px;
  padding:0px;
  display:block;
}
div#main div#content h1 {
  margin:0px 0px 15px 0px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:13pt;
  color:#767846;
  font-weight:bold;
  line-height:1.0;
}
div#main div#content h2 {
  margin:0px 0px 15px 0px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:11pt;
  color:#767846;
  font-weight:bold;
  line-height:1.0;
}
div#main div#content h3 {
  margin:0px 0px 0px 0px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:10pt;
  color:#A33520;
  font-weight:bold;
  line-height:1.0;
}

div#main div#content form label {
  display:block;
  margin:10px 0px;
}




/* ********************************************************************
 * 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;
}


/* ********************************************************************
 * 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;
  margin:0px;
  padding:5px;
  background-color:#9EA072;
}
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:20px 3px 15px 3px;
  padding:0px;
  text-align:left;
  font-size:11px;
  color:#ffffff;
}

A:link {color : #F5AE25; text-decoration: none}
A:visited {color : #F5AE25; text-decoration: none}
A:active {color : #F5AE25; text-decoration: none}
A:hover {color : #c48202; text-decoration: none}

.style1 {
	border: 1px solid #FFFFFF;
}
.style2 {
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}
.style4 {
	background-color: #ffffff;
}


.style5 {
	background-color: #ffffff;
	text-align: center;
}


.style13 {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 9pt;
	color : #999999;
	font-weight : normal;
	line-height: 1.4;
	text-align: left;
}


.style14 {
	text-align: left;
	font-size: 20px;
	color: #838550;
}


.style15 {
	text-align: left;
}
.style16 {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 9pt;
	color : #999999;
	line-height: 1.4;
	text-align: left;
}

