/***********************************************
Mediation Solve CSS
***********************************************/

/* HTML Tags
***********************************************/
*{
 	color:#333;
 	font:1em Arial, Helvetica, sans-serif;
 	line-height:165%;
 	margin:0;
	padding:0;
 	border:none;
	text-align:left;
	}
a{
	color:#cc3467;
	text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
		color:#333;
		}
br{
	clear:left;
	}
em{
	font-style:italic;
	}
	em a{
		font-style:italic;
		}
strong{
 	font-weight:bold;
	}
p{
 	font-size:1.2em;
 	margin:0 12px 12px 12px;
	clear:left;
	}
ul{
	margin-left:20px;
	}
ol{
 	margin-left:20px;
 	margin-bottom:15px;
 	font-size:1.2em;
	}
acronym {
 	cursor:help;
 	border-bottom:1px solid #fff;
	}
h1{
 	font-size:2.3em;
 	color:#333;
 	padding:0;
 	float:left;
 	margin:18px 0 0 12px;
	}
	.sIFR-hasFlash h1 {
	 	visibility: hidden;
		}
h2{
 	font-size:1.2em;
	font-weight:bold;
 	color:#cc3467;
	padding:0;
	margin:0 0 0 12px;
	}
h3{
 	clear:left;
 	font-size:1.4em;
 	color:#333;
 	margin:10px 0 10px 23px;
 	padding:0;
	}
	.sIFR-hasFlash h3 {
		visibility: hidden;
		}
h4{
 	clear:left;
	font-size:1.2em;
 	margin:0 0 15px;
 	font-weight:bold;
 	border-top:1px solid #d2d7bf;
 	padding-top:15px;
	}
h5{
 	clear:left;
 	font-size:1.6em;
 	margin:0 0 15px;
 	font-weight:bold;
	}
html{
 	font-size: 70%;
	}
html, body{
	background:url("../graphics/bgr.jpg") repeat-x left top;
	text-align:center;
	width:100%;
	}
.divClear{
	clear:both;
	}
	
/* Structure
***********************************************/

#header{
 	width:775px;
	height:215px;
	background:url("../graphics/header-bgr.jpg") no-repeat center top;
	float:left;
	}
#header a img{
 	float:right;
	}
#topnav{
	float:right;
	clear:right;
	padding-top:40px;
	}
#topnav ul{
	list-style:none;
	}
	#topnav ul li{
		float:left;
		}
		#topnav ul li a{
			display:block;
			height:0;
			overflow:hidden;
			padding:40px 0 0;
			border:0;
			}
			#topnav ul li a.nav1{
				background:url("../graphics/nav-btn-home.gif") no-repeat;
				width:55px;
				}
			#topnav ul li a.nav2{
				background:url("../graphics/nav-btn-about.gif") no-repeat;
				width:54px;
				}
			#topnav ul li a.nav3{
				background:url("../graphics/nav-btn-services.gif") no-repeat;
				width:69px;
				}
			#topnav ul li a.nav4{
				background:url("../graphics/nav-btn-mediators.gif") no-repeat;
				width:102px;
				}
			#topnav ul li a.nav5{
				background:url("../graphics/nav-btn-comments.gif") no-repeat;
				width:90px;
				}
			#topnav ul li a.nav6{
				background:url("../graphics/nav-btn-location.gif") no-repeat;
				width:50px;
				border:0px;
				}
			#topnav ul li a.nav7{
				background:url("../graphics/nav-btn-contact.gif") no-repeat;
				width:62px;
				}
			#topnav ul li a:hover{
				background-position:0 -80px;
				}
				
#home #topnav a.nav1,
#about #topnav a.nav2,
#services #topnav a.nav3,
#mediators #topnav a.nav4,
#testimonials #topnav a.nav5,
#links #topnav a.nav6,
#contact #topnav a.nav7{
	background-position:0 -80px;
	cursor:default;
	}
#container{
	margin:0 auto;
	width:775px;
	}
#contentbody{
	width:775px;
	background:#fff;
	border-top:1px solid #73716F;
	}
#leftcolumn{
	margin:0;
	padding:0;
	width:200px;
	float:left;
	}
#leftcontainer{
	margin:9px 5px 9px 5px;
	padding:6px 0 20px 0;
	width:190px;
	float:left;
	background-color:#f5f6f1;
	}
#leftcontainer ul li{
	list-style-type:none;
	}
