/*

Designed and Coded By: Syosys Technologies
Date: 26/5/2009

*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
body{}

h1{ font:bold 15px Arial, Helvetica, sans-serif;}
h2{ font:bold 15px Arial, Helvetica, sans-serif;}
h3{font:normal 10px Tahoma, Geneva, sans-serif;}
h4{ font:bold 14px Arial, Helvetica, sans-serif;}

p{ font:normal 12px Arial, Helvetica, sans-serif;}

#container{ width:900px; margin:0 auto 0 auto; background:#fff;}


#header{ width:862px; margin-left:30px;}
#header .logo{ background:url(../img/header_logo_bg.gif) no-repeat; width:463px; height:100px; padding:46px 0px 0px 0px; float:left;}
#header .text_one{ background: url(../img/header_one_px.gif); width:399px; height:146px; float:left;}
#header .text_one ul{ float:right;}
#header .text_one li{font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; width:154px; }

#header .text_one .contact_area{ float:right; margin:30px 20px 0px 0px; font:normal 13px Arial, Helvetica, sans-serif; color:#FFF; text-align:right; }
#header .text_one .contact_area img{ margin:0px 8px 10px 0; float:left;}                                                                                                           
																										   
																										   
/*#header .text_one span{background:url(../img/ph.gif) no-repeat;display:block; padding:0 0 0 20px; font:normal 13px Arial, Helvetica, sans-serif;
                                                                                                           color:#FFF;}
#header .text_one p{ text-align:right; float:right; margin:40px 30px 0px 0px; color:#FFF;}*/
.form{ margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; width:100px; height:17px;}

#navbar{ width:850px; float:left; margin:10px 0px 0px 0px;}
#menu{ background: url(../img/menu_bg.jpg); width:301px; height:445px; float:left; margin:30px 0px 0px 20px;}
#menu ul{ margin:193px 0px 0px 36px; width:90px;}
#menu ul li{ font: bold 12px Arial, Helvetica, sans-serif; color:#FFF; border-bottom:1px dotted #FFF; padding:15px 0px 5px 0px;}
#menu ul li a{color:#FFF; text-decoration:none;}

#main{ width:496px; float:left; margin:30px 0px 0px 30px;}
#main h1{ color:#525252; background:url(../img/h1.gif) no-repeat left; padding:0px 0px 0px 20px; margin:0px 0px 0px 10px; float:left;}
#main p{ color:#525252; line-height:19px; padding:10px 0px 0px 28px; float:left; width:475px;}

