@import url('reset.css');

/*****MAIN STYLES*****/

body{
	background:				url(../images/core/body-bg.jpg) repeat-x;
	color:					#fff;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	line-height:			1.6em;
}

p { padding-bottom: 10px; }
a { color: #9eb3be; cursor: pointer; text-decoration: none; }


#slideshow { width: 594px; height: 680px; float: left; }

.right { float: right; }
.rimage { float: right; margin: 0 0 20px 10px; }
.clear { clear: both; }

a:hover{ color: #64737a; }

h1{ font-size: 10px; text-transform:uppercase;}
h2{ color: #9eb3be; font-size: 17px; margin: 15px 0 10px 22px; font-weight: 100; text-indent: -22px;}
h2 span.small { color: #fff; font-family:			Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

ul, ol{padding-bottom: 10px;}

hr{
	border-top:				1px dotted #737c8e;
	border-bottom:			none;
	border-left:			none;
	border-right:			none;
	margin:					0 12px;
}
.quote{
	font-style:				italic;
	text-align:				center;
	margin:					20px 0;
}

.contactlinks {text-decoration: underline;}

/*****CONTAINER*****/

#container{
	margin:					0 auto;
	width:					960px;
}

/*****BANNER*****/

#banner{
	background:				url(../images/core/banner.jpg) no-repeat;
	height:					220px;
	margin-top:				63px;
	width:					960px;
}
#p-personal #banner{
	background:				url(../images/core/banner-personal-insurance.jpg) no-repeat;
}
#p-life-insurance #banner{
	background:				url(../images/core/banner-life-insurance.jpg) no-repeat;
}
#p-about #banner{
	background:				url(../images/core/banner-about.jpg) no-repeat;
}
#p-tpd-insurance #banner{
	background:				url(../images/core/banner-tpd.jpg) no-repeat;
}
#p-trauma-insurance #banner{
	background:				url(../images/core/banner-trauma.jpg) no-repeat;
}
#p-income-protection #banner{
	background:				url(../images/core/banner-income.jpg) no-repeat;
}
#p-business #banner{
	background:				url(../images/core/banner-business.jpg) no-repeat;
}
#p-succession-planning #banner{
	background:				url(../images/core/banner-succession.jpg) no-repeat;
}
#p-key-insurance #banner{
	background:				url(../images/core/banner-key.jpg) no-repeat;
}
#p-guarantor-protection #banner{
	background:				url(../images/core/banner-guarantor.jpg) no-repeat;
}
#p-farm #banner{
	background:				url(../images/core/banner-farm.jpg) no-repeat;
}
#p-contact #banner{
	background:				url(../images/core/banner-contact.jpg) no-repeat;
}
#banner h1{
	background:				url(../images/core/dbt-logo.jpg) no-repeat;
	height:					113px;
	left:					422px;
	position:				relative;
	text-indent:			-9999px;
	top:					-57px;
	width:					113px;
}

/*****NAVIGATION*****/

#nav{
	height:					100px;
	width:					960px;
}
#home, #personal, #business, #farm, #about, #contact{
	height:					100px;
	text-indent:			-9999px
}
#home{
	background:				url(../images/nav/nav-home.jpg) no-repeat;
	width:					117px;
}
#personal{
	background:				url(../images/nav/nav-personal.jpg) no-repeat;
	width:					193px;
}
#business{
	background:				url(../images/nav/nav-business.jpg) no-repeat;
	width:					178px;
}
#farm{
	background:				url(../images/nav/nav-farm.jpg) no-repeat;
	width:					223px;
}
#about{
	background:				url(../images/nav/nav-about.jpg) no-repeat;
	width:					109px;
}
#contact{
	background:				url(../images/nav/nav-contact.jpg) no-repeat;
	width:					140px;
}
#home:hover,
#personal:hover,
#business:hover,
#farm:hover,
#about:hover,
#contact:hover{
	background-position:	0 -100px;
}
#nav a:hover{
	color: #fff;
}

/*****TITLE****/

#title{
	background:				#001134;
	border-top:				3px solid #232323;
	margin-top:				13px;
	padding-top:			16px;
}
#title h1{
	margin:					3px 20px;
}

/*****CONTENT*****/

#content{
	background:				#001134;
	padding-top:			10px;
	padding-bottom:			80px;
	width:					960px;
}
#p-about #content{
	padding-bottom:			120px;
}
/*****PRIMARY*****/

#primary{
	width:					575px; padding-left:15px;	
}

#primary ol{
	margin-left:			65px;
}
#primary ol li{
	list-style:				decimal;
}
.portrait{
	border:					2px #2c2c2c solid;
	clear:					left;
	float:					left;
	margin:					10px 20px 0 30px;
}
#mudmap{
	border:					2px #2c2c2c solid;
	margin:					10px 20px 0 160px;
	
}
#guardian{
	color: 					#9eb3be;
}
#guardian a{
	color:					#fff;
	text-decoration: underline;
}

/*****SECONDARY*****/

#secondary{
	background:				#001134;
	float:					right;
	font-size:				9px;
	margin-right:			25px;
	padding-top:			25px;
	width:					306px;
}
#secondary h1, #secondary ul, #articles{
	margin:					3px 20px;
}
#secondary ul li{
	background:				url(../images/core/arrow.jpg) no-repeat center left;
	padding-left:			17px;
}
#ctapic{
	display:				block;
	margin-left:			13px;
	margin-bottom:			25px;
}
.baseforms .submit {
margin-left:160px;
}
/*****FOOTER*****/

#footer{
	color:					#001134;
	font-size:				10px;
	padding-top:			10px;
	text-align:				center;
	width:					960px;
}


#footer a{
	color:					#001134;
}
#footer p { padding: 0px!important; }
#footer ul li{
	display:				inline;
}
#wflogo img {
	margin-top:				10px;
}

/*****FILE DOWNLOAD ICONS*****/

a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/*****styles*****/

#banner h3{float:right;position:relative;top:-150px;color:#001134;font-size:26px}
#p-index #secondary {padding-top:0}
#enquiry_form ul{margin:0}
#enquiry_form ul li{background:none;padding-left:0}
.button{padding-top:10px}
.baseform label{width:180px}