/* 
	CSS Document for www.def.co.uk 
	Author: Kris Consadine @ Jump
	Date: 02/03/2010
*/

html {
	background: url(/img/main-bg.jpg) top left repeat;
	margin: 0;
	padding: 0;
}

body {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

form {
	margin: 0;
	padding: 0;
}

div.clear {
	clear: both;
}

span.hidden {
	display: none;
}

div.wrapper {
	margin: 0;
	width: 1023px;
	height: 710px;
	float: left;
	padding: 0;
	/*background-color: #fff;*/
	background: url(/img/main-shadow.png) top left repeat-y;
}

div.seocontent {
	margin: 0;
	width: 1023px;
	height: 220px;
	float: left;
	padding: 0;
	background: #fff;
	background: url(/img/main-shadow.png) top left repeat-y;
}

div.rounded-top,
div.rounded-bottom {
	float: left;
	margin: 20px 0 0 0;
	background: url(/img/top-rounded.png) top left no-repeat;
	height: 13px;
	width: 1023px;
}

div.rounded-bottom {
	margin: 0 0 50px 0;
	background: url(/img/bottom-rounded.png) top left no-repeat;
	height: 35px;
}

div.left-colum {
	margin: 0;
	float: left;
	width: 215px;
	height: 620px;
}

div.top-menu {
	margin: 0;
	float: left;
	width: 780px;
}

	div.top-menu ul.top-links {
		margin: 25px 0 0 0;
		padding: 0;
	}
	
	div.top-menu ul.top-links li {
		margin: 0 15px 0 0;
		padding: 0;
		display: inline;
		float: left;
	}
	
	ul.top-links a.home,
	ul.top-links a.home-active,
	ul.top-links a.who-we-are,
	ul.top-links a.who-we-are-active,
	ul.top-links a.our-software,
	ul.top-links a.our-software-active,
	ul.top-links a.our-services,
	ul.top-links a.our-services-active,
	ul.top-links a.get-in-touch,
	ul.top-links a.get-in-touch-active {
		padding-top: 60px; /* height of the replacement image */
		width: 98px;
		height: 0;
		margin: 0;
		overflow: hidden;
		background-image: url(/img/navigation/home-off.jpg);
		background-repeat: no-repeat;
		float: left;
		background-color: #fff;
	}
	
	ul.top-links a.who-we-are,
	ul.top-links a.who-we-are-active {
		width: 121px;
		background-image: url(/img/navigation/who-we-are-off.jpg);
	}
	
	ul.top-links a.our-software,
	ul.top-links a.our-software-active {
		width: 145px;
		background-image: url(/img/navigation/our-software-off.jpg);
	}
	
	ul.top-links a.our-services,
	ul.top-links a.our-services-active {
		width: 177px;
		padding-top: 70px;
		margin-top: -10px;
		background-image: url(/img/navigation/our-services-off.jpg);
	}
	
	ul.top-links a.get-in-touch,
	ul.top-links a.get-in-touch-active {
		width: 137px;
		background-image: url(/img/navigation/get-in-touch-off.jpg);
	}
	
	ul.top-links a.home-active {
		background-image: url(/img/navigation/home-on.jpg);
	}
	
	ul.top-links a.who-we-are-active {
		background-image: url(/img/navigation/who-we-are-on.jpg);
	}
	
	ul.top-links a.our-software-active {
		background-image: url(/img/navigation/our-software-on.jpg);
	}
	
	ul.top-links a.our-services-active {
		background-image: url(/img/navigation/our-services-on.jpg);
	}
	
	ul.top-links a.get-in-touch-active {
		background-image: url(/img/navigation/get-in-touch-on.jpg);
	}

h1.replacement {
	padding-top: 130px; /* height of the replacement image */
	height: 0;
	margin: 25px 0 0 35px;
	overflow: hidden;
	background-image: url(/img/def-logo.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
}

h1.replacement a.h1link {
	display: block;
	height: 130px;
	width: 90px;
	float: left;
	text-align: right;
	position: absolute;
	background-color: transparent;
	top: 0;
	left: 0;
	font-size: 0;
	color: #4A4A4C;
}

div.footer {
	float: left;
	position: relative;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background-color: #fff;
	background: url(/img/main-shadow.png) top left repeat-y;
	width: 1023px;
}

	ul.footer-links {
		margin: 0 0 0 35px;
		padding: 0;
		float: left;
		font-size: 0.70em;
	}
	
	ul.footer-links li {
		float: left;
		display: inline;
		list-style: none;
		margin: 0 20px 0 0;
	}
	
	p.copyright {
		position: absolute;
		left: 810px;
		margin: 0;
		padding: 0;
		width: 160px;
		font-size: 0.70em;
	}
	
	.footer a {
		color: #000;
		text-decoration: none;
	}

div.page-content {
	float: left;
	position: relative;
	width: 735px;
	margin: 0 0 0 25px;
}

ul.standard {
	margin: 0 0 0 16px;
	padding: 0;
	font-size: 0.75em;
}

	ul.standard li {
		margin: 0 0 5px 0;
	}

ul#left-navigation {
	margin: 60px 0 0 35px;
	padding: 0;
}

	ul#left-navigation li {
		margin: 0 0 10px 0;
		list-style: none;
	}
	
	ul#left-navigation li.about-us-active,
	ul#left-navigation li.our-news-active,
	ul#left-navigation li.our-clients-active,
	ul#left-navigation li.our-supporters-active,
	ul#left-navigation li.join-us-active,
	ul#left-navigation li.background-active,
	ul#left-navigation li.def-divisions-active {
		padding-top: 15px; /* height of the replacement image */
		height: 0;
		margin: 0 0 10px 0;
		width: 120px;
		overflow: hidden;
		background-image: url(/img/lists/about-us-active.jpg);
		background-repeat: no-repeat;
	}
	
	ul#left-navigation li.our-clients-active {
		background-image: url(/img/lists/our-clients-active.jpg);
	}
	
	ul#left-navigation li.our-news-active {
		background-image: url(/img/lists/our-news-active.jpg);
	}
	
	ul#left-navigation li.our-supporters-active {
		background-image: url(/img/lists/our-supporters-active.jpg);
	}
	
	ul#left-navigation li.join-us-active {
		background-image: url(/img/lists/join-us-active.jpg);
	}
	
	ul#left-navigation li.background-active {
		background-image: url(/img/lists/background-active.jpg);
	}
	
	ul#left-navigation li.def-divisions-active {
		background-image: url(/img/lists/def-divisions-active.jpg);
	}
	
	
