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

body, ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, img
{
	border: 0;
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	background-color: #B6CDD9;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../img/back.gif);
}
a {
	color: #095980;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
h1 {
	padding-top: 0px;
	font-size: 22px;
}
#content .title_1 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
#content .title_2 {
	font-size: 18px;
	padding-bottom: 10px;
	color: #000;
}
#content .title_3 {
	font-size: 18px;
	background-color: #095980;
	color: #FFF;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
#content .title_4 {
	font-size: 18px;
	background-color: #095980;
	color: #FFF;
	padding-bottom: 10px;
	padding-top: 10px;
}

.clients_page img { border:1px solid #b5b5b5; margin:0 -4px 5px 5px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; display:inline; float:left;}
.clients_page .clientType{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font:normal 1.25em Arial,Verdana,sans-serif;
margin: 10px 0;
}
.clients_page .clientType .openClientType{ /*class added to contents when they are open*/
color:#333;
}
.clients_page .clientType .closedClientType{ /*class added to contents when they are closed*/
color:#cf1519;
}
.clients_page .clientType img{ /*class added to contents when they are closed*/
border:0px; margin:3px 5px 0 10px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; display:inline; float:left;
}
#content .clients_page .clientTypeList li p
{margin:0; padding-bottom:0px;font:normal 15px 'Oswald',Arial,Verdana,sans-serif; text-align:center; color:#333;}

#main_header {
	width: 960px;
	top: 0px;
	margin-left: -480px;
	background-image: url(../img/mid-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	left: 50%;
}
#sub_header {
	width: 960px;
	height: 130px;
}
#header_base {
	background-image: url(../img/manu_b.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 20px;
	position: absolute;
	z-index: 3;
	top: 0%;
	width: 960px;
	margin-left: -480px;
	margin-top: 110px;
	left: 50%;
}
#main_menu {
	width: 600px;
	top: 59px;
	float: right;
	padding-top: 10px;
	padding-bottom: 5px;
}
#main_menu ul {
	list-style-type: none;
}

#main_menu li {
display: inline;
}
#main_menu a {
	display: block;
	float: left;
	margin-right: 10px;
	color: #095980;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#main_menu a:hover, #main_menu .current {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(pie.htc);
	background-color: #000;
	color: #FFF;
	text-decoration: none;
	position: relative;
}

#logo {
	float: left;
	width: 330px;
	padding-top: 0px;
	padding-left: 0px;
	position:relative;
	height:130px;
}

#logo h1 {
	border:0;
	line-height:1em;
	left:0%;
	top:50%;
	color:#e72727;
	text-align:center;
	width:230px;
	margin:0;
	padding:0;
	position:absolute;
}

#logo img {
	left:24%;
	top:1%;
	position:absolute;
	}

#live_chat {
	float: right;
	width: 160px;
}

#main_banner {
	width: 960px;
	top: 85px;
	background-image: url(../img/mid-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#banner {
	height: 235px;
	width: 940px;
	padding-top: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #095980;
	padding-right: 10px;
	padding-left: 10px;
}

#banner .tab {
	float: left;
	width: 940px;
}

#page {
	width: 100%;
	top: 487px;
	position: absolute;
	
}
#page-1 {
	width: 100%;
	top: 90px;
	position: absolute;
}
#content {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 30px;
}
#content p {
	padding-bottom: 10px;
}

#content ul {
	padding-left: 20px;
}
#content #left_main {
	background-color: #FFF;
	float: left;
	width: 640px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADADA;
	padding-right: 30px;
}

#content .panel {
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#content .panel-main {
	margin-bottom: 20px;
	border: 1px dashed #FC0;
	background-color: #FFC;
	padding: 10px;
}

#content #left_main .panel {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#content #left_main .panel-main {
	margin-bottom: 20px;
	border: 1px dashed #FC0;
	background-color: #FFC;
	padding: 10px;
}
#content #right_main {
	float: right;
	width: 220px;
}

#content #right_main .panel_t {
	background-color: #095980;
	color: #FFF;
	background-image: url(../img/testimonial_b.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
#content #right_main .panel-top {
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
#content #right_main .panel {
	padding-top: 10px;
	padding-bottom: 10px;
}


#content #right_main .right_panel_1 {
	padding-bottom: 25px;
}

#content #right_main .left_image {
	padding-left: 35px;
	float: left;
}

#con_b {
	height: 20px;
}

#bottom {
	margin-top: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}

#bottom .bt_left {
	float: left;
	width: 200px;
	background-image: url(../img/partiton_line.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 10px;
}
#bottom .bt_left.end {
	background-image: none ;
}

#footer {
	height: 30px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	line-height: 22px;
	padding-top: 15px;
	background-image: url(../img/manu_b.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
}
#ft_left {
	float: left;
	width: 400px;
	text-align: left;
	padding-left: 20px;
}
#ft_right {
	float: right;
	width: 500px;
	text-align: right;
	padding-right: 20px;
}

.list {
}
.list ul {
	list-style-type: none;
}
.list li {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 35px;
}

 .img_left {
	float: left;
	padding-right: 5px;
}
.img_right {
	float: right;
}


.clear {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
	width: 100%;
}

.chromestyle{
width: 99%;
font-weight: bold;
}

/* ------------------------------- FOR DROP DOWN MENU ----------------------------------*/
.chromestyle{
width: 700px;
font-weight: bold;
left: 50%;
top:0%;
position:absolute;
margin-top:85px;
margin-left:-240px;
z-index:100;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/*border: 1px solid #BBB;*/
width: 100%;
/*background: url(chromebg.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #333;
padding: 4px 4px;
margin: 0;
text-decoration: none;
border-right: 1px solid #e72727;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../img/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
/*border: 1px solid #BBB;*/ /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 300px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
/*background-color: #F0F0F0;*/
background: url(../img/chromebg-over.gif) center center repeat-x;
}

/* -------------------- */

.clients { background: #FFF; height:112px;overflow:hidden;width:956px; padding:2px; vertical-align:middle; margin:0px;border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #095980;}

.clients h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	border:0;
	padding-bottom: 4px;
	margin-bottom: 0px;
}

/* --------------------- Testimonials ---------------------- */
#ajaxticker1{
height: 240px;
border: 0px ridge black;
padding: 5px 2px;
background: none;
overflow:hidden;
margin:0;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: none;
}

#right_main .panel_t #index-info .testimonials div p {margin:4px 2px 0; padding:0;font:italic 1.0em Arial,Verdana,sans-serif; text-align:left; color:#FFF; height:208px}
#right_main .panel_t #index-info .testimonials div p.user {margin:0px 10px 0px 0px; padding:0;font:normal 1.0em Arial,Verdana,sans-serif; text-align:left; color:#e72727;text-align:right;}
#right_main .panel_t #index-info .testimonials div a {text-decoration:none; outline:none;}


/* ------------------------- For Enquiry Page ----------------- */
#content .cont { float:left; width:450px; padding:10px 0 0 0px; border-right:1px solid #095980; margin:10px 0px; font-family:'Archivo Narrow', Arial,sans-serif}
#content .cont h1 {border:none; margin:0px; text-align:left;font:normal 1.25em 'Oswald', Arial,sans-serif; background:none; line-height:35px;text-transform:uppercase; color:#333; padding:0px;}
#content .cont p {float:left;padding:0px 8px 15px; margin:0px; color:#333; font-size:1.0em; font-family:arial,sans-serif;}
#content .cont .highlighted {padding:0px; margin:0px; color:#e72727;}

#content .row { float:left; margin:0 0 15px 0; padding:0px; width:450px;}
#content .row label { float:left; width:450px; margin:0 0px 0 0; font-size:1.15em; text-align:left; padding:0px;}
#content .row input[type=text] {padding:4px 8px; width:200px; margin:0 10px 0 0; border:1px solid #666; color:#333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#content .row input[type=text].small {padding:4px 8px; width:50px; margin:0 5px 0 0; border:1px solid #666; color:#333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#content .row textarea {font:normal 14px Calibri;padding:4px 8px; width:260px; margin:0 10px 0 0; border:1px solid #666; color:#333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#content .row input[type=submit] { padding:6px 12px; background:#095980; border:none; cursor:pointer;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px; color:#FFFFFF;margin-left:45px; float:left;}
#content .row input[type=reset] { padding:6px 12px; background:#095980; border:none; cursor:pointer;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px; color:#FFFFFF;float:left; margin-left:8px;}
#content .row input[type=submit]:hover { background:#940303;}
#content .row input[type=reset]:hover { background:#940303;}
#content .row select {padding:4px 8px; margin:0 10px 0 0; border:1px solid #666; color:#333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#content .cont .row p {float:none;padding:0px 6px; margin:0px; color:#333; font-size:.75em; font-family:arial,sans-serif;}

#content .cont-info { float:left; width:280px;padding:10px 0 0 10px;margin:10px 0px;}
#content .cont-info h1 {border:none; margin:0px; text-align:left;font:normal 1.25em 'Oswald', Arial,sans-serif; background:none; line-height:35px;text-transform:uppercase; color:#333; padding:0px;}
#content .cont-info h2 {border:none; margin:0px; text-align:left;font:normal 1.15em "Century Gothic",Arial,sans-serif; background:none; line-height:25px;text-transform:uppercase; color:#e72727; padding:0px;letter-spacing:.02em}
#content .cont-info h3 {border:none; margin:10px 0px 2px ; text-align:left;font:normal 1.0em Arial,Verdana, sans-serif; background:none; line-height:15px; text-decoration:underline; color:#666;padding:0px; font-style:italic;}
#content .cont-info p { text-align:left;padding:0px; color:#333;font:normal 1.0em Nunito,Arial,Verdana, sans-serif;}
#content .cont-info p a { color:#e72727; text-decoration:underline;padding:0px;}
#content .cont-info p a:hover { color:#e72727; text-decoration:none;}