/* ==========================================================
Master Stylesheet

version:   Criterion Loss Adjusters V00.14 "Blue_and_Red" May 22 2008
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
website:   http://www.chromadesign.co.uk
============================================================ */

* {margin: 0; padding: 0;}
html{height:100%; margin-bottom:1px}
a{outline:none; text-decoration: none; border: none; color: blue;}
a IMG{border:none;}
body {background: #fff; font-family: Arial,sans-serif; font-size: 12px; line-height: 24px; text-align: center;}
#container {margin: auto; width: 900px; height: auto; background: url(../i/container02.jpg) top center no-repeat; text-align: justify;}



/* HEADER */
#header{width: 900px; height: 170px;}
body#default #header{background: url(../i/header20blue.jpg) top center no-repeat;}
body#surveying #header{background: url(../i/header20amber.jpg) top center no-repeat;}

/* TOP NAVIGATION */
#navigation{width: 568px; padding-left: 332px; height: 30px; margin-bottom: 50px;}
body#default #navigation{background: url(../i/navigation19blue.jpg) bottom center no-repeat;}
body#surveying #navigation{background: url(../i/navigation19amber.jpg) bottom center no-repeat;}
#navigation ul{list-style-type: none; margin: 0px; padding: 0px;}
#navigation ul li{width: 120px; height: 3px; float: left; display: block;}
#navigation ul li a{display: block; width: 120px; height: 30px;}
#navigation ul li a span{position: relative; left: -2000px;}


/* default settings */
#navigation ul li a{background-repeat: no-repeat;}
#navigation ul li#survey_link a{background-image: url(../i/nv/surv4a.jpg);}
#navigation ul li#survey_link a,
a:link
a:visited
a:active{background-position: 0px 0px;}
#navigation ul li#survey_link a:hover{background-position: 0px -30px;}
#navigation ul li#survey_link a.crt,#navigation ul li#survey_link a.crt:hover{background-position: 0px -60px;}

#navigation ul li a{background-repeat: no-repeat;}
#navigation ul li#adjusting_link a{background-image: url(../i/nv/loss4a.jpg);}
#navigation ul li#adjusting_link a,
a:link
a:visited
a:active{background-position: 0px 0px;}
#navigation ul li#adjusting_link a:hover{background-position: 0px -30px;}
#navigation ul li#adjusting_link a.crt,#navigation ul li#adjusting_link a.crt:hover{background-position: 0px -60px;}


/* END Navigation */

/* WRAPPER */
#wrapper{width: 780px; margin: auto; background: none;}
#text{width: 478px; margin: 0px 10px 18px 0px; padding-right: 20px; float: right; text-align: left;}
#text IMG{float: left; clear: right; border: 1px solid gray; margin-top: 7px; margin-right: 15px; margin-left: 0px;}

#wrapper #text a,
a:link
a:visited
a:active
{color: #540707; text-decoration: none; border-bottom: 1px solid #ddd;}
#wrapper #text a:hover{color: #a60000; border-bottom: 1px solid #999;}

#wrapper ul.paralist, #wrapper ol.paralist{float: left; width: 460px; margin: 1px 0px 12px 0px; padding: 0px 0px 0px 0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; text-align: justify; word-spacing: -1px;}
#wrapper ul.paralist li, #wrapper ol.paralist li{width: 405px; padding-left: 10px; margin-top: 0px; margin-bottom: 0px; background: url(../i/paralibg.jpg) 0px 8px no-repeat; padding-left: 25px; } /* need to split and duplicate for surveying side */

/* DEFINED LISTS */
dl{margin-bottom: 24px; margin-left: 1px; }
dd{text-align: left; font-weight: 600; width: 420px; padding: 0px 0px px 0px; font-family: Arial, Helvetica, sans-serif; word-spacing:-1px; }
dt{font-family: Arial, Helvetica, sans-serif; width: 400px; margin-left: 20px; text-align: left; padding: 00px 0px 0px 0px;}


/* SIDEBAR NAVIGATION*/
#wrapper ul.sidelist{float: left; text-align: right; width: 210px; list-style-type: none; margin: 48px 0px 24px 20px; }
#wrapper ul.sidelist{padding: 0px 0px 0px 10px;}
#wrapper ul.sidelist li{font-weight: 600; font-family: arial, palatino, times, serif; height: 23px; line-height: 23px; font-size: 12px; margin-top: 1px; margin-bottom: 1px; } /* check this in IE */
#wrapper ul.sidelist li a{ display: block; text-decoration: none;}
#wrapper ul.sidelist li a{padding-right: 5px; padding-left: 20px;}
/**/

body#default #wrapper ul.sidelist li#crt a{font-weight: 600; color: #540707; background: url(../i/nv/li_on_adj.jpg) 0px 0px no-repeat;}
body#default #wrapper ul.sidelist li a,
a:link
a:visited
a:active{color: #494B56; background: url(../i/nv/li_off_adj.jpg) 0px 0px no-repeat;}
body#default #wrapper ul.sidelist li a:hover{background: #FBFAF8 url(../i/nv/li_hover_adj.jpg) 0px 0px no-repeat; color: #131D2F;}

body#surveying #wrapper ul.sidelist li#crt a{font-weight: 600; color: #fff; background: url(../i/nv/li_on_sur.jpg) 0px 0px no-repeat;}
body#surveying #wrapper ul.sidelist li a,
a:link
a:visited
a:active{color: #494B56; background: url(../i/nv/li_off_adj.jpg) 0px 0px no-repeat;}
body#surveying #wrapper ul.sidelist li a:hover{background: #FBFAF8 url(../i/nv/li_hover_sur.jpg) 0px 0px no-repeat; color: #131D2F;}

ul li.credits{background: none; position: relative; top: 48px;}
body#default #wrapper ul.sidelist li.credits a,
body#surveying #wrapper ul.sidelist li.credits a,
a:link
a:visited
a:active{color: #aaa;}
body#default #wrapper ul.sidelist li.credits a:hover, body#surveying #wrapper ul.sidelist li.credits a:hover{color: #a60000; background: none;}

/* OTHER STUFF */
p,
ul,
ol {margin-bottom: 18px; list-style-type: none; }
ul {list-style-type: square; margin-left: 2em;}
h1 {height: 30px; margin-bottom: 18px;} /* split color for each side of site */
h1 span{position: relative; left: -2000px;}
h1{background-position: 0px 0px;}
h1{background-repeat: no-repeat;}


/* H1 Image Replacement - Loss Adjusting Section */
h1#replacement{background-image: url(../i/h1/replacement.jpg);}
h1#welcome{background-image: url(../i/h1/welcome.jpg); margin-left: 6px;}
body#default h1#introduction{background-image: url(../i/h1/adj_introduction.jpg);}
h1#team{background-image: url(../i/h1/team.jpg);}
h1#adjusting{background-image: url(../i/h1/adjusting.jpg);}
h1#valuations{background-image: url(../i/h1/valuations.jpg);}
h1#building{background-image: url(../i/h1/building.jpg);}
h1#restoration{background-image: url(../i/h1/restoration.jpg);}
h1#recovery{background-image: url(../i/h1/recovery.jpg);}
h1#law{background-image: url(../i/h1/law.jpg);}
h1#geography{background-image: url(../i/h1/geography.jpg);}
h1#standards{background-image: url(../i/h1/standards.jpg);}
h1#expertise{background-image: url(../i/h1/expertise.jpg);}
h1#contact{background-image: url(../i/h1/contact.jpg);}
h1#surveys{background-image: url(../i/h1/surveys.jpg);}
h1#claimform{background-image: url(../i/h1/claimform.jpg);}
h1#surveyform{background-image: url(../i/h1/surveyform.jpg);}
h1#recruitment{background-image: url(../i/h1/recruitment.jpg);}
h1#feedback{background-image: url(../i/h1/feedback.jpg);}

h2 {color: #a39c8d; font-size: 18px; line-height: 18px; margin-bottom: 18px; margin-left: 30px;}
h3 {font-size: 12px; line-height: 24px; margin-left: 1px;}

/* NEW INDEX ONLY */

body#newindex #header{height: 170px; background: url(../i/header_home_04.jpg) top center no-repeat;}
body#newindex #wrapper{width: 720px; margin-top: -70px /* aaarggh, why? */; padding: 0px 20px 20px 20px; background: url(../i/wrapper_home_02.jpg) top center no-repeat;}
body#newindex #wrapper p{width: inherit;}
/* to override navigation especially for the home page */
body#newindex #navigation {height: 100px; background: url(../i/navigation_home_04.jpg) top center no-repeat; margin-bottom: 0px;}
body#newindex #navigation ul li#survey_link a{background-image: url(../i/nv/home_surv.jpg);}
#navigation ul li#survey_link a,
a:link
a:visited
a:active{background-position: 0px 0px;}
body#newindex #navigation ul li#survey_link a:hover{background-position: 0px -30px;}

body#newindex #navigation ul li#adjusting_link a{background-image: url(../i/nv/home_loss.jpg);}
body#newindex #navigation ul li#adjusting_link a,
a:link
a:visited
a:active{background-position: 0px 0px;}
body#newindex #navigation ul li#adjusting_link a:hover{background-position: 0px -30px;}

body#newindex #text{float: none; width: inherit; padding-top: 50px; text-align: justify;}
body#newindex ul.paralist{width: 720px;}
body#newindex ul.paralist li{width: 650px;}

.column{width: 340px; height: auto; float: left; }
.column#one{margin-right: 25px; margin-left: 5px;}
.column#two{margin-right: 0px;}

/* MAPS */
#map{width: 496px; height: 609px; position: relative; top: 0px; margin-bottom: 30px;}
body#default #map{background: url(../i/map_adjusters_05.jpg) 0px 0px no-repeat;}
body#surveying #map{background: url(../i/map_surveyors_04.jpg) 0px 0px no-repeat;}
/* Surveyors Positioning */
.wrp{position: absolute;} 
/* adjusters positioning */
.wrp#monks{top: 550px; left: 200px;}
.wrp#eccles{top: 200px; left: 280px;}
.wrp#willsmer{top: 520px; left: 370px; text-align: right;}
.wrp#walls{top: 435px; left: 30px;}
.wrp#cleaver{top: 420px; left: 400px;}
.wrp#mcclaren{top: 320px; left: 330px;}

/* surveyors positioning */
.wrp#dawson{top: 70px; left: 15px;}
.wrp#chance{top: 230px; left: 20px;}/* this for Adjusters map also */
.wrp#macdonald{top: 230px; left: 345px; text-align: right;}
.wrp#lowe{top: 349px; left: 390px; text-align: right;}
.wrp#dunn{top: 330px; left: 350px; text-align: right;}
.wrp#corners{top: 396px; left: -10px;}
.wrp#saxon{top: 520px; left: -10px;}
.wrp#dunscombe{top: 535px; left: 130px;}
.wrp#scott-brown{top: 550px; left: 270px;}

/* map area coverage headers */
#map h3{line-height: 12px; margin-bottom: 2px; margin-left: 0px;}
#map h4{line-height: 16px; margin-top: 0px; font-weight: 500; font-size: 11px;}
#map h5{margin-top: -5px; font-size: 11px; color: #57190c;}

/* FOOTER */
#footer{width: 900px; height: 90px; padding-top: 130px; background: url(../i/footer01.jpg) bottom center no-repeat; margin: auto;}
#footer p{font-family: Arial, Helvetica, sans-serif; color: #666; margin-bottom: 0px;}
#footer p a,
a:link
a:visited
a:active{color: #aaa;}
#footer p a:hover{color: #a60000; background: none;}

/* SUNDRIES */
div.clear{width: 900px; clear: both;}
div.shortclear{width: inherit; clear: both; margin-bottom: 48px;}
div.shortclear2{width: inherit; clear: both;}
.antispam{color: #fff; font-size: 7px; margin-left; -2px;}