/* basic layout ---------- */

body{
padding:0;
margin:0;
background: #fff url(img/bg.gif) top left repeat;
color:#333;
font:80%/150% arial, verdana, sans-serif;
}

#container{
width:780px;
margin:0 auto;
background:#fff url(img/back.gif) repeat-y;
}

#header {
padding:0;
margin:0 14px;
height: 110px;
background:#fff url(img/logo.gif) 0px 0px no-repeat;
}

#right{
padding:0;
margin:0 14px 0 156px;
}

#right p {
margin: 7px 0 10px 0;
}
	
#footerlogos {
padding:0;
margin:0 14px;
height: 280px;
background:#ffffff ;
}
	
	
/* headings -------- */
h1 {
margin: 0 14px;
font-size :9px;
padding:9px 14px 8px 14px;
font-weight: normal;
line-height: 1.0px;
font-style: normal;
text-transform:uppercase;
letter-spacing: 0.15em;
background: #eee;
color: #777;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#homepic h1 {
margin: 25px 30px 7px 25px;
border: none;
font-size :33px;
padding:0;
background: transparent;
text-transform:none;
font-weight: bold;
line-height: 21px;
font-style: italic;
letter-spacing: -0.01em;
color: #fff;
}

h1 span {
font-size: 17px;
color: #fff;
}

h2{
color:#104e93;
font:22px/1.2 arial, verdana, sans-serif;
margin:15px 0 5px 0;
padding:5px 0 5px 0;
border-bottom:1px solid #ddd;
letter-spacing: -1px;
}

h3{
	color:#104e93;
	margin:25px 0 0 0;
	border-bottom: 1px dotted #ddd;
	padding:0;
	letter-spacing: -0.01em;
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
}

h4{
color:#104e93;
font:15px/1.1 arial, verdana, sans-serif;
margin:15px 0 5px 0;
padding:0;
letter-spacing: -0.01em;
}

h5 {
margin: 15px 0 0 0;
padding: 5px 30px 0 30px;
color: #fff;
font-size: 12px;
letter-spacing: -0.01em;
font-weight: normal;
}

h6 {
margin: 0;
padding: 12px 0 2px 0;
color: #555s;
font-size: 16px;
letter-spacing: -0.02em;
line-height: 19px;
font-weight: normal;
}

h6 span {
font-weight: bold;
}

table h6 {
margin: 0 0 0 10px;
padding: 5px 0;
}
.clearFloat {
	clear: both;
}


/* home page -------- */


#homepic {
height:204px;
padding: 0;
background: #BB0000 url(img/docklands.jpg) top left no-repeat;
width: 752px;
margin:0 14px 1px 14px;
}

#homepicright{
float:right;
height: 204px;
width:367px;
margin: 0;
padding: 0;
background: url(img/red_back.jpg) top left no-repeat;
}
#homepic p {
font-size: 15px;
font-weight: normal;
line-height: 1.3em;
padding:  0;
margin: 25px 20px 0 25px;
color: #fff
}

#home {
	margin: 0;
	position:relative;
}

#home a:hover {
color: #004EFF;
}
 
#home p {
font-size: 11px;
color: #111;
line-height: 1.5em;
padding: 0 12px;
margin: 3px 0 0 0;
}
 
#home_table {
height:150px;
width: 600px;
float:right;
margin: 0;
}

#home_table img, #home_table img a, #home_table img a:active {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 0;
margin: 0;
border-left: none;
border-right: none;
text-decoration: none;
}

#one, #two, #three {
margin: 0;
padding: 0;
width: 200px;
vertical-align: top;
border-left: 1px solid #fff;
background: #ccc url(img/td.jpg) 0px 0px no-repeat;
}


/* linkage -------- */
a{
color:#073F94;
text-decoration:none;
}

a:hover{
color:#002AFF;
text-decoration:underline;
}




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

#navigation {
float:left;
width:155px;
margin:0px 0 25px 0;
padding:0;
}

