/*   
Theme Name: FIVEOES
Theme URI: http://www.5oes.com
Description: 
Author: Iconic CM
Author URI: http://www.iconic-creative.com
Template: thematic
Version: 1.0
Tags: 
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
.

*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply custom Google Font */
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Satisfy);

/* Apply a basic layout */
@import url('../FIVEOES/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../FIVEOES/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Overriding Thematic's styles for congruity with WP-Admin > Appearance > Header default header text color settings */
#blog-description { color: #000 }

body{
	background-color:#e5e8ef;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}

/** custom css **/

#menu-item-18{
	margin-left:125px;
}

#content{
    height:auto;
    min-height:490px;
}

#branding{
    display:none;
}

.dark{
    color: #152948;
}

.msfoot{
    position:relative;
    top:10px;
}

.msheader{
    position:relative;
    top:-3px;
}

.smallprint{
    font-weight:400;
    font-size: 12px;
    line-height: 20px;
}

.entry-content ul{
    list-style-image:url(/assets/bullet.gif);
}

.navarrow{
    position:relative;
    top:-3px;
    left:2px;
}

/**homepage**/

#homepagetag{
    width: 100%;
    height:104px;
    font-size: 31px;
    float: left;
    margin-bottom: 25px;
    font-weight: 300;
    line-height: 31px;
    color: #969797;
    text-align: center;
    background:#e5e8ef url(/assets/barshadow.jpg) no-repeat bottom center;
}

#homepagetag span{
    font-family: 'Satisfy', cursive;
    font-weight:400;
    font-size:50px;
    letter-spacing:0;
    line-height:60px;
}

#onethirdhp{
    width:30.66%;
    position: relative;
    margin-right: 4%;
    margin-bottom:2em;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom:2px solid #152948;
    min-height:500px;
    height:auto;
    overflow:hidden;
}

@-moz-document url-prefix() { 
  #onethirdhp.last {
     min-height:500px;
    height:auto;
    overflow:hidden;
  }
}

.ie8 #onethirdhp{
    min-height:358px;
}

.ie7 #onethirdhp{
    min-height:361px;
}

#onethirdhp.last{
    margin-right: 0!important;
    clear: right;
}

#onethirdhp h2{
    font-size:18px;
    color:#152948;
    font-weight:400;
}

#onethirdhp h1{
    font-size:21px;
     color:#3e66ab;
    font-weight:900;
    padding-bottom:18px;
}

#onethirdhp p{
    font-size:14px;
}

.wearehiring{
	position: relative;
	float: right;
	bottom: 300px;
	right: 50px;
}

/** recent posts in more stuff **/

#onethirdhp.morestuff{
    background:#e5e8ef url(/assets/morestuffhome.jpg) no-repeat top left;
    padding-top:140px;
}

#onethirdhp p.srp-widget-excerpt, #onethirdhp h4.srp-post-title{
    line-height:17px;
}

#onethirdhp a.srp-widget-stringbreak-link{
    display:none;
}

#onethirdhp img.srp-widget-thmb{
    position:relative;
    top:3px;
}

#onethirdhp.casestudy img, #onethirdhp.about img{
    position: relative;
    top: -77px;
    clear: both;
    z-index: -1;
    margin: 0 0 -57px 0;
    border: 3px solid #fff;
    border-radius: 4px;
}

#onethirdhp a{
    font-weight:900;
    color:#3e66ab;
    text-decoration:none;
}

#onethirdhp a:hover{
    font-weight:900;
    color:#152948;
    text-decoration:none;
}


.badge{
    width:101px;
    height:101px;
    margin-left:20px;
}

.badge.casestudy{
    background:transparent url(/assets/casestudybadge.png) no-repeat top left;
}

.badge.whoweare{
    background:transparent url(/assets/whereweworkbadge.png) no-repeat top left;
}

/** topbanner css **/

.cycloneslider{
    margin:0 auto;
}

#bannerwrap{
    position:relative;
    top:-34px;
    width:100%;
}

#bannerwraphp{
    position:relative;
    top:-34px;
    width:100%;
    max-height:524px;
    overflow:hidden;
    
}

#banner, #bannerimage{
	width:100%;
	margin:0 auto;
}

#bannerimage.page{
	height:367px;
}

#bannerimage.whoweare{
	background:#e5e8ef url(/assets/banners/5oes-whoweare.jpg) no-repeat top center; 
}

#bannerimage.marine{
	background:#e5e8ef url(/assets/banners/5oes-marine.jpg) no-repeat top center; 
}

#bannerimage.terrestrial{
	background:#e5e8ef url(/assets/banners/5oes-terrestrial.jpg) no-repeat top center; 
}

#bannerimage.worldwideexperience{
	width:100%;
	height:467px;
	background-color:#e5e8ef; 
}

#bannerimage.getintouch{
	background:#e5e8ef url(/assets/banners/5oes-getintouch.jpg) no-repeat top center; 
}

#bannerimage.downloads{
	 background:#e5e8ef url(/assets/banners/5oes-download.jpg) no-repeat top center;
}

#bannerimage.books{
	background:#e5e8ef url(/assets/banners/5oes-books.jpg) no-repeat top center;
}

#bannerimage.videos{
	background:#e5e8ef url(/assets/banners/5oes-videos.jpg) no-repeat top center;	 
}

/*#bannerimage.home{
	width:100%;
	height:515px;
}*/

#bannerimage.hpmcoast{
    background:transparent url(/assets/banners/5oes-hpmarine-coast.jpg) no-repeat top center;
}

#bannerimage.hpmdaymaniyat{
    background:transparent url(/assets/banners/5oes-hpmarine-daymaniyat.jpg) no-repeat top center;
}

#bannerimage.hpmwaves{
    background:transparent url(/wp-content/uploads/2016/11/5oes-hpmarine-duqm-port-alt.jpg) no-repeat top center;
}

#bannerimage.hptoilrig{
	background:#e5e8ef url(/assets/banners/5oes-hpterrestrial-oilrig.jpg) no-repeat top center;
	background:#e5e8ef url(https://www.5oes.com/wp-content/uploads/2022/11/ss_haa_pvpanels2_resized471-2.jpg) no-repeat top center;
}

#bannerimage.hptdunes{
	background:#e5e8ef url(/assets/banners/5oes-hpterrestrial-dunes.jpg) no-repeat top center; 
}

#easingwrap{
	width:960px;
	height:367px;
	margin:0 auto;
}

#slidebox{
	width:682px;
	height:367px;
	float:right;
}

#cycloneslider-who-we-are-1 .cycloneslider-slides { height:367px !important}
#cycloneslider-who-we-are-1 .cycloneslider-slide { background:transparent}

.easingslider-slide { background:transparent}

.easingslider-next.inside{
	left: -136px;
	top: 254px;
}

.easingslider-prev.inside{
	left: -195px;
	top: 254px;
}

.easingslider-preload{
	background: url(../images/loading.gif) no-repeat center center transparent!important;
}

#bannertitle{
	font-size: 80px;
	font-weight: 300;
	position: relative;
	top: 220px;
	left:0px;
	width:960px;
	margin:0 auto;
	letter-spacing: -2px;
	opacity:0.7;
	color:#fff;
	text-shadow: 1px 1px 10px #111;
display:none;
}

#bannertitle span{
	font-family: 'Satisfy', cursive;
	font-size:110px;
	letter-spacing:-1px;
	line-height:1.5em;
}

#bannertitle.deep{
	position: relative;
	top: 429px;
	left:20px;
}

#bottombluebar{
    width:100%;
    height:9px;
    background:#e5e8ef url(/assets/botbluebar.jpg) no-repeat top center;
}

body.home #bottombluebar{
    display:none;
}

#bottombluebarworldwide{
    width:100%;
    height:40px;
    /*height:139px;*/
    background:#e5e8ef url(/assets/botbluebarww.jpg) no-repeat top center;
    color:#fff;
}

/*** Worldwide Experience block ***/
.wwwrap{
    width:920px;
    margin:0 auto;
    padding: 15px 0 0 0;
    line-height: 26px;
}

.wwwrap span{
    color:#3e66ab;
}


/** custom **/

/*#anything{
    padding:0 !important;
}*/

.cycloneslider-slides{
	height:471px !important;
}

#itemcontentwrap{
    width:960px;
    height:159px;
    margin:0 auto;
    text-align:center;
    color:#555;
    padding-top:8px;
}

#itemcontent{
    width:600px;
    height:290px;
    margin:0 auto;
}

#itemcontent a, #itemcontent a:hover{
    text-decoration:none;
} 

#itemcontent h1{
    font-size: 57px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -2px;
    color:#1c3470;
    line-height: 55px;
    margin-bottom: 10px;
}

#quotewrap{
    width: 960px;
    height:180px;
    margin:0 auto;
    font-family: 'Lato', sans-serif;
    font-weight:300;
    font-size: 18px;
    line-height: 24px;
    color:#fff;
    padding: 30px 0 98px 0;
    text-shadow: 1px 1px 1px #414141;
}

#quoteleft{
    width:420px;
    text-align:left;
    float:left;

}

#quoteright{
    width:420px;
    text-align:right;
    float:right;
}



#quoteleft span, #quoteright span{
    font-family: 'Lato', sans-serif;
    font-weight:400;
    font-size:14px;
    display:block;
}

/*
#wwebutwrap{
    width:960px;
    margin:0 auto;
    z-index:10;
    position:relative;
    top:-208px;
}

#wwebut{
    width:191px;
    height:191px;
    background:transparent url(/assets/worldwideexp.png) no-repeat top left;
    float: right;
    padding: 108px 0 0 3px;
    -webkit-transition: all .2s ease-in-out;
}

#wwebut:hover { -webkit-transform: scale(1.03); }
*/

/**posts pages **/
/*
body.category h1.page-title span{
    font-size: 40px;
    font-weight: 300;
    line-height: 33px;
    padding: 0 0 7px 0;
    text-transform: uppercase;
    color: #3e66ab;
    letter-spacing: -1px;
    padding-bottom: 12px;
    background: transparent url(/assets/titlehr.gif) repeat-x bottom left;
    display:block;
}*/

h2.entry-title{
    font-size: 23px;
    font-weight: 700;
    line-height: 23px;
    padding: 0 0 7px 0;
    letter-spacing: 0px;
    padding-bottom: 0px;
    background:none;
    text-transform:none;
}

h2.entry-title a{
    color: #3e66ab;
}

h2.entry-title a:hover{
    color: #152948;
}

.entry-content .wp-post-image{
    float:left;
    margin:0 20px 20px 0;
    padding:0;
    border:none;
    position: relative;
    top: 5px;
}

body.single-post h1.entry-title{
    display:none;
}

/*body.single-post .entry-content{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 1px 1px 0 #e5e8ef inset, -1px -1px 0 #e5e8ef inset;
    -moz-box-shadow: 1px 1px 0 #e5e8ef inset, -1px -1px 0 #e5e8ef inset;
    -webkit-box-shadow: 1px 1px 0 #e5e8ef inset, -1px -1px 0 #e5e8ef inset;
    float: left;
    padding: 15px;
    color: #152948;
    font-weight: 400;
    background: #d9dce3;
    border: 1px solid #c6c8ce;
    margin-bottom:22px;
}*/

#othercontent{
    text-align:left;
    width:100%;
}

#othercontent h4{
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 5px;
    color: #152948;
    border-bottom:1px solid #bfbfbf;
    padding-bottom:20px;
}

#othercontent ul, #othercontent li{
    list-style-type:none;
    margin:0;
    padding:0;
}

#othercontent li a{
    display:block;
    border-bottom:1px solid #bfbfbf;
    padding:5px 0;
    text-decoration:none;
    color: #3e66ab;
}

#othercontent li a:hover{
    text-decoration:none;
    color: #152948;
}

/**category menus**/

.main-aside ul, ul#menu-more-stuff-menu, ul#menu-marine-menu, ul#menu-terrestrial-menu{
    margin:0;
    padding:0;
}

ul#menu-more-stuff-menu, ul#menu-marine-menu, ul#menu-terrestrial-menu{
    width:280px;
}

ul#menu-marine-menu li, ul#menu-terrestrial-menu li{
    padding:0;
    margin-top:-1px;
}

ul#menu-marine-menu li:first-child, ul#menu-terrestrial-menu li:first-child{
    margin-top:0;
}

.menu-more-stuff-menu-container ul li:first-child a, .menu-more-stuff-menu-container ul li:first-child a:hover, .menu-marine-menu-container ul li:first-child a, .menu-marine-menu-container ul li:first-child a:hover{
    border-top:1px solid #969797;
}

