@import"ScriptLibrary/htmlFormat.css";
/* CSS Document                                    */
/* *********************************************** */
/* stylesheet table of contents start			   */
/* *********************************************** */
/* THE FIRST SIX SECTIONS DEAL WITH THE HEADER LHS */
/* AND SUB-MENU PARTS. SECTION 7 IS WHERE ALL THE  */
/* CONTENT STYLES ARE HELD SO IF YOU WANT TO ALTER */
/* THE WAT THE CONTENT LOOKS THEN SECTION & IS THE */
/* SECTION FOR YOU                                 */
/* *********************************************** */
/* 1 - core styling and resets                     */
/* 2 - core div styles                             */
/* 3 - header styles                               */
/* 4 - main-menu styles                            */
/* 5 - promotion styles                            */
/* 6 - core content styles                         */
/* 7 - content styles                              */
/* *********************************************** */
/* stylesheet table of contents end      		   */
/* *********************************************** */

/* *********************************************** */
/* 1 - global reset               */
/* *********************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* *********************************************** */
/* 1 - global reset end                 */
/* *********************************************** */
body{
	background: white url(gfx/colas-page-bg.jpg) repeat-x;
	font:normal 0.625em/1.2em Arial, Helvetica, sans-serif;
	text-align:center;
}
/* *********************************************** */
/* 2 - core div styles start                       */
/* *********************************************** */
.header{
		width:100%;
		height:128px;
		margin:0 0 10px 0;
		padding:0;
		}
#container {
	text-align:left;
	width:980px;
	margin:0 auto;
}
.main-menu{
	font:bold 1.8em/1em Arial, Helvetica, sans-serif; 
		/*position:absolute;
		top:130px;
		left:0;*/
		float:left;
		width:186px;
		height:auto;
		padding: 0 ;
		margin:0 10px 0 0 ;
		}
.promotions{
	float:right;
		width:206px;
		padding:0;
		}
.main-content{
	float:left;
	width:567px;
		margin:0 10px 0 0;
		}
b,strong{
	font-weight:bold;
}
div.main-content a.letter {
	font-size:2em;
	color:#C51C21;
	display:block;
	padding:20px 0 10px 0;
	text-decoration:none;
	border:none;
}
div.main-content div.articleBlock a, div.main-content div.in-short a  {
	font-size:1.2em;
	text-decoration:none;
	border:none;
	font-weight:bold;
}
div.main-content p.q {
	font-size:1.2em;
	padding-top:20px;
	
}
/************************************/
/* The Footer ***********************/
/************************************/

#footer {
	clear: both; 
	margin-top:20px;
	padding-top:20px;
	background: none; 
	color: #666; 
}
#footer ul {
	font:normal 10px Arial, Helvetica, sans-serif;
	background:none;
  	margin:0 ;
  	border: 0 none;
  	padding: 0;
  	list-style: none;
	display:block;
}
#footer p{
	clear:left;
	margin:5px 0 0 0;
	padding:0;
	}
#footer ul li {
	font:normal 10px Arial, Helvetica, sans-serif;
  	margin:0 4px;
  	border: 0 none;
  	padding: 5px 0;
  	float: left; /*For Gecko*/
  	display: inline;
  	list-style: none;
  	position: relative;
}
#footer ul li a{
	font:normal 10px Arial, Helvetica, sans-serif;
  	color:#666;
  	text-decoration:none;
}
#footer ul li a:hover{
	font:normal 10px Arial, Helvetica, sans-serif;
  	color:#C71217;
  	text-decoration:underline;
}
/* *********************************************** */
/* 2 - core div styles end                         */
/* *********************************************** */
/* *********************************************** */
/* 3 - header styles start                         */
/* *********************************************** */
.header h1{
		background:url(gfx/portsmouth-streets-ahead-logo.jpg) left top no-repeat;
		text-indent:-3000px;
		width:510px;
		height:79px;
		margin:0;
		padding:0;
		}
		
.header ul{
		/*background: #FFFFFF;*/
		color:#fff;
		display:inline;
		margin:0 0 0 0;
		padding:0;
		}
.header ul li{
		display:inline;
		margin:0 10px;
		padding:0;
		}
.header ul li a:link,.header ul li a:active,.header ul li a:visited{
		color:#FFF;
		text-decoration:none;
		margin:0;
		padding:0;
		}
