/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #ffffff;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-x;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	text-align: center;
}

#skip-navigation{
	height:0px;	
	overflow: hidden; 
}

#preview, #preview-admin{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:2001;
}	
#preview p, #preview-admin p{
	background-color:#0000FF;
	color:#FFFFFF;
	margin:0px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
}
#preview-admin p{
	background-color:#333333;
}

#wrap{
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	width: 1024px;
}

#header{
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	position: relative;
}

	
#centerc{
	display: inline;
	float:left;
	margin-left:262px;
	margin-top: 15px;
	padding-left: 20px;
	padding-top: 10px;
	position:relative;
	width:742px;
}
* html #centerc {  /* This is the Tan hack */
	width: 762px; 
	w\idth: 742px; 
}
#centerc img{
	display:block;
}
	
#leftc{
	border-right: #dadddd solid 1px;
	float:left;
	margin-left:-1024px;
	margin-right: 13px;
	margin-top: 25px;
	padding-left:42px;
	width: 219px;
}
* html #leftc {  /* This is the Tan hack */
	width: 262px; 
	w\idth: 219px; 
}

#footerwrap {
	background-color: #024d8d;
	float: left;
	margin-top:80px;
	text-align: left;
	width: 100%;
}
	
#foot{
	background-color: #024d8d;
	clear: both;
	font-size:12px;
	height: 190px;
	margin: 0 auto;
	padding-top: 35px;
	width:1024px;
}
* html #foot {
	height:225px;
	he\ight: 190px;
}

#footerclear {
	clear: both;
}

#uc4-link{
	color:#000000;
	font-size:10px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
}
#uc4-link a,#uc4-link a:visited{
	color:#000000;
	text-decoration:none;
}	

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header_graphic{
	margin-left: 75px;
}

#header_graphic img {
	display: block;
	margin: 0px;
	padding: 0px;
}
#navigation{
	background-color: #024d8d;
	float:left;
	margin-bottom:23px;
	/*margin-left: 504px;*/
	margin-top: 16px;
	width:1024px;
}

/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	float:left;
	list-style: none;
	margin: 0px;
	margin-left: 610px;
	padding: 0px;
	width:410px;
}
#navigation ul li {
	display: inline;
	padding: 0px;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
	background-color: #024d8d;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	background-color:#FFFFFF !important;
	color: #1c7497;	
}
	
/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
#menu ul li {
	margin: 0; 
	padding: 0;
	margin-bottom:20px;
	width: 170px; 
}

#menu ul li a, #menu ul li a:visited {
	background-image: url(../images/menu-li-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0% 70%;
	color:#4f6770;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height:12px;
	margin:0px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 5px;
	text-decoration: none;
	text-transform: uppercase;
	/*width avoids extra whitespace in ie5-6*/
	width: 145px;
}
* html #menu ul li a, #menu ul li a:visited {  /* This is the Tan hack */
	height:22px;
	he\ight:12px;
	width: 170px; 
	w\idth: 145px; 
}
#menu ul li a:hover {
	background-image: url(../images/menu-li-hover-bg.jpg);
	background-repeat: no-repeat;
	color:#4f6770;
}
.menu_header {
	border-bottom: 1px solid #666666;
	display: block;  
	font-weight: bold;	
	padding-bottom: 5px; 
	padding-left: 22px;	
	padding-right: 0px;	
	padding-top: 5px; 
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 206px;
}
* html .menu_header {  /* This is the Tan hack */
	width: 228px; 
	w\idth: 206px; 
}

.menu-double{
	padding-bottom: 25px !important;
	padding-top: 10px !important;
}	


/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li{
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited{
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 34px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 194px;
}
* html #submenu ul li a,  #submenu ul li a:visited {  /* This is the Tan hack */
	width: 228px; 
	w\idth: 194px; 
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft{
    float: left;
}
#footerleft ul{
    list-style: none; 
    margin: 0;
	margin-left: 42px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    position: absolute;
	white-space: nowrap;
}
#footerleft ul li{
	color: #FFFFFF;
	display: block;
	font-size: 0.9em;
	line-height: 1.6em;
	margin: 0;	
	padding-right: 11px;	
}
#footerleft ul li a{		
	color: #FFFFFF;
	text-decoration: none;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus{	
    color: #FFFFFF;
	text-decoration: none;	
}
#footerright{
    float: right;
}
#footerright ul{
    list-style: none; 
    margin: 0;
	margin-right: 42px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    white-space: nowrap;
}
#footerright ul li{
	color: #FFFFFF;
	display: block;
	font-size: 0.9em;
	line-height: 1.8em;
	margin: 0;	
	padding-right: 11px;	
}
#footerright ul li a{		
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus{	
    color: #FFFFFF;
	text-decoration: none;	
}
	
/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border: 0px;
  margin:0px;
  padding: 0px;
  padding-top: 10px;
  width: auto;
  }
legend {
  color: #4f6770;
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 10px;
}
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
textarea{
  margin-bottom:5px;
}	 
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  overflow:auto;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  color: #7d7f81;
  display:block;
  float: left;
  font-size: 1.1em;
  width: 200px;
  margin-right: 10px;
  padding-bottom: 10px;
  }
.nofloat{
	float:none;
	margin-right:0px;
}	
/* hide anti spam box */
.sec-form-field {
	display: none;
}

.error {
    color: #FF0000;
}

