@import url("fonts.css");

body {

	background:#ffffff url("images/bg.jpg") no-repeat top center;
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#494B4D;
	margin:0;
	padding:0;

}

p {

	font-size:1.4em;
	
}

a:link, a:visited {

	color:#CE371E;	
	
}

a:hover {

	text-decoration:none;
	
}

#container {

	margin:0 auto;
	padding:15px 10px;
	width:940px;	
	background:rgba(255,255,255, 0.9);
	background:#ffffff \0/;
	*background:#ffffff;

}

#header {
	
}

#logo {

	position:relative;
	width:940px;
	height:166px;
	background:url("images/logos/logo-main.png") no-repeat;
	
}

#logo a {

	position:absolute;
	top:0;
	left:0;
	width:940px;
	height:166px;
	
}

/* ############# HEADER AREA ############# */


#main-menu, #content-header {

	background:#A6A8AB url("images/greater-than.png") no-repeat 10px 11px;
	
}

#main-menu ul {

	*position:relative;
	margin:15px 0;
	padding:0 0 0 20px;
	list-style-type:none;
	*z-index:10;
}

#main-menu ul li.top-level {

	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 0 20px;
	padding:8px 0;
	font-size:1.8em;
	font-weight:700;
	
}

#main-menu ul li.top-level a {

	color:#ffffff;
	text-decoration:none;
	
}

#main-menu ul li.top-level:before {
	
	position:absolute;
	display:block;
	content:"";
	top:0;
	left:-10px;
	width:1px;
	height:38px;
	background:url("images/menu-divider.png") no-repeat;
}

#main-menu ul li.top-level:first-child:before { display:none; }

/*----menu drop down----*/

#main-menu ul li ul {

	display:none;
	
}

#main-menu ul li.top-level:hover ul {

	display:block;
	position:absolute;
	top:35px;
	left:-5px;
	width:200px;
	margin:0;
	padding:0;
	background:#A7A9AC;
	font-size:0.75em;
	font-weight:400;
	z-index:1;
	
}

#main-menu ul li.top-level:hover ul li {

	width:170px;
	margin:0;
	padding:0;	
}

#main-menu ul li.top-level:hover ul a {

	display:block;
	padding:7px 5px 7px 20px;
	background:url("images/greater-than-footer-moto.png") no-repeat 5px 10px;
	color:#13191C;
}


/* ############# END HEADER AREA ############# */

/* ############# MIDDLE AREA ############# */

/*email form*/

.form-box .row {

	display:inline-block;
	*display:inline;
	*zoom:1;

}

.form-box .row label {

	font-size:14px;

}

#email-req-mail { 

	width:200px; 
	padding:3px;
	border:1px solid #A6A8AB;
	
}

.form-box  input[type="submit"] {

	background:#CF371E;
	padding:3px;
	border:0;
	color:#ffffff;
	

}


/*end email form*/

/*slider */

#main-banner {

	position:relative;
	z-index:0;
	
}

.sliding-banner {  
	
	width:940px;
	height:273px; 
	padding: 0;  
	margin:  0;  
} 
		
.sliding-banner img {  

    width:  940px; 
    height: 273px; 

} 

.banner-link {

	position:relative;
	z-index:2;

				
}
		
.banner-text {

	position:absolute;
	bottom:0;
	left:0;
	font-size:50px;
	padding:10px;
	/*background:#ffffff;
	background:rgba(255,255,255,0.7);*/
	z-index:3;
	font-weight:700;
					
}

.banner-text { color:#ffffff ; }

.banner-text:hover {  }

.banner-image {

	border:0;
	position:relative;
	z-index:1;
}

#stamp {

	position:absolute;
	top:-65px;
	right:20px;
	width:200px;
	height:200px;
	background:url("images/stamp.png") no-repeat;
	z-index:7;
	
}

/*end slider*/
/*home page*/

.home-panels {
	

	
}

.panel {
	
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:300px;
	height:192px;
	margin:15px 0 0 16px;
	
}

.panel:hover {

	background-position:-300px 0 !important;
	
}

.panel .panel-title {

	position:absolute;
	top:20px;
	left:0;
	width:300px;
	height:30px;
	text-align:center;
	z-index:20;
	color:#ffffff;
	font-size:24px;
	font-family:'handofsean', arial, sans-serif;
	text-shadow:1px 1px #000000;
	transform:rotate(357deg);
	-webkit-transform: rotate(357deg);
	-moz-transform: rotate(357deg);
	-o-transform: rotate(357deg);
	 
}

