/*
Theme Name: S3 Group
Description: English Version
Version: 1.0
Author: Robert Knightsbridge | SW1 Design
This theme was designed and built by Robert Knightsbridge:  http://www.sw1design.com/
*/

/* =(Global)
-----------------------------------------------------------------------------*/
/* Remove padding ,margins , borders and stanadrdise other elements for all browsers */
body{color:#4A4A4A;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
hr {height: 1px;padding: 0;color:#CCC;}

/* =Changes to above (Global)
-----------------------------------------------------------------------------*/
/* Put it back on certain elements */

/* Standardise H Tags */
h1 {font-size:16px;} h2{font-size:16px;} h3 {font-size:14px;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold; margin: 1px 0px;}
h1,h2,h3,h4,h5,h6{font-family: Arial, Helvetica, Tahoma, sans-serif;}

/* Standardise Other Tags */
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}ol li{list-style: decimal outside;}ul li{list-style: disc outside;}dl dd{margin-left:1em;}
th,td {border:1px solid #888;padding:.5em;}th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table {margin-bottom:1.4em;}

/* Class for clearing floats */
.clear {clear:both;margin: 0px;padding: 0px;}

/* =Typography
-----------------------------------------------------------------------------*/
/* =Set Fonts (Global) */
body {font:13px/1.26 Arial, Helvetica, Tahoma, sans-serif;}
a {color: #08508f;}
a:hover {color: #8dc532;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace; font-size:108%;line-height:99%;}
small {font-size:11px; line-height: 1.2em; margin: 0; padding:0;}

/* Changes to Global Fonts  */
.entry h2 {margin-top: 35px; color: #465883;margin-bottom: 12px;padding-bottom: 3px;font-size: 22px;font-style: normal;font-weight: normal;}
.entry h3 {margin-top: 35px; color: #465883;margin-bottom: 12px;padding-bottom: 3px;font-size: 22px;font-style: normal;font-weight: normal;}
.entry h4 {background: url(images/bullet-h4.gif) no-repeat 0px 3px;padding-left: 18px;margin: 30px 0 15px 0;font-size:15px;border-bottom-width: 1px;border-bottom-style: dotted;border-left-color: #333;	}

/* =Layout (Global)
-----------------------------------------------------------------------------*/
body {background: #FFF url(images/bg-body.gif) repeat-x left top; margin-bottom:15px;}
#wrapper {width: 990px;margin-right: auto;margin-left: auto;padding-right: 4px;padding-left: 4px;border: 2px solid #C5C5C5;background: #FFF;} 
.alignright {float: right;} .alignleft {float: left}
.imageLeft, .imgLeft {margin: 0.5em 1em 1em 0;float:left;} .imageRight, .imgRight {margin: 0.5em 0 1em 1em;float:right;}
.imageLink { padding:0 !important;margin:0 !important;background:#ffffff !important;border:none !important;color:#ffffff !important;}

/* =Header 
-----------------------------------------------------------------------------*/
#header {width: 960px;background: #fff no-repeat left;height: 100px;margin: 10px auto;padding: 0px;}
#header h1 {margin: 0px;padding: 0px;}
.branding {background: url(images/logo-S3.gif) no-repeat;height: 88px;width: 190px;margin-top: 4px;text-indent: -9999px;float: left;display: block;overflow: hidden;
overflow: hidden;  }
#logo a {display:block;width:300px;height:50px;text-decoration:none;text-indent:-5000em;overflow:hidden;}
.LogoPrint {display: none;}
#strapline {width: 500px;float: right;margin: 5px 2px 0px 0px;padding: 0px;background: #FFFFFF url(images/txt-strapline.gif) no-repeat;color: #3f4c6b;letter-spacing: 1px;height: 35px;text-indent: -9999px;}
#strapline h2 {text-indent: -9999px;}
/*#search {top: 0px;text-align: right;width: 300px;float: right;height: 25px;padding-right: 15px;padding-left: 0px;padding-top: 15px;margin: 0px;}*/
#rss {width: 300px;float: right;height: 20px;padding: 0px;font-size: 10px;color: #999;margin: 0px;}
ul.rss {float: right; margin:0; padding:0;}
.rss li {display: inline; float:left;}
.rss .feed {padding: 2px 0px 0px 0px; }
.rss .feed a { color:#999; text-decoration:none;}
.rss .feed a:hover { color:#8dc532; text-decoration:underline;}
.rss .news a {background: url(images/feed-icon-16x16.gif) no-repeat;height: 16px;width: 16px;display: block;overflow: hidden;margin-right: 8px;text-indent: -9999px;margin-left: 8px;}
.rss .feed-hj  {padding: 2px 0px 0px 0px; }
.rss .feed-hj a { color:#999; text-decoration:none;}
.rss .feed-hj a:hover { color:#8dc532; text-decoration:underline;}
.rss .news-hj a {background: url(images/feed-icon-hotjobs-16x16.gif) no-repeat;height: 16px;width: 16px;display: block;overflow: hidden;margin-right: 8px;text-indent: -9999px;margin-left: 8px;}
#rss-hj { clear:both; margin-bottom: 35px;}
#rss-hj .rss .feed a { color:#08508f; text-decoration:none;}
#rss-hj .rss .feed a:hover { color:#8dc532;}

/************************************************
*	Main Navbar      								*
************************************************/
#navigationContainer {background: #3F4C6B  url(images/navbar-bg.gif) no-repeat;width: 700px;height: 33px;font-size: 11px;font-family: Arial, Tahoma, Verdana;color: #FFFFFF;font-weight: bold;margin: 0px 0px 5px 0px;padding: 0px;float:right;}
#nav {margin: 0px;padding: 0px;}
#nav ul {float: left;list-style: none;margin: 0px;padding: 0px;}
#nav li {float: left;list-style: none;margin: 0px;padding: 0px;}
#nav li a, #nav li a:link, #nav li a:visited {color: #FFFFFF;display: block;font-weight: bold;margin:  2px 0px 0px 0px;padding: 7px 18px 4px 18px;text-decoration: none;text-transform: uppercase;border-right: 1px solid #2C354B;font-size: 13px;}
/*nav li a:hover, #nav li a:active {background: #000000 url(images/navhov.gif) bottom;color: #FFFFFF;}*/
#nav li li a, #nav li li a:link, #nav li li a:visited {width: 170px;background: #3F4C6B  url(images/btn-bg-off.gif) repeat-x top;color: #FFFFFF;float: none;margin: 0px 0px 0px -1px;padding: 7px 10px 7px 10px;border-bottom: 1px solid #2C354B;border-left: 1px solid #2C354B;border-right: 1px solid #2C354B;
position: relative;
top: 4px;}
#nav li li a:hover, #nav li li a:active {background: #676B75 url(images/btn-bg-hover.gif) repeat-x top; color: #FFFFFF;padding: 7px 10px 7px 10px;}
#nav li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 190px;margin: 0px;padding: 0px;}
#nav li li { }
#nav li ul a { width: 160px;}
#nav li ul a:hover, #nav li ul a:active { }
#nav li ul ul {margin: -30px 0 0 191px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover { position: static;}
#nav .page_item.page-item-23 a { /* removes last border from 'Contact' button*/border-right-style: none !important;}

/* =Home Page
-----------------------------------------------------------------------------*/
#Home #midbtns {margin: 0px auto;padding: 0px;width: 960px;height: 128px;}
#Home #midbtns ul {padding:1px 0px 0px;margin: 0px;}
#Home #midbtns li {display:inline;}
#Home #midbtns a {text-decoration: none;}
#Home #midbtns .btn1  {height: 128px;width: 310px;float: left;margin-left: 0px;}
#Home #midbtns .btn2  {height: 128px;width: 310px;float: left;margin-left: 14px;}
#Home #midbtns .btn3  {height: 128px;width: 310px;float: left;margin-left: 14px;}

/* =Banner
-----------------------------------------------------------------------------*/
#banner {margin: 0px auto 15px;padding: 0px;width: 960px;height: 260px;display: block;background: #3f4c6b; color:#FFF;}
#banner h2 {position: relative;top: -239px;left: 40px;font-size: 33px;color: #FFF;width: 500px;letter-spacing: 1px;text-indent: -9999px;}
#banner h3 {position: relative;top: -210px;left: 40px;font-size: 18px;color: #FFF;width: 500px;}
#banner-short  {margin: 0px auto 15px;padding: 0px;width: 960px;height: 95px;display: block;background: #3F4C6B url(images/banner-image-short.jpg);}
#banner-short h2 {position: relative;left: 35px;font-size: 33px;color: #FFF;width: 900px;letter-spacing: 1px;top: 25px;}

/* = All pages
-----------------------------------------------------------------------------*/
#breadcrumbs {font-size:11px;color: #333;border-bottom: 1px solid #999;margin-bottom: 18px;padding: 0 0 13px 0px;margin-left: -9px;width: 629px;}
#breadcrumbs a {color: #666; text-decoration:underline; }
#breadcrumbs a:hover {color: #ffaa0d; text-decoration:underline;}
#content-wrap  h2 {color: #465883;/*	border-bottom: 1px solid #999;*/margin-bottom: 12px;padding-bottom: 3px;font-size: 22px;font-style: normal;font-weight: normal;}
#content-wrap  p strong {/*color: #294d8d;*/ color: #333;}
#content-wrap blockquote {background: #f7f7f7;padding: 15px 15px 13px;text-align: justify;border: 1px solid #CCC;margin: 20px 0px;}

/* = SingleCol and Homepage Content
-----------------------------------------------------------------------------*/
#content-wrap {width: 960px;background: #fff; margin: 0px auto 15px;}
#content-wrap .singlecol-content p {text-align: justify;}
.singlecol-content  {background: #fff;margin: 0px;padding: 0px 10px 20px;background: #fff; width: 940px;}
.singlecol-content #breadcrumbs {width: 954px;margin-top: 0px; margin-left: -9px;}

/* =TwoCol Page
-----------------------------------------------------------------------------*/
#TwoCol #content-wrap {width: 960px;background: #fff; margin: 0px auto 15px;}
#content-wrap .twocol-content p {text-align: justify;}
.twocol-content  {margin: 0px;padding: 0px 10px 20px;width: 610px;	float: left;}
.twocol-content img {border: 1px solid #666; }
.twocol-content ul li {list-style: square;}

/* =Sidebar
-----------------------------------------------------------------------------*/
#sidebar {background: #FFF;width: 280px;min-height:167px;height:auto !important;float: right;margin: 0px 2px 0px 0px;padding: 4px 15px 0px 15px;font-family: Arial, Helvetica, sans-serif;}
#sidebar h4 {font-size:18px;color: #465883;border-bottom: 1px solid #999;padding: 0px 0 15px 0px;font-weight: normal;margin: 0px;line-height: 8px;}
#sidebar ul li {border-bottom: 1px solid #999;padding-bottom: 11px;padding-top: 11px;list-style: none;background: url(images/icon-pdf.gif) no-repeat left;}
#sidebar ul li  a {color: #294d8d;text-decoration: none;font-size:12px;font-weight: normal;padding-left: 40px;display:block;}
#sidebar ul li  a:hover {color: #8dc532;text-decoration: underline;}
#sidebar ul {margin: 0px 0px 35px;padding: 0px;	}
#sidebar .pdf {}
#sidebar  .li-news li   {background: url(none) !important; padding: 8px 0 8px 0 ;}
#sidebar  .li-news li  a {padding-left: 2px;}
#sidebar .li-links .xoxo.blogroll li {background: url(none);padding: 3px 0px ;margin:0px 0px 0px 30px ;border:none; list-style:square;}
#sidebar .li-links .xoxo.blogroll li a { padding: 0px 0px 0px 5px ;margin:0px;}
#sidebar .referral {background: url(images/referral.png) no-repeat;height: 308px;width: 280px;padding: 40px 11px 0px 11px;color:#FFF;}
#sidebar .referral h4 {text-indent: -9999px;border-style: none;}
#sidebar .referral p {width: 258px; text-align:justify;}
#sidebar .referral .link a {display: block;width: 130px;margin-left: 130px;height: 50px;text-indent:-9999px;overflow: hidden;}

/* =Sub content 
-----------------------------------------------------------------------------*/
#subcontent {margin: 1px auto 0px;height: 115px;width: 960px;}
#subcontent .subleft {height: 115px;width: 325px;padding: 0;float:left;margin: 0px;}
#subcontent .subright {height: 115px;width: 490px;padding: 23px 13px 0 130px;float:left;margin: 0px;background: url(images/bg-news-item.gif) no-repeat;}
.subright h5 {color: #08508f;font-size: 14px;font-style: normal;margin-bottom: 6px;padding-bottom: 2px;border-bottom: 1px solid #CCC;}
#subcontent .subleft img {margin-right: 5px;}

/* = News/Blog
-----------------------------------------------------------------------------*/
#content-wrap h2  a { font-weight:normal; margin-bottom: 0px; padding-bottom:0px; text-decoration:none}
#content-wrap  hr {height: 1px;margin: 15px 0;color:#CCC}
.h2link  {margin-bottom: -3px !important; padding-bottom:0px!important; }
.date { font-weight:normal; color:#294D8D; margin:0px;padding:0px;}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {line-height: 1.25;height: auto;width: 960px;margin: 15px auto 0px;padding-top: 20px;padding-bottom: 5px;background: #3F4C6B;border-top: 12px solid #676b75;}
.footer-bdr /* rounded corners image*/ {line-height: 0;height: 5px;width: 960px;margin: 0 auto 5px;padding: 0;background: #3F4C6B url(images/footer-bdr.gif);}
#footer a {color: #FFF;text-decoration:none;}
#footer a:hover {color: #8dc532; text-decoration:underline;}
.footertxtleft {color: #3F4C6B;width: 165px;padding: 0px 20px 0px 20px;font-size: 12px;float: left;height: 130px;}
.footertxtleft ul li {list-style: square;color:#FFF}
.footertxtleft h6 {padding: 0px;margin: 0px 0px 22px 0px;height: 0px;color:#FFF}
#footer .footertxtright{color: #FFF;width: 280px;padding: 0px 20px 0px 0px;font-size: 13px;float: left;height: 130px;font-weight:bold;letter-spacing: 1px;}
.footertxtright ul {margin-top: 10px;}
.footertxtright ul li {list-style: none;}
#copy {margin: 0px 0px 5px 15px;padding: 2px 0px 0px 0px;clear: both;width: 915px;font-size:10px; height:15px;}
#copy ul {margin: 0px;padding: 0px;text-align: left;}
#copy ul li {list-style: none;}
#copy  a {color: #666;text-decoration: none;}
#copy a:hover { color:#8dc532; text-decoration:underline;}
#copy .news {background: url(images/feed-icon-12x12.gif) no-repeat right 50%;height: 12px;width: 12px;overflow: hidden;margin-right: 0px;margin-left: 0px;padding-right: 15px;padding-left: 4px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #copy .news  { 	background: url(images/feed-icon-12x12.gif) no-repeat right 0px;}
}

/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}
fieldset {color: #666 ;}
legend {font-size: 115%;font-weight: bold;color: #999;margin-left: 0px;}
#frmElement {height: 35px; margin: 0px;}  put classes below,in this div 
.frmText {float: left;width: auto;padding: 4px 0 0 0px;}
.frmField {}
.frmField input {border: 1px solid #999999;padding: 2px;}
.frmSubmit {}
.required {color: red;}
/*div.wpcf7-response-output.wpcf7-mail-sent-ok  {font-size: 21px !important; margin-bottom: 20px !important; color: #060 !important; padding: 20px;background: #FFC;}
div.wpcf7-response-output.wpcf7-validation-errors {font-size: 21px !important; margin-bottom: 20px !important; color: #900 !important; padding: 20px;background: #FFC;}

.wpcf7-form-control-wrap.your-message textarea {width: 570px;padding: 3px;  font-size: 14px; font-family:Tahoma, Geneva, sans-serif; color:#1F497D !important;}
.wpcf7-form-control-wrap input {padding: 3px; font-size: 14px; font-family:Tahoma, Geneva, sans-serif;color:#1F497D !important; margin-right: 10px;}
.wpcf7-not-valid-tip-no-ajax { color: #900 !important;}

.wpcf7-form-control-wrap.captcha-907 input {width: 50px; margin: 0 10px 0 0px; margin-top:5px; font-size: 14px; font-family:Tahoma, Geneva, sans-serif;color:#1F497D !important;}
.wpcf7-quiz-label { color:#C00;}
*/

/* =Tables
-----------------------------------------------------------------------------*/
thead th, thead td {font-weight: normal;line-height:normal;text-align: left;border-bottom: 2px solid #3F4C6C;padding: 4px 5px 4px;font-size:15px;background-color: #fff;background-image: url(images/th-gray-grad.png);background-repeat: repeat-x;background-position: top;} 
table thead tr td h5 {font-size: 13px  !important;font-weight:900;color:#333 !important;font-weight: 900 !important;}
tfoot th, tfoot td {text-align: left;border-top: none;font-weight: normal;}
th, td {padding: 0.7em 0.5em 0.7em 0.5em;border:0px;}
tbody th, td {text-align: left;vertical-align: top;border-top: 1px solid #deded8;font-size: 12px  !important;}
tbody th {font-weight: normal;white-space: nowrap;}
tbody th a:link, tbody th a:visited {font-weight: bold;}
tbody th + td {white-space: nowrap;}
tbody td, tbody th {border: 1px solid #fff;border-width: 1px 0;}
tbody tr.odd th, tbody tr.odd td {background: #f9f9fb;border-top: 1px solid #deded8;}
tbody tr:hover td, tbody tr:hover th {background: #ebf3ff;}
td + td + td + td {white-space: nowrap;}
.ref tr:hover {background-color: #fff;color: #555;}
.ref {border-style: none;}

/* Table - Contact Us page */
table#contactus {text-align: left;border: none !important;color:#4A4A4A !important;-moz-border-radius: 0px;-webkit-border-radius:0px;-khtml-border-radius:0px;font-size: 13px;line-height: 1.4em;}
table#contactus tbody tr:hover td, table#contactus tbody tr:hover th {background: #fff !important;}
table#contactus h4 {background: url(images/bullet-h4.gif) no-repeat 0px 3px  !important;margin-bottom: 4px  !important;	margin-top: 0px  !important;	color:#4A4A4A !important;font-size: 13px !important;}
table #contactus th, table #contactus td {padding: 0.42em !important;}

/* Table - Single Job page category-hot-jobs.php  */
.single-job th, .single-job  td {border:0 none;padding:0;}
.single-job tbody tr:hover td, .single-job  tbody tr:hover th {background: #fff; padding:0px}

/* Newsletter signup form */
#newsletter  {background: #fcfcfd;text-align: left;border: 1px solid #CCC !important;color:#4A4A4A !important;line-height: 1.4em;padding: 20px 0px 0px 15px;-moz-border-radius: 4px;-webkit-border-radius:4px;-khtml-border-radius:4px;}
#newsletter tbody tr:hover td,   #newsletter  tbody tr:hover th {background: #fcfcfd;}
#newsletter  tbody td,   #newsletter  tbody th {border-right: none;border-bottom: none;border-left: none;border-top-style: none;font-size: 14px !important;}
#newsletter #email ,  #newsletter  #CustomFields_45_17 {padding: 3px;width: 250px;border: 1px solid #ccc;}

/* =Multimedia
-----------------------------------------------------------------------------*/
.flashPlayer {position:relative;overflow:hidden;}

/* =Misc
-----------------------------------------------------------------------------*/
.wp-caption-text { font-size:10px; color:666; text-align:center !important;  }
iframe {border: 4px solid #666;-moz-border-radius: 6px; -webkit-border-radius:6px; -khtml-border-radius:6px;}
.tick li {background: url(images/li-icon-check.png) no-repeat 0px 2px;padding: 2px 0 2px 20px;list-style: none !important; }
.entry ol li { margin-bottom: 6px;}
.icon-date {background: url(images/icon-date.png) no-repeat 0px 0px;padding-left: 20px;}
.icon-print {margin-right: 10px;margin-bottom: 10px;float: left;border:3px solid #ccc  !important;position: relative;top: -22px;display: block;}
.entry img {margin: 0 10px 15px 0;border: 2px solid #ccc;}

/* =To Be Filed
-----------------------------------------------------------------------------*/