#navigation ul {
font-size:11px;
line-height:13px;
margin:0px 0 0 14px;
}

#navigation ul li {
list-style:none;
text-indent:0;
}

#navigation ul li a {
text-decoration: none;
color:#555;
padding:8px 5px 8px 12px;
display:block;
background: url(img/button_back.gif) top left no-repeat;
border-bottom: 1px solid #ccc;
border-top:1px solid #fff;
}

#navigation ul li#active {
text-decoration: none;
color:#111;
background:#fff url(img/arrow.gif) no-repeat 120px 9px;
padding:8px 5px 8px 12px;
display:block;
border-bottom: 1px solid #ccc;
border-top:1px solid #fff;
}

#navigation ul li a:hover{
color:#111;
background:#fff url(img/arrow.gif) no-repeat 120px 9px;
}


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

#subnav ul {
font-size:10px;
line-height:13px;
margin:10px 0 0 0;
padding: 0;
border-top:1px dotted #ddd;
}

#subnav ul li a {
text-decoration: none;
color:#333;
padding:3px 3px 2px 9px;
display:block;
margin: 0;
background: #fff url(img/small_arrow.gif) 0px 7px no-repeat;
border-bottom: 0;
border-top:0;
}

#subnav ul li a:hover, #subnav ul li#active  {
color:#3253BB;
background: #fff url(img/small_arrow.gif) 0px 7px no-repeat;
text-decoration: underline;
}

#subnav li a#active:link, #subnav li a#active:visited {
color: #3253BB;
text-decoration: underline;
}

#contact p {
text-align: right;
padding: 0 25px;
}

#contact_home_bottom p {
text-align: left;
padding: 0 25px;
}

.margin_top {
padding: 15px 0 0 0;
}







/* images -------- */
img.left{
padding:4px;
border:2px solid #ddd;
float:left;
margin:12px 18px 0 0;
}

img.right{
padding:4px;
border:2px solid #ddd;
float:right;
margin:5px 0 15px 18px;
}




/* lists -------- */
ul{
padding-left:0;
margin-left:0;
}

li{
list-style:none;
}

ul.linklist li{
list-style:none;
background: url(/gfx/bullet.gif) no-repeat 0 2px;
padding:0 0 5px 18px;
line-height:1.1;
color:#333;
}



/* other stuff -------- */

.small {
color:#444;
font-size:12px;
text-align:left;
margin:0;
}

.phone{
color:#6392ac;
font-size:20px;
font-weight: bold;
text-align:left;
margin:0;
letter-spacing: -0.02em;
}

.path {
font-size:10px;
margin: 0 0 15px 0;
color:#aaa;
}


.no_underline a{
text-decoration:none;
}

#content {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 50px;
	margin-left: 25px;
}

.content_text {
border-bottom: 1px solid #ddd;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}

.home_text {
border-bottom: 1px solid #ddd;
margin: 0 180px 20px 0;
padding: 0 0 5px 0;
}

.homeh2 {
margin:5px 180px 5px 0;
}

#content ul {
margin: 10px 20px 20px 20px;
}

#content ul li {
background:#fff url(img/small_arrow.gif) no-repeat 0px 8px;
padding: 5px 10px;
font-weight: bold;
line-height: 1.1em;
font-size: 12px;
color: #0B488C;
}

#content ul li span {
font-weight: normal;
font-size: 11px;
color: #111;
}

#content ol {
margin: 0 15px 15px 15px;
padding: 0;
}

#content ol li {
background:#fff url(img/grey_block.gif) no-repeat 0px 8px;
padding: 4px 30px 4px 15px;
font-weight: normal;
line-height: 1.4em;
font-size: 12px;
color: #333;
margin: 0;
}






/* footer -------- */

#footer{
clear:both;
padding:25px 5px 25px 25px;
margin:0 14px;
background:#bbb url(img/footer.gif) no-repeat bottom right;
color:#666;
}

#footer p{
font-size:75%;
line-height:16px;
text-align:left;
}