.contactInput{
	border:1px solid #a9b3b4;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	margin-bottom:11px;
	padding:0px;
	padding-bottom:9px;
	padding-top:9px;
	padding-left:11px;
	padding-right:11px;
}
.contactInputLarge{
	width:326px;
}
* html .contactInputLarge{
	width:350px;
	w\idth:326px;
}

.contactInputSmall{
	width:76px;
}
* html .contactInputSmall{
	width:100px;
	w\idth:76px;
}

.InputButtonBlue{
	background-color:#024d8d;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-top:6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}
/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplaceLeft {
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
	margin-left: 28px;
	width: 500px;
  } 

div.TableReplaceRow div.TableReplaceLeftB {
	float: left;
	text-align: left;
	width: 400px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRightB {
	float: right;
	margin: 0px;
	margin-left: 28px;
	width: 300px;
  } 


div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}



/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/
.casestudy {
	float: left;
	width: 700px;
}

.casestudy-item {
	background-color: #eceff1;
	float: left;
	margin-bottom: 15px;
	padding: 16px;
	width: 668px;
}
* html .casestudy-item {
	width: 700px;
	w\idth: 668px;
}

.casestudy-item img {
	float: left;
	margin-right: 30px;
}



.casestudy-title {
	color: #4f6770;
	float: left;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 0px;
	text-transform: uppercase;
	width: 350px;
}

.read-more {
	background-color: #bec6c7;
	color: #ffffff;
	float: left;
	font-size: 0.9em;
	margin-top: 17px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.title {
	color: #4f6770;
	float: left;
	font-size: 1.4em;
	font-weight: normal;
	margin-left: 16px;
	margin-right: 0px;
	padding: 0px;
	text-transform: uppercase;
	width: 200px;
}

.view-all {
	background-image: url(../images/view-all-bg.jpg);
	background-position: 0% 43%;
	background-repeat: no-repeat;
	float: right;
	color: #4f6770 !important;
	font-size: 1.4em;
	font-weight: normal;
	margin-right: 16px;
	margin-top:15px;
	padding-left: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
	
.contentbox220 {
	float: left;
	margin-right: 20px;
	width: 220px;
}

.contentbox220 img {
	margin-bottom: 20px;
}

.contentbox700 {
	border-top: #a9b3b4 solid 10px;
	float: left;
	margin-top: 30px;
	width: 700px;
}

.last {
	margin-right: 0px;
}

.greybox {
	background-color: #a9b3b4;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
}

#home-box{
	margin-left:18px;
}

.logoBSI {
	float: left;
	margin-bottom: 50px !important;
	margin-top: 25px;
}

#leftc-bottom img {
	float: left;
	margin-bottom: 10px;
}

.footer-nav {
	float: left;
	margin-right: 20px;
	width: 140px;
}

#map-holder {
	float: right;
}

#downloads {
	float: none;
	margin-bottom: 10px;
}


		

/***** START: SLIDER RELATED *****/
.sliderwrap{
	border-bottom: #013560 solid 45px;
	position:relative;
}	

.sliderwrap ul{
	max-height:311px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	list-style:none;
}
	
#slider1{
	background-color:#666666;
	position:relative;
	margin: 0px;
	padding: 0px;
	width:1024px;
}	
#slider1 li{
	width:1024px;
	height:311px;
}
#slider1 li img{
	width:1024px;
	height:311px;	
	position:absolute;
	top:0px;
	left:0px;
}
#slider1 li div.textbackground {
	background-image: url(../images/slider-div.png);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 480px;
	height: 168px;
	overflow: hidden;
	padding: 30px;
	position:absolute;
	bottom:40px;
	left:77px;
	z-index:300;
/*	display:none;*/
}
* html #slider1 li div.textbackground {
	height: 228px;
	he\ight: 168px;
	width: 540px;
	w\idth: 480px;
}

#slider1 li div.textarea{
	border-top: #ffffff solid 10px;
	height: 110px;
	padding-top: 10px;	
	width: 480px;
}
* html #slider1 li div.textarea{
	height: 120px;
	he\ight: 110px;
}
	
#slider1 li div.transparent-link {
	/*background-color: #7fa9b8;*/
	width: 170px;
	height: 40px;
	position:absolute;
	top:214px;
	left:107px;
	z-index:302;
}
#slider1 li div.transparent-link a {
	background-color: #7fa9b8;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}


#slider1 li p {
	text-align: left;
	color:#FFF;
	margin: 0px;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
}

#pager{
	color:#FFFFFF;
	display:block;
	left:5px;
	padding:0px 3px 0px 7px;
	position:absolute;
	top:291px;
	right:10px;
	width:100%;
	z-index:100;
}
#pager a{
	background-color:#FFFFFF;
	color:#ffffff;
	display:inline;
	float:left;
	font-size:6px;
	margin-right:4px;
	width:9px;
	height:9px;
}
.active{
	background-color:#52c2f0 !important;
	color:#52c2f0 !important;
}

.sliderwrap .bx-prev {
	position: absolute;
	top: 150px;
	left: 4px;
	width: 45px;
	height: 45px;
	text-indent: -999999px;
	background: url(../images/left-arrow.gif);
	z-index:100;
}

.sliderwrap .bx-next {
	position: absolute;
	top: 150px;
	right: 4px;
	width: 45px;
	height: 45px;
	text-indent: -999999px;
	background: url(../images/right-arrow.gif);
	z-index:100;
}
/***** END: SLIDER RELATED *****/


.menu-sub{
	color:#03729d;
	font-size:10px;
}

#selectboxes select{
	width:120px;
}