@charset "utf-8";
/* CSS Document */


/* *:lang(zh-tw) {   font-family: "SimSun", serif } */

body
{
font-family:Arial,Helvetica,sans-serif;
margin-top:0px;
margin-bottom:0px;
background:#00a88e url("../img/parts/pagebg.jpg") 0 -102px repeat-x;
}

a{
text-decoration:none;
color:#00a88e;
}

#flashMessage.message, .newstext p, 
p.read-more, p, .sub-navigation li, #careers-page dl, #abouts-page dl
{
font-size:12px;
color:#666;
padding:12px 0;
letter-spacing:.03em;
line-height:1.4em;
}

/*Remove top padding for decriptive text*/
.newstext p{
padding-top:0;
}

p#caption{

}
p.twenty
{

font-size:20px;
color:#666;
}

p.twentyspaced
{
line-height:130%;
font-size:1em;
color:#666;
margin:20px 0 10px 0;
padding:0;
}

p.bottom
{
font-size:13px;
color:white;
line-height:140%;
}

p strong{
font-weight:800;
}

h2, h4
{
font-weight:600;
font-size:20px;
color:#666;
padding:0 0 14px 0;
}

h3.sub-navigation-header{
padding:5px 0 0 20px;
color:#00a88e;
background:url("../img/parts/page-subheader-bg.jpg") 1px -1px no-repeat;
height:30px;
font-size:.9em;
font-weight:normal;
}

h3.bitesize-header{
padding:6px 0 0 20px;
color:#e5f6f3;
background:url("../img/parts/careers-box-roof.jpg") 0px -1px no-repeat;
height:30px;
font-size:.9em;
font-weight:600;
letter-spacing:.03em;
margin:0 0 4px 0;
line-height:16px;
}

h4{

font-size:.9em;
margin-top:0px;
padding:0px 0 12px 0;
}

h2.header{
background:url("../img/parts/page-header-bg.png") 1px -1px no-repeat;
height:24px;
color:#fff;
font-size:1em;
padding:6px 0 0 18px;
margin:0 0 30px 0;
font-weight:400;
text-transform:capitalize;
letter-spacing:.15em;
}


.newsletters h2.header, #homes-page h2.header, #services-page h2.header,#news-page h2.header{
background:url("../img/parts/page-header-newsletter-bg.jpg") 1px -1px no-repeat;
}

 
dl
 {
 display: block;
 
 }

dt
 {
 clear:   left;
 display:  block;
 font-weight: bold;
 float:   left;
 width:   100px;
 }

dd
 {
 clear:   right;
 display:  block;
 white-space: nowrap;
 }

.btn-download{
display:block;
width:85px;
height:22px;
color:#fff;
background:url('../img/parts/btn-download.png') -1px 0 no-repeat;
padding:5px 0 0 0;
text-align:center;
}

.btn-view-aims{
display:block;
width:115px;
height:25px;
color:#fff;
background:url('../img/parts/btn-view-aims.png') 0px 0 no-repeat;
padding:4px 0 0 0;
text-align:center;
}

.btn-read-more{
display:block;
width:88px;
height:23px;
color:#fff;
background:url('../img/parts/readmore.png') 0px 0 no-repeat;
padding:3px 0 0 0;
text-align:center;
}

#fullcontainer
{
width:940px;
margin:0 auto;
overflow:hidden;
position:relative;
}

#container-top
{
width:940px;
margin:0 auto;
overflow:hidden;
margin-bottom:18px;
}

#container-box1
{
width:940px;
margin:0 auto;
overflow:hidden;
margin-bottom:0px;
background:transparent;
}
#homes-page #container-box1{
margin-bottom:14px;
}

#container-box2
{
background:url("../img/parts/box2-main-trans.png") 0 -26px no-repeat;
width:940px;
height:271px;
margin:0 auto;
overflow:hidden;
margin-bottom:18px;
float:left;
}

.container-box3
{

width:940px;
/*height:638px;*/
overflow:hidden;
margin:0 auto 18px auto;
}