ul#who-list {
	position: relative;
	margin: 0;
	padding: 0;
}

	ul#who-list li {
		margin: 0;
		list-style: none;
	}
	
	ul#who-list li a,
	ul#left-navigation li a {
		color: #8CC63F;
		font-weight: bold;
		text-decoration: none;
		font-size: 0.75em;
		display: block;
	}
	
	ul#who-list li.about-us {
		width: 119px;
		height: 75px;
		position: absolute;
		top: 30px;
		left: 0;
		background: url(/img/sub/about-us.jpg) top left no-repeat;
	}
	
	ul#who-list li.about-us a {
		margin: 0;
		padding: 40px 0 17px 20px;
	}
	
	ul#who-list li.our-news {
		width: 148px;
		height: 83px;
		position: absolute;
		top: 0;
		left: 150px;
		background: url(/img/sub/our-news.jpg) top left no-repeat;
	}
	
	ul#who-list li.our-news a {
		margin: 0;
		padding: 45px 0 18px 22px;
	}
	
	ul#who-list li.our-clients {
		width: 193px;
		height: 87px;
		position: absolute;
		top: 20px;
		left: 330px;
		background: url(/img/sub/our-clients.jpg) top left no-repeat;
	}
	
	ul#who-list li.our-clients a {
		margin: 0;
		padding: 45px 0 23px 28px;
	}
	
	ul#who-list li.our-supporters {
		width: 163px;
		height: 87px;
		position: absolute;
		top: 120px;
		left: 0;
		background: url(/img/sub/our-supporters.jpg) top left no-repeat;
	}
	
	ul#who-list li.our-supporters a {
		margin: 0;
		padding: 45px 0 23px 28px;
	}
	
	ul#who-list li.join-us {
		width: 134px;
		height: 75px;
		position: absolute;
		top: 100px;
		left: 180px;
		background: url(/img/sub/join-us.jpg) top left no-repeat;
	}
	
	ul#who-list li.join-us a {
		margin: 0;
		padding: 38px 0 23px 22px;
	}
	
	ul#who-list li.background {
		width: 183px;
		height: 87px;
		position: absolute;
		top: 140px;
		left: 335px;
		background: url(/img/sub/background.jpg) top left no-repeat;
	}
	
	ul#who-list li.background a {
		margin: 0;
		padding: 45px 0 30px 28px;
	}
	
	ul#who-list li.def-divisions {
		width: 183px;
		height: 87px;
		position: absolute;
		top: 200px;
		left: 165px;
		background: url(/img/sub/def-divisions.jpg) top left no-repeat;
	}
	
	ul#who-list li.def-divisions a {
		margin: 0;
		padding: 45px 0 30px 22px;
	}
	
