/* CSS Document 

--------------------------------------------------------------------
						Chris Jackson, Partner @ CoCreate, chris@cocreatedesign.com
						for
						Jacksons Solicitors
						06/08/08
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						--------------------------------------------
						
--------------------------------------------------------------------
*/

/*---------------
	Global 
----------------*/

*{
margin:0;
padding:0;
border: none;
}
span{
position:absolute;
left:-4000px;
}
html{
height:100%;
margin:0 0 1px 0 !important;
}

body{
	background-color:#FFFFFF;
}

#wrapper{
	width:990px;
	margin: 0 auto 0 auto;
	background-image:url(../images/bg_strip.gif);
	background-repeat:repeat-x;
	height: 690px;
}
#page{
	width:970px;
	background-color: #FFFFFF;
	float: left;
	margin: 0px 0px 0px 10px;
}

/*---------------
	Typography 
----------------*/

p{
	color:#666699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.6em;
	float: left;
	width: 330px;
	text-align: justify;
}
a{
	color:#6F1241;
	text-decoration: underline;
}
h2 {
	color:#6F1241;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:0.8em;
	float: left;
	padding: 20px 0px 10px 0px;
	width: 400px;
}

.scarlet{
color:#6F1241;
}

p.advertTitle{
	color:#6F1241;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1em;
	width: 150px;
	padding: 50px 10px 0 15px;
}
p.advertNews{
	width: 150px;
	padding: 10px 0 0 15px;
	line-height: 1.3em;
	text-align: left;
}
p.advert{
	color:#6F1241;
	width: 136px;
	line-height: 1.2em;
	overflow: hidden;
	margin: 55px 0px 16px 10px;
	height: 53px;
	text-align: left;
}
p.homeadvert{
	color:#6F1241;
	width: 155px;
	line-height: 1.2em;
	overflow: hidden;
	margin: 70px 10px 6px 10px;
	height: 45px;
	text-align: left;
}
p.tip{
	width: 160px;
	padding: 55px 0px 0px 20px;
	line-height: 1.2em;
}
p.services{
	width:500px;
}

p.footerRight{
	float: right;
	width:150px;
}


/*---------------
	Structure 
----------------*/

#header{
	width:768px;
	background-image:url(../images/banner_strip.gif);
	background-repeat:repeat;
	float: left;
	height: 109px;
}

#content{
	width:970px;
	float:left;
}
#centre{
	width:520px;
	float:left;
	padding:0px 10px 0 0;
}
#centre img{
	float:right;
}

#leftCol{
	float:left;
	width:187px;
	padding:0px 12px 0 25px;;
}
#leftCol.tip{
	background-image:url(../images/img_tipoftheday.gif);
	height:128px;
	padding:0px;
}


#introduction{
	width:530px;
	float:left;
	border-bottom: solid #999999 1px;
	margin: 0 0 15px 0;
}

#title{
	width:338px;
	float:left;
	height: 42px;
}
#title.home{background-image:url(../images/title_standing.gif);}
#title.services{background-image:url(../images/title_services.gif);}
#title.conveyancing{background-image:url(../images/title_conveyancing.gif);}
#title.mortgages{background-image:url(../images/title_mortgages.gif);}
#title.commercial{background-image:url(../images/title_commercial.gif);}
#title.wills{background-image:url(../images/title_wills.gif);}
#title.probate{background-image:url(../images/title_probate.gif);}
#title.estateplanning{background-image:url(../images/title_estate.gif);}
#title.poa{background-image:url(../images/title_powers.gif);}
#title.employment{background-image:url(../images/title_employment.gif);}
#title.financial{background-image:url(../images/title_financial.gif);}
#title.sport{background-image:url(../images/title_sport.gif);}
#title.news{background-image:url(../images/title_news.gif);}
#title.aboutus{background-image:url(../images/title_aboutus.gif);}
#title.resources{background-image:url(../images/title_resources.gif);}
#title.newbuild{background-image:url(../images/title_newbuild.gif);}
#title.brokers{background-image:url(../images/title_brokers.gif);}
#title.quotation{background-image:url(../images/title_quotation.gif);}
#title.contactus{background-image:url(../images/title_contactus.gif);}
#title.debt{background-image:url(../images/title_debt.gif);}


#rightCol{
	float:right;
	width:178px;
	padding:0px 20px 10px 0px;
	background-repeat: no-repeat;
	height: 142px;
}
#rightCol.news{
	background-image:url(../images/bg_latestnews.gif);
}
#rightCol.findus{
	background-image:url(../images/bg_findus.gif);
}
#rightCol.tracker{
	background-image:url(../images/adv_tracker.jpg);
}
#rightCol.quotation{
	background-image:url(../images/adv_quote.jpg);
}
#rightCol.will{
	background-image:url(../images/adv_will.jpg);
}
#rightCol img{
	float:left;
	width:178;
	height:36;
} 

#homeAdHolder{
	float:left;
	width:732px;
	height: 480px;
}
#homeAd{
	float:left;
	width:178px;
	background-repeat: no-repeat;
	height: 160px;
	margin: 0px 5px 0px 0px;
}
#homeAd img{
	float:left;
	width:178;
	height:36;
} 

