@charset "utf-8";
/* CSS Document */


body
{ background:#c8c8c8;
	 }

#main_frame{padding:auto;
margin:auto;
width:999px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
display:table;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;}
#main_header{width:auto; height:auto;}

.header{float:left; margin:0px 0px 10px 0px; padding:0px; width:999px; height:auto;  }
.logo{float:left; width:999px; height:140px; margin:-10px 0px 0px 0px;}
.email{float:right;  margin:-100px 20px 0px 0px;}
.email h1{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:50px 0px 0px 0px; text-decoration:none; color:#000;}
.email h1 a{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 0px 0px 0px; text-decoration:none; color:#F00;}
.go{background:#000; color:#FFF;}

.menu
{

width:999px;
float:left;
height:75px;
margin:-80px 0px 0px 0px;
background:url(../images/menu.png) no-repeat;
}
.menu ul
{
height:auto; 
float:left;
margin:0px 0px 0px 280px;
list-style-type:none;

}
.menu li	
{
float:left;
width:100px;
height:32px;
color: #000000;
margin:10px 10px 10px 10px;
padding:0px 0x 0px 10px;



}
.menu li a{
		
		color:#000;
		display:block;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
		margin:25px 0px 0px 10px;
		padding:0px 0px 0px 0px;
		text-align: center;
		text-decoration:none;
		padding-top:1px;
		width:164px;
		font-family:Arial;	
		}
		.menu li a:hover, .menu ul li:hover a{			
			color:#000;
			  
		
		

	
			}
.menu li ul{

		display:none;
		height:auto;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		border:0px;
		position:relative;
		width:180px;
		z-index:999;
		padding-top:0px;
		border-radius:10px;
		-moz-border-radius:10px;
       -webkit-border-radius:10px;
	
	   
		
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover ul{
		display:block;
		background:#000!important;
		margin-top:-5px;
		margin-left:40px;
		padding:0px 0px 0px 0px;
		border:#6bc9cc 2px solid;
	width:290px;
		}
		.menu li:hover ul li:hover ul{
		display:block;
		background:#f21a27!important;
		margin:0px 0px 0px 140px;
		border:2px #ffffff solid;
		width:290px;
		
		}
.menu li li {
background:none;
		display:block !important;
		float: left;
		margin:10px 0px 0px 0px;
		padding:0px 0px 4px 20px;
		width:290px;
		height:20px !important;
		color:#000!important;
	
	   
		
		
		}
		.menu li li:hover {
		background:#6bc9cc!important;
		color:#000!important;
		text-decoration:none;
		width:270px;
		height:20px !important;
		border-radius:5px;
		-moz-border-radius:5px;
       -webkit-border-radius:5px;

		}
	.menu li:hover li a{
		background:none;
		color:#ffffff !important;
		display:block !important;
		float: left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:290px;
		height:20px !important;
		
	   font-weight:bold;
		}
	.menu li ul a{
		display:block;
		height:20px;
		font-size:14px;
		font-style:normal;
		font-weight:normal;
		margin:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:460px;
		border-radius:25px;
		-moz-border-radius:25px;
       -webkit-border-radius:25px;
	   font-family:Calisto MT;
		}
		.menu li ul li ul{
		display:none;
		position:relative;
		visibility:hidden;
		margin-top:0px;
		
		}
		.menu  li ul li ul li ul {
		display:none !important;
		position:relative;
		visibility:hidden;
		margin-top:0px;
		background:url(../images/submenuhover.png) no-repeat!important;
		border-radius:5px;
		-moz-border-radius:5px;
       -webkit-border-radius:5px;
		}
		.menu  li ul li ul li:hover ul {
		display: block !important;
		position:relative;
		visibility: visible;
		margin:0px 0px 0px 130px !important;
		float:left;
		
		
		
		}
		
		.menu li ul li ul li 
		{
		background:none!important;
		
		
		}
		.menu li ul li ul li:hover 
		{
		background:#FF0000!important;
		
		
		}
		.menu li ul li ul li a
		{
		background: none !important;
		
		
		}
		.menu li ul li ul li a:hover
		{
		color: #ffffff!important;
		text-decoration:none;
		width:300px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 4px 0px;
		}
		.menu li ul li:hover ul{
		display:block;
		position:absolute;
		visibility: visible;
		margin:5px 0px 0px 130px;
		
		}
		
		.menu li ul li ul li:hover a{
		
			background: none;
			color: #ffffff !important;
			text-decoration:none;
			width:300px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 4px 0px;
				
			}
#show{float:left; background:url(../images/menuhover.png) repeat; width:120px; height:30px; padding:10px 5px 5px 5px; margin:15px 0px 0px 0px;}		
						
#main_slider {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/main_slider-bg.png) #FFF repeat-x;
}
.slide_wrap {
	float: left;
	width: 990px;
	height: 330px;
	background: url(../images/slider_bg.png);
	margin: 0px 0px 10px 0px;
}
.slide_box {
	float: left;
	width: 800px;
	height: 410px;
}
.slider {
	float: left;
	margin: -10px 0px 0px 0px;
	padding: 0px;
	width: 375px;
}
.box_skitter {
	position: relative;
	width: 800px;
	height: 410px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.box_skitter img {
	width: 800px;
	height: 410px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
} /* Tip for stildv */
.box_skitter ul {
	display: none;
}
.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}
.box_skitter .image {
	overflow: hidden;
}
.box_skitter .image img {
	display: none;
}
/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	overflow: hidden;
	display: none;
	z-index: 20;
}
.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {
	position: absolute;
	top: 50%;
	left: 35px;
	z-index: 100;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(../images/prev.png) no-repeat left top;
}
.box_skitter .next_button {
	position: absolute;
	top: 50%;
	right: 35px;
	z-index: 100;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(../images/next.png) no-repeat left top;
}
/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {
	position: absolute;
	top: 0px;
	margin: 178px 0px 0px 390px;
	z-index: 100;
	background: #1B1C23;
	color: #fff;
	font: bold 11px arial;
	padding: 1px 0px 1px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.75;
	visibility: hidden;
}
.box_skitter .info_slide .image_number {
	background: #333;
	float: left;
	padding: 1px 5px;
	margin: 0 5px 0 0;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.box_skitter .info_slide .image_number_select {
	background: #cc0000;
	float: left;
	padding: 1px 5px;
	margin: 0 5px 0 0;
}
/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs {
	position: relative;
	overflow: hidden;
	height: 50px;
}
.box_skitter .info_slide_thumb {
	height: 50px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	overflow: hidden;
	top: auto;
	top: 0;
	left: 0;
	padding: 0 !important;
	opacity: 1.0;
}
.box_skitter .info_slide_thumb .image_number {
	overflow: hidden;
	width: 100px;
	height: 50px;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
.box_skitter .info_slide_thumb .image_number img {
	position: absolute;
	top: -30px;
	left: -30px;
	height: 100px;
}
.box_skitter .box_scroll_thumbs {
	padding: 0;
}
.box_skitter .box_scroll_thumbs .scroll_thumbs {
	position: absolute;
	bottom: 60px;
	left: 50px;
	background: #ccc;
	background: -moz-linear-gradient(-90deg, #555, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));
	width: 200px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999em;
	z-index: 101;
	cursor: pointer;
	border: 0px solid #333;
}
/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {
	position: absolute;
	bottom: -40px;
	z-index: 151;
	padding: 5px 0 5px 5px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.box_skitter .info_slide_dots .image_number {
	background: #333;
	float: left;
	margin: 0 5px 0 0;
	cursor: pointer;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 18px;
	height: 18px;
	text-indent: -9999em;
	overflow: hidden;
}
.box_skitter .info_slide_dots .image_number_select {
	background: #cc0000;
	float: left;
	margin: 0 5px 0 0;
}
/* =Loading
-------------------------------------------------------------- */
.loading {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10000;
	margin: -16px -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/ajax-loader.gif) no-repeat left top;
	width: 32px;
	height: 32px;
}
/* =Label
-------------------------------------------------------------- */

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide {
	display: none;
	position: absolute;
	z-index: 152;
	bottom: 30px;
	left: -40px;
	width: 100px;
	height: 100px;
	background: #fff;
	border: 1px solid #222;
	overflow: hidden;
}
.box_skitter .preview_slide ul {
	height: 100px;
	overflow: hidden;
	margin: 0;
	list-style: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.box_skitter .preview_slide ul li {
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}
.box_skitter .preview_slide ul li img {
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: auto;
}
/* =Focus
-------------------------------------------------------------- */
#overlay_skitter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9998;
	opacity: 1;
	background: #000;
}
.box_skitter .focus_button {
	position: absolute;
	top: 50%;
	z-index: 100;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(../images/focus-button.png) no-repeat left top;
	opacity: 0;
}
.box_skitter .play_pause_button {
	position: absolute;
	top: 50%;
	z-index: 151;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(../images/pause-button.png) no-repeat left top;
	opacity: 0;
}
.box_skitter .play_pause_button.play_button {
	background: url(../images/play-button.png) no-repeat left top;
}
/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {
	width: 900px;
	height: 340px;
}
.box_skitter_small {
	width: 200px;
	height: 100px;
}
/* CSS Document */

.slide_begin {
	float: left;
	width: 187px;
	height: 350px;
	margin:-10px 0px 0px 0px;
}

.menu_bar
{

width:999px;
float:left;
height:75px;
margin:0px 0px 0px 0px;

}
.menu_bar ul
{
height:auto; 
float:left;
margin:0px 0px 0px 0px;



}
.menu_bar li	
{
float:left;
width:100px;
height:32px;
color: #000000;
margin:20px 10px 10px 0px;
padding:0px 0x 0px 0px;
list-style:none !important;



}
.menu_bar li a{
		
		color:#FFF;
		display:block;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
		margin:-20px 0px 0px -60px;
		padding:0px 0px 0px 0px;
		text-align: center;
		text-decoration:none;
		padding-top:1px;
		width:164px;
		font-family:Arial;	
		}
		.menu_bar li a:hover, .menu_bar ul li:hover a{			
			color:#000;}
		

#main_content
{
padding:0px;margin:0px;width:auto; height:auto; }
.content{float:left; margin:-10px 0px 0px 0px; width:999px; height:auto; background:#354a69;}

.content h1{float:left; color:#6bc9cc; margin:10px 0px 0px 10px; font-family:Arial; font-size:18px; border-bottom:#6bc9cc 2px solid;}

.content p{float:left; color:#FFF; margin:10px 0px 0px 10px; width:960px; font-family:Arial; font-size:14px; text-align:justify;}
.content p img{float:right; margin:0px 0px 10px 10px;}

.read1{ float:right; color:#FFF; margin:0px 0px 0px 0px;  font-family:Arial; font-size:12px; text-decoration:none; font-weight:bold; width:100px; height:39px; background:#6bc9cc;}

.read1:hover{float:right; color:#F00; }

.img_gallery{float:left; width:960px; margin:20px 0px 0px 20px;}
.img_gallery img{float:left; width:auto; height:150px; margin:10px 0px 10px 15px;}


#contact
{
height:160px;
width:400px;
float:left;
margin:50px 0px 0px -110px;
padding:0px 0px 40px 0px;

}

#contact a
{
color:#CCCCCC;
}

#contact h3
{
height: auto;
width:370px;
float:left;
margin:0px 0px 10px 0px;
background: none;
padding:0px 5px 0px 0px;
text-align:left;
color:#5c4f3c;
font-size:21px;
font-weight:normal;
border-bottom:#8a0307 2px solid;
}
#contact h1
{
height: auto;
width:200px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:5px 5px 0px 0px;
text-align:left;
color:#5c4f3c;
font-size:18px;
font-weight:normal;
}
#contact h2
{
height: auto;
width:340px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:0px 0px 0px 0px;
text-align:left;
color:#FFF;
font-size:18px;
font-weight:bold;
font-family:Calisto MT;
border-bottom:2px #FF0000 solid;
}
#contact font
{
font-family: Calisto MT;
font-size:14px;
color:#FFF;
width:290px;
float:left;
margin:10px 0px 10px 2px ;
}
#contact b
{
font-size:13px;
color:#FFF;
font-weight:bold;
float:left;
width:100px;
margin:10px 0px 10px 0px ;
}

.enquiry_form
{
height:auto;
width:420px;
float:left;
margin:50px 0px 20px -100px;

}

.enquiry_form h1
{
height:auto;
width:440px;
float:left;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#747474;
font-size:22px;
font-weight:normal;
font-family: Trebuchet MS;
border-bottom:#CCCCCC 1px solid;
}
.enquiry_form div
{
width:450px;
float:left;
height:auto;
color:#FFF;
font-size:14px;
font-family:Trebuchet MS;
font-weight: normal;
margin:10px 0px 0px 10px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form input
{
color:#535651;
}
.enquiry_form input:hover
{

}
.txt_box
{
color:#67575F; background:#fff !important;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:406px;
float:right;
margin:0px; border:1px solid #000;

}
.txt_area
{
color:#67575F;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:326px;
float:right;background:#fff !important;
margin:0px; border:1px solid #000;
}
.enquiry_form  select 
{
height:23px;
width:330px;
float:right;
color:#67575F;background:#fff !important;
font-family:Trebuchet MS;
font-size:11px; 
font-weight: normal; border:1px solid #000;

}
.enquiry_form textarea 
{
color:#67575F;
font-family:Arial;
font-size:12px;
font-weight: normal;
height:50px;
width:326px;
float:right;
margin:0px; border:1px solid #000;

}
.enquiry_form textarea:hover
{

}
.enquiry_form select:hover
{
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;background:#fff !important;
color:#747474!important;
font-family: Arial!important;
 border:2px solid #747474;
 font-weight:bold;
float:right !important;
margin-top:0px !important;
margin-right:5px !important;
}
.button:hover
{
 color:#262016!important;
 border:2px solid #262016;

}




#main_foot {
	padding: auto;
	margin: auto;
	width:999px;
	/*height:100%;*/
	display: table;

}
.footer {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	height: auto;
	width:999px;
	height:85px;
	background:#6bc9cc;

}
.copyright {
	margin: -45px 10px 0px 10px;
	float: left;
	width: 660px;
	height: auto;
}
.copyright h5 {
	margin: 10px 0px 0px 10px;
	float: left;
	font-size: 14px;
	font-style: normal;
font-family:Arial;
	color: #FFF;
	width: 830px;
}
.logo1 {
	margin: -50px 10px 0px 0px;
	float: right;

}
.logo_1 {
	margin: -50px 95px 0px 0px;
	float: right;
	width: 49px;
	height: 39px;
}