#footer a{
color:#666;
text-decoration:none;
border-bottom:1px dotted #999;
}

#footer a:hover{
text-decoration:none;
color:#fff;
border-bottom:1px solid #aaa;
}





/* CONTACT PAGE -------- */

#contact_form {
border-bottom:1px solid #ddd;
margin: 10px 0 20px 0;
padding: 0 0 20px 20px;
}

#contact_form TABLE {
text-align:left;
margin: 0;
}


#contact_form INPUT, #contact_form TEXTAREA {
BORDER: #ccc 1px solid; 
FONT-SIZE: 11px;
COLOR: #333;
padding: 2px;
background: #f5f5f5;
font-family: arial, verdana, sans-serif;
}

#contact_form SELECT {
BORDER: #ccc 1px solid; 
FONT-SIZE: 11px; 
COLOR: #333;
padding: 1px;
background: #f5f5f5;
}


#contact_form tr, #contact_form td {
font-size: 11px;
margin: 0;
color: #333;
padding: 3px 0;
}





/* HOME PAGE CONTACT BOX -------- */

#small_contact {
width: 150px;
float: right;
background: #f5f5f5 url(img/small_contact.gif) 5px 60px no-repeat;
margin: 0 0 0 15px;
padding: 0;
border: 1px solid #ddd;
}

#small_contact table {
margin: 0;
}

#small_contact td {
line-height: 1.0em;
padding: 5px 5px 0 10px;
margin: 0;
color: #333;
}

#small_contact h3 {
color: #fff;
font-size: 12px;
font-weight: normal;
background: #104e93;
border-bottom: 1px solid #ddd;
line-height: 1.4em;
padding: 3px 0 3px 6px ;
margin: 0 0 3px 0 ;
}

#small_contact h3 span {
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
color: #fff;
}

#small_contact SELECT {
BORDER: #bbb 1px solid; 
FONT-SIZE: 10px; 
COLOR: #333;
letter-spacing: -0.04em;
padding: 0;
background: #fff;
}

#small_contact TABLE {
text-align:left;
margin: 0;
font-size: 11px;
}


#small_contact INPUT, #small_contact TEXTAREA {
BORDER: #ccc 1px solid; 
FONT-SIZE: 11px;
COLOR: #333;
padding: 1px;
background: #fff;
font-family: arial, verdana, sans-serif;
}




/* CONTACT LEFT -------- */

#contactdetails {
margin: 10px 0px 0px 22px;;
}

#contactdetails h5 {
margin: 0 ;
font-weight: normal;
padding: 11px 0 2px 0;
text-align:left;
letter-spacing: -0.02em;
font-size:11px;
line-height: 1.1em;
color: #104e93;
}

#contactdetails p {
line-height: 1.1em;
font-size: 11px;
margin: 0;
padding: 0;
color: #333;
}




.bold {
font-weight: bold;
}




#product_box {
border: 1px solid #ccc;
padding: 10px 12px;
margin:  0 0 10px 0;
}

#product_box p {
margin: 7px 0 0 0 ;
}

#product_box img, #product_box img a, #product_box img a:active {
border: 0;
padding: 0;
margin: 0;
text-align: left;
text-decoration: none;
}
.mainServices {
	margin-left: 9px;
}
.mainServices img {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.mainServices .textbox {
	background-image: url(img/mainservices_textbox.jpg);
	height: 105px;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 5px;
	float: left;
	width: 150px;
}
.mainServices  a.readmore {
	background-image: url(img/readmore.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 140px;
	display: block;
	float: left;
	padding-left: 10px;
	line-height: normal;
	padding-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 1px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #B3B3B3;
	letter-spacing: normal;
}
#home  .mainServices a:hover {
	color: #B80001;
}


.mainServices .item {
	float: left;
	width: 300px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.mainServices .item.last {
	border-right-style: none;
}
#home    .mainServices   h2  {
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	background-image: url(img/mainServices_h2.png);
	height: 28px;
	width: 290px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: normal;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#home .mainServices h2 a {
	color: #333333;
}