#leftcontainer ul li a{
	padding-left:15px;
	margin-left:10px;
	font-size:100%;
	display:block;
	font-weight:bold;
	background:url("../graphics/arrow.gif") no-repeat left 50%;
	}
#leftcontainer li a:hover{
	background:url("../graphics/arrow.gif") no-repeat left 50%;
	}
#rightcolumn ul.bullet{
	padding-bottom:10px;
	}
#rightcolumn ul.bullet li,
#rightcolumn ul.bullet ul.bullet li{
	padding-left:15px;
	margin-left:10px;
	font-size:1.1em;
	display:block;
	list-style-type:none;
	background:url("../graphics/arrow.gif") no-repeat 1px 9px;
	clear:left;
	}
#rightcolumn ul.links{
	margin:0;
	padding:0;
    list-style:none !important;
	background:none; 
	}
	#rightcolumn ul.links img{
	padding:5px;
	border:1px solid #333;
	}
	#rightcolumn ul.links li{
	margin:0;
	display:block;
	float:left;
	padding:10px;
	width:160px;
	text-align:center;
	}
.toppage a{
	padding-left:10px;
	margin:0 0 12px 10px;
	font-size:0.7em;
	display:block;
	font-weight:bold;
	float:right;
	color:#333;
	background:url("../graphics/arrow-top.gif") no-repeat left 50%;
	}
.toppage a:hover{
	color:#cc3467;
	background:url("../graphics/arrow-top.gif") no-repeat left 50%;
	}
.leftnavtitle{
	border-bottom:3px solid #333;
	width:150px;
	font-size:1.1em;
	clear:left;
 	color:#333;
	margin:5px 0 12px 20px;
	}
	.sIFR-hasFlash .leftnavtitle {
		visibility: hidden;
		}
.leftnavcat li{
	border-bottom:2px dotted #333;
	width:150px;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	text-decoration:none;
	color:#cc3467;
	font-size:1.2em;
	font-weight:bold;
	}
	.leftnavcat li a{
		text-decoration:none;
		font-size:1.2em;
		font-weight:bold;
		}
			.leftnavcat li a:hover{
				text-decoration:none;
				}
.leftnavdesc{
	margin:0 16px 0 20px;
	padding:0;
	font-size:1em;
	}
p a.btnmore{
	background:url("../graphics/btn-more.gif") no-repeat 50% 0;
	width:73px;
	display:block;
	height:0;
	overflow:hidden;
	padding:20px 0 0;
	float:right;
	margin:8px;
	}
		p a:hover.btnmore{
			background:url("../graphics/btn-more.gif") no-repeat 50% -40px;
			}
.pullquote {
	margin:18px 16px 10px 16px;
	background: url("../graphics/close-quote.gif") no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
    }
.pullquote:first-letter {
	background: url("../graphics/open-quote.gif") no-repeat left top !important;
	padding:12px 0 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
    }
.pullquotebody {
	width:80%;
	float:left;
	font-size:115%;
	line-height:140%;
	margin:10px;
	background: url("../graphics/close-quote-body.gif") no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
}
.pullquotebody:first-letter {
	background: url("../graphics/open-quote-body.gif") no-repeat left top !important;
	padding:15px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
#rightcolumn{
	width:560px;
	float:left;
	}
em.h2{
	font-weight:bold;
 	color:#cc3467;
	}

/* Content
***********************************************/	

.ClearBoth{
 clear:both;
}

/* --- forms --- */

.hidden{
 display:none;
}

.row{
 clear: both;
 padding-top:5px;
}

form{
 margin-bottom:1em;
 width:535px;
}

form p{
 margin:0 0 15px 0;
 padding:0;
}
		
fieldset{
 margin-bottom:15px;
 padding:0 0 15px 10px;
 border:1px dotted #666666;
}		

legend{
 padding:0 15px;
 background:#fff;
 text-transform:uppercase;
 color:#669900;
 font-size:1.0em;
}

.formLabel {
 font-size:1.2em;
 line-height:1.6em;
 text-align:right;
 margin-right:10px;
 width:100px;
 float:left;
 color:#669900;
}

.formControl{
 float:left;
 width:350px;
}
		
textarea{
 border:1px solid #666666;
 padding:2px;
 font-size:1em;
}	
		
input{
 font-size:1.2em;
 padding:0 0 0 15px;
 width:auto;
}			

textarea{
 width:530px;
}
		
p.submitButton {
 background:#eeeeee;
 font-size:1em;
 font-weight:bold;
 padding:0 0 0 10px;
 width:auto;
}

