/* CSS Document */



/*----------Common Styles----------*/



* {

    margin:0;

	padding:0;

	outline:0;

	border:0;

}

body {

	background:#fff;

	width:100%;

	padding:0;

	border:0; /*font-family: 'open_sansregular', Helvetica, sans-serif ;*/

	font-family: 'Open Sans', sans-serif;

	font-size:13px;

}

.container {

	margin:0 auto;

	width:1000px;

	position:relative;

}

 @font-face {

 font-family: 'open_sansregular';

 src: url('../font/opensans-regular-webfont.eot');

 src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-regular-webfont.woff') format('woff'), url('../font/opensans-regular-webfont.ttf') format('truetype'), url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');

 font-weight: normal;

 font-style: normal;

}

h3 {

	font-size:21px;

	color:#104169;

	padding-bottom:30px; /*color:#436584;*/

}

h2 {

	color:#9f0832;

	font-size:22px; /*-webkit-font-smoothing: antialiased;*/

}

p {

	font-size:14px;

	color:#666666;

	line-height:22px;

	text-align:justify;

}

h4 {

	font-size:24px;

	color:#fff;

	padding: 9px 0 0 13px;

}

h5 {

	font-size:18px;

	color:#104169;

	margin-bottom:10px;

}

img {

	width:100%;

	height:auto;

}

/*----------Banner----------*/



#banner {

	width:100%;

}

#banner img {

	width:100% !important;

	height:470px;

}

.bannerSecondary img {

	width:100% !important;

	height:430px !important;

}

.panel span {

	position:absolute;

	background:url(../img/banner-text-bg.png) no-repeat;

	bottom: 19px;

	color: #072741;

	float: left;

	font-size: 26px;

	font-weight: 600;

	height: 96px;

	left: 186px;

	line-height: 36px;

	padding-left: 20px;

	padding-top: 5px;

	width: 640px;

}

.panel span a {

	color: #A0173D;

	float: right;

	font-size: 17px;

	/*margin-right: 29px;

	margin-top: -13px;*/

	font-weight:bold;

	position:absolute;

	right:20px;

	bottom:0;

}

#image {

	width:1360px;

	height:396px;

}

/*----------Header----------*/



#header {

	position:absolute;

	left:0;

	top:0;

	z-index:1000;

	width:100%;

	height:78px;

	background: url(../img/header_bg.png) center center no-repeat ;

	box-shadow:0 1px 4px 0px #999999;

}

#header #logo {

	float:left;

	width:235px;

	position:absolute;

	z-index:3

}

#header #logo h1 {

	float:left;

}

#header #logo h1 a {

	background:url(../img/Logo-small.jpg) #fff 0 -2px no-repeat;

	width:235px;

	height:78px;

	display:block;

	text-indent:-9999px;

	overflow:hidden;

}

#header .navi, .menubg {

	background:url(../img/nav-bg.jpg) 0 0 repeat-x;

	height:50px;

	margin-top:14px;

	float:left;

	margin-left:235px;

}

.menubg {

	z-index:1;

	right:-50%;

	top:0;

	display:none

}

#header .navi ul {

	float:left;

	position:relative;

	z-index:2

}

#header .navi ul li {

	list-style:none;

	float:left;

	margin-right:2px;

}

#header .navi ul li a {

	text-decoration:none;

	color:#f4f4f4;

	font-family: 'Open Sans', sans-serif;

	font-size:15px;

	line-height:47px;

}

#header .navi ul li a span {

	padding: 25px 15px;

}

#header .navi ul li a:hover, #header .navi ul li a.active {

	background:url(../img/hover-left.png) left top no-repeat;

}

#header .navi ul li a:hover span, #header .navi ul li a.active span {

	background:url(../img/hover-right-new3.png) right top no-repeat;

}

#header .navi ul li.first {

	margin-left:20px;

}

/*----------Top Content----------*/



#contentTop, #contentTopnew {

	background:url(../img/content-bg-new.png) repeat-x #fff;

	width:100%;

	min-height:503px;

	margin-top:-4px;

}

#contentTop .container, #contentTopnew .container {

	padding-top:53px;

	padding-bottom:100px;

}