.menu-more-stuff-menu-container ul li a, .menu-marine-menu-container ul li a{
    text-transform:uppercase;
    font-size:17px;
    text-align:right !important;
    color:#152948;
    line-height:20px;
    padding:12px 10px 17px 10px;
    margin:0;
    height:35px;
    border-top:1px solid #969797;
    border-right:none;
    border-bottom:1px solid #969797;
    border-left:none;
    background-color:#e5e8ef;
    box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -moz-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -webkit-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    display:block;
    text-decoration:none;
}

.menu-more-stuff-menu-container ul li.current-menu-item a, .menu-more-stuff-menu-container ul li a.current-menu-item:hover, .menu-more-stuff-menu-container ul li.current-menu-parent a, .menu-marine-menu-container ul li.current-menu-item a, .menu-marine-menu-container ul li a.current-menu-item:hover, .menu-marine-menu-container ul li.current-menu-parent a{
    text-transform:uppercase;
    font-size:17px;
    text-align:right;
    color:#fff !important;
    padding:12px 10px 17px 10px;
    margin:0;
    height:35px;
    position:relative;
    top:0;
    border-top:1px solid #969797;
    background-color:#3e66ab !important;
    border-radius:0px;
}

.menu-more-stuff-menu-container ul li a:hover, .menu-marine-menu-container ul li a:hover{
    background-color:#d3d6db;
    height:35px;
    padding:12px 10px 17px 10px;
    margin:0;
    color:#152948;
    box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -moz-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -webkit-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
}

.menu-more-stuff-menu-container ul li a span, .menu-marine-menu-container ul li a span, .menu-terrestrial-menu-container ul li a span{
color: #969797;
font-size: 12px;
display: block;
}

.menu-more-stuff-menu-container ul li, .menu-marine-menu-container ul li, .menu-terrestrial-menu-container ul li{
    list-style-type:none;
    float:none !important;
}

.menu-more-stuff-menu-container ul li.current-menu-item span, .menu-more-stuff-menu-container ul li.current-menu-parent span, .menu-more-stuff-menu-container ul li.current-menu-item a:hover span, .menu-marine-menu-container ul li.current-menu-item span, .menu-marine-menu-container ul li.current-menu-parent span, .menu-marine-menu-container ul li.current-menu-item a:hover span, .menu-terrestrial-menu-container ul li.current-menu-item span, .menu-terrestrial-menu-container ul li.current-menu-parent span, .menu-terrestrial-menu-container ul li.current-menu-item a:hover span{
    color:#6a8cc8;
    font-size:12px;
    display:block;
}

/** terrestrial page **/

.menu-terrestrial-menu-container ul li a:hover{
    background-color:#f0eae6;
    height:35px;
    padding:12px 10px 17px 10px;
    margin:0;
    color:#152948;
    box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -moz-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -webkit-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
}

.menu-terrestrial-menu-container ul li a{
    text-transform:uppercase;
    font-size:17px;
    text-align:right !important;
    color:#152948;
    line-height:20px;
    padding:12px 10px 17px 10px;
    margin:0;
    height:35px;
    border-top:1px solid #a79d96;
    border-right:none;
    border-bottom:1px solid #a79d96;
    border-left:none;
    background-color:#f0eae6;
    box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -moz-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -webkit-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    display:block;
    text-decoration:none;
}

.menu-terrestrial-menu-container ul li.current-menu-item a, .menu-terrestrial-menu-container ul li a.current-menu-item:hover, .menu-terrestrial-menu-container ul li.current-menu-parent a{
    text-transform:uppercase;
    font-size:17px;
    text-align:right;
    color:#fff !important;
    padding:12px 10px 17px 10px;
    margin:0;
    height:35px;
    position:relative;
    top:0;
    border-top:1px solid #a79d96;
    background-color:#6f5642 !important;
    border-radius:0px;
}

.menu-terrestrial-menu-container ul li a:hover{
    background-color:#e1d7d1;
    height:35px;
    padding:12px 10px 17px 10px;
    margin:0;
    color:#152948;
    box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -moz-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -webkit-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
}

.menu-terrestrial-menu-container ul li:first-child a, .menu-terrestrial-menu-container ul li:first-child a:hover{
    border-top:1px solid #a79d96;
}

.page-template-template-page-terrestrial-php h1{
    font-size: 20px;
    background-color: #e1d7d1;
    line-height: 25px;
    padding: 10px;
    border-top: 1px solid #a79d96;
    border-bottom: 1px solid #a79d96;
    color:#152948;
    margin-bottom:25px;
    font-weight:400;
    position:relative;
    top:-1px;
    letter-spacing:0px;
    box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
    -moz-box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
    -webkit-box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
}

.page-template-template-page-terrestrial-php h2{
     color:#6f5642;
}

.page-template-template-page-terrestrial-php .symple-toggle .symple-toggle-trigger{
    border: 1px solid #a79d96;
    background: #e1d7d1 url("/assets/plus.png") no-repeat 15px center;
}

.page-template-template-page-terrestrial-php .symple-toggle .symple-toggle-trigger:hover{
    background-color: #d3ceca;
}

.page-template-template-page-terrestrial-php .symple-toggle .symple-toggle-trigger.active, .page-template-template-page-terrestrial-php .symple-toggle .symple-toggle-trigger.active:hover{
    background: #d3ceca url("/assets/minus.png") no-repeat 15px center;
}


/** shortcodes overrides **/

/** boxes **/
.symple-box{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
     border-radius: 8px;
     box-shadow: 1px 1px 0 #e5e8ef inset, -1px -1px 0 #e5e8ef inset;
    -moz-box-shadow: 1px 1px 0 #e5e8ef inset, -1px -1px 0 #e5e8ef inset;
    -webkit-box-shadow: 1px 1px 0 #e5e8ef inset, -1px -1px 0 #e5e8ef inset;
    float:left;
    padding: 15px 15px 15px 15px;
}

.symple-box.gray{
    color: #152948;
    font-weight:400;
    background: #d9dce3;
    border: 1px solid #c6c8ce;
}

.symple-box.gray img{
    float:left;
}

.symple-box.getintouch{
    height:auto;
    min-height:160px;
}

.ie7 .symple-box.getintouch{
    width:250px !important;
}

.ie7 .symple-box.gray.none{
    width:95% !important;
}

.ie7 .symple-box.gray.lists{
    width:250px !important;
}


/** button **/

