@charset "utf-8";
/* CSS Document */

body{
	position:relative;
	width:100%;
	text-align:center;	
	background: url(../gfx/bkg.gif) repeat-x top left #efefef;
}


#Container{
	position:relative;
	width:820px;
	height:525px;
	margin:0px auto;
	
	background: url(../gfx/container_bkg.gif) no-repeat top left;
	
	font:11px Arial, Helvetica, sans-serif;
}

#Logo{
	position:absolute;
	width:198px;
	height:65px;
	top:20px;
	left:22px;
	z-index:10;
	background: url(../gfx/logo.png) no-repeat top left;	
}

#ContentWrapper{
	position:absolute;
	width:760px;
	height:438px;
	top:57px;
	left:30px;
	background: url(../gfx/bkg_home.jpg) no-repeat top left;
	text-align:left;
}

#ContentWrapper h1{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#ContentWrapper p{
	margin:10px 40px 10px 0px;
	color:#000000;
}

#ContentWrapper ul{
	list-style:square;
	margin:0px;
	padding-left:20px;
	padding-right:20px;

}

#ContentWrapper li{
	margin:0px 0px;
}

#Mediation{
	position:absolute;
	width:275px;
	height:360px;
	top:70px;
	left:478px;
	overflow:auto;
	display:block;
}

#Marital{
	position:absolute;
	width:420px;
	height:400px;
	top:20px;
	left:335px;
	overflow:auto;
	display:block;	
}

#Divorce{
	position:absolute;
	width:420px;
	height:400px;
	top:20px;
	left:335px;
	overflow:auto;
	display:block;	
}

#Testimonials{
	position:absolute;
	width:420px;
	height:400px;
	top:20px;
	left:335px;
	overflow:auto;
	display:block;	
}

#About{
	position:absolute;
	width:435px;
	height:380px;
	top:40px;
	left:320px;
	overflow:auto;
	display:block;	
}

#Contact{
	position:absolute;
	width:420px;
	height:350px;
	top:55px;
	left:30px;
	overflow:hidden;
	display:block;	
}

.InputText{
	position:relative;
	width:162px;
	height:14px;
	background-color:#f3f3f3;
	padding:3px;
	border:none;
	
	font:11px Arial, Helvetica, sans-serif;
	
}

.InputWrapper{
	position:relative;
	width:168px;
	height:26px;
	margin:5px 20px 0px 0px;
	float:left;
	background: url(../gfx/input_bkg.png) no-repeat bottom left;
	display:block;
}

.TextArea{
	position:relative;
	width:393px;
	height:148px;
	background-color:#f3f3f3;
	padding:3px;
	border:none;
	
	font:11px Arial, Helvetica, sans-serif;
	
}

.TextAreaWrapper{
	position:relative;
	width:399px;
	height:162px;
	margin:5px 20px 0px 0px;
	background: url(../gfx/textarea_bkg.png) no-repeat bottom left;
	display:block;
}


#ContactInfoWrapper{
	position:absolute;
	width:300px;
	height:215px;
	top:125px;
	left:450px;	
	border-left: 1px solid #ffffff;
	
}

#ContactInfo{
	margin:20px 0px 20px 20px;
	
}

p.contact{
	color:#ffffff;	
}

p.contact img{
	float:left;
	margin:0px 10px 0px 0px;
}





/*
*html #Logo{
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='gfx/logo.png', sizingmethod='crop'); 
}
*/

/******************************
** Navigation Mouse Overs 
*******************************/

#Navigation{
	position:absolute;
	width:508px;
	height:22px;
	top:35px;
	left:282px;
	z-index:10;
	background-color:#f3f3f3;	
}

.nav_home a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/home.gif) no-repeat top left;
	width:63px;
	height:22px;
	display:block;
	float:left;
}

.nav_mediation a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/mediation.gif) no-repeat top left;
	width:74px;
	height:22px;
	display:block;
	float:left;
}

.nav_marital a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/marital.gif) no-repeat top left;
	width:56px;
	height:22px;
	display:block;
	float:left;
}

.nav_divorce a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/divorce.gif) no-repeat top left;
	width:62px;
	height:22px;
	display:block;
	float:left;
}

.nav_about a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/about.gif) no-repeat top left;
	width:72px;
	height:22px;
	display:block;
	float:left;
}

.nav_testimonial a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/testimonials.gif) no-repeat top left;
	width:89px;
	height:22px;
	display:block;
	float:left;
}

.nav_contact a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/contact.gif) no-repeat top left;
	width:92px;
	height:22px;
	display:block;
	float:left;
}


.nav_home a:hover{
	background-position:left -22px;
}
.nav_mediation a:hover{
	background-position:left -22px;
}
.nav_marital a:hover{
	background-position:left -22px;
}
.nav_divorce a:hover{
	background-position:left -22px;
}
.nav_about a:hover{
	background-position:left -22px;
}
.nav_testimonial a:hover{
	background-position:left -22px;
}
.nav_contact a:hover{
	background-position:left -22px;
}

/******************************
** END Navigation Mouse Overs 
*******************************/

div.hr {
  margin:20px 0px;
  width:95%;
  height: 1px;
  border-bottom:1px dotted #000000;
  overflow:hidden;
  display:block;
}
div.hr hr {
  display: none;
}


#Footer{
	position:relative;
	width:760px;
	height:100px;
	margin:0px auto;
	text-align:left;
	
	font:10px Arial, Helvetica, sans-serif;
	color:#aaaaaa;
}

#Footer h2{
	font:bold 12px Arial, Helvetica, sans-serif;	
	color:#000000;
	
}

#Footer .location{
	position:relative;
	margin-top:10px;
	width:250px;
	float:left;	
}


#Footer .location span{
	color:#333333;
}