.product_range{  float:left; width:490px; height:154px; background: url(../img/range.gif); margin-top:20px; border:1px solid #e9e9e9;}
.product_range h2{ background:url(../img/h1_b.png) no-repeat; padding:0px 0px 0px 20px; margin:10px 0px 0px 10px;}
.img_class{ width:148px; height:100px; background:url(../img/img.jpg); margin:13px 0px 0px 33px;}
.product_range ul{ float:right; margin:20px 25px 0px 0px;}
.product_range li{ font:bold 11px Arial, Helvetica, sans-serif; color:#525252; border-bottom:1px dotted #595959; padding:6px 0px 3px 0px;}

.photogallery{  background: url(../img/photo_galllery_bg.gif); float:left; margin:20px 0px 0px 0px; border: solid 1px #efefef; }
.photogallery h2{ background:url(../img/h1_b.png) no-repeat; padding:0px 0px 0px 20px; margin:10px 0px 0px 10px;}
.photogallery_inner{ width:483px; float:left;}

.inner_down{ margin:30px 0px 0px 0px;}

#footer{ width:500px; height:56px; background: url(../img/footer_bg.png) no-repeat; float:left; margin:0px 0px 0px 0px; padding:40px 0 0 400px;
                                font: normal 11px Verdana, Geneva, sans-serif;}

#footer span{  margin:0 0 0 95px;}
#footer span a{ text-decoration:none; color:#254bb6; vertical-align:middle; }






#innerpage{ width:496px; float:left; margin:30px 0px 0px 30px;}
#innerpage h1{ color:#525252; background:url(../img/h1.gif) no-repeat left; padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; float:left;}
#innerpage p{ color:#525252; line-height:19px; padding:10px 0px 0px 28px; float:left; width:425px;}
#innerpage h2{ background:url(../img/h1_b.png) no-repeat; padding:0px 0px 0px 20px; margin:17px 0px 0px 0px; float:left;}

.our_mission{  float:left; width:462px; height:114px; background: url(../img/range.gif); margin-top:10px; border:1px solid #e9e9e9;}
.our_mission p{color:#525252; line-height:19px; padding:10px 10px 0px 10px !important; }

.our_vision{  float:left; width:462px; height:114px; background: url(../img/range.gif); margin-top:10px; border:1px solid #e9e9e9;}
.our_vision p{color:#525252; line-height:19px; padding:10px 10px 0px 10px !important; }


.product{ float:left; width:400px; border:1px solid #e9e9e9; margin:10px 0px 0px 30px; background:#f7f7f7}
.product ul{ margin:0px 0px 0px 0px;}
.product li{padding:0px 20px 0px 10px; float:left;font:bold 12px Arial, Helvetica, sans-serif;}
.product li span{ float:right; margin-right:11px;}
.producttext{ margin:10px 0px 0px 10px; text-align:left; font:bold 14px Arial, Helvetica, sans-serif !important;}


.services{  float:left; width:462px;  background: url(../img/range.gif); margin-top:10px; border:1px solid #e9e9e9;}
.services p{color:#525252; line-height:19px; padding:10px 10px 10px 10px !important; }
.joint{  float:left; width:462px;  background:#f4f4f4 url(../img/range.gif); margin-top:10px; border:1px solid #e9e9e9;}
.joint p{color:#525252; line-height:19px; padding:10px 10px 10px 10px !important; }
.connection{  float:left; width:462px;  background: url(../img/range.gif); margin-top:10px; border:1px solid #e9e9e9;}
.connection p{color:#525252; line-height:19px; padding:10px 10px 10px 10px !important; }


.conteact_under{ float:left; width:600px;}
.conteact_top{  float:left; width:200px; background:#f7f7f7; margin-top:10px; border:1px solid #e9e9e9;}
.conteact_top ul{ margin-top:10px;}
.conteact_top ul li{font:normal 12px Arial, Helvetica, sans-serif; padding:0px 0px 0px 15px;}
.conteact_top ul .spanone{ margin:5px 0px 5px 10px; padding:0px;font:bold 15px Arial, Helvetica, sans-serif; color:#F90}

.conteact_us{  float:left; width:337px;  background:#f7f7f7; border:1px solid #e9e9e9; margin:10px 0px 0px 10px; height:240px;}
.destination{ float:left;  width:550px; height:300px; margin:20px 0px 30px 0px;}
.destination h2{ background:url(../img/h1_b.png) no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px!important; }
.form_contact{ width:100px; padding:0px 0px 0px 10px; }
.table{ margin:10px 0px 0px 0px;}
.td{ margin:0px 0px 10px 0px;}
.form_contacts{ padding:0px 0px 0px 10px;}

.buttan{ float:right;}




#services_img{ float:left; margin: 20px 0 0 60px; border:1px solid #6e80cf;}








/*  infiniteCarousel starts */
.infiniteCarousel {
  width: 493px;
  position: relative;
  margin:0 20px;
  height:145px;
  clear:both;
  

}

.infiniteCarousel .wrapper {
  width: 410px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: hidden;
  height:170px;
  margin: 10px 40px;
  position: absolute;
  top: 0;
}



.infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 20px;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 2px;
  height: 84px;
  width: 98px;
  background:url(../img/frame_bg1.png) no-repeat;
  text-align:center;
}
.infiniteCarousel ul li img{ display:block;}

.infiniteCarousel ul li a img {
  display:block;
  padding:3px;
}
.infiniteCarousel ul li a {
	text-align:center;
	text-decoration:none;
	font:normal 17px Georgia, "Times New Roman", Times, serif;
	color:#000;
}

.infiniteCarousel .arrow {
	display: block;
	height: 36px;
	width: 37px;
	background: url(../img/arrow.png) no-repeat 0 0;
	text-indent: -999px;
	position: absolute;
	top: 57px;
	cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}



 /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */




/*  infiniteCarousel ends */