.body-bg-container{
width:100%;
background-image:url("../img/parts/box3-bg.jpg");
padding-bottom:10px;
}
#container-bottom
{
width:940px;
margin:0 auto;
margin-top:30px;
overflow:hidden;
float:left;
}

#container-footer
{
width:940px;
height:40px;
margin:0 auto;
overflow:hidden;
float:left;
font-size:13px;
color:white;
letter-spacing:.08em;
}
#container-bottom a, #container-footer a{
color:#fff;
}


#logo
{
width:364px;
height:86px;
overflow:hidden;
float:left;
}

#languagebar
{
width:576px;
height:27px;
overflow:hidden;
float:left;
margin-bottom:40px;
}



#box2-top
{
width:942px;
height:12px;
overflow:hidden;
float:left;
}

#box2-center
{
	margin-left:20px;
padding:20px 10px 0 10px;
width:546px;
height:296px;
overflow:hidden;
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#666;
}

#box2-right
{
width:379px;
height:296x;
overflow:hidden;
float:left;
}

.box3-top
{
width:940px;
height:14px;
}

.content-box{
overflow:hidden;
width:938px;
padding:0 1px;
}

#box3-center1
{
width:940px;
height:28px;
margin-top:10px;
font-size:20px;
color:#666;
}

#box3-center2
{
width:510px;
min-height:558px;
overflow:hidden;
float:left;
margin-top:0px;
padding-left:20px;
padding-right:20px;
border-right:dotted thin #999;
}

#box3-center3
{
width:320px;
overflow:hidden;
float:left;
margin-top:7px;
padding-left:20px;
padding-right:20px;
color:#666;
}


.newsbox-list
{
margin-bottom:25px;
width:340px;
height:175px;
overflow:hidden;
float:left;
border-bottom:1px dotted  #999;
position:relative;
}


.newsbox-list.last{
border-bottom:0px dotted #999;
}

.box3-bottom
{
width:940px;
height:14px;
display:block;
margin:0px 0 0 0;
}

.newsbox
{
border:#99dcd2 solid thin;
padding:10px;
width:90px;
height:90px;
overflow:hidden;
float:left;
}

.newstext
{
width:207px;
padding-left:10px;
float:left;
overflow:hidden;
}

.newsletters .newstext, .media .newstext{
width:100%;
padding-left:0;
}

#bottom-title
{
width:220px;
height:20px;
border-bottom:thin solid white;
overflow:hidden;
float:left;
font-size:13px;
color:white;
margin-bottom:10px;
}

#bottom-1
{
width:220px;
height:200px;
overflow:hidden;
float:left;
}

#bottom-2
{
margin-left:19px;
width:220px;
height:200px;
overflow:hidden;
float:left;
}

#bottom-text
{
margin-top:0px;
width:220px;
height:200px;
overflow:hidden;
float:left;
}

#topnav
{
font-family:Arial,Helvetica,sans-serif;
width:576px;
height:300px;
overflow:hidden;
position:absolute;
right:0;
top:62px;
}


/* start navbar */
ul.menu{
	width:574px;
	padding:0;
    height:200px;
}
ul.menu li{
	display:block;
	float:left;
    position:relative;
    z-index:500;
}
ul.menu li a{
padding-top:2px;
	display:block;
	/* line-height:10px; - Assad causing mishandling of display ...why was this used???? */
	height:40px;
	font-size:.75em;
    color:#000;
font-weight:500;
	text-align:center;
	
}

ul.menu ul {
position:absolute;
display:none; 
left:0; 		
margin:-20px 0 0 -1px; 
padding:0;
list-style:none;
border-bottom:2px solid #cd001e;
overflow:hidden;
}
		
ul.menu ul li {
	width:109px; 
	float:left; 
	border-top:0px solid #fff;
}
		
/* display block will make the link fill the whole area of LI */
ul.menu .services ul li a{
background-color:#fff;
background-image:none;
font-size:.75em;
color:#00A88E;
padding:8px 2px 2px 0px;
height:40px;
line-height:1.4em;
letter-spacing:.02em;
border-top:1px dotted #f0f0f0;
}

ul.menu .services ul li a:hover{
background-color:#cd001e;
color:#fff;
}

