body { background:#013551 url('../images/backg.jpg') repeat-x; font-family:Arial,Helvetica; }
body.mceContentBody {
  background: #FFFFFF url();
}
img { border:0; outline:none; }
a { outline:none; }

#container { background-color:#fff; width:800px; margin:20px auto; }

#header { position:absolute; width:800px; height:100px; background:url('../images/container_backg_top.gif') no-repeat; top:20px; }
#flash_logo { position:absolute; top:0; width:180px; height:157px; z-index:2; }
#text_header { position:absolute; width:233px; height:70px; z-index:3; margin-top:17px; margin-left:280px; background:url('../images/Gritting-Company-New-Logo.gif') no-repeat; }
#years150 { position:absolute; width:74px; height:83px; z-index:4; margin-top:17px; margin-left:680px; background:url('../images/logos/logo_150years_division_sml.gif') no-repeat; }
#crowther_link { display:block; width:143px; height:100px; float:right; margin:10px; }
#lozenge { background:url('../images/gritting_lozenge.jpg'); width:220px; height:80px; position:absolute; margin-left:565px; margin-top:12px; }

#definitions { position:absolute; left:-1000px; width:300px; }
#news_widget {   }
#newslist { background-color:#CCE9F7; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; padding:10px; height:170px; }
#news_widget h2 { margin:0; font-size:1em; color:#fff; background-color:#99D3EF; padding:10px; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; }
#news_widget div h3 { margin:0; padding:10px 10px 5px 10px; }
#news_widget div h3 a { color:#025A88; text-decoration:none; font-size:.8em; }
#news_widget div h3 a:hover { text-decoration:underline; }
#news_widget div p { margin:0; padding:5px 10px; }
#news_widget .readmore { padding:2px 10px; text-decoration:none; font-size:.85em; color:#CCE9F7; background:#025A88 url('../images/bg50.png') repeat-x; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#news_widget a:hover.readmore { background-color:#66BCE7; }

#articles { margin:20px 0; }
#articles div { margin:40px 0; }
#articles div h3 { margin:10px 0 0 0; }
#articles div h3 a { color:#025A88; text-decoration:none; font-size:.8em; }
#articles div h3 a:hover { text-decoration:underline; }
#articles div p { margin:10px 0 0 0; }
#articles .readmore { padding:2px 10px; text-decoration:none; font-size:.85em; color:#fff; background:#66BCE7 url('../images/bg50.png') repeat-x; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#articles a:hover.readmore { background-color:#025A88; }

#steps { margin:20px 0 0 0; padding:0; list-style-type:none; }
#steps li { text-indent:-2000px; }
#step1 { width:310px; height:91px; background-image:url('../images/steps1.gif'); }
#step2 { width:310px; height:89px; background-image:url('../images/steps2.gif'); }
#step3 { width:310px; height:90px; background-image:url('../images/steps3.gif'); }
#step4 { width:310px; height:81px; background-image:url('../images/steps4.gif'); }

#steps { margin-bottom:40px; overflow:hidden; }
#steps h4 { margin:10px 15px; color:#f90; text-transform:uppercase; font-size:1.2em; }
#steps p { margin:10px 15px; line-height:1.2em; }
#steps p span { color:#337EC5; font-weight:bold; }
#steps p a { color:#337EC5; text-decoration:underline; }
#steps p a:hover { color:#f90; }

#top_step1 { width:250px; height:400px; float:left; margin-right:15px; background:#EBEBEB url('../images/steps/stepbgs_f01.gif') no-repeat 0 150px; }
#top_step2 { width:250px; height:400px; float:left; margin-right:15px; background:#EBEBEB url('../images/steps/stepbgs_f02.gif') no-repeat 0 150px; }
#top_step3 { width:250px; height:400px; float:left; background:#EBEBEB url('../images/steps/stepbgs_f03.gif') no-repeat 0 150px; }

#nav_container { position:absolute; width:780px; background-image:url('../images/nav_backg.jpg'); top:125px; margin-left:10px; }
ul#nav {  list-style-type:none; padding:0; margin:0; font-size:.7em; height:23px; float:right; }
ul#nav li { float:left; }
ul#nav li a { display:block; height:15px; padding:4px 10px; text-align:center; border-left:1px solid #005986; color:#fff; text-transform:uppercase; text-decoration:none;  }
ul#nav li a:hover { background-color:#005986; }


.content { width:780px; padding:10px; float:left; overflow:none; margin-bottom:40px; }
#content_left { width:410px; float:left; margin-left:10px; }
#content_right { width:310px; float:right; }
#flash_pics { width:310px; height:270px; }

/* postioning for the flash/pic header pic, populated by the $vpage */
#home { margin-top:440px; }
#flash_anim { position:absolute; width:780px; height:290px; top:150px; margin-left:10px; }
#flash_anim p { font-size:.8em; line-height:1.5em; color:#333;}
#about, #contact, #services, #news { margin-top:350px; }
#top_image { position:absolute; width:780px; height:200px; top:150px; margin-left:10px; }

#footer { width:760px; padding:20px; background:url('../images/container_backg_foot.gif') no-repeat left bottom; }
#footer p { margin:0; font-size:.7em; }
#footer p a { color:#f90; }

#footer_left { width:650px; float:left; border-bottom:1px dotted #0066CC; padding-bottom:15px;}
#footer_text { width:650px; float:left; padding-top:5px; color:#0066CC;}
.dot {color:#FF6600; font-weight:bold;}
#footer_right { width:95px; height: 100px; float:right; text-align:right; }

#copyright {
	width:800px;
	text-align:right;
	height:20px;
	padding:10px 0;
	font-size: 0.7em;
	color: #0066CC;
	background: #013551;
}
#copyright a {text-decoration:none; color:#0066CC}

/* text formatting etc */

.content h1 { margin-top:0; font-size:1.4em; padding-bottom:10px; border-bottom:1px dotted #337EC5; color:#f90; text-transform:uppercase; }
.content h3 { margin-top:30px; margin-bottom:0; font-size:1em; color:#337EC5; }
.content p, .content ul, .content address { font-size:.8em; line-height:1.5em; color:#333; }

.newpic { margin-top:10px; }
.clear { clear:none; }

#form_contact { }
#form_contact fieldset { border:1px solid #ccc; padding:10px; }
#form_contact legend { font-size:.8em; color:#666; }
#form_contact label { font-size:.8em; display:block; }
#form_contact em { color:#f00; }
#form_contact input[type=text] { margin-bottom:10px; width:100%; }
#form_contact select { margin-bottom:10px; }
#form_contact textarea { width:100%; }
#form_contact input[type=submit] { margin-top:10px; text-transform:capitalize; }

ul#links { list-style-type:none; padding:0; }
ul#links li { float:left; margin-right:10px; }

a#safecon { display:block; width:35px; height:36px; text-indent:-1000px; background:url('../images/logos/logo_sca.gif') no-repeat; }
a#cpa { display:block; width:41px; height:36px; text-indent:-1000px; background:url('../images/logos/logo_cpa.gif') no-repeat; }
a#rha { display:block; width:47px; height:36px; text-indent:-1000px; background:url('../images/logos/logo_rha.gif') no-repeat; }
a#chas { display:block; width:37px; height:39px; text-indent:-1000px; background:url('../images/logos/logo_chas.gif') no-repeat; }
a#metoffice { display:block; width:90px; height:18px; text-indent:-1000px; background:url('../images/logos/logo_met.gif') no-repeat; margin-top:8px; }