.header ul li a:hover{
		color:#E8E8E4;
		margin:0;
		padding:0;
		}
.search{
		float:right;
		padding:0;
		margin:40px 0 0 0;
		}
.search form{
		width:207px;
		margin:0;
		padding:0;
		}
.search fieldset{
		border:none;
		padding:0;
		margin:0;
		}

.logos {
	/*background: #FFFFFF;
	border-top: 1px solid #314C83;
	border-bottom: 1px solid #314C83;*/
	margin:4px 0 0 0;
}
/* *********************************************** */
/* 3 - header styles end                           */
/* *********************************************** */
/* *********************************************** */
/* 4 - main-menu styles start                      */
/* *********************************************** */
/* special class for childless menu items */
/* for admin only */
.nochildren{
		color:#F60;
		}
.main-menu ul{
	width:186px;
	margin:0;
	padding:0;
	background:#FFF;
	}
.main-menu ul li{
	font:bold .8em/1em Arial, Helvetica, sans-serif; 
	margin:2px 0;
	padding:0 0 2px 0;
	border-bottom:1px dashed #4B6D80;
		}
.main-menu ul li a{
	display:block;
	margin:0;
	padding:5px 0 5px 10px;
		}
.main-menu ul li.selected a{
	background:#A5191C url(gfx/portsmouth-menu-bg.jpg) repeat-x;
	color:white;
		}
.main-menu ul li.selected ul a{
	background:white;
	color:#4B6D80;
		}
.main-menu ul li.selected ul li.selected a{
	background:white;
	color:#A5191C;
		}
.main-menu ul ul li.selected{
	background:white;
	color:#F00;
	padding:0;
	margin:0;
		}
.main-menu a {
	color:#4B6D80;
	text-decoration:none;
}
.highlight-main{
	color:#2B4E60;
}
.main-menu ul ul{
	width:186px;
	margin:0;
	padding:0;
	background:#FFF;
	}
.main-menu ul ul li{
	font:bold .8em/1em Arial, Helvetica, sans-serif; 
	margin:0;
	padding:0;
	border-bottom:none;
		}

.buttons, .buttons img {
	margin:10px 0 0 0;
}
/* Menu Middle Graphic */

#baseDetails {
	background:#70A4C0 url(gfx/cornerbl.jpg) no-repeat 0px 0px;
	height:180px;
	margin:0 10px;
	width:209px;
	clip: rect(auto,auto,auto,auto);
}

#baseDetails h3 {
	font:bold 12px/14px Arial, Helvetica, sans-serif; 
	color:#fff;
	padding:120px 0px 0px 20px;
}

#baseDetails a{
	font:normal 11px/13px Arial, Helvetica, sans-serif; 
	color:#fff;
	padding:10px 0px 0px 20px;
}

/* Menu Bottom Graphic */

.base {
	background:#70A4C0 url(gfx/cornerbr.jpg) bottom right no-repeat;
	width:209px;
	height:20px;
	margin:0 10px;
}
.contact-leader{
	margin:0 0 10px 0;
	}
/* *********************************************** */
/* 4 - main-menu styles end                        */
/* *********************************************** */
/* *********************************************** */
/* 5 - promotion styles start                      */
/* *********************************************** */
.promotions .promoSlot{
		margin: 0;
		padding:0;
		}
.promo {
	background:#547A8F;
	display:block;
	margin:0 0 10px 0;
}
.before-and-after{
	background:#547A8F url(gfx/portsmouth-before-and-after.jpg) no-repeat;
	height:204px;
	padding: 0 10px;
}
.faqs{
	background:#547A8F url(gfx/faqs.jpg) no-repeat;
	height:168px;
	padding: 0 10px;
}
.promo h3{
	font:bold 2.2em/1.2em Arial, Helvetica, sans-serif;
	color:white;
}
.before-and-after h3 {
	padding:0;	
}
.before-and-after h3 a {
	display:block;
	padding:140px 0 0 0;	
	text-decoration:none;
	border:none;
	color:white;
}
.faqs h3 {
	padding:0;	
}
.faqs h3 a{
	display:block;
	padding:35px 0 0 0;	
	text-decoration:none;
	color:white;
}
.promo p{
	font:bold 1.3em/1em Arial, Helvetica, sans-serif;
	color:#A6B7C1;
}
.promo p a{
	float:right;
	font:normal 1em/1.2em Arial, Helvetica, sans-serif;
	color:white;
	margin:5px 0 0 0;
	text-decoration:none;
}
/* *********************************************** */
/* 5 - promotion styles end                        */
/* *********************************************** */
/* *********************************************** */
/* 6 - main content styles start                   */
/* *********************************************** */
#latest_news_home{
font-size:0.9em;
	float:left;