.panel.one { margin:15px 0 0 0;}
.panel.four { margin:15px 0 0 0;}
.panel.seven { margin:15px 0 0 0;}


.panel a.panel-link {

	position:absolute;
	display:block;
	width:300px;
	height:192px;
	
}


.panel.three { background:url("images/home-panels/11.png"); }
.panel.ten { background:url("images/home-panels/10.png"); }

.panel a.more-link {
	

	background:url("images/grey-button.png");
	
}

a.button:link,
a.button:visited {

	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:135px;
	height:36px;
	padding:9px 0 0 10px;
	background:url("images/grey-button.png") no-repeat;
	color:#616161;
	text-shadow:0px 1px #ffffff;
	text-decoration:none;
	font-size:14px;
	font-weight:700;
	
}

a.button:hover {

	background:url("images/grey-button-hover.png") no-repeat;
	
}


.box-header {

	position:absolute;
	top:108px;
	left:45px;
	color:#231F20;
	font-size:1.6em;
	font-weight:700;
	
}

.box-header a { 

	text-decoration:none;

}

.box-header a:hover { 

	text-decoration:underline; 

}

.box-header:first-child {

	top:22px;
	
}


#latest-news ul {

	position:absolute;
	top:50px;
	left:20px;
	margin:0;
	padding:0;
	height:130px;	
	overflow: hidden;
	list-style-type:none;	
	font-weight:700;
}

#latest-news li {

	width:270px;
	font-size:1.1em;
	
}

#latest-news .headline {

	font-size:1.3em;
	
}

#latest-news .article-summary {

	color:#231F20;
	font-size:0.8em;	
	
}

#latest-news ul a,
#tweets li a {

	text-decoration:none;
	color:#231F20;
	
}

#latest-news ul a:hover,
#tweets li a:hover {

	text-decoration:underline;
	color:#CE371E;
}

#latest-news ul li {
	
}

#tweets {
	
	position:absolute;
	width:270px;
	height:130px;
	margin:0;
	padding:0;
	list-style-type:none;
	color:#231F20;
	font-size:1.3em;
	font-weight:700;
	outline:1px solid red;
	overflow:hidden;
	
}

#tweets li {
	
	height:130px !important;
	
}

/*end home page*/

/*main content area*/

#content-header {
	
	padding:7px;
	margin:15px 0 0 0;
	background-position:10px 14px;
	
}

#content-header h1 {

	padding:0 0 0 30px;
	margin:0;
	font-size:2.5em;
	
}

#content-body {

	padding:10px 0 10px 0;
	min-height:400px;
	
}

#content-body ul {

	padding-left:20px;
	

}

#content-body ul.formatted-list { 

	padding-left:0;

}

#content-body ul,
#content-body table {

	font-size:1.5em;
	
}

#content-body table {

	margin:15px auto;
	border:1px solid #CF3720;
	border-collapse:collapse;
	
}

#content-body table tr {

	background:#EEEEEE;	
}

#content-body table tr:nth-of-type(odd) {

	background:#FFFFFF;
	
}

#content-body table tr td:first-child {

	width:250px;
	
}

#content-body table td {

	padding:5px;
	
}

#content-body img {

	padding:10px;

}

#content-footer {
	
	margin:30px 0;
	
}

.box {

	display:inline-block;
	*display:inline;
	*zoom:1;
	width:265px;
	height:250px;
	margin:0 0 0 26px;
	padding:0 0 15px 0;
	border:1px solid #d7d8d9;
	box-shadow:0 0 10px #d7d8d9;
	font-size:1.15em;
}	

.box:first-child {

	margin:0;
	
}

.box p {
	
	text-align:center;
	margin:30px auto 0 auto;
	width:180px;
	
}

.box.one {

	background:url("images/report.png") no-repeat 65px 115px;
	
}

.box.two {

	background:url("images/alert.png") no-repeat 65px 115px;
	
}

.box.three {

	background:url("images/vbs.png") no-repeat 35px 112px;
	
}


.formatted-list {

	margin:0;
	padding:0 0 15px 0 ;
	font-size:1.3em;
	list-style-type:none;
			
}
.formatted-list li {
	
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #D5D7DB;	
	background:#EBEDF1;
}

.formatted-list a {

	font-size:1.4em;
	
}