ul.software-links {
	margin: 0 73px 0 0;
	padding: 0;
}

	ul.software-links li {
		margin: 0;
		padding: 0;
		display: inline;
		float: right;
	}
	
	ul.software-links li a {
		padding-top: 120px; /* height of the replacement image */
		width: 110px;
		height: 0;
		margin: 0;
		overflow: hidden;
		background-repeat: no-repeat;
		float: left;
	}
	
	a.link-alert {
		background-image: url(/img/icons/ar.jpg);
	}
	
	a.link-appeals {
		background-image: url(/img/icons/ap.jpg);
	}
	
	a.link-control {
		background-image: url(/img/icons/bc.jpg);
	}
	
	a.link-portal {
		background-image: url(/img/icons/bp.jpg);
	}
	
	a.link-county {
		background-image: url(/img/icons/cp.jpg);
	}
	
	a.link-enforcements {
		background-image: url(/img/icons/ef.jpg);
	}
	
	a.link-highways {
		background-image: url(/img/icons/hr.jpg);
	}
	
	a.link-land {
		background-image: url(/img/icons/lc.jpg);
	}

	a.link-legal {
		background-image: url(/img/icons/la.jpg);
	}
	
	a.link-licensing {
		background-image: url(/img/icons/lg.jpg);
	}
	
	a.link-planning {
		background-image: url(/img/icons/pl.jpg);
	}
	
	a.link-pdf {
		background-image: url(/img/icons/ca.jpg);
	}
	
	a.link-section {
		background-image: url(/img/icons/ra.jpg);
	}
	
	a.link-sites {
		background-image: url(/img/icons/st.jpg);
	}
	
	a.link-tree {
		background-image: url(/img/icons/tp.jpg);
	}

h2.home,
h2.who-we-are,
p.our-software,
h2.get-in-touch,
h2.our-services,
h2.alert-reminder-agent,
h2.appeals,
h2.building-control,
h2.building-portal,
h2.county-planning,
h2.enforcements,
h2.highways-response,
h2.land-charges,
h2.legal-agreements,
h2.licensing,
h2.planning,
h2.pdf-converter-agent,
h2.road-adoption,
h2.sites,
h2.tree-preservation-orders,
h2.terms,
h2.privacy {
	padding-top: 22px; /* height of the replacement image */
	width: 285px;
	height: 0;
	margin: 50px 0 15px 0;
	overflow: hidden;
	background-image: url(/img/headers/welcome-to-def-software.jpg);
	background-repeat: no-repeat;
}

	h2.terms {
		background-image: url(/img/headers/terms.jpg);
	}
	
	h2.privacy {
		background-image: url(/img/headers/privacy.jpg);
	}
	
	h2.who-we-are {
		background-image: url(/img/headers/who-we-are.jpg);
	}
	
	h2.our-services {
		background-image: url(/img/headers/our-services.jpg);
	}
	
	p.our-software {
		background-image: url(/img/headers/our-software.jpg);
	}
	
	h2.get-in-touch {
		background-image: url(/img/headers/get-in-touch.jpg);
	}
	
	h2.alert-reminder-agent,
	h2.appeals,
	h2.building-control,
	h2.building-portal,
	h2.county-planning,
	h2.enforcements,
	h2.highways-response,
	h2.land-charges,
	h2.legal-agreements,
	h2.licensing,
	h2.planning,
	h2.pdf-converter-agent,
	h2.road-adoption,
	h2.sites,
	h2.tree-preservation-orders {
		background-image: url(/img/icons/names/alert-reminder-agent.jpg);
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: 170px;
	}
	
	h2.appeals {
		background-image: url(/img/icons/names/appeals.jpg);
	}
	h2.building-control {
		background-image: url(/img/icons/names/building-control.jpg);
	}
	h2.building-portal {
		background-image: url(/img/icons/names/building-portal.jpg);
	}
	h2.county-planning {
		background-image: url(/img/icons/names/county-planning.jpg);
	}
	h2.enforcements {
		background-image: url(/img/icons/names/enforcements.jpg);
	}
	h2.highways-response {
		background-image: url(/img/icons/names/highways-response.jpg);
	}
	h2.land-charges {
		background-image: url(/img/icons/names/land-charges.jpg);
	}
	h2.legal-agreements {
		background-image: url(/img/icons/names/legal-agreements.jpg);
	}
	
	h2.licensing {
		background-image: url(/img/icons/names/licensing.jpg);
	}
	
	h2.planning {
		background-image: url(/img/icons/names/planning.jpg);
	}
	
	h2.pdf-converter-agent {
		background-image: url(/img/icons/names/pdf-converter-agent.jpg);
	}
	
	h2.road-adoption {
		background-image: url(/img/icons/names/section-38-road-adoption.jpg);
	}
	
	h2.sites {
		background-image: url(/img/icons/names/sites.jpg);
	}
	
	h2.tree-preservation-orders {
		background-image: url(/img/icons/names/tree-preservation-orders.jpg);
	}