width:	290px;
height:220px;
padding:0;
border:1px solid #CCC;
margin:20px 12px 0 0;
}
#latest_news_home h2{
	font-size:1.6em;
margin:0;
background: #FC0;
padding:5px 10px;
}
#latest_news_home .articl{
margin:10px;
}
#latest_news_home .articl p{
padding:0;
margin:0;
}
#latest_works_update{
	overflow:hidden;
float:left;
width:	250px;
height:240px;
font-size:0.9em;
padding:0;
border:1px solid #CCC;
margin:22px 0 0 0;
}
#latest_works_update h2{
	font-size:1.6em;
margin:0;
background: #F90;
padding:5px 10px;
}
#latest_works_update h2 a, #latest_news h2 a, #latest_news_home h2 a{
/*color:#547A8F;*/
color:#333;
}
#latest_works_update .articl{
margin:10px;
}
#latest_works_update .articl p{
padding:0;
margin:0;
}
.a_to_z_services{
		color:white;
		margin:0;
		padding:20px 20px 0 190px;
		background:#547A8F url(gfx/portsmouth-heading-block.jpg) no-repeat;
		height:85px;
		margin:0 0 15px 0;
		}
.a_to_z_services, .main-content .a_to_z_services p{
	color:WHITE;
}
.main-content .a_to_z_services a{
	font-size:.8em;
	font-weight:bold;
	color:WHITE;
	text-decoration:none;
	padding:0 2px 0 0 ;
	border:none;
}
.main-content .a_to_z_services a:link {
	border:none;
}
.main-content h2.white{
		color:white;
		}
.main-content h2.page-head{
		font:bold 2.2em/1.2em Arial, Helvetica, sans-serif;
		color:white;
		margin:0;
		padding:20px 20px 0 190px;
		background:#547A8F url(gfx/portsmouth-heading-block.jpg) no-repeat;
		height:85px;
		}
.green-triangle{
		background:#547A8F url(gfx/portsmouth-heading-block.jpg) no-repeat;
}
.main-content h2{
		font:bold 2.2em/1.2em Arial, Helvetica, sans-serif;
		color:#547A8F;
		margin:0;
		padding:0;
		}
.main-content p{
		font: 1.4em/1.5em Arial, Helvetica, sans-serif;
		color:#333;
		margin:2px 0;
		padding:2px ;
		}

.main-content ul {
		clear:both;
		margin:20px 40px;
		padding:20px;
		list-style-type:circle;
		list-style-position:inside;
		background:#fff;
		border:none;
		}
.main-content ul ul{
		clear:both;
		margin:5px 10px;
		padding:10px;
		list-style-type:disc;
		list-style-position:inside;
		background:#fff;
		border:none;
		}
.main-content li {
		font:normal 1.2em/150% Arial, Helvetica, sans-serif;
		}
.main-content a  {
		color:#333;
		text-decoration:none;
		padding:1px 0;
		border-bottom:1px dotted #C51C21;
		}
.main-content a:link  {
		text-decoration:none;
		border-bottom:1px dotted #C51C21;
		}
.main-content a:hover  {
		color:#C51C21;
		text-decoration:none;
		}
.articleBlock {
	padding:15px 0 ;
	border-bottom:1px solid #EBEBEB;
	clear:right;
}
span.date{
color:#CCC;	
}
.main-content img.border { 
		padding: 4px;
		border: 2px solid #314C83;
		margin:4px 0 10px 10px;
		}
.main-content .thumbImg { 
		padding:0 4px;
		/*border: 2px solid #314C83;*/
		margin:10px 0 10px 10px;
		float:right;
		display:block;
		}
		.news-title a:link, .news-title a:visited, .news-title a:active{
		font:bold 13px/100% Arial, Helvetica, sans-serif;
		color:#314C83;
		text-decoration:none;
		}
.news-title a:hover{
		text-decoration:underline;
		}
