/* @override 
	http://midpoint.reachsites.co.uk/css/styles.css
	http://prologis.local:8888/css/styles.css
	http://www.prologismidpoint.co.uk/css/styles.css
*/

/* CSS Document */
html{width:100%;}
body{margin:0; font:normal 62.5% Arial, Helvetica, sans-serif; background-color:#000;}
img{border:none; display:block;}
#header_span{width:100%; background:url(../images/bg.jpg) center top #dbdcdc;}
#header_contain{width:950px; margin:0 auto;}

#feature_span{width:100%; background:url(../images/feature-bg.jpg) #2f2b2c repeat-x; border-top:1px solid #fff;border-bottom:1px solid #fff; float:left;}
#feature{width:950px; margin:0 auto;}
#feature img{position:relative;}
#feature #flash{float:left;*float:none;position:relative;z-index:1;}

#nav{position:absolute; z-index:99;}
#snav{position:absolute; z-index:99; margin-top:50px;}
#nav ul, #snav ul{margin: 10px 0 0; padding:0;}
#nav li, #snav li{float:left; list-style:none; background:#00664c; font:bold 1.2em Arial, Helvetica, sans-serif; text-transform:uppercase;}
#nav li a, #snav li a{display:block; background:#00664c; padding:14px 9px 14px 9px; color:#fff; text-decoration:none;}
#snav li a{padding:10px 9px 10px 9px; }
#nav li a:hover, #nav li #active, #snav li a:hover, #snav li #active{color:#000; background-color:#fff;}


#content_span{width:100%; /*background:url(../images/content-bg.gif) center;*/ float:left;}
#content_contain{width:950px; margin:0 auto;}
#content {width:950px; margin:0; background-color:#000; float:left;}
#content #col01, #content #col01_1{float:left;}
#content #col01_1{width:690px; min-height:300px; }
* html #content #col01_1{height:300px;}
#content #col01_1 ul{color:#fff;float:left; width:250px; clear:both; margin-top:8px; float:left; margin-left:25px;}
#whyprologis #col01_1 ul {width: 480px; margin-bottom: 2em; }

#content #col01_1 ul li{font:normal 1.5em Arial, Helvetica, sans-serif; margin-left:15px;padding-left:0;}
#content #col01_1 img{float:left;}

table#roads, table#ports, table#schedule,  table.schedule2 {width: 470px; border-collapse: collapse; margin: 20px 0 0 20px ; font:normal 1.5em Arial, Helvetica, sans-serif; color:#fff; clear:both; float:left;}
table.schedule2 {width: 320px;}

#roads thead td, #ports thead td, #schedule thead tr td, #schedule th, .schedule2 thead tr td, .schedule2 th {
	background-color: #666;
	border: 1px solid #000;
	font-weight: bold;
	border-right-style: none;
	border-left-style: none;
	color:#fff;
	padding:3px;
	text-align:left;
}
table#schedule, table.schedule2 { margin-bottom: 10px; }
#schedule tfoot tr td, .schedule2 tfoot tr td {  background-color: #666666; padding:3px; }

#roads tbody td, #ports tbody td, table#schedule td, table.schedule2 td {
	background-color: #12506b;
	color: white;
	border-bottom: 1px solid #000;
	padding:3px;
}

#col01 a {color:#00647f;}

#content h1{margin:0; font: bold 5em/0.9em Arial, Helvetica, sans-serif; color:#00647f; text-transform:capitalize; letter-spacing:-4px; padding:20px 0 0 10px;}
#content h2{margin:0; font:bold 2.3em/0.9em Arial, Helvetica, sans-serif; color:#fff; text-transform:capitalize; letter-spacing:-1px; padding:0 0 0 21px; clear:both;}
#homepage #col01 h3 { font:bold 2.3em/0.9em Arial, Helvetica, sans-serif;  text-transform:uppercase; letter-spacing:-1px; padding-left: 21px; color: #fff; }
#homepage #brochure h3 { font-size: 2.3em; text-transform: none; }
#content h3{margin:0; font: 2.8em/0.9em Arial, Helvetica, sans-serif; color:#00647f; font-weight:bold; letter-spacing:-1px; padding:30px 0 0 20px;}
#content h4{margin:0; font:bold 2.3em/0.9em Arial, Helvetica, sans-serif; color:#fff; text-transform:capitalize; letter-spacing:-1px; padding: 20px 0 0 20px; }
#content p{margin:0; font:normal 1.4em/1.6em Arial, Helvetica, sans-serif; color:#fff; padding:8px 0 8px 25px;}

#content #col02{float:left; font:bold 1.4em Arial, Helvetica, sans-serif;margin-top: 30px;}
#content #col02 ul {}
#content #col02 ul li{color:#fff; list-style:none;}
#content #col02 ul .galltitle{ margin-top:10px; margin-bottom:3px; color:#00647f;}
#content #col02 ul li a{color:#fff; background:#333; display:block; text-decoration:none; padding:8px;}
#content #col02 ul li a:hover{color:#000; background-color:#ccc;}

#content #col02_1{float:right; background:#202020; padding:20px; clear:both;}
#content #col02_1 p{margin:0; font:bold 1.4em Arial, Helvetica, sans-serif; color:#fff; padding:0px 0 8px 0; text-transform:uppercase; letter-spacing:0;}

#content #col02_1 h4{font:bold 1.2em Arial, Helvetica, sans-serif; margin:10px 0 0 0;padding:0; letter-spacing:0}

