/***********************************************
Coopers Solicitors CSS
***********************************************/

/* HTML Tags
***********************************************/
*{
	color:#FFF;
	font:1em "Tahoma" Arial, Helvetica, sans-serif;
	line-height:1.2em;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
}
a{
	color:#FFFFFF;
}
	a:hover{
		color:#FFFFFF;
		text-decoration:none;
	}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
p{
	margin:0 20px 15px 0;
}
ul{
	margin-left:20px;
}
ol{
	margin-left:20px;
	margin-bottom:15px;
	font-size:1.2em;
}
h1{
}
h2{
	font-size:1.5em;
	padding:0 0 10px 0;
	margin:0;
}
h3{
	clear:left;
	font-size:2.2em;
	color:#FFFFFF;
	margin:0 0 10px 0;
	padding:0;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
}
h4{
	clear:left;
	font-size:1.2em;
	color:#FFFFFF;
	margin:0 0 15px;
	font-weight:bold;
	border-top:1px solid #D2D7BF;
	padding-top:15px;
}
h5{
	clear:left;
	font-size:1.6em;
	color:#FFFFFF;
	margin:0 0 15px;
	font-weight:bold;
}
html, body{
	text-align:center;
	width:100%;
}
body{
 font-size: 70%;
	background:#7ABC7A url("../graphics/page_bg.jpg") repeat-x left top;
	padding:30px 0 20px;
}
	
/* Structure
***********************************************/

#Container{
	color:#000;
	margin:0 auto;
	width:774px;
}

#Header{
	float:left;
	height:85px;
	width:774px;
}

#Header h1 a, #Header h1 a:hover{
	width:393px;
	height:0;
	padding:85px 0 0 0;
	margin:0;
	overflow:hidden;
	display:block;
	float:left;
	background:url("../graphics/coopers-logo.jpg") no-repeat left top;
}

#Header h2{
	width:381px;
	height:0;
	padding:85px 0 0 0;
	margin:0;
	overflow:hidden;
	display:block;
	float:right;
	background:url("../graphics/heading-phone-number.jpg") no-repeat left top;
}

#HeaderPic {
	float:left;
	width: 521px;
	}
	
h2#MissionStatement{
	width:253px;
	height:0;
	padding:121px 0 0 0;
	margin:0;
	overflow:hidden;
	display:block;
	float:right;
	background:url("../graphics/assist-you.jpg") no-repeat left top;
}

#ContentBody{
  margin:0;
  padding:0;
  background:#4F9D4F;
}

/* Homepage Top Menu
***********************************************/

#TopNavMenu{
 width:774px;
 float:left;
 display:inline;
 margin:0 0 10px 0;
 background:#77BB77 url("../graphics/top-nav-bottom-border.gif") no-repeat center bottom;
}

#TopNavMenu ul{
	list-style-type:none;
}

#TopNavMenu ul li{
	float:left;
	padding:10px 4px 10px 0;
	}

#TopNavMenu ul li a{
	padding-left:15px;
	margin-left:8px;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	background:url("../graphics/white-double-bullet.gif") no-repeat left 50%;
}

#TopNavMenu ul li a:hover{
	color:#990000;
	background:url("../graphics/red-double-bullet.gif") no-repeat left 50%;
}


/* Active Nav Links*/
#Home #TopNavMenu .home,
#About #TopNavMenu .about,
#Probate #TopNavMenu .probate,
#Testimonials #TopNavMenu .testimonials,
#Will #TopNavMenu .will,
#Inheritance #TopNavMenu .inheritance,
#Powers #TopNavMenu .powers,
#Enquire #TopNavMenu .enquire{
	color:#990000;
	background:url("../graphics/red-double-bullet.gif") no-repeat left 50%;
	cursor:default;
}

/* Right Panel
***********************************************/

#NavMenu{
 width:215px;
 float:right;
 display:inline;
 margin:0 35px 5px 0;
 background:#77BB77 url("../graphics/nav-border.gif") no-repeat center bottom;
}

#NavMenu ul{
	margin:4px 0 0 11px;
	list-style-type:none;
}

#NavMenu ul li{
	background:url("../graphics/line-nav.gif") no-repeat left bottom;
	padding:.7em 0 ;
}

#NavMenu ul li.last{
	background:none;
}

#NavMenu ul li a{
	padding-left:15px;
	margin-left:10px;
	color:#FFFFFF;
	font-size:100%;
	display:block;
	font-weight:bold;
	background:url("../graphics/white-double-bullet.gif") no-repeat left 50%;
}

#NavMenu ul li a:hover{
	color:#990000;
	background:url("../graphics/red-double-bullet.gif") no-repeat left 50%;
}

#ContactInfo {
	background:#5EAE5E;
	margin:5px 8px 18px 8px;
	padding-top:6px;
}
	
#ContactInfo p {
	text-align:center;
	margin:5px auto;
	display:block;
	font-size:1.1em;
}	

#ContactInfo a {
	font-weight:bold;
	text-align:center;
}

