body {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #668;
	margin: 10px 0;
	padding: 0;
	background: #ccd;
}

#wrapper {
  width: 880px;
  margin: 0 auto;
}

#wrap {margin: 0 10px;}

#main {
  line-height: 1.5;
  background: #f7f7fa;
}

#header {
  line-height: normal;
}

#flash-title, #flash-toon {
  display: block;
}

#flash-toon {
	margin: 20px auto;
}

h1, h2, h3, h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-style: italic;
  margin: 12px 0 6px;
  line-height: normal;
}

h1 {
  font-size: 1.5em;
  margin-top: 0;
  text-align: center;
}

h2 {
  font-size: 1.25em;
}

h3 {
  font-size: 1.16em;
}

h4 {
  font-size: 1.1em;
  margin-bottom: 0;
}

h2.header {
  float: right;
  font-size: 1em;
  width: 280px;
  height: 27px;
  margin: 15px 8px 0 0;
  background: url(/img/family_divorce_mediation.png) no-repeat;
  text-indent: -3000px;
}

h2.header a {
  display: block;
  width: 280px;
  height: 27px;
}
h2.header a:hover {background-color: transparent;}
h2.header a:focus {outline: 0;}

th {text-align: center;}

p {margin: 0 0 1em;}

a, a:visited {color: #339; background: transparent;}
a:hover {color: #117; text-decoration: none; background: #ffeabf;}
a:active {color: #9999bb; text-decoration: none; background: transparent;}

.line a, .line a:visited, .line a:active {
  color: #6600ff; text-decoration: none; background: transparent;
}
.line a:hover {
  color: #9999bb; text-decoration: none; background: transparent;
}

.t a:link {color: #666688; background: transparent;}
.t a:visited {color: #777799; background: transparent;}
.t a:hover {color: #ff0000; text-decoration: none; background: transparent;}
.t a:active {color: #9999bb; text-decoration: none; background: transparent;}

.glow {background-color: #ffeabf;}

.thead {
background-color: #ccccdd;
border: 1px solid #666688;
padding: 2px;}

.b {border: 1px solid #666688;}
table.b {border-collapse: collapse;}

.mtop {margin-top: 0;}
.mbot {margin-bottom: 0;}
.mnot {margin-top: 0px; margin-bottom: 0;}
.martop {margin-top: 12px;}
.marbot {margin-bottom: 12px;}
.center {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.justify {text-align: justify;}
.small {font-size: 0.91em;}
.sm {font-size: 0.86em;}
a img {border: 0;}
/*img {display: block;}*/
.clear {clear: both;}
.inline {display: inline;}
ul li, ol li {margin-top: 6px;}
.big {font-size: 1.1em; font-weight: bold;}
.i {font-style: italic;}

ul, ol {margin-left: 0; padding-left: 40px;}

.floatleft {float: left; margin: 0 12px 0 0;}
.floatright {float: right; margin: 0 0 0 12px;}

.floatleft img, .floatright img {display: block;}
.imgborder {border: 5px solid #ffeabf;}

#eXTReMe {margin-left: -50px;}

.clear-block:after {						/* see ie both css */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#footer {
	font-size: 0.85em;
	margin: 3px 0 0;
	padding: 0 7px;
}

#copyright {text-align: right;}
#home #copyright {float: right;}

#cred a, #cred a:visited {color: #668;}
#cred a:hover {color: #; text-decoration: none;}
#cred a:active {color: #;}

/* home layout
------------------------------------------ */
#home #main {padding: 15px 0;}

#right {
  float: right;
  width: 300px;
  text-align: center;
}

#left {
  margin-right: 300px;
  text-align: center;
}

.photo {	/* until roundies in ie8 does backgrounds */
	width: 200px;
	border: 5px solid #ffeabf;
	margin: 0 auto;
}

.photo img {
  /*border: 5px solid #ffeabf;*/
  display: block;
  /*margin: 0 auto;*/
}

#right h2, #right h3 {
	font-weight: normal;
}

h2#sw {
  font-size: 1.5em;
  margin: 3px 0;
  /*width: 137px;
  height: 19px;
  margin: 0 auto;
  background: url(/img/sw.png) no-repeat;
  text-indent: -3000px;*/
}

h3#subtitle {
  font-size: 1.16em;
  margin: 0 0 12px;
}

#slogan {
	font: italic bold 1.1em/1.3 Georgia, serif;
	margin-bottom: 10px;
	text-align: center;
}

#info h2 {margin: 0;}

#info h2 a {
  display: block;
  font-size: 1em;
  width: 209px;
  height: 26px;
  margin: 0 auto;
  background: url(/img/mediation_info.png) no-repeat;
  text-indent: -3000px;
}
#info h2 a:focus {outline: 0;}

#info {margin-top: 40px;}

/* home example hover
------------------------------------------ */
#example-wrap {
  position: relative;
  margin: 40px auto 0;
  padding: 10px 0;
  background: #e9e9ef;
  width: 30em;
}

#default {
  height: 6.5em;
  line-height: 1.4;
}

#default h2 {
  width: 179px;
  height: 20px;
  margin: 0 auto 14px;
  background: url(/img/mediation_services.png) no-repeat;
  text-indent: -3000px;
}

.examples {
  margin: 0;
  padding: 0;
  list-style: none;
}

.examples li {
  display: inline;
  margin: 0 10px;
}

.examples li a {
  font: italic bold 1.25em/1.3 Georgia, serif;
  color: #447;
  text-decoration: none;
}

.examples a span {
	font: 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 10px;
}

.examples a:hover span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #668;
  background: #e9e9ef;
}