ul.menu .home a{
	background:url("../img/parts/topnav.jpg") no-repeat 0 0px; 
	width:75px;
}
ul.menu .services a{
	background:url("../img/parts/topnav.jpg") no-repeat -76px 0px;
	width:109px;
}
ul.menu .about a{
	background:url("../img/parts/topnav.jpg") no-repeat -185px 0px;
	width:85px;
}
ul.menu .news a{
	background:url("../img/parts/topnav.jpg") no-repeat -271px 0px; 
	width:79px;
}
ul.menu .references a{
	background:url("../img/parts/topnav.jpg") no-repeat -350px 0px;
	width:131px;
}
ul.menu .contact a{
	background:url("../img/parts/topnav.jpg") no-repeat -481px 0px;
	width:95px;
}
ul.menu .home a:hover, ul.menu .home  a.active{
	background-position:0 -40px;
	width:75px;
	color:#000;
}
ul.menu .services a.active{
	background-position:-76px -40px;
	width:109px;
	color:#000;
}
ul.menu .about a:hover, ul.menu .about a.active{
	background-position:-185px -40px;
	width:85px;
	color:#000;
}

ul.menu .news a:hover, ul.menu .news  a.active{
	background-position:-271px -40px;
	width:79px;
	color:#000;
}
ul.menu .references a:hover, ul.menu .references a.active{
	background-position:-350px -40px;
	width:131px;
	color:#000;
}
ul.menu .contact a:hover, ul.menu .contact a.active{
	background-position:-481px -40px;
	width:95px;
	color:#000;
}
/* end navbar*/


/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}



/* Farhan Navbar*/

/* Jquery Slide Show */
#container-box1 #imagepanel{
width:100%;
overflow:hidden;
background:url('../img/parts/imagepanel-bg.png') 0px -0px no-repeat;
padding:7px 0 0 7px;
height:300px;
font-family:  Verdana, Geneva, Tahoma, sans-serif;
}

#container-box1 #imagepanel #image-dock{
width:612px;
float:left;
border-right:2px solid #00a88e;
}

#container-box1 #imagepanel #image-controls{
width:313px;
float:left;
height:288px;
border-right:1px solid #00a88e;
position:relative;
}

#container-box1 #imagepanel #image-controls  li{
margin:0;
border-bottom:1px solid #00a88e;
}

#container-box1 #imagepanel #image-controls  li.last{
border-bottom:0px solid #00a88e;
}


#container-box1 #imagepanel #image-controls li.image-controls-title,#container-box1 #imagepanel #image-controls li a{

display:block;
width:282px;
height:57px;
background-color:#cceee8;
background:url('../img/parts/option-bg.jpg') -140px -140px no-repeat;
padding:38px 0 0 30px;
color:#00a88e;
text-transform: capitalize;
font-size:.9em;
letter-spacing:0.12em;
}

#container-box1 #imagepanel #image-controls li a:hover, #container-box1 #imagepanel #image-controls li a.activeSlide{
color:#fff;
background-position:0px 0px;
}
/* Jquery Slide Show */

/*##
## Defaults
##*/

#page-main-panel{
width:940px;
height:328px;
background:url("../img/parts/page-main-panel.png") 0 0 no-repeat transparent;
}
#page-main-panel div{
padding:7px 7px;
}

/*##
## News Page
###*/

#news-page #container-box1{
margin-bottom:0px;
}
#news-page #sub-pages-news{
margin-left:69px;
width:100%;
overflow:100%;
font-size:.8em;
letter-spacing:.06em;
}
#news-page #sub-pages-news li{
float:left;
width:180px;
margin-right:20px;
}

#news-page #sub-pages-news li.last{
margin:0 0 0 20px;
}

#news-page #sub-pages-news li a.selected, .sub-navigation li a.selected{
color:#7d7d7d;
}

#contacts-page .content-box.news-container, #news-page .content-box.news-container{
padding:0 98px;
width:742px;
}

#news-page .news-page-col-one,#news-page .news-page-col-two{
float:left;
width:342px;
padding:0 28px 0 0;
border-right:1px dotted #a8a8a8;
}

#news-page h4{
margin-top:0px;
}