p.submitButton:hover {
 background:#669900;
 color:#fff;
 font-size:1em;
 font-weight:bold;
 padding:0;
 width:auto;
 cursor:pointer;
}

div.addressbox{
	float:left;
	width:200px;
	}
/* Google Map Form
***********************************************/
/*#standardform{
	width:525px;
	float:left;
	margin:0;
	}

#standardform fieldset{
	width:525px;
	display:block;
	float:left;
	clear:left;
	margin:0;
	padding:10px;
	border:1px solid #DDD;
	}
#standardform p{
	font-size:1.2em;
	color:#333;
	font-weight:normal;
	}
#standardform input,
#standardform textarea,
#standardform select{
	width:45%;
	border:1px solid #CCCCCC;
	padding:2px;
	margin-bottom:.5em;
	font-size:1.1em;
	}
#standardform input:hover,
#standardform textarea:hover,
#standardform select:hover{
	border:1px solid #999;
	}
#standardform label{
	color:#333;
	font-size:1em;
	line-height:1em;
	width:50%;
	float:left;
	}	
#standardform input{}

#standardform input.Send{
	cursor:pointer;
	font-size:1em;
	font-weight:bold;
	padding:4px 6px;
    width:auto;
	background:#73716f;
	color:#fff;
	margin-right:20px;
	float:right;
	}
#standardform input.Send:hover {
	background:#ccc;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	padding:4px 6px;
    width:auto;
	cursor:pointer;
	}
.mapbox{
	margin:0 0 0 12px;
	}
*/

/* --- forms --- */

.hidden{
 	display:none;
	}

.row{
	clear: both;
	padding-top:5px;
	}

form{
	margin-bottom:1em;
	margin-left:12px;
	width:545px;
	}

form p{
	margin:0 0 15px 0;
	padding:0;
	}
		
fieldset{
	margin-bottom:15px;
	padding:0 0 10px 10px;
	border:1px dotted #666666;
	line-height:1px;
	}		

legend{
	padding:0 4px 0 4px;
	background:#fff;
	text-transform:uppercase;
	color:#cc3467;
	font-size:1.1em;
	}

.legend{
	color:#cc3467;
	font-size:1.1em;
	}

.formLabel {
	font-size:1.2em;
	line-height:1.6em;
	text-align:right;
	margin:10px 10px 0 0;
	padding:0;
	width:100px;
	float:left;
	color:#669900;
	}

.formControl{
	float:left;
	width:350px;
	margin:10px 0 0 0;
	padding:0;
	}
		
input, textarea{
	border:1px solid #666666;
	padding:2px;
	font:1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	}

select{
	width:40%;
	font-size:1.2em;
    width:auto;
	border:1px solid #666666;
	padding:2px;
	}	
		
input{
	font-size:1.2em;
	width:390px;
	}			

textarea{
 width:545px;
 }
		
.submitButton {
	background:#73716f;
	color:#fff;
	font:bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	padding:4px 6px;
	width:auto;
	margin-right:5px;
	margin-bottom:15px;
	float:right;
	}

.submitButton:hover {
	background:#ccc;
	color:#fff;
	font:bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	padding:4px 6px;
	width:auto;
	cursor:pointer;
	margin-right:5px;
	float:right;
	margin-bottom:15px;
	}

/* Footer
***********************************************/

#footer{
	width:775px;
	clear:both;
	background-color:#999967;
	margin:0;
	padding:5px 0 5px 0;
	border-top:2px solid #73716F;
	border-bottom:2px solid #73716F;
	}
#footer ul{
	margin:0 0 5px 0;
	width:775px;
	display:inline;
	font-size:1em;
	text-align:center;
	float:left;
	clear:both;
	}
#footer ul li{
	display:inline;
	color:#fff;
	border-right:1px solid #fff;

	}
	#footer ul li a{
		padding:0 3px 0 3px;
		color:#fff;
		display:inline;
		text-decoration:none;
		}
		#footer ul li a:hover{
			text-decoration:underline;
			}
#footer li.last{
	border-right:none;
	}
#footer p{
	font-size:1em;
	margin:0;
	clear:left;
	text-align:center;
	color:#fff;
	}
#footer p a{
	color:#fff;
	text-decoration:none;
	}
	#footer p a:hover{
		color:#fff;
		text-decoration:underline;
		}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
	}

/* Clearfix updated ie7*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}