@charset "utf-8";
/* CSS Document */

body {
	margin:0px;}

#wrapper {

background: rgba(4,159,248,1);
background: -moz-linear-gradient(top, rgba(4,159,248,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,159,248,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(4,159,248,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(4,159,248,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(4,159,248,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(4,159,248,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049ff8', endColorstr='#ffffff', GradientType=0 );

	background-color:;
	width: 100%;
	height: 550px;
	margin-top:-20px;
}
#header {
	background-image:url(../img/header_bg.png);
	background-color: #;
	width: 100%;
	height: 150px;
	margin-top:-20px;
	margin:0 auto;
}

#header1 {
	background-color: #;
	width: 980px;
	height: 150px;
	margin-top:-20px;
	margin:0 auto;
}
#logo {
	float: left;
	height: 150px;
	width: 180px;
}
#menu1 {
	background-color: #;
	float: right;
	height: 40px;
	width: 680px;
	margin-top:55px;
	text-align:right;
}

/***** CSS for Menu *****/
#menu {
z-index: 99;
}

ul#menu, ul#menu {
	padding:0;
	margin: 0;
	line-height:30px;
}
ul.sub-menu {
	padding:0;
	margin: 0;
	line-height:1.5em;
}
ul#menu li, ul#menu ul.sub-menu li {
	list-style-type: none;
	display: inline-block;
	text-align:center;
}
ul#menu li a:hover {
	background: #fff;
	color:#330000;
}
ul#menu li ul.sub-menu li a:hover {
	background: #430506;
	color:#ffffff;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration: none;
	color: #ffffff;
	padding: 5px;
	display:inline-block;
	min-width: 100px;
}
ul.sub-menu li a {
	text-decoration: none;
	color: #ffffff;
	background:#841010;
	padding: 5px;
	display:inline-block;
	text-align:left;
	width: 150px;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
	position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
	display:none;
	position: absolute;
	left: 0;
}
ul#menu li:hover ul.sub-menu {
	display:block;
}



#slide_area {
	background-color: ;
	height: 450px;
	width: 980px;
	margin: 0 auto;
	margin-top:20px;
}

#slide_area1 {
	background-color: ;
	height: 250px;
	width: 980px;
	margin: 0 auto;
	margin-top:20px;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);
box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);

}


#slider_wrapper {
	width: auto;
	margin: 0 auto;
}

.slider-wrapper { 
	width: 80%; 
	margin: 100px auto;
}
#text_area {
	background-color: #CCCCCC;
	height: auto;
	width: 980px;
	margin:0 auto;
	margin-top:60px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: 900px;
}

#text_area1 {
	background-color: #CCCCCC;
	height: auto;
	width: 980px;
	margin:0 auto;
/*	margin-top:60px;
*/	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: 900px;
}

#text_area_left {
	background-color: ;
	height: auto;
	width: 700px;
	float:left;
}
#text_area_right {
	background-color: ;
	height: 350px;
	width: 250px;
	float:right;
	
	-webkit-box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);
box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);
}

#contact_area_left {
	background-color:# ;
	height: auto;
	width: 470px;
	float:left;
}
#contact_area_right {
	background-color: ;
	height: 350px;
	width: 470px;
	float:right;
	
	-webkit-box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);
box-shadow: 5px 5px 5px 0px rgba(77,77,77,1);
}



h5 {
	font-family:Arial, Helvetica, sans-serif;
	color: #049ff8;
	font-size: 22px;
	letter-spacing:1px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 20px;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	border-bottom: 2px solid #666666;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #049ff8;
	font-size: 18px;
	letter-spacing:1px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 20px;
}

#column_a {
	background-color: #d7f0ff;
	float: left;
	height: auto;
	width: 100%;
	margin-top:30px;
}
#column_b {
	background-color: #;
	height: auto;
	width: 980px;
	margin:0 auto;
}

#box {
	background-color: #fff;
	height: auto;
	width: 270px;
	float:left;
	margin-top:25px;
	margin-right:25px;
	margin-bottom:25px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#box1 {
	background-color: #fff;
	height: auto;
	width: 270px;
	float:left;
	margin-top:25px;
	margin-bottom:25px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#box2 {
	background-color: #fff;
	height: auto;
	width: 265px;
	float:left;
/*	margin-top:25px;
*/	margin-right:25px;
	margin-bottom:25px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:solid 2px;
}
#box3 {
	background-color: #fff;
	height: auto;
	width: 265px;
	float:left;
/*	margin-top:25px;
*/	margin-bottom:25px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:solid 2px;

}
.myButton {
	-moz-box-shadow:inset 0px 34px 0px -15px #29a9ff;
	-webkit-box-shadow:inset 0px 34px 0px -15px #29a9ff;
	box-shadow:inset 0px 34px 0px -15px #29a9ff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0099ff), color-stop(1, #7fccff));
	background:-moz-linear-gradient(top, #0099ff 5%, #7fccff 100%);
	background:-webkit-linear-gradient(top, #0099ff 5%, #7fccff 100%);
	background:-o-linear-gradient(top, #0099ff 5%, #7fccff 100%);
	background:-ms-linear-gradient(top, #0099ff 5%, #7fccff 100%);
	background:linear-gradient(to bottom, #0099ff 5%, #7fccff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099ff', endColorstr='#7fccff',GradientType=0);
	background-color:#0099ff;
	/*border:1px solid #241d13;*/
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #7a2a1d;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7fccff), color-stop(1, #0099ff));
	background:-moz-linear-gradient(top, #7fccff 5%, #0099ff 100%);
	background:-webkit-linear-gradient(top, #7fccff 5%, #0099ff 100%);
	background:-o-linear-gradient(top, #7fccff 5%, #0099ff 100%);
	background:-ms-linear-gradient(top, #7fccff 5%, #0099ff 100%);
	background:linear-gradient(to bottom, #7fccff 5%, #0099ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fccff', endColorstr='#0099ff',GradientType=0);
	background-color:#7fccff;
}
.myButton:active {
	position:relative;
	top:1px;
}

#footer {
	background-color: #700025;
	color:#FFFFFF;
	height: auto;
	width: 100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer1 {
	background-color: ;
	height: 30px;
	width: 980px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding-top:25px;
	text-align:center;
}

/********* Google Map *********/
      #map_canvas {
/*        width: 710px;
        height: 350px;*/
	height: 250px;
	width: 978px;
	float:left;
	border:solid 1px  #CCCCCC;
	z-index: 0;

      }
/*********************************/
#enquiry {
	float: right;
	height: auto;
	width: 473px;
}

#enquiry1 {
	float: right;
	height: auto;
	width: 300px;
}


/******** Contact us Form ********/

#contact_form{ width:430px; padding:20px; border: 1px solid #DDD;border-radius: 5px; font-family: Arial; font-size: 13px; font-weight: bold;color: #666666; background:#FAFAFA; /*margin-right: auto; margin-left: auto;*/}
#contact_form legend{font-size: 18px; color: #666;}
#contact_form label{display: block; margin-bottom:5px;}
#contact_form label span{float:left; width:150px; color:#666666;}
#contact_form input{height: 25px; border: 1px solid #DBDBDB; border-radius: 3px; padding-left: 4px; color: #666; width: 250px; font-family: Arial, Helvetica, sans-serif;}
#contact_form select{height: 28px; border: 1px solid #DBDBDB; border-radius: 3px; padding-left: 4px; color: #666; width: 250px; font-family: Arial, Helvetica, sans-serif;}
#contact_form textarea{border: 1px solid #DBDBDB; border-radius: 3px; padding-left: 4px;color: #666; height:100px; width: 250px; font-family: Arial, Helvetica, sans-serif;}
.submit_btn { border: 1px solid #D8D8D8; padding: 5px 15px 5px 15px; color: #8D8D8D; text-shadow: 1px 1px 1px #FFF; border-radius: 3px; background: #F8F8F8;}
.submit_btn:hover { background: #ECECEC;}
.success{ background: #CFFFF5;padding: 10px; margin-bottom: 10px; border: 1px solid #B9ECCE; border-radius: 5px; font-weight: normal; }
.error{ background: #FFDFDF; padding: 10px; margin-bottom: 10px; border: 1px solid }