#contentTopnew {

	margin-top:-4px;

}

#contentTopnew .container {

	padding-bottom:0;

}

#contentLeft {

	width:745px;

	float:left;

	padding-bottom:20px;

}

#contentLeft ul {

	float:left;

	color: #666666;

	font-size: 14px;

	line-height: 22px;

	text-align: justify;

	padding-left:16px;

}

#contentLeft ul li {

	list-style:disc;

	padding-bottom:20px;

}

#contentLeft ul li span {

	font-weight:bold;

}

#contentRight {

	width:246px;

	float:left;

	padding-bottom:100px;

}

#contentRight .boxRight {

	width:236px;

	float:left;

	margin-left:21px;

	background:#fff;

	border-bottom:0;

}

#contentRight .boxRight .sectionTop {

	background:#a0173d;

	width:100%;

	height:50px;

}

#contentRight .boxRight .sectionMiddle {

	background:#fff;

	border-left:#eddde2 solid 1px;

	border-right:#eddde2 solid 1px;

	width:234px;

	float:left;

}

#contentRight .boxRight .sectionMiddle ul {

	float:left;

	background:#fff;

	padding-left:33px;

	line-height:33px;

	width:86%;

}

#contentRight .boxRight .sectionMiddle ul li {

	list-style:decimal;

	color:#666666;

}

#contentRight .boxRight .sectionMiddle ul li a {

	text-decoration:none;

	color:#666666;

}

#contentRight .boxRight .sectionMiddle ul li:hover, #contentRight .boxRight .sectionMiddle ul li a:hover {

	color:#2c7db9;

}

#contentRight .boxRight .sectionMiddle p {

	float:left;

	padding:6px 9px;

}

#contentRight .boxRight .sectionMiddle p a {

	color:#072741;

	font-size:13px;

	/*padding-left:15px;*/

}

#contentRight .boxRight .sectionMiddle p a:hover, #contentBtm .box .btmSection p a:hover {

	color:#2c7db9;

}

#contentRight .boxRight .sectionBtm {

	background:url(../img/section-btm-bg.jpg) no-repeat;

	width:236px;

	height:21px;

	float: left;

}

.contantInfo {

	width:60% !important;

	float:left;

}

.map {

	width:40% !important;

	float:left;

}

/*----------Bottom Content----------*/



#contentBtm {

	background: url(../img/content-bg-new2.png)repeat-x;

	width:100%;

	height:285px;

	float:left;

}

#contentBtm .box {

	width:310px;

	margin-top:-59px;

	margin-right:35px;

	float:left;

}

#contentBtm .box .topSection {

	background:url(../img/box-top-new-bg.png) repeat-x;

	width:292px;

	height:71px;

	float:left;

	padding:13px 0 0 18px;

}

#contentBtm .box .middleSection {

	width:100%;

	float:left;

	background:url(../img/box-middle-new.bg.png) repeat-y;

	min-height:160px;

}

#contentBtm .box .middleSection p {

	padding: 13px 10px 10px 18px;

}

#contentBtm .box .btmSection {

	background:url(../img/box-btm.png) no-repeat;

	width:292px;

	height:75px;

	float:left;

	padding-left:18px;

}

#contentBtm .box .btmSection p a {

	color:#072741;

	font-size:13px;

}

#contentBtm .last {

	margin-right:0;

	float:right;

}

/*----------Footer----------*/



#footer {

	background:url(../img/footer-bg-new.png) repeat-x;

	width:100%;

	height:100px;

	float:left;

}

#footer .container {

	padding-top:30px;

}

#footer #infoLeft {

	float:left;

}

#footer #infoLeft ul {

	float:left;

	margin-bottom:13px;

}

#footer #infoLeft ul li {

	list-style:none;

	float:left;

}

#footer #infoLeft ul li a {

	text-decoration:none;

	color:#f4f4f4;

	font-family: 'Open Sans', sans-serif;

	font-size:13px;

	padding:0 12px;

	border-right:#ae264c solid 1px;

}

#footer #infoLeft ul li a:hover, #footer #infoRight p a:hover, #footer #infoLeft ul li a.active {

	text-decoration:underline;

}