#content #col01 .contact{float:left; margin:20px 0 10px 25px;}
#content #col01 .contact p{float:none; padding:0; *clear:both; margin:10px 0 0 0;}
#content #col01 .contact img{border:2px solid #fff; float:none; clear:both;}
#content #col01 .contact a{color:#009de9; font-weight:bold; text-decoration:none;}
#content #col01 .content a:hover{text-decoration:underline; color:#fff;}

#news{width:140px; border-bottom:5px solid #000; margin-bottom:12px; padding-bottom:20px; background:#00664c; float:right; padding:10px; margin-left: 80px; margin-top: 75px; }

#news h4{margin:0; font:bold 1.9em Arial, Helvetica, sans-serif; padding:5px 0 5px 5px; }
#news h5{margin:0; font:bold 1.3em Arial, Helvetica, sans-serif; padding:0 0 5px 5px; color:#fff; }
#news p{text-transform:none; font:normal 1.1em Arial, Helvetica, sans-serif;padding:0 5px 5px 5px;}
#news a{font-weight:bold; color:#999999; padding:5px; font-size:1.1em; color:#fff; text-decoration:none;}
#news a:hover{text-decoration:underline;}
#news p a{padding:0 0 10px 0; display:block;}

#gallerythumbs{margin:10px;}
#gallerythumbs td{padding:5px; background:#1a1a1a;}

#footer{margin-top:50px;padding-bottom:20px; clear:both; float:left;}

/* Updates */

#homepage #col01 { float:left; width:650px; }

#homepage #news { margin: 0; float: none; border-bottom: 1px solid #262626; }

#homepage #progress, #homepage #brochure{ padding: 15px 10px; border: 1px solid #0a4e4b; width: 620px; float: left; background-color: #242424; margin-top: 5px; }

#homepage #brochure {  background: #242424 url(../pdf.jpg) no-repeat 25px 15px; height: 90px; }
#brochure a h4 { padding: 0; font-size: 2.3em; text-transform: none; color: #00664c; }
#brochure a { display: block; padding-left: 140px; padding-top: 5px; width: 235px; text-decoration: none; font-size: 2.3em; font-weight: bold; color: #fff; line-height: 0.9em; }

#brochure small { color: #00664c; text-decoration: none; position: relative; font-size: 11px; }

#homepage  #col02 h3 { font-size: 24px; margin-top: -20px; color: #bb110f; font-weight: bold; }

#homepage #col02 {float: right;width: 300px; font-size: 10px; margin-top: 20px; }
#homepage #col02 a{ text-decoration:none; color:#BB110F; font-weight:bold;}
#homepage #col02 a:hover{ text-decoration:underline;}
#homepage #col01_1 { width: 200px; float: right; }

#homepage #news { width: 620px; margin: 0; background-color: transparent; background-image: none; }
#homepage #news h4, #progress h4 { padding-left: 12px; font-size: 14px; }

#brochure a:hover { color: #00664c; }

#homepage #news p, #homepage #news a { font-size: 14px; line-height: 18px; padding-left: 10px; color: #00664c; }

#progress h3 {   padding-left: 0; }

#homepage #col01 #progress h3 {border: none; color: #fff; font-size: 2.3em; }

#homepage #news a { color: #00664c; }

#brochure h3 a { color: #00664c; }
#brochure h3 a:hover { color: #fff; text-decoration: none; }
#homepage #news h3, #homepage  #progress h3 { font-variant: normal; text-transform: none; border-bottom-style: solid; border-bottom-width: 1px; margin-left: 10px; padding: 0 0 2px; }
#homepage #news h5, #homepage  #progress h5 { padding: 5px 0 5px 11px; color: #fff; font-size: 12px; margin: 0; }

#progress h4 { padding-top: 5px; padding-bottom: 3px; }

#homepage #progress a img { padding-left: 10px; float: left; padding-right: 10px; }

#homepage #progress h3 {padding-left: 0; margin-left: 0; }

#homepage #col02 p { padding: 0; margin: 0; }

#col02 p { }

#progress a { color: #00664c; font-size: 1.2em; font-weight: bold; }
#progress a:hover { color: #fff; text-decoration: none; }

#homepage #col01 h1 { font-size: 40px; width: 640px; }

#homepage #col02 h3 {display: none;  }

#homepage #col01 h2 { color: #fff; font-size: 33px; padding-left: 10px; padding-top: 5px; }
#homepage #news p {  }

.gallery_box {float:left; width:310px; min-height:70px;}

.spacer{clear:both; height:7px; width:400px;}

#back_top{
float:left;
*float:left;
position:relative;
width:700px;
z-index:1;
height:65px;
background:url(../images/bk_top.jpg) left top no-repeat;
}

#fly_left{
float:left;
*float:left;
position:relative;
width:700px;
z-index:1;
min-height:300px;
}

#fly_right{
float:right;
*float:right;
position:relative;
width:250px;
z-index:2;
height:425px;
background:url(../images/bk.jpg) center top repeat-x;
}

.fly_nav
{
padding-top:60px;
padding-left:22px;
width:170px;
padding-bottom:7px;
}
.fly_nav p
{
margin:0;
padding:3px 0;
}
.fly_nav a
{
display:block;
width:150px;
background-color:#00664c;
padding:5px;
color:#fff;
text-decoration:none;
font-size:12px;
}
.fly_nav a:hover
{
background-color:#fff;
color:#000;
text-decoration:none;
}