.homeAdconveyancing{
	background-image:url(../images/home_ad_conveyancing.jpg);
}
.homeAdmortgages{
	background-image:url(../images/home_ad_mortgages.jpg);
}
.homeAdcommercial{
	background-image:url(../images/home_ad_commercial.jpg);
}
.homeAdwills{
	background-image:url(../images/home_ad_wills.jpg);
}
.homeAdprobate{
	background-image:url(../images/home_ad_probate.jpg);
}
.homeAdpoa{
	background-image:url(../images/home_ad_powers.jpg);
}
.homeAdtrusts{
	background-image:url(../images/home_ad_trusts.jpg);
}
.homeAdemployment{
	background-image:url(../images/home_ad_employment.jpg);
}
.homeAdfinancial{
	background-image:url(../images/home_ad_financial.jpg);
}
.homeAdsport{
	background-image:url(../images/home_ad_sport.jpg);
}
.homeAdquotation{
	background-image:url(../images/adv_quote.jpg);
}
.homeAddebt{
	background-image:url(../images/home_ad_debt.jpg);
}


#servicesHolder{
	float:left;
	width:732px;
}
#services{
	float:left;
	width:732px;
	border-bottom: solid #999999 1px;
}
#services img{
	float:right;
}


/*---------------
	Menus 
----------------*/

#topmenu ul{
	width:970px;
	height:47px;
	float: left;
}

#topmenu ul li{
	list-style:none;
	float: left;
	background-repeat:no-repeat;
	height:47px;
}
.topmenuHome{
	background-image:url(../images/btn_home.gif);
	width:110px;
}
.topmenuServices{
	background-image:url(../images/btn_services.gif);
	width:99px;
}
.topmenuResources{
	background-image:url(../images/btn_resources.gif);
	width:99px;
}
.topmenuQuotation{
	background-image:url(../images/btn_quotation.gif);
	width:141px;
}
.topmenuNews{
	background-image:url(../images/btn_news.gif);
	width:99px;
}
.topmenuAboutus{
	background-image:url(../images/btn_aboutus.gif);
	width:99px;
}
.topmenuContactus{
	background-image:url(../images/btn_contactus.gif);
	width:99px;
}
.topmenuBrokers{
	background-image:url(../images/btn_brokers.gif);
	width:99px;
}
.topmenuNewbuild{
	background-image:url(../images/btn_newbuild.gif);
	width:125px;
}


/*--------------------------------------
	For tab effect when within section
---------------------------------------*/

.topmenuHomeWITHIN{
	background-image:url(../images/btn_homeWITHIN.gif);
	width:110px;
}
.topmenuServicesWITHIN{
	background-image:url(../images/btn_servicesWITHIN.gif);
	width:99px;
}
.topmenuResourcesWITHIN{
	background-image:url(../images/btn_resourcesWITHIN.gif);
	width:99px;
}
.topmenuQuotationWITHIN{
	background-image:url(../images/btn_quotationWITHIN.gif);
	width:141px;
}
.topmenuNewsWITHIN{
	background-image:url(../images/btn_newsWITHIN.gif);
	width:99px;
}
.topmenuAboutusWITHIN{
	background-image:url(../images/btn_aboutusWITHIN.gif);
	width:99px;
}
.topmenuContactusWITHIN{
	background-image:url(../images/btn_contactusWITHIN.gif);
	width:99px;
}
.topmenuBrokersWITHIN{
	background-image:url(../images/btn_brokersWITHIN.gif);
	width:99px;
}
.topmenuNewbuildWITHIN{
	background-image:url(../images/btn_newbuildWITHIN.gif);
	width:125px;
}



#topmenu ul li a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	height: 30px;
}

#topmenu ul li :hover{
background-color:#000000;
opacity:.10;
filter: alpha(opacity=80); 
-moz-opacity: 0.1; 
}


#leftNav ul{
	width:187px;
	height:330px;
	float: left;
}

#leftNav ul li{
	list-style:none;
	float: left;
	background:url(../images/btn_leftnav_bg.gif);
	background-repeat:no-repeat;
	width: 187px;
}

#leftNav ul li a{
	display:block;
	text-decoration:none;
	color:#666699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:2.5em;
	height:29px;
	padding: 0 0 0 10px;
}
#leftNav ul li :hover{
background-color:#CCCCCC;
opacity:.5; 
-moz-opacity: 0.1; 
}

/*---------------
	Forms 
----------------*/

#formHolder{
	width:520px;
	float:left;
	background-image: url(../images/bg_form_strip.gif);
}

form.contact{
	font-family:Arial, Helvetica, sans-serif;
	color:#6F1241;
	font-size:11px;
}
form.contact fieldset{
width:300px;
float:left;
border:none;
margin:0 0 0 15px;
}
form.contact label{
margin:0;
padding:0;
}
input.text{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
width:280px;
height:20px;
margin:0px 0px 5px 0px;
background-color:#CCCCCC;
border:none;
padding:0;
}
form.contact textarea{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
width:280px;
height:60px;
background-color:#CCCCCC;
border:none;
margin:0;
padding:0;
}

/*---------------
	Contact 
----------------*/

#contactMap{
	width:176px;
	float:left;
	height: 400px;
	display: block;
}

/*---------------
	Footer 
----------------*/

#footer{
	float:left;
	width:950px;
	height:20px;
	background-color: #C2CCE8;
	margin: 20px 0 0 10px;
	padding: 0px 10px 0px 10px;
}