#footer #infoLeft ul li a.last {

	border-right:0;

}

#footer #infoLeft p {

	color:#d85478;

	margin-left:11px;

	font-size:13px;

	float:left;

	clear:left;

}

#footer #infoRight {

	float:right;

}

#footer #infoRight p {

	color:#fff;

	font-size:13px;

	width:194px;

	display:block;

	line-height:30px;

	float:right;

	clear:right;

}

#footer #infoRight p a {

	text-decoration:none;

	color:#fff;

}

#footer #infoRight ul {

	float:right;

	margin-top:-5px;

}

#footer #infoRight ul li {

	float:left;

	list-style:none;

	padding-right:4px;

}

#footer #infoRight ul li a.facebook img {

	background:url(../img/sprite.png) no-repeat;

	width:30px;

	height:30px;

}

#footer #infoRight ul li a.facebook img:hover {

	background:url(../img/sprite-new.png) no-repeat;

	width:30px;

	height:30px;

	background-position:0 -30px;

}

#footer #infoRight ul li a.twitter img {

	background:url(../img/sprite-new.png) no-repeat;

	width:30px;

	height:30px;

	background-position:-30px 0px;

}

#footer #infoRight ul li a.twitter img:hover {

	background:url(../img/sprite-new.png) no-repeat;

	width:30px;

	height:30px;

	background-position:-30px -30px;

}

#footer #infoRight ul li a.linkedin img {

	background:url(../img/sprite-new.png) no-repeat;

	width:30px;

	height:30px;

	background-position:-60px 0px;

}

#footer #infoRight ul li a.linkedin img:hover {

	background:url(../img/sprite-new.png) no-repeat;

	width:30px;

	height:30px;

	background-position:-60px -30px;

}

:root #header .navi ul li a span {

	padding: 27px 15px \0/IE9 !important;

}  /* IE9 */

 @media all and (min-width:0) {

 .navi ul li a span {

padding: 27px 15px \0/ !important;

}  /* IE9-IE10pp4 */

}

.navi ul li a span {

	padding: 26px 15px\0/ !important; /* IE8 */

}

* + html .navi {

	float:left;

	width:76% !important;

} /* IE7 */

/*----------Enquiry & Map----------*/



#enquiryInfo {

	clear:left;

	float:left;

	width:100%;

	padding:50px 0;

}

/*#enquiryInfo #form {width:60%; float:left;}*/



#enquiryInfo #form ul {

	float:left;

	width:100%;

	padding-left:0;

}

#enquiryInfo #form ul li {

	list-style:none;

	padding-bottom:55px;

}

#enquiryInfo #form ul li label {

	float:left;

	width:200px;

	clear:left;

	color:#104169;

	font-size:15px;

	font-weight:bold;

}

#enquiryInfo #form ul li input {

	float:left;

	width:200px;

	height:25px;

	border:1px solid #d5d9dd;

	border-radius:4px;

	background: #ffffff;

	background: #ffffff; /* Old browsers */

	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 86%, #ededed 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(86%, #f6f6f6), color-stop(100%, #ededed));

}

#enquiryInfo #form ul li select {

	float:left;

	width:203px;

	border:1px solid #d5d9dd;

	padding:4px;

	border-radius:4px;

}

#enquiryInfo #form ul li textarea {

	float:left;

	width:300px;

	border:1px solid #d5d9dd;

	resize:none;

	height:150px;

	border-radius:4px;

}

#enquiryInfo #form ul li input, #enquiryInfo #form ul li select, #enquiryInfo #form ul li textarea {/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 86%, #ededed 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 86%, #ededed 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 86%, #ededed 100%); /* IE10+ */

	background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 86%, #ededed 100%); /* W3C */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */

}

#enquiryInfo #form .submitBtn {/* padding:10px;*//*border:1px solid #d5d9dd;*/

	border-radius:5px;

	height: 36px;

	/*padding: 11px 10px;*/

	width: 82px;

	cursor:pointer;

	margin:15px 0 0 34%;

	background:#666666;

	color:#fff;

}

#enquiryInfo #form ul li textarea {

	overflow:auto !important;

}
#contentTopnew .topframe{ padding-top:84px;}



