@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body { margin:0; padding:0; background:url(../images/bg-body.jpg) center top no-repeat;}
.mainWrapper { width:100%; float:left;}
.headerWrapper { width:980px; margin:0 auto;} 
.header { width:980px; float:left;}
.logoContainer { width:192px; float:left; margin:14px 0 0 0; padding: 0 0 12px 0;}
.rightLinksContainer { width:350px; float:right; margin:30px 0 0 0;}
.socialLinks { width:80px; float:right;}
.socialLinks img { float:right; margin:0 0 0 5px; text-decoration:none; border:none;}
.topNav {  float:left;}
.topNav ul {  float:left; margin:0; padding:0;}
.topNav ul li.mail{ float:left; padding:0 5px 0 20px; background: url(../images/mail.png) left 5px no-repeat; line-height:20px;}
.topNav ul li.mail a { float:left; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#666;}
.topNav ul li.mail a:hover { float:left; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#068EBB;}

.topNav ul li.tel{ float:left; padding:0 5px 0 20px; background: url(../images/tel.png) 5px 5px no-repeat; line-height:20px;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#666;}
.topNav ul li.tel a { float:left; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#666;}
.topNav ul li.tel a:hover { float:left; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#068EBB;}
.mainMenuWrapper { width:100%; float:left; min-height:52px; border-top:1px solid #0A4983; border-bottom:1px solid #0A4983; background:url(../images/slice-menu.jpg) left top repeat-x;}
.mainMenuIn { width:980px; margin:0 auto;}
.mainMenuOuter { width:980px; float:left;}
.home { width:51px; height:52px; float:left;}
.home img { float:left; text-decoration:none; border:none;}
.mainMenu { float:left;position:relative; z-index:10; }
.mainMenu ul { float:left; margin:0; padding:0;}
.mainMenu ul li { float:left; list-style:none; display:inline; padding:18px 27px 18px 27px;  border-left:1px solid #437BAF;}
.mainMenu ul li a { float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; text-shadow:1px 1px #333; color:#fff;}
.mainMenu ul li a:hover { float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; text-shadow:1px 1px #333; color:#4FCEF9;}
.bannerContainer { width:100%; float:left; height:340px; overflow:hidden; position:relative;}
.bannerContainerInner  { width:100%;height:100%; display:none; position:absolute; left:0; top:0;}
.bannerContainerInner h1{ position:relative; width:100%; height:100%;}
.bannerContainerInner h1 b{ position:absolute; width:32%; left:20%; top:44%; z-index:1;padding:1%;font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; text-transform:uppercase; box-shadow:2px 2px 10px #666;-webkit-box-shadow:2px 2px 10px #666; background:url(../images/bg-bold.png); }
 
.bannerContainerInner h1 img  { width:100%;height:100%; float:left; position: absolute; z-index:0}

.bannerContainerInner .textDiv { position:relative; left:20%; top:30%;width:80%;}
.bannerContainerInner .textDiv .innerText { width:400px; padding:10px; float:left; background:#fff; opacity:0.9; font-family:Arial, Helvetica, sans-serif; font-size:25px; text-transform:uppercase; font-weight:bold;}
.bannerContainerInnerani  { width:100%; margin:0 auto;height:100%; background:url(../images/banner/2.jpg) left top no-repeat;}
.bannerContainerInnerani2  { width:100%; margin:0 auto;height:100%; background:url(../images/banner/3.jpg) left top no-repeat;}
.bannerContainerInner2 { width:980px; margin:0 auto;  position:relative; z-index:2;}
.bannerContainerInner3 { width:980px; float:left;}
.anisame { display:none;}
.bannerContainer img { width:100%; float:left; height:100%; }
.mainContentWrapper { width:100%; float:left; margin:0 0 10px 0;}
.mainContentOuter { width:980px; margin:0 auto;}
.mainContent { width:940px; float:left; padding:20px; background:#fff;}
.lftContainer { width:270px; float:left; margin:0 20px 0 0;}
.lftContainer h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding:0 0 20px 0 ; font-weight:bold;}
.clientsContainer { width:268px; float:left; border:1px solid #E0E0E0; height:180px; margin:0 0 10px 0; position:relative; overflow:hidden;}
.clientsContainer img { display:none; left:0; top:0; width:100%; height:100%;}


.enquiryHome { float:left; padding:10px; width:248px; height:32px; background:url(../images/slice-menu.jpg) left top repeat-x; border:1px solid #0A4983; text-align:center;}
.enquiryHome a {font-family:Arial, Helvetica, sans-serif; font-size:16px;text-decoration:none; text-shadow:1px 1px #333; color:#fff; line-height:32px;}
.enquiryHome a:hover {font-family:Arial, Helvetica, sans-serif; font-size:16px;text-decoration:none; text-shadow:1px 1px #333; color:#4FCEF9; line-height:32px;}

.midContainer { width:270px; float:left; margin:0 20px 0 0;  position:relative;}
.prev { position:absolute; width:9px; height:12px; right:18px; top:0; background:url(../images/icons/pr.jpg) left top no-repeat; cursor:pointer;}
.next { position:absolute; width:9px; height:12px; right:5px; top:0; background:url(../images/icons/nx.jpg) left top no-repeat; cursor:pointer;}
.midContainer h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding:0 0 20px 0 ;font-weight:bold;}
.preNextContainer { width:268px; float: left; border:1px solid #E0E0E0; min-height:310px; overflow:hidden; position:relative;}
.preNextGallery { width:1072px; float: left;  position:relative;}
.preNextAnimation { width:268px; float: left; text-align:center;}
.preNextAnimation img { width:90%;text-align:center;}
.preNextAnimation h2 { padding:10px; width:90%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:bold; text-align:left; }
.clrDiv { clear:both; float:left; width:100%;}
.arrowLinks { float:left; line-height:20px; background:url(../images/icons/arrow.jpg) left 3px no-repeat; padding:0 0 0 10px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-decoration:none; margin:0 0 0 10px; }
.arrowLinks:hover { float:left; line-height:20px; background:url(../images/icons/arrow.jpg) left 3px no-repeat; padding:0 0 0 10px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4FCEF9; text-decoration:none; margin:0 0 0 10px; }

.rhtContainer { width:360px; float:left;}
.rhtContainer h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding:0 0 20px 0 ;font-weight:bold;}
.collapseContainer { width:358px; float: left; border:1px solid #E0E0E0; min-height:310px; position:relative; }
.collapseContainer h2 { width:318px; float: left; border-bottom:1px solid #E0E0E0;  position:relative; padding:10px 10px 10px 30px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:url(../images/icons/plus.jpg) 7px 11px no-repeat; cursor:pointer; }
.collapseContainer h2:hover { width:318px; float: left; border-bottom:1px solid #E0E0E0;  position:relative; padding:10px 10px 10px 30px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:url(../images/icons/minus.jpg) 7px 11px no-repeat; cursor:pointer; }


.collaps { background:url(../images/icons/minus.jpg) 7px 11px no-repeat!important;}



.collapseContainer h2 .imgContent { width:338px; float: left; padding:10px 0 0 0; }
.collapseContainer h2 .imgContent img { float: left; text-decoration:none; border:none;}

.footerWrapper { width:100%; float:left;}
.footerOuter { width:980px; margin:0 auto;}
.footer { width:940px; float:left; background:#11385B; padding:10px 20px;}
.homeLinksContainer { width:150px; margin:0 10px 0 0; float:left;}
.homeLinksContainer ul {float:left; margin:0; padding:0;}
.homeLinksContainer ul li { float:left; width:150px; display:block; padding:5px 0;}
.homeLinksContainer ul li a { float:left; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; color:#fff;}
.homeLinksContainer ul li a:hover { float:left; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; color:#4FCEF9;}
.projectsFooter { width:350px; float:left; margin:0 10px 0 0; padding:0 10px 0 0; }

.projectsFooter h1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 0 7px 0 ; font-weight:bold;}

.projectsFooter ul { width:350px; float:left; }
.projectsFooter ul li { width:340px; float:left; padding:3px 0 3px 11px; list-style:none; display:block; background:url(../images/arrow-footer.png) left 6px no-repeat; }
.projectsFooter ul li a {float:left;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; color:#ccc;}
.projectsFooter ul li a:hover {float:left;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; color:#fff;}
.adresFooter { width:390px; float:left;}
.adresFooter ul { width:180px; float:left; margin: 0 10px 0 0;} 
.adresFooter ul h1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0 0 7px 0 ; font-weight:bold;} 
.adresFooter ul li { width:180px; float:left; list-style:none; padding:3px 0 0 0;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; color:#ccc;} 
.adresFooter ul li a {font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; color:#fff;} 
.adresFooter ul li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none; color:#4FCEF9;} 
.innerDiv { width:980px; position:relative; background:#E0E6E6; margin:0 auto;}
.innerBaner { width:980px; margin:0 auto;}
.innerBaner2 { width:980px; float:left;}
.innerBaner2 h1 { font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#16558F; padding:30px 0;}

.mainContentInner { width:968px; float:left; padding: 0 0 0 10px; background:#fff; border:1px solid #F9C24E;}
.innerText2 { float:left; width:680px; padding:10px 9px 10px 0; min-height:500px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:20px;}
.innerText2 h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333; padding:15px 0; float:left; width:680px;}

.innerBannerDiv { width:680px; float:left; height:340px; padding:0 0 10px 0; display:none;}
.innerLft { width:278px; float:left; padding:0;border-left:1px solid #F9C24E; }
.innerLft h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; padding:10px; float:left;width:258px; background:#0A4983;}

.innerLft ul { width:268px; float:left; padding:0; margin:0; }
.innerLft ul li { width:258px; float:left; padding:10px 10px; margin:0; list-style:none; display: block;border-bottom:1px solid #F9C24E }
.innerLft ul li a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#16558F; text-decoration:none; font-weight:bold;}
.innerLft ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#E29C0A; text-decoration:none; font-weight:bold;}


.innerLft ol { width:268px!important; float:left!important; padding:0!important; margin:0!important; }
.innerLft ol li { width:258px!important; float:left!important; padding:2px 10px!important; margin:0!important; list-style:none!important; display: block!important;border:none!important; }
.innerLft ol li input[type="text"] { width:248px!important; float:left!important; }
.innerLft ol li textarea { width:248px!important; float:left!important; }

.innerLft ol li label { float:left!important; width:248px!important;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:bold; margin:0 10px 0 0; padding:6px 0 0 0;}
.innerLft .textField {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;width:245px!important; float:left; border:1px solid #ccc; height:24px; line-height:24px; padding:0 5px;}
.innerLft .textField2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;width:245px!important; float:left; border:1px solid #ccc; height:80px;padding:5px;}


.breadCrumb {width:100%; float:left; padding:0 0 8px 0;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:18px; border-bottom:1px solid #F9C24E }
.breadCrumb a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#16558F; text-decoration:none; padding:0 5px;}
.breadCrumb a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding:0 5px;}
.breadCrumb span {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding:2px 0 5px 0;}
.mainCotentAboutDiv {width:680px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:20px;}

.mainCotentAboutDiv h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333; padding:15px 0;}

.mainCotentAboutDiv a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4479D0; text-decoration:none;}
.mainCotentAboutDiv a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4FCEF9; text-decoration:none;}

#about .about {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#E29C0A; text-decoration:none;}



.mainCotentAboutDiv ul { margin:0; padding:10px 0;}
.mainCotentAboutDiv ul li { list-style:none; display: block;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:2px 0 2px 10px; background:url(../images/icons/arrow2.jpg) left 8px no-repeat;}

.mainCotentAboutDiv img { float:left; padding:5px; margin:0 10px 0 0;border:1px solid #ddd;}

.mainCotentAboutDiv table { margin:10px 0; width:98%;}

.mainCotentAboutDiv td {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:5px; border:1px solid #ccc;}
.mainCotentAboutDiv th {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; padding:5px; font-weight:bold; border:1px solid #ccc; background:#0A4983; }


.mainContentContact { width:958px; float:left; padding: 10px; background:#fff; border:1px solid #F9C24E;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:20px;}

.mainContentContact h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333; padding:15px 0; float:left; width:100%;}
.mainContentContact h2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; padding:15px 0; float:left; width:100%;}
.mainContentContact h3 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0A4983; padding:15px 0; float:left; width:100%; font-weight:normal; }

.mainContentContact ul { margin:0; padding:0 0; float:left; width:958px;}
.mainContentContact ul li { list-style:none; display: block;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:10px; width:298px; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; float:left; min-height:200px; line-height:20px; }


.mainContentContact ol { margin:0; padding:0 0; float:left; width:958px;}
.mainContentContact ol li { list-style:none; display: block;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:5px 0; width:958px; float:left;}
.mainContentContact ol li label { float:left; width:150px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:bold; margin:0 10px 0 0; padding:6px 0 0 0;}

.mainContentContact table { margin:10px 0; width:98%;}

.mainContentContact td {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:5px; border:1px solid #ccc;}
.mainContentContact th {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; padding:5px; font-weight:bold; border:1px solid #ccc; background:#0A4983; }
.mainContentContact a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4479D0; text-decoration:none;}
.mainContentContact a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4FCEF9; text-decoration:none;}



.textField {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;width:250px; float:left; border:1px solid #ccc; height:24px; line-height:24px; padding:0 5px;}
.textField2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;width:250px; float:left; border:1px solid #ccc; height:80px;padding:5px;}
.btn { float:left; padding:10px; border-radius:5px; margin:0 10px 0 0;font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#0E4D87; border:1px solid #0E4D87; color:#fff; cursor:pointer; text-transform:uppercase;}
.btn:hover { float:left; padding:10px; border-radius:5px; margin:0 10px 0 0;font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#205F98; border:1px solid #0E4D87; color:#fff; cursor:pointer;text-transform:uppercase;}

#homeActive .homeActive { float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; text-shadow:1px 1px #333; color:#4FCEF9;}

.dropDownProjects{ position:absolute; left:2px; top:48px; padding:10px; background:#1C5A93; width:900px; display:none;}
.dropDownProjects h1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; text-shadow:1px 1px #333; color:#4FCEF9; padding:10px 0; float:left;width:220px;}
.dropDownProjects ul { width:220px; float:left; min-height:160px}
.dropDownProjects ul li { width:200px; float:left; list-style:none; padding:5px 5px 5px 20px; margin:0 10px 0 0; border:none; background:url(../images/1389277047_Tick.png) 0 8px no-repeat; }
.dropDownProjects ul li a { float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; text-shadow:1px 1px #333; color:#fff;}
.dropDownProjects ul li a:hover { float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; text-shadow:1px 1px #333; color:#4FCEF9;}


/* news and events new classes*/
.newsEventsDiv {width:680px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:20px;}

.newsEventsDiv h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333; padding:15px 0;}

.newsEventsDiv a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4479D0; text-decoration:none;}
.newsEventsDiv a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4FCEF9; text-decoration:none;}

.newsEventsDiv ul { margin:0; padding:0 10px; width:660px; float:left;}
.newsEventsDiv ul li { list-style:none; display: block;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:5px 0;width:660px; float:left; border-bottom:1px solid #CCCCCC }
.newsEventsDiv ul li h2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333; padding:5px 0; cursor:pointer; font-weight:bold;width:660px; float:left; position:relative;}
.newsEventsDiv ul li h2:hover {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4479D0; padding:5px 0; cursor:pointer; font-weight:bold;width:660px; float:left; position:relative;}
.newsEventsDiv ul li .textNewsContent {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:5px 0;width:660px; float:left; display:none;}

.addHoverhClass {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4479D0!important; padding:5px 0; cursor:pointer; font-weight:bold;width:660px; float:left; position:relative;}

.newsEventsDiv img { float:left; padding:5px; margin:0 10px 0 0;border:1px solid #ddd;}

/* classes copied from mainContentContact to mainContentInner as carrers & contact us will have right panel now which was not there before - 21/12/2013*/

.mainContentInner ol { margin:0; padding:0 0; float:left; width:958px;}
.mainContentInner ol li { list-style:none; display: block;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:5px 0; width:958px; float:left;}
.mainContentInner ol li label { float:left; width:150px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:bold; margin:0 10px 0 0; padding:6px 0 0 0;}

.mainContentInner table { margin:10px 0; width:98%; float:left;}

.mainContentInner td {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:5px; border:1px solid #ccc;}
.mainContentInner th {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; padding:5px; font-weight:bold; border:1px solid #ccc; background:#0A4983; }
.mainContentInner a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4479D0; text-decoration:none;}
.mainContentInner a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4FCEF9; text-decoration:none;}