/**
 * site specific CSS file
 *
 * The site sepcific CSS handles all the site specific styling
 *
 * @copyright Copyright Datasouth UK Ltd, 2008
 * @author David Morris <david.morris@dsuk.co.uk>
 * @since 2008-10-27
 * @filesource 
 */


/**
 * general styling
 *
 */


/**
 * errors
 *
 */
 
p.formError a {
  color: red;
}


html {
  font-family: Tahoma, serifSansSerifMonospace;
  /*background-image: url(/img/paper-bg.jpg);*/
  background-color: #ececec;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 22px;
  font-weight: bold;
  padding: 0 0 6px 0;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  
}

h3 {
  font-size: 14px;
  padding: 0 0 10px 0;
}

h4 {
	color: #f5822a;
	font-size:  14px;
	font-weight: bold;
	padding: 0 0 10px 0;
}

p {
  font-size: 12px;
line-height: 20px;
padding:  5px 0 10px 0;
}

strong {
	font-weight: bold;
}

body {
	
}

div#wrapper {

}

div#container {
	width:960px;
	/*height: 710px;*/
	overflow:hidden;
	position:absolute;
	/*top: 20px;*/
	left: 50%;
	margin: 0 auto auto -477px;
	border: thin solid #b3b3b3;
}

div#header {
	width: 960px;
	height: 133px;
	background: url(/img/header.jpg) no-repeat;
  overflow: visible;
}

div#header div#logo {
	width: 271px;
	height: 76px;
	margin: 20px 0px 0px 20px;
	float: left;
}

div#header div#logo:hover {
	cursor: pointer;
}

div#header div#nav {
	color: white;
	height: 80px;
	padding: 25px 0 0 0px;
	margin: 0 0 0 360px;
}

div#middle {
	overflow: hidden;
	background-color: #FFF;
	background-image: url(/img/middle-bg.gif);
}


div#mid-left {
	float: left;
	width: 305px;
	height: 429px;
	background: url(/img/globeC.jpg) no-repeat;
	overflow: hidden;
}

div#mid-left-other {
	float: left;
	width: 305px;
	height: 460px;	
	background: #f5822a url(/img/globeD.jpg) no-repeat;
	overflow: hidden;
}

div#mid-right {
  float: right;
	width: 655px;
	height: 429px;
	background-color: #f5822a;
	overflow: hidden;
	z-index: 0;
}

div#mid-right-other {
  float: right;
	width: 635px;
	padding: 10px;
	background-color: #FFF;
	overflow: hidden;
	z-index: 0;
}

div#mid-right-other div#inset-image img {
	border: thin solid #f5822a;
	float: right;
	margin-left: 5px;
}

div#footer {
  clear: both;
	width: 960px;
	background: #000 url(/img/footer.gif) repeat-x;
	padding-bottom: 5px;
	
}

div#footer-other {
  clear: both;
	width: 960px;
	background: #000 url(/img/footerC.gif) repeat-x;
	padding-bottom: 5px;
}

/* home page */
div#text-left {
  float: left;
  width: 385px;
  padding: 15px 0 10px 5px;
}

div#text-left p {
  font-weight: bold;
}

div#img-right {
  float: right;
  padding: 15px 15px 15px 0px;
}

div.white-box {
	width: 240px;
	padding: 0 0 0px 0;
}

div.white-box div.top {
	width: 240px;
	height:  12px;
	background: url(/img/white-box-top.gif) no-repeat;
	overflow: hidden;
}

div.white-box div.mid {
	background: url(/img/white-box-mid.gif) repeat-y;
	padding: 0px 20px 0px 20px;
}

div.white-box div.mid h2 {
  padding: 0 0 6px 0;
}

div.white-box div.btm {
	height:  12px;
	background: url(/img/white-box-btm.gif) no-repeat;
}

div#middle div.white-box div.mid ul {
	font-size: 12px;
	padding: 5px 0 0 16px;
}

div.white-box div.mid ul li {
	padding: 7px 0 0 0;	
	list-style-type: disc;	
	list-style-position: outside;	
}

div.white-box div.mid ul li span {
	color: #f5822a;
	font-weight: bold;
	line-height: 8px;
}

div.white-box div.mid h2 {
  background: url(/img/white-box-line.gif) no-repeat left bottom;
  padding: 0 0 5px 0;
}

div.white-box div.mid a {
  color: #000;
  font-weight: bold;
}

div#footer-address {
	padding: 30px 0 0 40px;
}

div#footer, div#footer-other p {
  font-size: 11px;
  line-height: 16px;
}

div#footer-other {
	overflow: hidden;
}

div#footer-other div#footer-address {
	padding: 10px 0 0 30px ;
}

div.mfd_secur {
	float: left;
	width: 300px;
}

div.mfd_int {
  float: left;
  width: 400px;
}

div#footer-other div.mfd_secur {
	width: 280px;
}

div.mfd_secur p {
	color: #FFF;
}

div.mfd_secur p a {
	color: #FFF;
}

div#footer .header, div#footer-other .header {
  padding: 0;
  margin: 0;
}

div.mfd_secur p span.footer-h {
	color: #f5822a;
	font-weight: bold;
}

div.mfd_int p, div.mfd_awe {
	color: #FFF;
}

div.mfd_int p a {
	color: #FFF;
}

p span.footer-h {
	color: #f5822a;
	font-weight: bold;
}

div#subfooter {
	clear: both;
	text-align: center;
	overflow: hidden;
	position: relative;
}

div#copyright {
	
}

div#copyright p {
	color: #FFF;
}

div#footercopy_right {
	position: absolute;
	right: 0px;
	text-align: right;
}

div#footercopy_right p {
	position: absolute;
	left: -85px;
	top: 5px;
}


div#security-services {
	float: left;
	width: 300px;
}