/* Active Nav Links*/
#Home #NavMenu .home,
#About #NavMenu .about,
#Probate #NavMenu .probate,
#Testimonials #NavMenu .testimonials,
#Will #NavMenu .will,
#Inheritance #NavMenu .inheritance,
#Powers #NavMenu .powers,
#Enquire #NavMenu .enquire{
	color:#990000;
	background:url("../graphics/red-double-bullet.gif") no-repeat left 50%;
	cursor:default;
}

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

#ContentClear{
	clear:left;
}

.ClearBoth{
	clear:both;
	}

* html #TextContent{
	width:523px;
	w\idth:483px;
}

#TextContent{
	width:483px;
	float:left;
	padding:20px;
}

#TextContent h2{
	padding: 10px 0 10px 0;
	font-weight: bold;
}

#TextContent ul{
	list-style-type:none;
	margin-left:10px;
}

#TextContent ul li{
	background:url("../graphics/red-bullet.gif") no-repeat left 10px;
	font-size:1.2em;
	padding: 5px 0 5px 10px;
}

#TextContent p{
 font-size:1.2em;
}

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

#Footer{
  margin: 0;
	width:758px;
	padding:0 0 0 16px;
	font: 100%;
	background-color:#4F9D4F;
}

#Footer img{
	float:right;
	margin:2px 90px 2px 0;
}

#Footer ul{
  padding:.7em 0 0 0;
	margin: 0;
	text-align:left;
	font-size:100%;
}

#Footer ul li{
	display:inline;
}

#Footer ul li a{
	padding:0 .5em;
	color:#FFFFFF;
	border-right:1px solid #FFF;
}

#Footer ul li a:hover{
	color:#FFFFFF;
}

#Footer ul li a.last{
 border-right:none;
}

#Footer p{
	font-size:1em;
	color:#FFFFFF;
	margin:0;
	padding:0 0 0 .5em;
	clear:left;
	text-align:left;
}

#FooterBorder{
	padding-top:12px;
	background:url("../graphics/footer-border.gif") no-repeat center bottom;
}


/* 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 for IE7 compatibility)
*************************************************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
   
* html>body .clearfix {
    display: inline;
    width: 100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* 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;
}

/* Forms
***********************************************/


#EnquiryForm{
	width:100%;
	background:#4F9D4F;
	float:left;
}

	#EnquiryForm h5{
		font-size:1.4em;
		color:#FFFFFF;
	}

#EnquiryForm form{
	clear:both;
	font-size:1.2em;
	margin:0;
}
	
	#EnquiryForm legend{
	}
	#EnquiryForm fieldset{
		border:none;
		padding-top:10px;
	}
	#EnquiryForm select{
		margin:2px 0 0;
		border:1px solid #FFFFFF;
		width:40%;
		padding:2px 2px 2px 3px;
		color:#3A4235;
	}
	#EnquiryForm input{
		margin:2px 0 0;
		border:1px solid #999;
		width:60%;
		padding:2px 2px 2px 3px;
		color:#3A4235;
	}
		#EnquiryForm #input:hover, #EnquiryForm input:focus, #EnquiryForm textarea:hover, #EnquiryForm textarea:focus{
			background:#FFF;
			border:1px solid #376E37;
			color:#3A4235;
		}
	#EnquiryForm input.Send, #EnquiryForm input.Reset{
		margin:7px 0 0;
		background:#77BB77;
		border:1px solid #376E37;
		color:#FFFFFF;
		cursor:pointer;
		padding:2px 20px 2px;
		text-align:center;
		width:auto;
	}
		#EnquiryForm input.Send:hover, #EnquiryForm input.Reset:hover{
			background:#4F9D4F;
			border:1px solid #376E37;
			color:#FFFFFF;
		}
	#EnquiryForm br{
		clear:left;
	}
	#EnquiryForm label{
		display:block;
		width:25%; 
		float:left;
		padding:1% 2% 1% 1%; 
		margin:0px 0 0;
		text-align:right;
		color:#FFFFFF;
	}
	#EnquiryForm textarea{
		width:60%;
		margin:7px 0 0;
		padding:3px 2px 2px 3px;
		border:1px solid #999;
		color:#3A4235;
	}
	.ErrorText{
		color:#FF0000;
		font-size:.8em;
	}
	
	
	
.optionContainer{width:230px; border-right: 1px dotted #77BB77; padding:10px; float:left;}
.optionContainerlast{width:230px; border:none; padding:10px; float:left;}
.pricesInclude{ padding: 0 0 0 20px; clear:left;}
.note{ margin:0; padding:0 0 0 0;}
.optionContainer h2, .optionContainerlast h2{margin:0 auto !important; text-align:center; display:block !important; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:1.9em;}
.optionContainer h2 em, .optionContainerlast h2 em{font-size:.8em; color:#3D3D3D;}
.btn1{ margin:0 auto !important; display:block; padding-top:30px;}
.btn2{ margin:0 auto !important; display:block; padding-top:32px;}
.btn3{ margin:0 auto !important; display:block; padding-top:20px;}
.testimonialContainer{ border-bottom:1px dotted #77BB77; margin:10px 0;}