#news-page .news-page-col-two{
padding:0 0 0 28px;
border-right:0px dotted #a8a8a8;
}

#news-page .newsbox-list{
margin-bottom:24px;
height:175px;
}
#news-page .newsbox-list.last{
border-bottom:0px dotted #999;
}

#news-page .container-box3.news-nav .body-bg-container{
padding:0;
}

p#read-more{
width:70px;
height:20px;
display:block;
padding:0;
position:absolute;
bottom:30;
left:124px;
}

/**
** Service Page
**/

.left-col{
width:220px;
float:left;
margin-right:20px;
}

.center-col{
width:380px;
float:left;
margin-right:20px;

}

.center-col div{
padding:6px;
}

.right-col{
width:264px;
float:left;
}

.right-col div.col-content{
padding:2px 0 3px 7px;
background-color:#D4F1EC;
border:0px solid #00a08d;
min-height:200px;
}

#abouts-page .right-col {
padding:30px 0 0 0;
} 

#abouts-page.gallery .right-col{
padding:0;
}
.right-col div img{ 
border:1px solid #00a08d;
margin:0px 0;
}

div.right-roof,div.right-floor{
padding:0;
height:8px;
width:265px;
background:url("../img/parts/image-container-right-roof.jpg") -1px 1px no-repeat;
}

div.right-floor{
background:url("../img/parts/image-container-right-floor.jpg") -1px -2px no-repeat;
}

.sub-navigation{
padding:12px 0 0 20px;

}
.sub-navigation li{
padding:0;
margin-bottom:12px;
}


/**
** Careers & References Section
**/

#careers-page .content-box, #references-page .content-box{
padding:0 20px;
}

#contacts-page.index .bitesize-blocks{
position:relative;
}

#contacts-page.index .bitesize-blocks .btn-download{
position:absolute;
bottom:20px;
left:20px;
}

.bitesize-blocks{
 width:280px;
 overflow:hidden;
 display:inline;
 background-color:#f0f0f0;
 margin:0 30px 40px 0;
 float:left;
 height:350px;
 padding:0;
}
.


bitesize-blocks.last{
margin-right:0;
}
 
#contacts-page .bitesize-blocks div{
padding:0 20px;
}

 
#careers-page dl, #references-page dl{
padding:0;
margin:0 0 20px 0;
}

/*Remove BG and replace with white bg*/
#container-box1 #page-main-panel {
width:100%;
overflow:hidden;
}
#container-box1 #page-main-panel div {
width:926px;
overflow:hidden;
background-color:#fff;
padding:0px;
width:926px;
height:287px;
margin:7px 7px 0 7px;
}

#container-box1 #page-main-panel ul li{
float:left;
display:inline;
}

#container-box1 #page-main-panel ul.top-list li a{
width:108px;
}

#container-box1 #page-main-panel ul.bottom-list li a{

}

/**
** Abouts
**/

#abouts-page.environment div.center-col, #abouts-page.index div.center-col, #abouts-page.gallery div.center-col{
width:600px;
margin: 0 30px 0 0;
padding:0 0 0 20px;
}

.container-box-fourforty{
width:457px;
float:left;
margin:0 22px 0 0;
}

.container-box-fourforty .fourforty-roof{
background:url("../img/parts/box-440-roof.png") 0 0 no-repeat;
width:461px;
height:14px;
}

.container-box-fourforty.last{
margin:0;
}

.container-box-fourforty h2.header{
background-color:#fff;
border-left:1px solid #008f79;
border-right:1px solid #008f79;
width:441px;
background-position:-1px -1px;
margin:0;
}

.container-box-fourforty .content-box{
background-color:#fff;
border-left:1px solid #008f79;
border-right:1px solid #008f79;
width:419px;
padding:10px 20px 0 20px;
}

/*Gallery Options*/
#slideshow{
height:400px;
}
#slideshow-nav{
min-height:384px;
width:210px;
margin-left:25px;
}
#slideshow-nav ul {
width:100%;
overflow:hidden;
}

#slideshow-nav ul li{
width:60px;
height:44px;
float:left;
margin:0 10px 0 0;
}