div#construction-services {
	float: right;
	padding: 0 170px 0 0;
}

div#security-services p a, div#construction-services p a {
	color: #FFF;
}

/* parent*/

div#content {
  padding: 15px 0 0 0;
 /* text-align: justify;*/
}

div#content ul.parent {
	font-size: 12px;
/*  padding: 10px 0 0 0px;*/
}

div#content ul.parent a {
  display: block;
}

div#content ul.parent li {
  float: left;  
	padding: 0 15px 0 0;
	list-style: none;
/*  white-space: nowrap;*/
	width: 210px;
}

div#content ul li a {
  color: #4e2405;
  background: transparent url(/img/bullet.gif) no-repeat left 5px;	
	padding-left: 20px;
}

div#mid-right-other h1 {
  padding: 0 0 15px 0;
}

div.projects_btn {
  padding: 20px 0 0 0;
  clear: left;
}



div.projects_btn img {
  float: left;
  padding: 0 20px 0 0;
}

div.projects_btn p {
  padding: 20px 0 0 0;
  font-size: 14px;
  font-weight: bold;
}

div.projects_btn a {
  color: #4e2405;
}



/* child */

div#child-content {
  width: 360px;
  float: left;
/*  text-align: justify;*/
}

div#child-image {
  float: right;
  padding: 10px 0 0 0;
}


/* projects */
/* news list */
/* contact */

div.contact-box,
div.news-list,
div.careers-list,
div.project {
	overflow: hidden;
}

div.contact-box,
div.news-list,
div.careers-list,
div.project {
	background-color: #edebec;
	border: thin solid #cccccc;
	padding: 2px;
	margin: 0 0 15px 0;
}


div.contact-box div.contact-content,
div.news-list div.news-content,
div.careers-list div.careers-content,
div.project div.project-content {
	width: 360px;
	padding: 10px;
	float: left;
	overflow: hidden;
}

div.contact-box div.contact-content {
    width:auto;
}

div.news-list div.news-content h2,
div.careers-list div.careers-content h2,
div.project div.project-content h2 {
	color: #f5822a;
}

div.news-image,
div.careers-image,
div.project-image {
	padding: 0;
	float: right;	
	border: 1px solid #000;
}


/* news 
    careers
*/
p.date {
	color: #f5822a;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	padding: 15px 0 0 0;
}


div.news-item div.news-content,
div.careers-item div.careers-content
 {
	width: 425px;
	float: left;
	font-size: 12px;
}

div.news-item div.news-content h2,
div.careers-item div.careers-content h2 {
	padding: 0 0 10px 0;	
	font-weight: bold;
}

div.news-item div.news-content p,
div.careers-item div.carrers-content p {
	font-size: 12px;
}

div.news-item div.news-item,
div.careers-item div.careers-item {
	overflow: hidden;
	padding: 0 0 5px 0;
}

div.news-item div.news-image,
div.careers-item div.careers-image {
	float: right;
}

div.news-list div.news-content h2.news-archive a,
div.news-list div.news-content h2.news-archive a:link,
div.news-list div.news-content h2.news-archive a:visited,
div.news-list div.news-content h2.news-archive a:active,
div.careers-list div.careers-content h2.careers-archive a,
div.careers-list div.careers-content h2.careers-archive a:link,
div.careers-list div.careers-content h2.careers-archive a:visited,
div.careers-list div.careers-content h2.careers-archive a:active{

    color:#F5822A;
}

div.news-list div.news-content h2.news-archive a:hover,
div.careers-list div.careers-content h2.careers-archive a:hover {
    color:#F5822A;
    text-decoration:underline;
}


/* contact */
div#contacts h2 {
	color: #f5822a;
	padding: 0 0 6px 0;
}

div#contacts h2 span {
  color: #000;
  font-size: 12px;
  font-weight: normal;
}

div.contact-box {
	width: 634px;
	overflow: hidden;
	padding: 0 0 10px 0;
}

div.contact-top {
	width: 634px;
	height: 14px;
	background: url(/img/contacts-top.gif) no-repeat;
	overflow: hidden;
}

div.contact-mid {
	width: 634px;
	background: #cacad1 url(/img/contacts-mid.gif) no-repeat;
	padding: 0 0 0 15px;
	overflow: hidden;
}

div.contact-btm {
	width: 634px;
	height: 15px;
	background: url(/img/contacts-btm.gif) no-repeat;
}

div#london-map, div#romsey-map {
	width: 220px;
	height: 220px;
	float: left;
	border: thin solid gray;
}

div.details {
	margin: 0 0 0 230px;
}

div.contact-box h3 {
	font-weight: bold;
	font-size: 14px;
}

span.detail {
	font-weight: bold;
	width: 100px;
	display: block;
	float: left;
}

div.contact-box form {
	padding: 0 0 15px 0;
}

p.directions {
	background: url(/img/pdf.gif) no-repeat;
	padding: 0 0 0 30px;
}

div.contact-box a {
	color: #000;
}

div.details p {
	padding-bottom:0;
}

/* pagination */
div.pagination {
	clear: both;
	font-size: 12px;
	font-weight: bold;
}

div.pagination a {
	color: #000;
}

/* content lists */

div#middle ul {
	font-size: 12px;
	padding: 0 0 20px 20px;
}

div#middle ul li {
	padding: 0;
	list-style-type: disc;
	line-height: 20px;
/*	font-weight: bold;*/
}

/* shadow boxes */

div#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

div#shadow-container .shadow2,
div#shadow-container .shadow3,
div#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    div#shadow-container .shadow1 {
        background: #F1F0F1;
    }

    div#shadow-container .shadow2 {
        background: #DBDADB;
    }

    div#shadow-container .shadow3 {
        background: #B8B6B8;
    }