.legal{
		font:normal 10px/110% Arial, Helvetica, sans-serif;
		color:#ADB7AE;
		margin:50px 230px 20px 230px;
		text-align:justify;
		border-top: 1px solid #7D8D7E;
		}
.legal span{
		color:#7D8D7E;
		}
.in-short{
	padding:10px;
	margin:10px;
		}
.in-short hr {
	border-bottom:1px dotted #314C83;
	color: #FFFFFF;
	background: #FFFFFF;
		}
.moreLink{
		margin-left:5px;
		}
/************************************/
/* Tables  **************************/
/************************************/

/*.main-content table { 
		font:normal 11px/150% Arial, Helvetica, sans-serif;
		padding:0;
		margin:20px 40px;
		background:#DEE2DF;
		border: 1px solid #BAB9AF;
		}
.main-content th { 
		font:bold 11px/150% Arial, Helvetica, sans-serif;		
		text-align:left;
		padding:4px;
		}
.main-content td { 
		text-align:left;
		padding:4px;
		}
.main-content form table { 
		font:normal 11px/150% Arial, Helvetica, sans-serif;
		padding:0;
		margin:0;
		width:100%;
		background:#ECE9D8;
		border: 1px solid #BAB9AF;
		}
.main-content form th { 
		font:bold 11px/150% Arial, Helvetica, sans-serif;		
		text-align:left;
		padding:4px;
		}
.main-content form td { 
		text-align:left;
		padding:4px;
		}
		*/
p.report {
	border-top:1px dashed #ccc;
	padding:25px;
}
p.report strong{
	font-weight:bold;
	color:#333;
}
	#works p {
		font-size:11px;
		width:200px;
	}
/************************************/
/* Downloads  ***********************/
/************************************/

ul.downloads  {
		margin:20px 40px;
		padding:50px 20px 20px;
		list-style-position:inside;
		background:#E8E8E4 url(gfx/downloads_title.gif) no-repeat;
		border: 1px solid #BAB9AF;
		list-style-image: url(gfx/download_bullet.gif);
		}
ul.downloads a  {
		color:#5C705E;
		text-decoration:underline;
		padding:1px 3px;
		}
ul.downloads a:link  {
		text-decoration:underline;
		}
ul.downloads a:hover  {
		color:#FFF;
		background:#8C8A7A;
		text-decoration:none;
		}

/* *********************************************** */
/* 6 - main content styles end                     */
/* *********************************************** */

/************************************/
/* The Forms  ***********************/
/************************************/
.hidden{
		display:none;
		}
form {
	margin:12px;
}

.two fieldset {
	border:1px solid #70A4C0;
	width:360px;
}

fieldset div br {
	display:none;
	margin:0;
}

/* Style the legend, labels and the div containing the submit button. */

legend {
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0.5em;
}
label {
	display:block;
	padding:6px 0;
}
.fm-submit {
	clear:both;
	margin:0 1em;
	padding-top:1em;
}
fieldset div {
	margin:0 0 4px 0;
	padding:0;
}
fieldset div input {
	width:220px;
	border:1px solid #ccc;
	padding:1px;
}
fieldset div input[type="checkbox"] {
	width:25px;
	border:none;
	padding:1px;
}
fieldset div select {
	font:11px Verdana, Arial, sans-serif;
	width:220px;
	border:1px solid #ccc;
	padding:1px;
}
fieldset div label:before {
	content: "* ";
}
.form-button {
	height:23px;
	font:9px/9px Verdana, Arial, sans-serif;
}
.text-box {
	border:1px solid #A5C4D9;
	padding:4px;
	width:350px;
	/*_height:23px;*/
}
.text-box-multi {
	border:1px solid #A5C4D9;
	padding:4px;
	width:350px;
	height:200px;
	/*_height:23px;*/
}

/************************************/
/* Images ***************************/
/************************************/

.orgChart{
		text-align:center;
		padding: 4px;
		margin:30px;
		}
.orgChart img{
		border:2px solid #5C705E;
		}

#img-wrap {
	float:left;
	margin:10px 10px 6px 0;
}
#img-wrap img{
	clear:both;
	float:left;
	padding: 4px;
	margin:4px 0 10px 0;
	}
img.imagenew {
	float:left;	margin:10px 10px 6px 0;
}
p.imgmargin{
	display:block;
}
.thumbnailright {
	float:right;
	/*width:150px;  width needed if more than 1 image */
}
.thumbnailright img { 
	margin:1em;
}
.thumbnailleft {
	float:left;
	margin:0 1em 0 0;
	/*width:150px;  width needed if more than 1 image */
}
.thumbnailleft img { 
	margin:1em;
}
.main-content img  a:link, .main-content img  a:active, .main-content img  a:visited, .main-content img  a:hover {
		border:none;
		}
.promotions .promoSlot a:link img, .promotions .promoSlot a:visited img, .promotions .promoSlot a:active img, .promotions .promoSlot a:hover img{
		border:none;
		}
.promotions .promoSlot img{
		padding:0;
		margin:0;
		}
/************************************/
/* Content Specials *****************/
/************************************/
.pageContact{
	font:bold 1em/1.2em Verdana, Arial, sans-serif;
	margin-top:50px;
	color:#666666;
	}
.pageContact2{
	font: 1em/1.2em Verdana, Arial, sans-serif;
	margin:5px;
	padding:10px;
	color:#666;
	border: 1px solid #70A4C0;
	}
.PageContactTitle{
	font:bold 1.2em/1.4em Verdana, Arial, sans-serif;
	line-height:normal;
	color:#70A4C0;
}
.PageContactCaption{
	font: 1em/1.2em Verdana, Arial, sans-serif;
	margin:0px 10px 0px 10px;
	padding:10px;
	color:#000000;
}
.breadcrumb{
	font:normal 11px/200% Verdana, Arial, sans-serif;
	color:#8C8A7A;
	margin:0;
	padding:0;
}
.main-content table{
		font-size:10px;
		border:1px solid #ccc;
		}
.main-content table td{
	padding:3px 10px;
	}
.main-content .result{
	background:#C71217;
	color:#fff;
	padding:0 3px;
}
.main-content dl{
	clear:both;
	margin:16px;
	padding:10px 30px;
	list-style:disc;
	background:#ECF5F7;
}
.main-content dl dt{
	font:bold 1.2em/1.2em Verdana, Arial, sans-serif;
	clear:both;
	margin:16px;
}
.main-content dl dd{
	font:normal 1em/1.5em Verdana, Arial, sans-serif;
	clear:both;
	margin:16px;
}
.main-content table{
margin:0 0 0 20px;
padding:0;
}
.main-content ul {
clear:both;
	margin:16px;
	padding:10px 30px;
	list-style:disc;
	background:#ECF5F7;
}
.main-content li {
	font:normal 1.2em/2em Verdana, Arial, sans-serif;
}
.main-content ul ul {
	margin:0;
	padding:0 60px;
	list-style:none;
	background:#ECF5F7;
}
.main-content ul ul li {
	font:normal 1em/1.4em Verdana, Arial, sans-serif;
}
.main-content .sitemap ul {
	margin:10px;
	padding:5px 20px;
	list-style:disc;
	background:none;
}
.main-content .sitemap li {
	font:normal 1em/1.4em Verdana, Arial, sans-serif;
	padding:0;
	margin:0;
}
.main-content .sitemap ul ul {
	margin:2px;
	padding:5px 10px;
	list-style:disc;
	background:none;
}
.main-content .sitemap ul ul li {
	font:normal 1em/1.4em Verdana, Arial, sans-serif;
	padding:0;
	margin:0;
}
.breadcrumb{
	float:right;
	font:normal 1em/2em Verdana, Arial, sans-serif;
	color:#ccc;
}
.breadcrumb a{
	color:#ccc;
}
.main-content .subHeadingBlue {
	font: bold 16px/120% Arial, Helvetica, sans-serif;
	color: #70A4C0;
	text-decoration: none;
	display: block;
	margin:20px 0 0 0;
}
.main-content .subHeadingRed {
	font: bold 12px/120% Arial, Helvetica, sans-serif;
	color: #C71217;
	text-decoration: none;
	display: block;
}
.main-content .pleaseNoteBlue {
	font: italic bold 10px/120% Arial, Helvetica, sans-serif;
	color: #70A4C0;
	text-decoration: none;
}
.main-content .pleaseNoteRed {
	font: italic bold 10px/120% Arial, Helvetica, sans-serif;
	color: #C71217;
	text-decoration: none;
}
.main-content .boldText {
	font-weight: bold;
}

/* start draggable bit*/
.main-content ul.sortabledemo {
  background:none;
  list-style-image:none;
  list-style-type:none;
  list-style-position:outside;
  margin:20px 20px 0 30px;
  padding:0px;
  display:block;
  border:none;
}
.main-content ul.sortabledemo li {
  margin:1px;
  padding:2px;
}
span.handle {
  background-color: #999;
  color:white;
  cursor: move;
  margin-right:10px;
  padding:3px;
}
li.orange {
  border:1px solid #666;
  background-color: #FFF;
  width:300px;
  color:#999999;
  margin:1px 0;
}
span.tools{
	float:right;
	padding:0;
	margin-right:10px;
	color:#C71217;
}
/* end draggable bit*/
.main-content .newsTeaser {
	margin:0 20px 20px 20px;
	padding:0 0 20px 0;
	border-bottom:1px dotted #314C83;
}
.news_date {
	float: left;
	font-family:Verdana, Arial, sans-serif;
	text-align: center;
	margin:12px 10px 0px 5px;
	padding:3px;
	width: 31px;
	height: 35px;
	border-right:1px dotted #314C83
}
.month {
	float: left;
	width: 31px;
	font-size: 1.2em;
	line-height: 1em;
	padding-bottom:5px;
	clear: both;
	color: #314C83;
}
.day {
	float: left;
	width: 31px;
	padding:0px 0 0 0;
	line-height: 1.1em;
	font-size:1.8em;
	color: #314C83;
}
a.top {
	font-weight:normal;
	color:#999;
	float:right;
}
/************************************/
/* Admin ****************************/
/************************************/

#admin {
		margin:0 0 0 20px;
		padding:0;
		width:200px;
		background:#314C83;
}
#admin h4 {
	padding:10px 4px 0 10px;
	margin:0;
	font:bold 1em/1em Verdana, Arial, sans-serif;
	color:#FFF;
}
#admin p {
	color:#FFF;
}
#admin dl {
	margin:0;
	padding:5px 10px;
	/*_padding:0 10px 10px 10px;*/
	border-bottom:2px solid #FFF;
	color:#FFF;
}
#admin dt {
	padding:0.6em 0;
	font:bold 1em/1em Verdana, Arial, sans-serif;
}
#admin dt a {
	padding-left:18px;
	background:transparent url(gfx/arrow.gif) 4px 1px no-repeat;
	color:#9C0;
	text-decoration:none;
}
#admin dl .back a{
	background:transparent url(gfx/backarrow.gif) 4px 1px no-repeat;
}
#admin dt a:hover {
	color:#FFF;
	text-decoration:underline;
}
#admin dd {
	font:normal 1em/1.6em Verdana, Arial, sans-serif;
	margin:0;
	padding:0 0 6px 6px;
}

.news {
	width: 100%;
}
/************************************/
/* Octopus Engine *******************/
/************************************/

.east { background: url(gfx/i/east.gif) repeat-y right; }
.south { background: url(gfx/i/south.gif) repeat-x bottom; }
.west { background: url(gfx/i/west.gif) repeat-y left; }
.north { background: url(gfx/i/north.gif) repeat-x top; }
.ne { background: url(gfx/i/ne.gif) no-repeat top right; }
.se { background: url(gfx/i/se.gif) no-repeat bottom right; }
.sw { background: url(gfx/i/sw.gif) no-repeat bottom left;}
.nw { background: url(gfx/i/nw.gif) no-repeat top left; }

.welcome  {
	margin-top:14px;
	width: 100%;
	padding:0;
}
.welcome-bg{
	background:transparent url(gfx/ensign-home-bg.jpg) top right no-repeat;
}
.welcome h2 {
	font:normal 1.6em/1.6em Verdana, Arial, sans-serif;
	padding:0px 0 0 17px; 
	margin:0;
	color:#369;
}

.home-content h2{
padding:0 40px 0 10px;
}
.home-content p{
padding:0 40px 0 20px;
}
.news {
	width: 100%;
}
.result{
		background:#314C83;
		color:#fff;
}

ul.homepage-services {
	padding:0;
	width:560px;
	margin:0;
	padding:0;
	background:none;
	list-style:none;
}
ul.homepage-services li{
	font-size:1em;
	float:left;
	color:#987;
	margin:16px 0 0 0;
	padding:0;
}
ul.homepage-services li.ns{
background: url(gfx/hm.jpg) no-repeat;
}
ul.homepage-services li.fc{
background: url(gfx/ns.jpg) no-repeat;
}
ul.homepage-services li.sl{
background: url(gfx/fc.jpg) no-repeat;
}
ul.homepage-services li.hm{
background: url(gfx/sl.jpg) no-repeat;
}
p a.hm{
	display:block;
	background: url(gfx/sl.jpg) no-repeat;
	font-size:1em;
	font-weight:bold;
	padding:20px 0 0 10px;
	width:130px;
	_width:138px;
	height:88px;
	color:white;
	border:none;
}
ul.homepage-services li.end{
	margin:none;
}
ul.homepage-services li a:link, ul.homepage-services li a:visited, ul.homepage-services li a:active{
	display:block;
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
	padding:20px 0 0 10px;
	width:130px;
	_width:138px;
	height:88px;
	color:white;
	border:none;
}
ul.homepage-services li a:hover{
	text-decoration:underline;
	background:none;
	color:white;
}
/*************************************/
/* case studies **********************/
/*************************************/
table.casestudy {
	border:1px solid #333;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0 0 5px;
}
table.casestudy td {
	text-align:center;
	white-space:nowrap;
	margin:1px;
	padding:5px;
	color:white;
	background:#69C;
	border:1px solid white;
}
table.casestudy td.lefthead {
	margin:0;
	white-space:normal;
	padding:5px;
	color:#69C;
	background:white;
}
table.casestudy td.topheadred {
	margin:0;
	padding:5px;
	color:white;
	background:#F00;
}
div.casestudy h3 {
	font-size:1.4em;
	font-weight:bold;
}
div.casestudy p.saving {
	font-size:1.2em;
	font-weight:bold;
}
div.casestudy p.saving span {
	color:#f00;
	font-weight:bold;
}
/*************************************/
/* traffic reports ***************************/
/*************************************/

div.traffic{
	border-bottom:1px solid #EBEBEB;
	padding:10px 0;
}

/*
the gallery image styles
*/
/* extras added for colas gallery */
ul.gallery{
	list-style:none;
	padding:0;
	margin:0 25px;
	background:none;
	}
ul.gallery li{
	display:block;
	width:auto;
	height:auto;
	float:left;
	margin:5px;
	padding:0;
}
ul.gallery li.gTitle{
	font-weight:bold;
	display:block;
	width:400px;
	height:20px;
	margin:5px;
	padding:0;
}
ul.gallery li a{
	display:block;
	border:1px solid #CCC;
	border-bottom:1px solid #CCC;!important
	padding:5px;
}
ul.gallery li a.galleryimage img{
	margin:0;
}
/*************************************/
/* the map ***************************/
/*************************************/
#ukMap {

float:right;
 width: 240px;
 height: 350px;
 background: url(gfx/map.gif) no-repeat;
 margin: 10px; padding: 0;
 position: relative;
}

#ukMap li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#ukMap a {display: block; text-indent: -9999px; text-decoration: none;}
#scot {left: 0px; top: 0px; width: 150px; height: 160px; z-index: 40;}
#ne {left: 96px; top: 120px; width: 106px; height: 135px;}
#nw {left: 68px; top: 181px; width: 86px; height: 82px; z-index:12}
#iom {left: 58px; top: 160px; width: 33px; height: 39px;z-index:15}
#sw {left: 29px; top: 233px; width: 150px; height: 117px;}
#se {left: 141px; top: 229px; width: 99px; height: 121px;}





#scot a {height: 160px;}

#nw a {height: 86px;}

#ne a {height: 135px;}

#iom a {height: 39px;}

#sw a {height: 117px;}

#se a {height: 143px;}



#scot a:hover {background: url(gfx/map.gif) -240px 0px no-repeat;}

#ne a:hover {background: url(gfx/map.gif) -816px -120px no-repeat;}

#nw a:hover {background: url(gfx/map.gif) -548px -181px no-repeat;}

#iom a:hover {background: url(gfx/map.gif) -1018px -160px no-repeat;}

#sw a:hover {background: url(gfx/map.gif) -1229px -233px no-repeat;}

#se a:hover {background: url(gfx/map.gif) -1581px -229px no-repeat;}