/*##
## Build Ships
###*/

#services-page table{
width:100%;
border-collapse: collapse; /*Prevents IE from adding defualt spacing*/
}

#services-page table thead{
background:url("../img/parts/table-header-bg.jpg");  0 0 repeat-x;
height:28px;
}

#services-page th.thead-left{
background:url("../img/parts/table-left-corner.jpg") 0 0 no-repeat;
}
#services-page table .thead-right{
background:url("../img/parts/table-right-corner.jpg") transparent right 0 no-repeat;
padding-right:15px /*IE 7 fix*/
}

/*IE 7 fix*/
#services-page th.thead-left div,#services-page table .thead-right div{
background:url("../img/parts/table-header-bg.jpg")  0 0 repeat-x;
height:21px;
padding: 7px 0 0 0;
}

#services-page th{
padding-left:15px; /*IE 7 fix*/
color:#fff;
font-size:.9em;
font-weight:500;
}

#services-page tbody{
background-color:#e5f6f3;
color:#a3aaa9;
}

#services-page tr.first-row td, #services-page tr td{
padding:20px 0 5px 15px;
text-align:left;
font-size:.8em;
border-right:1px dotted #a3aaa9;
color:#7d7d7d;
}

#services-page tr td{
padding:5px 0 5px 15px;
}

#services-page tr td.last-table-cell{
border-right:0px dotted #a3aaa9;
}

#services-page tr.last-row td{
padding:5px 0 20px 15px;

}



#services-page table .thead-right{
padding-left:0px;
}
#services-page table .thead-right div{
padding-left:15px;
}


#services-page.ships table tr.new-ships > td{
background-color:#67D69F;
color:#2E6E56;
}
/**
** Contacts
**/

#contacts-page.index div.center-col{
width:938px;
margin: 0 0px 0 0;
padding:0 0 0 20px;
}

#contacts-page.index .bitesize-blocks{
padding:0;
height:300px;
}

#contacts-page .image-panel-muted div{
padding:6px;
}

#contacts-page .center-col p{
padding-top:0px;

}

/* Removed due to clients request for button instead of text - 13/12/10
#contacts-page .center-col p a{
text-decoration:underline;
}
*/

.image-panel-muted{
width:95%;
text-align:center;
margin:0 0 0px 0;
}

.copyright a{
color:#fff;
}


/**
** Paginator
**/

.paginator-controls{
width:400px;
margin:20px auto;
font-size: .8em;
overflow:hidden;
}

.paginator-controls .page-prev, .paginator-controls .page-next {
display:block;
width:100px;
height:20px;

}
.paginator-controls .page-prev{
float:left;
}
.paginator-controls .page-next{
float:right;
text-align:right;
}
.paginator-controls .disabled-pagination{
display:none;
}

/** Forms **/
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 95%;
}
fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 10px;
}
fieldset legend {
	background:#fff;
	color: #666666;
	font-size: 100%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 100%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form .input {
	color: #444;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
padding:0;
}
label {
	display: block;
	font-size: 90%;
	margin-bottom:3px;
}
input, textarea {
	clear: both;
	font-size: 90%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 0.2%;
	width:98%;
    border:1px solid #ccc;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: block;
	width: 90px;
    height:26px;
    border:none;
    padding:2px;
    cursor:pointer;
    background-position: 0px 2px;
}

/*
form .submit input[type=submit]:hover {
	background:#4ca83d;
	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}
*/

#flashMessage.message{
font-weight:800;
}

.bitesize-blocks div{
padding:0 9px;
}

#abouts-page dl{
background-color:#ebebeb;
padding:12px 6px;
margin-bottom:20px;
}
#abouts-page .center-col ul li, #box3-center2 ul li, #box3-center2 ol li,.center-col ul li, .center-col ol li {
background:transparent url("../img/parts/bullet.jpg") no-repeat 5px 3px;
font-size:0.8em;
margin:10px 0;
padding:0 0 0 20px;
color:#666666;
line-height:1.2em;
}
#box3-center2 ol, .center-col ol{
margin:0 20px;
}
#box3-center2 ol li, .center-col ol li {
background-image:none;
padding:0;
}