.symple-button.blue{
    background: linear-gradient(to bottom, #3e66ab 0%,#12224c 100%);
}

.symple-button.blue span.symple-button-inner{
    border-top: 1px solid #4977c6;
}

.symple-button span.symple-button-inner{
    padding: 13px 18px 15px 18px;
    font-size:14px;
}

/** toggle **/

.symple-toggle .symple-toggle-trigger{
    color: #152948;
    border: 1px solid #c6c8ce;
    background: #c4cee1 url("/assets/plus.png") no-repeat 15px center;
    text-transform: uppercase;
    margin-top: 14px;
}

.ie7 .symple-toggle .symple-toggle-trigger{
    margin: 0px !important;
}

.symple-toggle .symple-toggle-trigger:hover{
    background-color: #d9dce3;
}

.symple-toggle .symple-toggle-trigger.active, .symple-toggle .symple-toggle-trigger.active:hover{
     background: #d9dce3 url("/assets/minus.png") no-repeat 15px center;
}

/** tabgroup and category menus **/

.symple-tabs ul.ui-tabs-nav li, .symple-tabs ul.ui-tabs-nav, .menu-more-stuff-menu-container ul li{
    width:280px;
    float:left;
    height:63px;
    padding:0;
    margin:0;
}

.symple-tabs ul.ui-tabs-nav li:first-child a, .symple-tabs ul.ui-tabs-nav li:first-child a:hover{
    border-top:1px solid #969797;
}

.symple-tabs ul.ui-tabs-nav li a{
    text-transform:uppercase;
    font-size:17px;
    text-align:right;
    color:#152948;
    line-height:20px;
    padding:12px 10px 17px 10px;
    margin:0;
    height:33px;
    border-top:1px solid #969797;
    border-right:none;
    border-bottom:1px solid #969797;
    border-left:none;
    background-color:#e5e8ef;
    box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -moz-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -webkit-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
}

.symple-tabs ul.ui-tabs-nav .ui-state-active a, .symple-tabs ul.ui-tabs-nav .ui-state-active a:hover{
    text-transform:uppercase;
    font-size:17px;
    text-align:right;
    color:#fff !important;
    padding:12px 10px 17px 10px;
    margin:0;
    height:33px;
    position:relative;
    top:0;
    border-top:1px solid #969797;
    background-color:#3e66ab;
    border-radius:0px;
}

.symple-tabs ul.ui-tabs-nav li a:hover{
    background-color:#d3d6db;
    height:33px;
    padding:12px 10px 17px 10px;
    margin:0;
    box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -moz-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
    -webkit-box-shadow: 0 1px 0 #eef0f5 inset, 0 -1px 0 #eef0f5 inset;
}

.symple-tabs ul.ui-tabs-nav li a span, .symple-tabs ul.ui-tabs-nav li a:hover span{
    color:#969797;
    font-size:12px;
    display:block;
}

.symple-tabs ul.ui-tabs-nav .ui-state-active a span, .symple-tabs ul.ui-tabs-nav .ui-state-active a:hover span{
    color:#6a8cc8;
    font-size:12px;
    display:block;
}

/** tabs code **/
.symple-tabs .tab-content.servicetabs{
    width:600px;
    float:left;
    border:none !important;
    background:none;
    padding:0;
    margin-left:39px;
}

.symple-tabs .tab-content.servicetabs.blue h1, body.single-post h1, .page-template-template-page-marine-php h1, body.category h1.page-title{
    font-size: 20px;
    background-color: #c4cee1;
    line-height: 25px;
    padding: 10px;
    border-top: 1px solid #959dab;
    border-bottom: 1px solid #959dab;
    color:#152948;
    margin:1px 0px 25px 0px;
    font-weight:400;
    /*position:relative;
    top:-1px;*/
    letter-spacing:0px;
    text-transform:uppercase;
    box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
    -moz-box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
    -webkit-box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
}

.page-template-template-page-terrestrial-fullwidth-php .symple-tabs .tab-content.servicetabs.brown h1{
    font-size: 20px;
    background-color: #dccfc5;
    line-height: 25px;
    padding: 10px;
    border-top: 1px solid #a79d96;
    border-bottom: 1px solid #a79d96;
    color:#152948;
    margin-bottom:25px;
    font-weight:400;
    position:relative;
    top:-1px;
    letter-spacing:0px;
    box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
    -moz-box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
    -webkit-box-shadow: 0 1px 0 #e5e8ef inset, 0 -1px 0 #e5e8ef inset;
}

.symple-tabs .tab-content.servicetabs.morestuff h1{
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;
    padding: 0 0 7px 0;
    text-transform: uppercase;
    color: #3e66ab;
    letter-spacing: -1px;
    padding-bottom:12px;
    background:transparent url(/assets/titlehr.gif) repeat-x bottom left;
    margin: -8px 0 22px 0;
}

.page-template-template-page-terrestrial-fullwidth-php .symple-tabs ul.ui-tabs-nav li a{
    background-color:#f0eae6;
    border-top:1px solid #a79d96;
    border-bottom:1px solid #a79d96;
}

.page-template-template-page-terrestrial-fullwidth-php .symple-tabs ul.ui-tabs-nav .ui-state-active a, .page-template-template-page-terrestrial-fullwidth-php .symple-tabs ul.ui-tabs-nav .ui-state-active a:hover{
    background-color:#6f5642;
}

.page-template-template-page-terrestrial-fullwidth-php .symple-tabs ul.ui-tabs-nav li a:hover{
    background-color:#e1d7d1;
}

/** whoweare tabs code**/

.symple-tabs .tab-content.servicetabs.people h1{
    font-size: 44px;
    line-height: 30px;
    color: #152948;
    margin-bottom: 0px;
    font-weight: 300;
    letter-spacing: -1px;
    text-transform: none;
    margin-top: 4px;
    margin-left:-3px;
}

.symple-tabs .tab-content.servicetabs.people h3{
    font-size: 17px;
    line-height: 20px;
    color:#969797;
    margin-bottom:5px;
    font-weight:400;
    letter-spacing:0px;
}

.symple-tabs .tab-content.servicetabs.people h4{
    font-family: 'Satisfy', cursive;
    font-size: 26px;
    line-height: 20px;
    margin-bottom:10px;
    font-weight:400;
    letter-spacing: -1px;
    text-transform: none;
}

/** specific page templates **/

body.page-template-template-page-terrestrial-php{
	background-color:#f0eae6;
}

.page-template-template-page-terrestrial-fullwidth-php .entry-title, .page-template-template-page-notitle-fullwidth-php .entry-title, .page-template-template-page-marine-php .entry-title, .page-template-template-page-terrestrial-php .entry-title{
	display:none;
}

/** map tooltip **/


#map-wrapper{
	width:960px;
	height:467px;
	background:#e5e8ef url(/assets/worldmap.jpg) top left no-repeat;
	margin:0 auto;
}

