@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Exo:300,400);

@charset "utf-8";
/* CSS Document */
html{height:100%}
body{margin:0; padding:0; font-family:'Open Sans', sans-serif, Arial, Helvetica; color:#576670; font-size:13px; background:#fff; height:100%; font-weight:400}
div, h1, h2, h3, h4, h5, h6, p, ul, li, form{margin:0; padding:0;}
header, nav, footer, aside, hgroup, article, address, section, figure, hgroup {display:block; margin:0; padding:0;}
a, img{border:none;}
a{color:#3da4e7; text-decoration:none;}
a:hover{text-decoration:none;}
.clr{clear:both; overflow:hidden;}
.spacer{clear:both; margin-top:7%; height:10px}
.a-rollover:hover
{
  opacity: .90;
  filter:alpha(opacity=90);
}

.img-rollover:hover img
{
  opacity: .90;
  filter:alpha(opacity=90);
}

input, select, textarea{font-family:'Open Sans', sans-serif, Arial, Helvetica;}


.navDropdown, .navDropdown small, .footerIn .fbFollow{display:none;}

/*wrapper*/
.wrapper{min-width:710px; min-height:100%; position:relative;}
.wrapper .wrapperIn{max-width:1280px; margin:0 auto; padding:20px 60px 30px;}

/*header*/
.header{background:url(../images/headerBg.jpg) no-repeat; padding:160px 6% 0; height:119px; z-index: 999;}
h1.logo{display:block; float:left; width:20%; position:relative}
h1.logo img{display:block; width:100%;}

h1.logo span{font-size:10px; position:absolute; top:0; left:0; z-index:-1}

/*navigation*/
.header nav{float:right; padding-top:30px; z-index: 999;}
.header nav ul{list-style:none; z-index: 200;}
.header nav ul li{float:left; color:#204c67; text-transform:uppercase; font-size:14px; margin-left:1px; position:relative}
.header nav ul li a{color:#204c67; display:block; padding:10px 13px 0; height:30px;}
.header nav ul li:hover>a{background:#4aa4de; color:#fff}
.header nav ul li.active a span{display:block; border-bottom:1px solid #204c67;}
.header nav ul li.active:hover>a span{ border-bottom:1px solid #ddd; /*border:none;*/}
.header nav ul li:hover ul{ left: auto; }


/*sub navigation*/
div#sub-nav ul { margin: 0; padding: 0 0 15px 0; list-style-type: none; width: 100%; }
div#sub-nav ul li { margin: 0; padding: 0; float: left; width: 90%; margin-left: 20px; font-weight: 300; font-size: 180%; line-height: 120%; }
div#sub-nav ul li i { font-size: 80%; /*margin-right: 5px;*/ margin-left: 2px; }
div#sub-nav ul li a { display: block; color: #0d1a20; color: #057EB9; /*background-color: #e9e7e7;*/ width: 100%; height: 100%; padding: 14px 0px 14px 0px; text-decoration: none; border-top: 1px solid #dbdbdb;  }
div#sub-nav ul li.bottom a { border-bottom: 1px solid #dbdbdb; }
div#sub-nav ul li.selected a { /*background-color: #d40202;*/ background-color: #d8d7d7; font-weight: bold; }
div#sub-nav ul li a:hover { /*background-color: #e3dfdf;*/ color: #24a4e1; }
div#sub-nav ul li.selected a:hover { /*background-color: #d40202;*/ /*color: #0d1a20;*/ /*color: #243d48;*/ color: #24a4e1; background-color: #d8d7d7; }



/*dropdown*/
.header nav ul li ul{position:absolute; top:39px; left:0; width:219px; padding:18px 13px; left: -9999px; background:#4aa4de; z-index:999; }
.header nav ul li ul li:first-child{border-top:1px solid #6bb4e4;}
.header nav ul li ul li{border-bottom:1px solid #6bb4e4; padding:5px 0}
.header nav ul li ul li{display:block; float:none; font-weight:300}
.header nav ul li ul li a{ height:auto; padding:3px 8px; color:#fff}
.header nav ul li ul li:hover a, .header nav ul li ul li.active a{background:#4599d0;}

h2.title{color:#fff; background:#136eb6; padding:18px 6%; font-family: 'Exo', sans-serif; font-weight:300; font-size:28px; text-transform:capitalize;}

/*sliderArea*/
.sliderArea{position:relative; overflow:hidden; width:100%}
.sliderArea ul.slides li{position:relative;}
.sliderArea .info{background:url(../images/slideTrns.png) repeat; padding:2% 6%; position:absolute; left:0;  bottom:0; width:88%; min-height: 17%;}
.sliderArea .info h2{font-size:37px; font-weight:300; font-family: 'Exo', sans-serif; color:#fff; width:60%; line-height:40px;}
.sliderArea .info h2.large{font-size:44px; line-height:49px;}

/*content*/
.content{background:#fff url(../images/contentBg.jpg) repeat-y;}

/*top part*/
.topPart{padding:4% 6%;}
.topPart .leftCol{width:56%; float:left; padding-top:0%}
.topPart .leftCol p{font-size:20px; color:#285471; font-weight:300; padding-bottom:3%}
.topPart .leftCol a.readMore{background:url(../images/button.png) no-repeat; width:200px; height:34px; display:block; font-size:13px; color:#ffffff; text-transform:uppercase; line-height:32px; padding-left:15px; margin-top:1%}

.topPart .rightCol{width:40%; float:right}
.topPart .rightCol img{display:block; width:100%;}

/*mid part*/
.midPart{background:#0d5d9c; padding:3% 6%}

.midPart .col{float:left; width:47%; background:#053961; }
.midPart .col:hover{background:#043154; }
.midPart .col img{float:left; width:35%;}

.midPart .col span.text{width:50%; float:right; background:url(../images/arrow.png) 100% 4px no-repeat; font-size:17px; color:#fff; text-align:right; padding-right:5%; margin-right:3%; margin-top:8%; text-transform:uppercase; min-height:21px;}

.midPart .colR{float:right;}


/*bottom part*/
.bottomPart{background:#fff; padding:3% 6%}
.bottomPart .leftCol{width:44%; float:left;}
.bottomPart .leftCol img{display:block; width:100%;}

.bottomPart .rightCol{width:48%; float:right;}
.bottomPart .rightCol p{font-size:20px; color:#285471; font-weight:300; padding-bottom:3%}

.bottomPart .rightCol a.readMore{background:url(../images/button.png) no-repeat; width:200px; height:34px; display:block; font-size:13px; color:#ffffff; text-transform:uppercase; line-height:32px; padding-left:15px; margin-top:1%; float:right}


/*page*/
div#breadcrumb{background-color: #e6e4e5; padding:1% 6% 1%; }
h2.pageTitle{color:#fff; background:url(../images/titleBG.png); padding:5% 6% 0; font-family: 'Exo', sans-serif; font-weight:300; font-size:45px; text-transform:capitalize; height:83px; line-height:78px}
.contentIn{padding:3% 6%;}

/*leftContent*/
.leftContent{width:42%; float:left}
.leftContentMedium{width:57%; float:left}
.leftContentWide{width:60%; float:left}

/*sidebar*/
.sidebar{width:55%; float:right;}
.sidebarMedium{width:40%; float:right;}
.sidebarThin{width:35%; float:right;}
ul.imgList{list-style:none;}
ul.imgList li{margin-bottom:2px; margin-left:1%; width:49%; float:left}
ul.imgList li:first-child{margin-left:0;}
ul.imgList li img{width:100%;}


.sidebar img{width:100%; height: auto;}

.sidebar .blueBox{background:#053961; margin-top:3%}
.sidebar .blueBox img{float:left; width:35%;}
.sidebar .blueBox:hover{background:#043154; }

.sidebar .blueBox span.text{width:50%; float:right; background:url(../images/arrow.png) 100% 4px no-repeat; font-size:17px; color:#fff; text-align:right; padding-right:5%; margin-right:3%; margin-top:10%; text-transform:uppercase; min-height:21px;}


/* clients */
.client { width: 48%; padding: 0px 0px 30px 0px; float: left; }
.client-right { width: 45%; padding: 0px 0px 30px 30px; float: right; }
.client img{ width: 39%; margin-right: 3%; float: left; }
.client .text{ overflow: auto; }
.client .name{ font-weight: bold; font-style: italic; }

/*footer*/
footer{background:#053961; height:210px; padding:45px 6% 0;}
footer .left{float: left;}
footer img{float: left; margin-right: 20px; width: 71px; height: auto;}
footer p{color:#fff; font-size:13px;}
a.linkedIn{display:block; float:left; color:#fff; font-size:13px; background:url(../images/icon.png) no-repeat; height:22px; padding-left:28px; line-height:22px; margin-top:10px;}

  
a.websiteBy{background:url(../images/icon.png) 100% -22px no-repeat; float:right; padding-right:28px; font-size:12px; color:#4d83ac; height:22px; line-height:22px; margin-top:65px;}
a.linkedIn:hover, a.webisteBy:hover{}

/*content formatting*/
.contentArea p{font-size:13px; color:#576670; padding-bottom:4%}
.contentArea h3{font-weight:600; font-size:15px; color:#285471; padding: 2% 0 3%;}
.contentArea h2{font-weight:300; font-size:22px; color:#285471; padding: 0% 0 1%;}
.contentArea li { margin-bottom: 3%; line-height: 140%; }
.contentArea ul { list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 4%; margin-left: 6%; margin-top: 0px; padding: 0 0; }


/* tables */
.contentArea Table TD { font-weight: normal; margin: 0px 0px 0px 0px; vertical-align: top; font-size: 100%; }
.contentArea Table TD p { margin: 0px 0px 0px 0px; padding: 0 0 0px 0; font-size: 100%; }
.contentArea Table { border: 0; margin-top: 11px; margin-bottom: 20px; width: 100%; border-top: 1px solid #d5d5d5; }
.contentArea Table TH, table thead td { padding: 10px 10px 10px 10px; background-color: #d4d4d7; text-align: left; font-weight: normal; color: #3f4040; border: 0;  }
.contentArea Table TD { padding: 10px 10px 10px 10px; vertical-align: top; border: 0; border-bottom: 1px solid #d5d5d5;   }








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */