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

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}
.centre { text-align:center; }
.clear { clear:both; }
.image_left { float:left; margin-right:10px; }

@font-face {
		font-family:'trebuc';
		src: url('trebuc.eot');
		src: url('trebuc.eot?#iefix') format('embedded-opentype'),
		url('trebuc.ttf') format('truetype'),
		url('trebuc.svg#ManoramaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}


/* Global Properties ======================================================== */

body { color:#595757; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; margin:0px; outline:none; padding:0px; text-align:justify;}

a, a:hover { outline:none; text-decoration:none;}



/* Header Properties ======================================================== */

body > header { width:100%; height:115px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.2); z-index:9999; position:relative;}
body > header > div { width:997px; height:115px; margin:0px auto; }

	/* Logo Properties ======================================================== */
	#logo { width:148px; height:115px; float:left;}
	#logo > img { margin-top:9px;}
	
	/* Navigation Properties ======================================================== */
	nav { float:right;}
	nav > ul { margin:0px; padding:0px;}
	nav > ul > li { float:right; margin-left:1px;}
	nav > ul > li > a { display:block; padding:0px 20px; height:115px; font-family:trebuc; font-size:14px; text-transform:uppercase; color:#000000; line-height:115px; font-weight:bold;}
	nav > ul > li > a:hover { color:#FFFFFF;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e719c+0,35a9e2+100 */
		background: rgb(14,113,156); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(14,113,156,1) 0%, rgba(53,169,226,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(14,113,156,1) 0%,rgba(53,169,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(14,113,156,1) 0%,rgba(53,169,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e719c', endColorstr='#35a9e2',GradientType=0 ); /* IE6-9 */
	}
	

	
/* Banner Properties ======================================================== */

#banner { width:100%; height:535px; border-bottom:solid 8px #346583;}



/* Common Properties ======================================================== */

body > section { width:100%; height:auto; overflow:hidden;}
body > section > div { width:997px; height:auto; overflow:hidden; margin:25px auto;}

.column_01 { width:650px; height:auto; overflow:hidden;}
.column_02 { width:285px; height:auto; overflow:hidden;}

.head_01 { font-family:trebuc; font-size:25px; float:bold; color:#303030; text-align:center; line-height:35px; font-weight:bold;}
.head_02 { font-family:trebuc; font-size:18px; float:bold; color:#303030; text-align:center; line-height:50px;}

.sub_section { height:auto; overflow:hidden; background-color:#f6f6f6; text-align:center; margin-top:35px;}

.readmore_01 { display:block; width:100px; height:30px; line-height:30px; border:solid 1px #a3a3a3; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666565; text-align:center; margin:20px auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dedede+0,ffffff+100 */
background: rgb(222,222,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(222,222,222,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(222,222,222,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.scroll_pro { width:210px; height:210px; border:solid 3px #FFFFFF; margin:0px 15px;}

.associate_head { width:180px; height:30px; line-height:30px; margin:0px auto; text-align:center; font-family:trebuc; font-size:18px; color:#FFFFFF; background-color:#0d6f99; border-radius:0px 0px 5px 5px;}





/* Footer Properties ======================================================== */

body > footer { width:100%; height:100px; background-color:#0d6f99;}
body > footer > div { width:997px; height:100px; margin:0px auto;}

.bottom_link, .bottom_link > a { font-family:trebuc; font-size:13px; color:#FFFFFF; text-align:center;}
.bottom_link > a:hover { color:#00ffe4;}

.pro, .pro > a { font-family:trebuc; font-size:11px; color:#FFFFFF; line-height:35px; text-align:center;}
.pro > a:hover { color:#00ffe4;}


.gall { float:left; width:200px; height:120px; margin:15px 20px; }

body > article {
    width: 970px;
    height: auto;
    overflow: hidden;
    margin: 50px auto 0px;}	


.sub_banner{
	width:100%;
	height:250px;
	background-color:#CCCCCC;
}

.contents{
	width:1100px;
	min-height:350px;
	margin:auto;
	float:left;
	
}


.contents_one{
	width:610px;
	min-height:350px;
	margin:auto;
	float:left;
	
}


.enquery{
  float:left;
	 width:335px;
	min-height:750px;
	 margin-left:20px;
	
}

.contents_one p{
	
	font:normal 13px Arial, Helvetica, sans-serif;
}

.text{
margin-left:10px;
	border:solid 1px #CCCCCC;
	width:200px;}



.enquery h3{

	text-align:center;
	font:bold 24px Arial, Helvetica, sans-serif;
}

.text:hover{
	border:solid 1px #006699;}
	
h5{
	text-align:right;}

h4{
	margin-left:10px;}

.radio{
	float:right;}

.raea{
margin-top:20px;
margin-left:10px;
	border:solid 1px #CCCCCC;
	width:200px;}
.raea:hover{
	border:solid 1px #006699;}

.button{
	margin-left:15px;
	margin-top:10px;
	background-color:#CCCCCC;}
.table h2{
	font:normal 18px Arial, Helvetica, sans-serif;
	float:right;
}

.new_text{
	margin-left:50px;
	width:400px;
	height:30px;
	border:solid 1px #333333;
}

.new_text:hover{
	border: solid 1px #CC0033;
}

.table_contact{
	margin-left:30px;
}

.box{
	margin:auto;
	width:100%;
	min-height:40px;
	background-color:#CCCCCC;

}



.client_im{
	padding-top:10px;
	margin-left:33px;
}

.head_show{
	width:100%;
	height:50px;
	background-color:#297ca4;
	color:#FFFFFF;
}

.head_show h6{
	padding-top:5px;
	margin-left:20px;
	width:500px;
	float:left;
}

.brocher{
	margin-top:-40px;
	float:right;
	margin-left:30%;
	text-align:center;
	width:200px;
	height:30px;
	background-color:#297ca4;
}

.brocher:hover{
	box-shadow:0px 0px 5px #000000;
}