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


@font-face {
	font-family: 'serifa-bt';
	src: url('fonts/serifa-bt.eot');
	src: local('☺'), url('fonts/serifa-bt.woff') format('woff'), url('fonts/serifa-bt.ttf') format('truetype'), url('fonts/serifa-bt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{ margin:0px; padding:0px; background:#e4e4e4; font-family:Calibri; font-size:16px; font-weight:normal; color:#fff;}
#wrapper{ width:100%; margin:0px; padding:0px;}
#container{width:995px; margin:auto; padding:0px;}
#header{width:100%; height:579px; margin:0px; padding:0px; background:url(../images/bg-top.png) top center no-repeat #1b263a;}
#logo{ float:left; margin:10px 0px 0px 0px; padding:0px; background:url(../images/logo.png) center no-repeat; width:243px; height:130px;}
#logo a{display:block; text-indent:-9999px; cursor:pointer; height:130px;}
#top-nav{ float:right; width:200px; height:40px; margin-top:45px;}
#top-nav ul{ margin:0px; padding:0px;}
#top-nav ul li{float:left; display:block; list-style:none; margin-right:10px; text-align:left; padding-top:3px;}
#top-nav ul li a{ color:#fff; text-decoration:none; font-size:12px; }
#top-nav ul li a:hover{ color:#fff;}
#icon-home{background:url(../images/icon-home.png) scroll 0px 5px no-repeat; padding-left:20px;}
#icon-mobile{background:url(../images/icon-mobile.png) scroll 0px 3px no-repeat; padding-left:15px; }
#icon-linked{background:url(../images/linkedin.png) scroll top center no-repeat; width:25px; height:40px; text-indent:-9999px; display:block; cursor:pointer;}
#links-bg{ margin:0px 0px 0px 0px; padding:16px 0px 0px 25px; width:720px; height:62px; float:right; background:url(../images/links-bg.png) top center no-repeat;}
#menu{margin-left:0px; padding:0px;}
#menu ul{margin:0px; padding:0px;}
#menu ul li{float:left; position:relative; padding:0px 25px 0px 23px; list-style:none; display:block; height:35px; background:url(../images/links-line.png) 0px 0px no-repeat;}
#menu ul li a{ font-family:serifa-bt,Georgia, "Times New Roman", Times, serif; color:#fff; font-size:18px; text-decoration:none; margin:0px; padding:0px;}
#banners{margin:auto; padding:0px; width:994px; height:373px;}
#contents-area{width:935px; margin:auto; padding:20px 30px 25px 30px; border:1px solid #394e62; background:url(../images/area-bg.png) repeat-x top #005c84;}
#footer-area{ width:100%; height:125px; background:#1b263a;}
#footer-main{ width:995px; margin:auto; padding:0px;}
#footer-links{ margin:auto; padding:0px; width:950px; height:35px; padding-top:15px; line-height:25px; font-size:14px;}
#footer-links a{ color:#FFFFFF; text-decoration:none;}
#footer-linkedin{ float:right; width:25px; height:25px; margin-top:20px; margin-right:15px;}
#copyright{ color:#FFFFFF; text-decoration:none; font-size:12px;}
#websiteby{ float:right; width:175px; height:25px; font-size:12px; text-align:right; padding-top:10px;}
#websiteby a{ color:#FFFFFF; text-decoration:none;}
.left-imgs{float:left; padding-right:30px;}
.left-imgs15{float:left; padding-right:15px;}
.right-imgs{float:right; padding-left:25px;}
.center-imgs{ text-align:center; padding:5px;}
#index-tl{ padding-top:40px;}
#titles-bg{ width:100%;  height:50px; background:url(../images/line-titles.png) bottom center no-repeat; text-align:center; font-family:serifa-bt,Georgia, "Times New Roman", Times, serif; font-size:30px;}

/* Boxs Styles */

#box-styles1{ margin:auto; padding:0px; width:400px; height:70px; border-radius:0px 30px 0px 30px; -moz-border-radius: 0px 30px 0px 30px; background:#fbf88f; border:5px solid #FFFFFF; box-shadow:0px 15px 30px -15px #000; padding:20px 10px 10px 10px; text-align:left; color:#000000; font-size:20px;}
#box-styles2{ margin:auto; padding:0px; width:400px; height:70px; border-radius:30px 0px 30px 0px; -moz-border-radius:30px 0px 30px 0px; background:#d0ff74; border:5px solid #FFFFFF; box-shadow:0px 15px 30px -15px #000; padding:20px 10px 10px 10px; text-align:left; color:#000000; font-size:20px;}
#box-styles3{ margin:auto; padding:0px; width:400px; height:70px; border-radius:0px 30px 0px 30px; -moz-border-radius: 0px 30px 0px 30px; background:#96a8e8; border:5px solid #FFFFFF; box-shadow:0px 15px 30px -15px #000; padding:20px 10px 10px 10px; text-align:left; color:#000000; font-size:20px;}
#box-styles4{ margin:auto; padding:0px; width:400px; height:70px;border-radius:30px 0px 30px 0px; -moz-border-radius:30px 0px 30px 0px; background:#ffc2bf; border:5px solid #FFFFFF; box-shadow:0px 15px 30px -15px #000; padding:20px 10px 10px 10px; text-align:left; color:#000000; font-size:20px;}
#box-styles5{ margin:auto; padding:0px; width:400px; border-radius:30px 0px 30px 0px; -moz-border-radius:30px 0px 30px 0px; background:#ffdabf; border:5px solid #FFFFFF; box-shadow:0px 15px 30px -15px #000; padding:20px; text-align:left; color:#000000; font-size:20px;}
#box-styles6{ margin:auto; padding:0px; width:400px; border-radius:30px 0px 30px 0px; -moz-border-radius:30px 0px 30px 0px; background:#9a8aff; border:5px solid #FFFFFF; box-shadow:0px 15px 30px -15px #000; padding:20px; text-align:left; color:#000000; font-size:20px;}
#box-styles7{ margin:auto; padding:0px; width:400px; border-radius:30px 0px 30px 0px; -moz-border-radius:30px 0px 30px 0px; background:#fdffac; border:5px solid #FFFFFF; box-shadow:0px 15px 30px -15px #000; padding:20px; text-align:left; color:#000000; font-size:20px;}
#box-styles8{ margin:auto; padding:0px; width:400px; border-radius:30px 0px 30px 0px; -moz-border-radius:30px 0px 30px 0px; background:#d0ff74; border:5px solid #FFFFFF; box-shadow:0px 15px 30px -15px #000; padding:20px; text-align:left; color:#000000; font-size:20px;}
#box-days4{ margin-right:15px; margin-top:-45px; padding:0px; width:50px; height:30px; float:right;  border-radius:10px; background:#fff; padding:7px ; box-shadow:inset 0px 0px 10px #e1e1e1;}
#box-days{ margin-right:15px; margin-top:-20px; padding:0px; width:50px; height:30px; float:right;  border-radius:10px; background:#fff; padding:7px ; box-shadow:inset 0px 0px 10px #e1e1e1;}







/*###Menu Styles###*/
#menu ul ul {display: none; margin: 0; padding: 0; position: absolute; top:35px; left:-10px; background-image:url(../images/menu_bg2.png); border-top:0; border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; -webkit-box-shadow: 0 1px 10px #000;-moz-box-shadow: 0 1px 10px #000; box-shadow: 0 1px 10px #000; float:left; z-index:99999;  padding:10px; }
  /* dropdown */
  	#menu ul li:hover > ul { display:block;color: #cccccc!important; }
  	#menu ul ul li { margin: 0!important; padding: 0; background:none; white-space:nowrap; border-bottom:1px dotted #000; width:100%; }
	#menu ul ul li.last { border-bottom:0; }
  	#menu ul ul li:hover a, #nav li:hover li a { background: none; border: none; color: #fff; }
  	#menu ul ul li:hover { background: none !important;  }
  	#menu ul ul li a { background: none !important;color:#1b263a!important; text-decoration: none; display:block; line-height:28px;margin: 0; font-size:16px; text-shadow:1px 1px 0 #fff;text-decoration:none; text-transform:capitalize; margin:0; padding:0; font-family:serifa-bt,Georgia, "Times New Roman", Times, serif;}
  	#menu ul ul li a:hover {background: none !important; color: #ffe600 !important; text-shadow: 1px 1px 0px #000; font-family:serifa-bt,Georgia, "Times New Roman", Times, serif; }
  	#menu ul ul a {  color: #fff!important; }
  	/* level 3+ list */
  	#menu ul ul ul {  left: 158px; top:-1px; width:160px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
 	#menu ul ul ul li { width:160px; }
  	/* rounded corners of first and last link */
  	/*#nav ul li:first-child > a {-webkit-border-top-left-radius: 9px;-moz-border-radius-topleft: 9px;-webkit-border-top-right-radius:9px;-moz-border-radius-topright: 9px;}*/
  	/*#nav ul li:last-child > a { -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px;}*/
  	/* clearfix */
  	#menu ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  	#menu ul { display: inline-block;} 
  	* html[xmlns] #menu ul { display: block;}
  	* html #menu ul { height: 1%;}







/*Clear Codes*/
.clear{clear:both; padding-top:0px;}
.clear10{clear:both; padding-top:10px;}
.clear20{clear:both; padding-top:20px;}
.clear30{clear:both; padding-top:30px;}
.clear40{clear:both; padding-top:40px;}
.clear50{clear:both; padding-top:50px;}