@import url('../slider/css/flexslider.css');

*{	box-sizing:border-box;	-moz-box-sizing:border-box; margin:0px; padding:0px;}

html, body { width:100%; padding:0px; margin:0px;}
body { font-family:Cambria; color:#bbb8b8; font-size:14px; line-height:22px;  background:#1B1B1B; }

@font-face {font-family: "OpenSans CondensedLight";font-style: normal;font-weight: normal;src: url("../fonts/OpenSans-CondLight.ttf") format("woff");}
@font-face {font-family: "Economica Regular";font-style: normal;font-weight: normal;src: url("../fonts/Economica-Regular.ttf") format("woff");}
a,
a:visited,
a:active,
a:hover{color:#0099ff;}
a:hover{ text-decoration:none;}
h1 { font-size:30px; color:#1076C0; padding:5px 0 10px 0; }
h2 { font-size:36px; color:#028ae3; padding:5px 0 5px 0; font-weight: normal; line-height:28px;  }
h3 { font-size:26px; color:#fff; padding:5px 0 5px 0; font-family: "Economica Regular";  font-weight: normal; line-height:28px; }
h4 { font-size:20px; color:#EF8D20; padding:2px 0 10px 0; font-family: "Economica Regular"; font-weight: normal; }
h5 { font-size:16px; color:#0581C6; padding:2px 0 10px 0; }
p { padding:0 0 10px 0;  font-size:14px; line-height:22px; text-align:justify;}



.TxtCnt { text-align:center;}
.TxtRgt { text-align:right;}
.ReadMore { text-align:right;  }
.ReadMore a { background:#C3BFC0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); padding:7px 25px;text-decoration:none; color:#282829; font-family: "Economica Regular";font-weight:bold;}
.ReadMore a:hover { text-decoration:underline;}
a.More { background:#D5982E; padding:5px 25px 6px 25px; margin-top:10px; color:#fff; font-family: "Economica Regular"; text-decoration:none; font-size:20px;}
.BorBtm { border-bottom:1px solid #9C9C9C; margin-bottom:1%;}
.client li h2 { font-size:18px; color:#7C7B7B; padding:20px 0 10px 0;  }
.client li h1 { font-size:20px; color:#1076C0; padding:20px 0 10px 0; }
.gray { color:#343434;}
.darkblue { color:#012E81 !important;}
img.displayCenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.headtxt {font-size:22px; color:#fff;}
.padBtm { padding-bottom:5%;}
.padBtm1 { padding-bottom:5%;}
.padTopBtm { padding:1% 0 4% 0;}
.imgFlot { float:left; padding-right:5px;}

header {  background: url('../images/head-bg.jpg') repeat-x scroll 0px 0px transparent;  }
.socialicon {  float:right;}
.socialicon img { margin-top:5px; padding-left:5px; border:none;}
.Call { width:100%; float:left; padding-top:5%; padding-left:32%;}
.Call h1 {  font-size:16px; color:#000; font-weight:bold; }



nav {margin-top:0px; }

.featured { background:  #081B2C url('../images/ban-btm-bg.jpg') repeat-x scroll center bottom; }

#content{ background:#1B1B1B; padding-bottom:30px;}

.block01 { padding:20px 0 10px 0; }
.block02 { margin:0px; padding:0; border-top:1px solid #F1F5F4;}

.BorBox { border:1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;	border-radius: 6px; behavior: url(PIE.htc); padding:5px 0;}
.HomSerBox { width:191px; float:left; padding:10px 10px;}

ul.bulletImage {
    padding: 0px 0px 10px;
}
ul.bulletImage li {
    background: url('../images/bullet.png') no-repeat scroll 0px 7px transparent;
    padding: 0px 0px 7px 25px;
    list-style: none outside none;
    line-height: 20px; color:#fff;
}

.developBox{  background:#071726; border:1px solid #052740; padding:10px 20px;}
.developBox p { font-family: "OpenSans CondensedLight"; font-size:18px; text-align:center; line-height:30px; color:#fff;}

.showHideArea {
    padding: 0 0 7px;
}

.showHideHdr {
    padding: 0 0 10px;
}

.showHideHdr a, .showHideSubHdr a, .showHideHdr span, .showHideSubHdr span {
    cursor: pointer;
    display: inline-block;
}
.showHideHdr a {
    font-weight: bold;
}
.show, .hide {
    display: inline-block;
    line-height: 17px;
    padding-left: 25px;
}
.hide {
    background: transparent url("../images/minus.png") no-repeat scroll 0 3px;
}
.show {
    background: transparent url("../images/plus.png") no-repeat scroll 0 3px;
}
.showHideCont {
    display: none;
    padding: 0 0 0 24px;
}


table { border-collapse:collapse; border-spacing:0;  }
 .clsTable { border-right:1px solid #262624; border-top:1px solid #262624; margin: 0 auto 30px auto; width: 97.6%;font-family: Arial,Helvetica,sans-serif; font-size: 13px; #575757}
 .clsTable th { font-weight:bold; border-bottom: 1px solid #262624; border-left:1px solid #262624; color:#fff; background:#0A3E87;padding:10px 10px;}
 .clsTable td { border-bottom: 1px solid #262624; border-left:1px solid #262624; padding:5px 10px;}
  .clsTable td.txtBold { font-weight:bold; color:#028ae3;}
 .clsTable tr { vertical-align:top;}
 .clsTable tr.cLsGrey { background:#f5f5f5 none repeat scroll 0 0;}

footer {   }
.FootClor { background: #424242 !important; padding:10px 0;}
footer p { color:#969798; padding:5px 0 5px 0; font-size:13px;  font-weight:normal;}
footer p a { color:#969798 !important; text-decoration:none; }
footer ul.link  { width:100%; float:left; }
.link li { float:left;  list-style-type:none; color:#969798; padding:5px 5px 5px 0px;}
.link li a { font-size:12px; color:#969798; text-decoration:none; width:100%;}
.link li a:hover { border-bottom:1px solid #fff;}
.link li a.active1 { color:#fff; }
.design { color:#fff; font-size:13px; text-align:right;}
.design a { color:#fff !important; }
 

 #enquiryBox { position:relative;}
 #enquiryBox ul li { padding: 10px 0px; list-style-type:none;}
 #enquiryBox ul li p { float:left; width:20%; padding: 3px 0px; margin-right:5px; font-weight:bold; }
 .inputField { color: #999; padding: 5px; background: url('../images/input-box-bg.jpg') repeat-x scroll center top #FFF;    font-size: 12px; border: 1px solid #BFC3C6; width: 56%;}
.textArea {  color: #999; padding: 5px; background: url('../images/input-box-bg.jpg') repeat-x scroll center top #FFF;    font-size: 12px; border: 1px solid #BFC3C6; width: 56%;}
.submitBtn, .resetBtn { border:none; padding:5px 10px; font-weight:bold; color:#fff;}
.submitBtn {background: #00BDF2;}
.resetBtn {background: #666; margin-left:5px;}
.Btn { padding-left:21% !important;}
 
 
/*MAIN MENU*/
.menu-toggle{
	display:block;
	padding:10px;
	margin:20px 0 0;
	background:yellow;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
}
.menu-toggle.toggled-on{
	background:green;
}
.srt-menu{
	display:none;
}	
.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
}

.srt-menu{
	clear:both;
	margin-bottom:60px;
	
}
.srt-menu li a {
	display:block;
	padding:10px;
	text-decoration:none;
}
.srt-menu li a:hover{
	color:#fff;
}
.srt-menu li li a {
	background:blue;
	padding-left:40px;
}




@media only screen and (min-width: 920px) {

.menu-toggle{display:none;}
#menu-main-navigation{display:block;}

.srt-menu, .srt-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.srt-menu ul {
	position:		absolute;
	display:none;
	width:	14em; 
	z-index:1;	
}
.srt-menu ul li {
	width:			100%;
}
.srt-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.srt-menu li {
	float:			left;
	position:		relative;
	margin-left:1px;
}
.srt-menu li li {
	margin-left:0px;
}
.srt-menu a {
	display:		block;
	position:		relative;
}
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
	display:block;
	left:			0;
	top:			46px; /* match top ul list item height */
	z-index:		99;
	-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
    box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}
ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO1 SKIN ***/
#topnav, .srt-menu {
	float:right;
}
.srt-menu a {
	text-decoration:none;
}
.srt-menu li a {
	margin:0; 
	padding:15px 22px 15px 22px;
	font-size:14px;
	font-weight:bold;
}
.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#a5a2a2;	
}
.srt-menu li li a {
		border-top:		blue;
		background:		#D1D1D1; /*fallback for old IE*/
		color:	#2B2B2B;
		padding-left:20px;
}

.srt-menu  li a.active { background:#FFFFFF; color:#1b1b1a;  }
.srt-menu li:hover > a,
.srt-menu li.current a{ 
	background:#FFFFFF; color:#a5a2a2;
	
}
.srt-menu li li:hover > a{
	color:#fff;
	background:#FFFFFF;
}

}