.formatted-list a:hover {

	text-decoration:none;
	
}

.news-published-date {

	padding:5px 0;
	font-size:0.9em;
	color:#8C8E92;
}

.news-content {

	font-size:0.7em;
	
}

a.standard-btn:link,
a.standard-btn:visited{

	display:block;
	font-size:12px;
	color:#ffffff;
	padding:5px;
	width:90px;
	height:15px;
	text-decoration:none;
	background:url("images/small-button.png");
	
}

a.standard-btn:hover {
	
	background:url("images/small-button-hover.png");	
	
}

a.standard-btn.back {

	width:75px;
	padding-left:20px;	
	background:url("images/small-button-back.png");
	
}

a.standard-btn.back:hover {

	background:url("images/small-button-back-hover.png");
	
}
		
/*Pagination styling */

.page_navigation , 
.alt_page_navigation {
			
	
	font-size:1.3em;
	padding-bottom: 10px;
}

		

.page_navigation a, 
.alt_page_navigation a{

	display:inline-block;
	*display:inline;
	*zoom:1;
	width:auto;
	height:15px;
	line-height:normal;
	padding:3px 5px;
	margin:2px;
	text-decoration:none;
	background:#D65640;
	color:#ffffff;
	border:1px solid #CF371E;
	box-shadow:inset 0 0 #A50D00;
	text-shadow:0 1px 1px #5B0000;

}
	
.page_navigation a:hover,
.page_navigation a.active_page
.active_page {

	background:#CF371E;
	
}	

.content, 
.alt_content{
			

				
}

.content li, 
.alt_content li, 
.content > p {
				
	padding: 5px
						
}

.page_navigation a.no_more,
.page_navigation a.no_more:hover {

	background:#D5D7DB;
	border:1px solid #B9BBBF;
	text-shadow:0 1px 1px #B9BBBF;
			
			
}



/* ############# END MIDDLE AREA ############# */

/* ############# FOOTER AREA ############# */

#footer {
	
}

#footer-logos {

	padding:15px 0;
	
}

#footer-logos div {
	
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	
}

#footer-logos div a {

	position:absolute;
	top:0;
	left:0;	
}

#footer-logo-one {

	width:185px;
	height:52px;
	background:url("images/logos/dp-world.png") no-repeat;
	margin:0 12px 0 0;
}

#footer-logo-one a {

	width:185px;
	height:52px;	
}

#footer-logo-two {

	width:213px;
	height:49px;
	background:url("images/logos/abp-ports.png") no-repeat;
	margin:0 11px 0 0;
	
}

#footer-logo-two a {

	width:213px;
	height:49px;	
	margin:0 11px 0 0;
}

#footer-logo-three {

	width:249px;
	height:51px;
	background:url("images/logos/associated-british-ports.png") no-repeat;
	margin:0 11px 0 0;
}

#footer-logo-three a {

	width:213px;
	height:51px;	
}

#footer-logo-four {

	width:246px;
	height:52px;
	background:url("images/logos/logo-footer.png") no-repeat;
	margin:0 0 0 3px;	
}

#footer-moto {

	padding:10px 0;
	background:#A8A9AD;
	
}

#footer-moto ul {

	margin:0;
	padding:0;
	text-align:center;
}

#footer-moto ul li {

	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 0 15px;
	padding:0 0 0 14px;
	background:url("images/greater-than-footer-moto.png") no-repeat 0 7px;
	font-size:2.3em;
	font-weight:700;
	
}

#footer-links {

	padding:5px;
	text-align:center;
	font-size:1.1em;
	
}

#footer-links ul {

	margin:0;
	padding:0;
	list-style-type:none;
	
}

#footer-links li {

	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 0 5px;
	
}

#footer-links li:before {


	content:"|";
	padding:0 7px 0 0; 
	
}

#footer-links li:first-child {

	margin:0;
	
}

#footer-links li:first-child:before {

	content:"";
	
}

#footer-links a {

	color:inherit;
	text-decoration:none;
	
}

#footer-links a:hover {

	text-decoration:underline;
	
}



/* ############# END FOOTER AREA ############# */

/* ############# USEFUL DECLARATIONS ############# */

.float-left { float:left; }
.float-right { float:right; }

.txt-left { text-align:left; }
.txt-center { text-align:center; }
.txt-right { text-align:right; }


/*CLEAR FIX*/

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */