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

/************ RESET ***************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,

/* Eric Meyer's Reset Stylesheet: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/************ GENERIC ***************/
html{padding:0; margin:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #0b1f31; padding:0; margin:0;}
a { text-decoration:none;}
a:hover {color:#000;}
p { text-align:justify; color:#555; font-size:1em; line-height:1.5em; margin-bottom:15px;}
h1{ margin-bottom:20px; margin-top:10px; width:100%; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; color:#F60;}
h2{ font-size:1em; font-weight:bold; float:left; width:100%;}
h3{ font-size:1em; font-weight:bold;}

.clear{ clear:both;}
.odd{ background-color:#f1f1f1}
.even{ background-color:#f9f9f9}
.align-right{float:right}
.align-left{float:left}


/************ STRUCTURE ***************/

#wrap{ width:950px; margin: 0 auto;}
#wrapper{border:15px solid #fff; margin:20px 0 10px 0;}
#banner{ background-color:#000; height:170px; border-bottom:none;}
#site-panel{ background-color:#fff; }
#content-panel{ padding:0 0 0 0;}
#left-col{ width:600px; float:left; padding:0 10px 0 10px;}
#left-col h2{ margin-bottom:10px; margin-top:5px;}
#left-col a { text-decoration:none; color:#000; font-weight:bold;}
#left-col a:hover {color:#000; text-decoration: underline;}


#right-col{ width:280px; float:right; padding-left:10px;}
#breadcrumb{ padding:10px 0 5px 0; height:10px; color:#FF8C3F; font-size:.7em; margin-left:10px; margin-bottom:5px; }
#breadcrumb a{color:#999;}
#footer{ padding:30px 15px 35px 15px; background-color:#0b1f31; margin-top:15px; font-size:.8em; font-weight:normal;}

#page-header{ background-color:#0b1f31; float:left; width:600px; margin-bottom:20px;}
#page-header h1{ color:#fff; float:left; width:222px; margin-top:15px; margin-left:15px; font-size:1.6em; line-height:1.2em;}
#page-header img{ border-left:2px solid #fff; border-right:2px solid #fff; margin-right:15px; float:right;}

/* SIDE BAR */

.sidebar-list{ border:5px solid #f1f1f1; float:right; margin-bottom:20px; margin-right:10px; outline:1px solid #e1e1e1;}
.sidebar-list p{margin:0;width:255px; font-size:11px;}
.sidebar-list h2{ color:#fff; background-image: url(../images/menu-bg-slice.png); background-repeat:repeat-x; height:38px; width:265px;}
.sidebar-list h2 span{ margin:12px 0 0 10px; float:left;}
.sidebar-list h3 {margin:6px 0 2px 5px; font-size:12px; }
.sidebar-list ul { list-style: inside disc; padding-bottom:10px; float:left; margin-left:10px;}
.sidebar-list ul li {padding:7px 5px 7px 5px; font-size:.9em; float:left; width:255px; line-height:1.3em; text-align:left;}
.sidebar-list ul li a:hover{text-decoration:underline; color:#000;}
.sidebar-list ul li span{color:#777; margin-left:10px; font-size: .9em;} 
.sidelogo{padding:10px;}

.sidebartitlelink{
	color:#000!important;
	text-decoration:none;
	font-size:11px!important;
	margin-top:-4px!important;
	position:relative;
} 

.sidebarfooterlink{ background-color:#f1f1f1; padding:7px 0 2px 0; color:#000; text-align:right; width:100%; float:right; font-size:.8em; font-weight:bold; }
.sidebarfooterlink:hover{ text-decoration:underline;}

.list-item-header img{ float:left; margin:2px 3px 0 0;}
.list-item-header { float:left; width:100%; margin-bottom:3px;}

.list-item {padding:7px 5px 7px 5px; border-bottom:1px dotted #ccc; width:255px; float:left; font-size:.8em;}
.list-item a{ color: #FF6600; width:265px; text-decoration:none; font-weight:bold; font-size:10px;}
.list-item a:hover{ text-decoration:underline; }
.list-item span{ float:left; color:#999; margin-top:2px;}
.last {border-bottom:none!important;}

/* MENUS */
#menu{  background-color:#0b1f31; border-top:1px solid #17447F; font-size:11px; background-image:url(../images/menu-bg-slice.png); background-repeat: repeat-x;}
#menu ul{ float:left;}
#menu ul li{ float:left; }
#menu ul li:hover{ background-image:url(../images/menu-bg-slice-active.png); background-repeat: repeat-x;}
#menu ul li a{ color:#AFD2FF;padding:15px 23px 15px 23px; float:left;}
.active-menu { color:#fff!important; background-image: url(../images/menu-pointer.png); background-repeat:no-repeat; background-position:50% 100%;}
.left-item{ border-right:1px solid #0A141F;}
.center-item{ border-left:1px solid #12335F; border-right:1px solid #0A141F; }
.right-item{ border-left:1px solid #12335F;}


#sub-menu{ background-color:#bbbdbe;  margin-top:1px; border-bottom:2px solid #0b1f31; font-size:.9em;}
#sub-menu ul{ float:left; }
#sub-menu ul li{ float:left; padding:10px 15px 10px 10px;}
#sub-menu ul li a{ color:#0b1f31; font-weight:bold; }
#sub-menu ul li a:hover{ text-decoration:underline;}
.active-sub-menu { background-image: url(../images/sub-menu-pointer.png); background-repeat:no-repeat; background-position:50% 100%;}


/* PAGE ELEMENTS */

.bullets{padding:0px 10px 30px 10px; float:left; margin:0 0 0px 0;}
.bullets h3 {margin-bottom: 0px; font-size:1em; padding:10px; line-height:1.5em; color:#555;}
.bullets li {padding:8px 0 8px 15px; color:#0b1f31; list-style:inside; line-height:1.5em;}
.bullets ul li{padding:8px 0 8px 30px; color:#0b1f31; list-style: inside lower-roman;}

.sitemap{padding:0px 10px 30px 10px; float:left; margin:0 0 0px 0;}
.sitemap h3 {margin-bottom: 0px; font-size:1em; padding:10px; line-height:1.5em; color:#555;}
.sitemap li {padding:8px 0 8px 15px; color:#0b1f31; list-style:inside; line-height:1.5em;}
.sitemap ul li{padding:8px 0 8px 30px; color:#0b1f31; list-style: inside circle;}

/* VACANCY ROW */

.vacancy{ padding:10px 10px 15px 0px; float:left; width:600px; border-bottom:1px dotted #e1e1e1;}
.vacancy img{ float:left; margin-right:5px; margin-top:-1px;}
.vacancy h3{margin-top:3px; color:#000; font-weight:bold;}
.vacancy span{ font-family: Tahoma, Geneva, sans-serif; font-size:.7em; color:#888;  margin:0px 0 5px 21px; width:100%; float:left;}
.vacancy p{ font-size:11px; line-height:1.4em; width:auto; margin-bottom:10px; margin-top:5px; float:left;}

.apply{color:#FF6600!important; font-weight:normal; float:left;}

/* PROJECT ROW */

.project{padding:10px 10px 15px 0; float:right; width:614px; border-bottom:1px dotted #e1e1e1; margin-bottom:10px;}
.project h2{margin:0 0 5px 0; color:#000; font-weight:bold;}
.project span{ font-family: Tahoma, Geneva, sans-serif; font-size:.7em; color:#526C78; margin:3px 0 5px 0;}
.project img{ float:left; margin-right:10px; margin-bottom:3px; padding:4px 4px 8px 4px; border:1px solid #e8e8e8; background-color:#fefefe;}
.project p{ font-size:.8em; margin:5px 0 0 0; line-height:1.2em;}
.project a{ text-decoration:none; margin:0 0 5px 0; color:#053c4e; font-weight:bold;}
.project a:hover{ color:#AF4A00!important;}
.project-summary { float:left; width:540px;}


.pagination{ float:right; margin:0px 0px 10px 0; font-size:.8em;}
.pagination a{ padding:2px 5px 2px 5px; color:#053c4e; margin-left:3px;}
.pagination a.current{ padding:2px 5px 2px 5px; background-color:#053c4e; color:#fff; margin-left:3px;}
.pagination a:hover{ background-color:#053c4e; color:#fff; }
.pagi-bottom{ margin-top:10px;}


/* PROJECT DETAILS */

#project-details h2{  margin-bottom:5px;}
#project-details span{ font-size:.8em; color:#666; margin-bottom:10px; float:left; font-family: Tahoma, Geneva, sans-serif; }
#project-details h3{ margin:10px 0 15px 0; color:#777; font-size:.9em;}
#project-details p{line-height:1.5em; margin-bottom:10px;} 
.projectdescription{ float:left; margin-bottom:20px;} 
.sectiondescription{ width:320px; float:left;  margin-bottom:20px;} 

.projectdescription ul {margin-left:15px;width:100%;}
.projectdescription ol {margin-left:20px;width:100%;}
.projectdescription ul li{ margin-bottom:5px; color:#4F8C9F; list-style: outside;}
.projectdescription ol li{ margin-bottom:5px; color:#4F8C9F; list-style: decimal;}

.section{margin-bottom:20px; background-color:#f1f1f1; border:1px solid #e1e1e1; padding:10px; float:left; width:580px}

.thumbs { width:230px; float:right; }
.thumbs li{float:left;list-style:none!important; padding:0px 5px 10px 5px; margin:0!important;}
.thumbs li a{ background:#fff; float:right; border:1px solid #e8e8e8;}
.thumbs li a:hover{ border:1px solid #c4c4c4;}
.thumbs img{ vertical-align:bottom; padding:7px 7px 14px 7px; }
	
/* HOME PAGE */

#slideshow{}
div.display{ width:610px;}
.slider-image { margin-left:40px;} 


.display-container{ height:217px; border-top:6px solid #e1e1e1; border-bottom:6px solid #e1e1e1; margin-top:35px;} 

#nav { float:left; margin:-40px 0 20px 10px; position:relative; z-index:100;}
#nav a{ float:left; background-image:url(../images/inactive-slider-button.png); background-repeat:no-repeat; width:10px!important; height:10px!important; margin-top:10px; margin-right:10px;}
#nav a.activeSlide{ background-image:url(../images/active-slider-button.png); background-repeat:no-repeat; width:10px!important; height:10px!important;}

a.contact-button{ font-size:1.3em;float:left; margin-top:20px; width:73px; font-weight:bold; background-image:url(../images/contact-button.png); background-repeat:no-repeat; color:#FFF; padding:10px 10px 10px 25px;}
a:hover.contact-button{ color:#3d3d3d;}
a:active.contact-button{ position:relative; margin-top:21px;}

a.more-button{ font-size:1.3em;float:left; margin-top:20px; width:73px; font-weight:bold; background-image:url(../images/contact-button.png); background-repeat:no-repeat; color:#FFF; padding:10px 0px 10px 32px;}
a:hover.more-button{ color:#3d3d3d;}
a:active.more-button{ position:relative; margin-top:21px;}



#quick-button-container{width:100%; margin-top:35px;}
.quick-button{ float:left; padding:7px; }
.quick-button span{ float:left; font-size:.8em; width:100%; padding:6px 0; text-align:right; clear:both; margin-top:4px;}





/* NEWS */
  
.news-summary{ padding:25px 10px 25px 0px; float:right; width:590px; border-bottom:1px dotted #e1e1e1;}
.news-summary img{ float:left; margin-right:5px; margin-top:0px;}
.news-summary h2{margin-bottom:0px; color:#000; font-weight:bold;}
.news-summary span{ font-family: Tahoma, Geneva, sans-serif; font-size:.7em; color:#666;  margin:-3px 0 5px 28px; width:100%; float:left;}
.news-summary p{ font-size:.8em; margin:5px 0 0 0; line-height:1.2em; width:auto; margin-bottom:0px;}
.news-summary a{ margin-bottom:0px; color:#053c4e; font-weight:bold;}
.news-summary a:hover{ color:#AF4A00;}

#news-detail h2{ margin-bottom:5px;}
#news-detail span{ font-size:.8em; color:#666; margin-bottom:10px; float:left; font-family: Tahoma, Geneva, sans-serif;}
#news-detail h3{ margin-bottom:10px;}
#news-detail p{line-height:1.5em;  margin-bottom:10px; width:100%;} 

#news-detail ul {margin-left:15px; width:100%; line-height:1.5em;}
#news-detail ol {margin-left:20px; width:100%; line-height:1.5em;}
#news-detail ul li{ margin-bottom:5px; color:#4F8C9F; list-style: disc;}
#news-detail ol li{ margin-bottom:5px; color:#4F8C9F; list-style: decimal;}


/* CUSTOMER CHARTER */
table { width:100%; margin-top:20px;}
table th{ color:#fff; background-color:#67737F; padding:10px; font-weight:bold;}
table td{  padding:15px;}
table tr{ margin-bottom:5px; background-color:#D1D8DF;}

tr.alt-row{ background-color: #E0E8EF;}
tr.row{}

/* SERVICES INDEX */

#service-button-container{}
.service-button{ width:183px; border:3px solid #f1f1f1; margin:8px 5px 8px 5px; padding:0; height:160px; outline:1px solid #e1e1e1;}
.service-button h3{ text-align:center; padding:10px 0 10px 0; background-image:url(../images/service-button-title-bg-slice.png); background-repeat:repeat-x; background-position:0 0;}
.service-button p{ padding:5px; font-size:.8em; margin:0;}
.read-more-button{ float:right; clear:both;}
.centered{ margin-left:204px; float:left;}
.service-button:hover{ border:3px solid #dfdfdf; outline:1px solid #cfcfcf;}

/* CONTACT FORM */
#contact-form{  margin:20px auto; padding:40px 90px 40px 90px; background-color:#f1f1f1; border:1px solid #e1e1e1; width:300px; }
form fieldset{ border:none; margin:0; padding:0;}
form input.text-input,
form select,
form textarea{ width:97%; float:left; margin-bottom:5px; border:none; padding:4px; border:1px solid #ddd}
form select{width:100%;}
form label{ font-weight:bold; float:left; color:#4e4e4e; width:100%; padding:4px;}
.send-button { font-family:Georgia, "Times New Roman", Times, serif; border:none; background-color:#0B1F31; color:#FFF; position:relative; padding:7px 20px 7px 20px; margin-left:115px; font-size:.8em; cursor:pointer; margin-top:30px; position:relative;}

#contact-form p span{ color:#777; padding:10px; border: solid 3px #e5e5e5; background-color: #eee; margin:5px 0 15px 0; float:left; width:91%; font-weight:bold; font-size:.8em; }

.mail-error {
border: #df8f8f; 
color: #F97D81;
background: #ffcece;
position: relative;
margin: 30px 0 15px 0;
padding: 3px 0 7px 2px;
border: 1px solid;
font-size: 13px;
width: 100%;
}
.mail-error p{
	padding:3px 0 2px 5px;
	margin:0;
}

#contact-details ul{ margin:10px 10px; width:230px;}
#contact-details li{ font-weight:bold; list-style:none; padding:10px 0 0 0; margin:0; color: #555; margin-bottom:5px;}
#contact-details li span{ color:#FF8000; }
#contact-details a { color:#555;}
#contact-details a:hover { color:#FF8000;}




/* FOOTER */
#footer{margin-top:40px;}
.copyright{ color:#fff;  float:left;}
.footer-menu{ float:right; color:#fff; }
.footer-menu a{color:#fff; }
.footer-menu a:hover{ text-decoration:underline;}
.sig{ float:right; font-size:.8em; margin-bottom:20px; margin-right:30px}
.sig a:hover{ color:#fff; text-decoration:blink;}
.sig a{ color:#fff;}