a#pin{
	width:12px;
	height:12px;
	background: transparent url(/assets/mapmarker.png) top left no-repeat;
	display:block;
	text-decoration:none;
	z-index:0;
}

#pin{
	width:12px;
	height:12px;
	background: transparent url(/assets/mapmarker.png) top left no-repeat;
	display:block;
	text-decoration:none;
	z-index:0;
}

/** positioning css **/

.uk { top: 143px; left: 443px; }
.hungary { top: 155px; left: 491px; }
.turkey { top: 166px; left: 520px; }
.jordan { top: 177px; left: 543px; }
.bahrain { top: 179px; left: 575px; }
.qatar { top: 174px; left: 577px; }
.saudi { top: 170px; left: 556px; }
.uae { top: 155px; left: 590px; }
.oman { top: 146px; left: 602px; }
.yemen { top: 153px; left: 581px; }

.eritrea { top: 145px; left: 552px; }
.ethiopia { top: 148px; left: 9999999px; }
.kenya { top: 158px; left: 554px; }
.mozambique { top: 196px; left: 9999999px;}
.ssudan { top: 123px; left: 531px; }
.tanzania { top: 139px; left: 546px; }
.zanzibar { top: -119px; left: 552px; }
.pemba { top: -139px; left: 555px; }
.zimbabwe { top: 166px; left: 99999999px; }
.gabon { top: 99px; left: 471px; }
.nsudan { top: 34px; left: 525px; }
.liberia { top: 57px; left: 410px; }
.sierraleone { top: 38px; left: 405px; }

.pakistan { top: -42px; left: 637px; }
.kazakhstan { top: -101px; left: 621px; }
.uzbekistan { top: -95px; left: 613px; }
.india { top: -41px; left: 648px; }
.vietnam { top: -32px; left: 733px; }
.thailand { top: -47px; left: 717px; }
.japan { top: -123px; left: 811px; }
.hongkong { top: -93px; left: 737px; }

.newzealand { top: 74px; left: 907px; }
.australia { top: 10px; left: 804px; }
.fiji { top: -12px; left: 897px; }

.bahamas { top: -150px; left: 231px; }
.turks { top: -156px; left: 240px; }
.anguilla { top: -160px; left: 253px; }

.chagos { top: -95px; left: 637px;}
.mauritius { top: -80px; left: 595px; }

.angola { top: -173px; left: 488px; }
.cameroon { top: -176px; left: 473px; }
.ghana { top: -194px; left: 437px; }
.nigeria { top: -205px; left: 462px; }

.tooltip{
    display: inline;
    position: relative;
}

.tooltip:hover:after{
    background: #1c3470;
    background: rgba(28,52,112,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: -20px;
    padding: 7px 10px;
    position: absolute;
    z-index: 98;
    white-space: nowrap;
    overflow: hidden;
    text-transform:uppercase;
}

.tooltip:hover:before{
    border: solid;
    border-color: #1c3470 transparent;
    border-width: 6px 6px 0 6px;
    opacity:0.8;
    bottom: 20px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 99;
}

/** download form software pages **/

#downloadform{
    padding-top:37px;
}

#downloadform p{
    margin:0 0 10px 0;
    padding:0;
}

#downloadform #field{
    width:250px;
    font-family: 'Lato', sans-serif !important;
    font-weight:400;
}

#downloadform #submitbut{
    /*border-top: 1px solid #4977c6;
    background: #1571f0;
    background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0));
    background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%);
    background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%);
    background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%);
    background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 );
    border: 1px solid #1a6dd7;
*/
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    height: 33px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 0 10px 0 10px;
}

div.wpcf7 img.ajax-loader{
    float:right;
    margin-right: 134px;
    margin-top: 14px;
}

span.wpcf7-not-valid-tip{
    position: absolute;
    top: -5px;
    left: 0px;
    z-index: 100;
    background: #fff;
    border: 1px solid #ff0000;
    font-size: 10pt;
    width: 250px;
    padding: 2px;
}

div.wpcf7-response-output{
    margin:0;
    padding:0;
    font-weight:bold;
}

div.wpcf7-validation-errors{
    border:none;
    color: #ff0000;
}

div.wpcf7-mail-sent-ok{
    border:none;
}

div.wpcf7-mail-sent-ok a{
    text-decoration:none;
}