span.large-icon {
	margin: 0;
	width: 170px;
	height: 400px;
	float: left;
}

a.read-more,
a.goback {
	padding-top: 16px; /* height of the replacement image */
	width: 125px;
	height: 0;
	margin: 10px 0 0 12px;
	overflow: hidden;
	background-image: url(/img/read-more.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.goback {
	background-image: url(/img/back-to-news.jpg);
	float: right;
	margin: 0 165px 0 0;
	padding-top: 33px; /* height of the replacement image */
	width: 132px;
}

p.news-header {
	padding-top: 16px; /* height of the replacement image */
	width: 285px;
	height: 0;
	margin: 0;
	overflow: hidden;
	background-image: url(/img/headers/latest-news.jpg);
	background-repeat: no-repeat;
}

p {
	margin: 8px 0 10px 0;
	font-size: 0.75em;
	padding-right: 120px;
}

p.purple-text,
p.green-text {
	color: #BD3D8A;
	margin: 12px 0 0 12px;
	padding: 0;
	font-weight: bold;
}

p.green-heading {
	color: #8CC53F;
	margin: 0;
	font-weight: bold;
}

p.green-text {
	color: #8CC53F;
}

a.green,
a.orange,
a.purple {
	text-decoration: none;
	color: #8CC53F;
	font-weight: bold;
}

a.orange {
	color: #F19A3D;
}

a.purple {
	color: #733771;
}

p.small-text,
p.seo {
	margin: 8px 0 0 12px;
	padding: 0 7px 0 0;
}

p.seo {
	font-size: 0.7em;
	color: #666666;
	padding-right: 10px;
}

p.seo a {
	text-decoration: none;
	color: #666666;
}

div.home-news-1,
div.home-news-2,
div.home-news-3 {
	width: 175px;
	height: 118px;
	float: left;
	margin: 20px 20px 0 0;
	background: url(/img/small-box-1.jpg) top left no-repeat;
}

div.home-news-2 {
	background: url(/img/small-box-2.jpg) top left no-repeat;
}

div.home-news-3 {
	background: url(/img/small-box-3.jpg) top left no-repeat;
}

ul#software-list {
	margin: 60px 0 0 35px;
	padding: 0;
}

	ul#software-list li {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;
	}
	
	ul#software-list li a {
		margin: 0;
		padding: 0;
		text-decoration: none;
		color: #3299D5;
		font-weight: bold;
		font-size: 0.75em;
	}
	
	ul#software-list li.arrow-active {
		background: url(/img/lists/arrow.jpg) center left no-repeat;
		margin: 0 0 0 -23px;
		padding: 0 0 0 23px;
	}
	
	ul#software-list li.arrow-active a {
		color: #000;
	}

div.talk {
	position: absolute;
	width: 148px;
	height: 89px;
	background: url(/img/cloud-1.jpg) top left no-repeat;
}

