/* @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:#FFF;}
img{border:none; display:block;}
#header_span{width:100%; background:#a7a9ac;}
#header_contain{width:950px; margin:0 auto;}

#feature_span{width:100%; background:#FFF; /*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; background:#a7a9ac;}

#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:#FFF; float:left;}
#content_contain{width:950px; margin:0 auto;}
#content {width:950px; margin:0; background-color:#a7a9ac; float:left;}
#content #col01{float:left; width:630px; margin-left:20px;}
#content #col01 h2{margin:0; font:bold 2.3em/0.9em Arial, Helvetica, sans-serif; color:#fff; text-transform:capitalize; letter-spacing:-1px; padding:0; width:250px;}
#content #col01 ul{color:#fff;float:left; width:250px; clear:both; margin-top:8px; float:left; margin-left:25px;}
#content #col01 ul li {font:1.5em Arial,Helvetica,sans-serif; margin-left:15px; padding-left:0;}
#content #col01_1{float:left; width:630px;  }
#content #col01_2{float:left; width:630px; margin:0 0 0 20px;}
* 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: 310px; border-collapse: collapse; margin:20px 5px 0 0; font:normal 1.5em Arial, Helvetica, sans-serif; color:#fff; clear:both; float:left;}
table.schedule2 {width: 310px;}

#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: #006F53;
	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:#006f53; text-transform:capitalize; letter-spacing:-4px; padding:20px 0 0 0;}
#content h2{margin:0; font:bold 2.3em/0.9em Arial, Helvetica, sans-serif; color:#fff; text-transform:capitalize; letter-spacing:-1px; padding:0; 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:#006f53; font-weight:bold; letter-spacing:-1px; padding:30px 0 0 0;}
#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 0;}

#content #col02{float:right; font:bold 1.4em Arial, Helvetica, sans-serif; padding:30px 25px 0 0; margin:0;}
#content #col02 ul {padding:0;}
#content #col02 ul li{color:#fff; list-style:none;}
#content #col02 ul .galltitle{ margin-top:10px; margin-bottom:3px; color:#006F53;}
#content #col02 ul li a{color:#fff; background:#5A5C5E; display:block; text-decoration:none; padding:5px;}
#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 25px 10px 0; text-align:center;}
#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:#00664C; font-weight:bold; text-decoration:none;}
#content #col01 .content a:hover{text-decoration:underline; color:#fff;}

#news{width:140px; border-bottom:5px solid #000; background:#00664c; float:right; padding:5px; margin:20px 25px 0 0; color:#FFF;}

#news h4{margin:0; font:bold 1.9em Arial, Helvetica, sans-serif; padding:0; }
#news h5{margin:0; font:bold 1.3em Arial, Helvetica, sans-serif; padding:0; color:#fff; }
#news p{text-transform:none; font:normal 1.1em Arial, Helvetica, sans-serif;padding:0;}
#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{}
#gallerythumbs td{padding:5px; background:#1a1a1a;}

#footer{margin-top:50px; float:left; background:url(../images/footer-bk.jpg) top left repeat-x; width:950px; height:140px;}
#footer_uk {width:240px; float:left;}
#footer_prologis {width:170px; float:right;}

#content .footer_last{padding:5px 10px 0; background:#FFF; clear:both; height:15px;}
#content .footer_last p.copyright{color:#000; font-size:1em; padding:0; float:left; /*width:854px;*/}
#content .footer_last p.reach{color:#000; font-size:1em; padding:0; float:right;}
#content .footer_last p.reach a{color:#000;}

/* Updates */

#homepage #col01 { float:left; width:630px; margin-left:20px;}

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

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

#homepage #brochure {  background:url(../pdf.jpg) no-repeat; height:68px; }
#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: 250px; font-size: 9px; padding:20px 25px 0 0; margin:0; }
/*#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 #brochure_box {float:right; width:205px; background-color:#5a5c5e; border:1px solid #0A4E4B; padding:10px; margin-top:25px;}
#homepage #brochure_box h3 {color:#FFF; font-size:2.3em; padding:0 0 20px 0;}
#homepage #brochure_box a {color:#014332; font-size:1em; font-weight:bold;}
#homepage #brochure_box img {float:left; padding:0px 5px 15px 0;}

#brochure_box {float:right; width:205px; background-color:#5a5c5e; border:1px solid #0A4E4B; padding:10px; margin-top:25px;}
#brochure_box h3 {color:#FFF; font-size:1.4em; padding:0 0 20px 0;}
#brochure_box a {color:#014332; font-size:0.7em; font-weight:bold;}
#brochure_box img {float:left; padding:0px 5px 15px 0;}

#homepage #news { width: 240px; margin: 0; background-color: transparent; background-image: none; color:#FFF; }
#homepage #news h4, #progress h4 { font-size: 14px; }

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

#homepage #news p, #homepage #news a { font-size: 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; padding: 0 0 2px; }
#homepage #news h5, #homepage  #progress h5 { padding: 5px 0 5px 0px; 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: 590px; }

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

.gallery_box {float:left; width:285px; 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;
}