.round {
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
}

.round5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* home question - jquery
------------------------------------------ */
#question {
	width: 300px;
  margin: 24px auto 0;
}

.answer {
  display: none;
  margin-top: 6px;
}

.answer ol {
  list-style-type: lower-alpha;
  margin: 0;
}

/* home quotes - jquery
------------------------------------------ */
#quotes {
	list-style: none;
	width: 300px;
	margin: 15px 0 0;
	padding: 0;
}

#quotes li {
  bottom: 0;
  font: italic 1.16em/1.4 Georgia, serif;
  margin: 0;
  padding: 0;
  text-align: left;
}

.author {
	font-size: 12px;
	line-height: normal;
	margin-top: 3px;
	text-align: right;
}

/* med style - jquery
------------------------------------------ */
#hover-container {
  position: relative;
  height: 155px;
}

#hover-container .txt {
  display: none;
  position:  absolute;
  left: 0;
  top: 0;
  text-align: justify;
}

/* nav
------------------------------------------ */
#nav {
    float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	position: relative;
	float: left;
	width: auto;
	margin: 0 6px;
	padding: 0;
}

#nav li a, #nav li a:visited, #nav li span {
	font-weight: bold;
	padding: 2px 6px 0;
	text-decoration: none;
}

#nav li a, #nav li a:visited {color: #491ea6;}

#nav li a:hover, #nav li span {
  color: #491ea6;
  background: #f8d48c;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
}

#nav li a:focus {outline: 0;}

/* mediation menu
------------------------------------------ */
#menu-section {margin-bottom: 30px;}
#mediation #menu-section {margin-bottom: 0;}

.menu-intro {
  text-align: center;
  background: #f7f7fa;
  padding-bottom: 6px;
}

#menu-wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #f7f7fa;
}

#menu-wrap {
  clear: left;
  float: left;
  position: relative;
  left: 50%;
}

.menu {
  float: left;
  position: relative;
  right: 50%;
}

.mid-col {margin: 0 40px;}
.menu ul {margin: 0;}
.menu li {margin-top: 3px;}
.menu li a {text-decoration: none;}
.menu li a:visited {color: #779;}

/* address
------------------------------------------ */
.address-wrap {
	width: 34em;
	margin: 15px auto 0;
}
.address {
	float: left;
	width: 17em;
	text-align: center;
}

/* contact form
------------------------------------------ */
form {margin: 0; padding: 0;}

label {
	clear: left;
	float: left;
	width: 9em;
	margin: 6px 0.5em 0 0;
	text-align: right;
	white-space: nowrap;
}

label.nofloat {clear: left;
  float: none;
  width: auto;
  text-align: left;
}

input, textarea {
	font-size: 1em;
	width: 40%;
	margin: 6px 0 0;
	padding: 1px;
	border: 1px solid;
	border-color: #999 #ccc #ccc #999;
}

select {margin-top: 6px;}

textarea {margin-left: 9.5em;}

input#submit {
	font-weight: bold;
	color: #668;
	width: auto;
	padding: 2px 3px;
	background: #ccd;
	border-color: #668;
	margin-left: 9.5em;
}

.req {font-weight: bold; color: #c00;}
.valid {margin-left: 3px;}
.error {color: #c00; font-size: 11px;}

/* paypal
------------------------------------------ */
.payment input {
  width: 144px;
  margin: 0;
  border: 0;
}

/* content well
------------------------------------------ */
.top		 {background: url(/w/top.gif) repeat-x;}
.top div	 {background: url(/w/top_lt.gif) no-repeat 0 0;}
.top div div {background: url(/w/top_rt.gif) no-repeat 100% 0;}
.bot		 {background: url(/w/low.gif) repeat-x;}
.bot div	 {background: url(/w/low_lt.gif) no-repeat 0 0;}
.bot div div {background: url(/w/low_rt.gif) no-repeat 100% 0;}
.left		 {background: url(/w/left.gif) repeat-y;}
.rightinside {background: url(/w/right.gif) repeat-y 100% 0;}

.top, .top div, .bot, .bot div {
  height: 11px;
  width: 100%;
}								/* see ie css */

.rightinside {
  margin: 0;
  padding: 0 11px;
}