div.talk p {
	margin: 21px 0 0 15px;
	padding: 0;
}

div.directions p {
	margin: 21px 0 0 30px;
	padding: 0;
}

div.meet p {
	margin: 19px 0 0 29px;
	padding: 0;
}

div.support p {
	margin: 18px 0 0 25px;
	padding: 0;
}

div.directions {
	position: absolute;
	left: 210px;
	width: 249px;
	height: 104px;
	background: url(/img/cloud-2.jpg) top left no-repeat;
}

div.meet {
	position: absolute;
	top: 200px;
	width: 171px;
	height: 158px;
	background: url(/img/cloud-3.jpg) top left no-repeat;
}

div.support {
	position: absolute;
	left: 195px;
	top: 230px;
	width: 270px;
	height: 98px;
	background: url(/img/cloud-4.jpg) top left no-repeat;
}

/* Custom Overlay Dialog */

div#alertpopup { 
    display: none; 
    width: 450px;     
    border: 15px solid #666; 
    border: 15px solid rgba(82, 82, 82, 0.698); 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
    height: 450px;
} 
 
div#alertinner { 
    margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 410px;
}

div#alertpopup p { 
    color: #666;
    font-size: 0.85em;
    line-height: 1.4em;
    padding: 0 15px 0 0;
} 

div#alertpopup .close {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #333;
	padding: 3px 10px 3px 10px;
	cursor: pointer;
}

div#alertpopup .buttonrow {
    margin-top: 54px;
	width: 100%;
    text-align: center;  
	position: relative;
	z-index: 100; 
}

a.pdf-alert,
a.pdf-appeals,
a.pdf-control,
a.pdf-portal,
a.pdf-county,
a.pdf-enforcements,
a.pdf-highways,
a.pdf-land,
a.pdf-legal,
a.pdf-licensing,
a.pdf-planning,
a.pdf-pdf,
a.pdf-section,
a.pdf-sites,
a.pdf-tree {
	padding-top: 36px; /* height of the replacement image */
	width: 150px;
	height: 0;
	margin: 0 140px 0 0;
	overflow: hidden;
	background-image: url(/img/icons/pdfs/ar.jpg);
	background-repeat: no-repeat;
	float: right;
}

a.pdf-appeals {
	background-image: url(/img/icons/pdfs/ap.jpg);
}

a.pdf-control {
	background-image: url(/img/icons/pdfs/bc.jpg);
}

a.pdf-portal {
	background-image: url(/img/icons/pdfs/bp.jpg);
}

a.pdf-county {
	background-image: url(/img/icons/pdfs/cp.jpg);
}

a.pdf-enforcements {
	background-image: url(/img/icons/pdfs/ef.jpg);
}

a.pdf-highways {
	background-image: url(/img/icons/pdfs/hr.jpg);
}

a.pdf-land {
	background-image: url(/img/icons/pdfs/lc.jpg);
}

a.pdf-legal {
	background-image: url(/img/icons/pdfs/la.jpg);
}

a.pdf-licensing {
	background-image: url(/img/icons/pdfs/lg.jpg);
}

a.pdf-planning {
	background-image: url(/img/icons/pdfs/pl.jpg);
}

a.pdf-pdf {
	background-image: url(/img/icons/pdfs/ca.jpg);
}

a.pdf-section {
	background-image: url(/img/icons/pdfs/ra.jpg);
}

a.pdf-sites {
	background-image: url(/img/icons/pdfs/st.jpg);
}

a.pdf-tree {
	background-image: url(/img/icons/pdfs/tp.jpg);
}

span.news-image {
	background:url(/img/small-box-4.jpg) top left no-repeat;
	margin: 0 0 0 5px;
	padding: 15px 0 0 11px;
	width: 147px;
	height: 135px;
	float: right;
}

a.catalogue {
	padding-top: 110px; /* height of the replacement image */
	width: 140px;
	height: 0;
	margin: 0;
	overflow: hidden;
	background-image: url(/img/catalogue.gif);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	top: 200px;
	left: -210px;
}

.page-content a {
	color: #000;
	text-decoration: underline;
}


.simplebox {
	float: left;
	width: 610px;
	margin: 0;
	padding: 10px 0 10px 10px;
	border: 2px solid #8CC53F;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

	.simplebox p {
		width: 610px;
	}