body 		{margin:auto;
			background:url(../../images/top_bg.jpg) top center no-repeat;
			}

ul{padding:0 0 0 0px; margin:0px; list-style:none;}
li {padding:0 0px 0 0px; margin:0px; display:inline;}

#Main_wraper {width:970px; height:auto; margin:auto; background:none;}
#Top_line {width:100%; height:5px; margin:0 0 0 0px; background:url(../../images/top_line.jpg) repeat-x; position:absolute; z-index:-1;}
.Logo {width:260px; height:170px; border:none; float:left; background:none; text-align:left; z-index:2; position:absolute;}
.Topnavbg {width:320px;height:26px; background:url(../../images/top_navbg.jpg) top left no-repeat;}
.Topnavbg a:hover {width:auto;height:33px; background:url(../../images/top_navbg_o.jpg) top center no-repeat; padding:0 10px 0 10px}

.Middle_bg {background:url(../../images/middle_bg.jpg) top left repeat-y; padding:0 27px 0 27px}
.Photo_gallery {width:437px; height:288px;background:none;margin:0 0 0 18px;}
.Phodo { width:auto; height:auto; text-align:left; margin:0px; padding:0px; background:none;border:1px solid #92b5e6;}
.Phodo_arrow {width:auto; height:auto;margin:116px 0 0 377px; padding:0px; position:absolute; z-index:3;}
.Blue_bg { height:138px;background:url(../../images/blue_bg.jpg) top left repeat-x;}
.Mid_bottom {background:url(../../images/middle_bottom_corner.jpg) bottom left no-repeat;padding:0 27px 25px 27px;}
.Photo_area {width:915px; height:350px; background:none; border:1px solid #5f8fc5;}

.View_photo {width:auto;height:auto; margin:54px 0 0 0px; float:left;background:none; position:absolute; z-index:41;}



.Pad_01 {padding:0 0 22px 29px;}
.Pad_02 {padding:0 0 0 29px;}
.Pad_03 {padding:0 0 0 27px;}
.Pad_04 {padding:22px 0 0 0px;}
.Pad_05 {padding:0px 30px 0 18px;}
.Blue_pad {padding:30px 5px 0 5px;}
.Pad_06 {padding:0 0 15px 0px;}
.Pad_07 {padding:10px 0 0 0px;}
.Pad_08 {padding:0 27px 0 27px;}
.Pad_09 {padding:0 30px 0 0px;}
.Pad_10 {padding:15px 0 10px 0px;}
.Pad_11 {padding:0 0 10px 27px;}
.Pad_12 {padding:0 0 0 15px;}
.Pad_13 {padding:15px 0 15px 0px;}
.Pad_14 {padding:0px 15px 0 0px;}
.Blue_padinner {padding:20px 5px 0 5px;}







.text 		{font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#2f4576;
			font-weight:normal;
			text-align:justify;
			line-height:20px;
			text-decoration:none;
			}

.text a:link	{
			color:#2f4576;
			font-weight:bold;
			text-decoration:none;
			}
.text a:activated	{
			color:#2f4576;
			font-weight:bold;
			text-decoration:none;
			}
.text a:visited	{
			color:#2f4576;
			font-weight:bold;
			text-decoration:none;
			}
.text a:hover	{
			color:#01c7ea;
			font-weight:bold;
			text-decoration:none;
			}
			
.Water_text {font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#8797a9;
			font-weight:normal;
			text-align:left;
			line-height:19px;
			text-decoration:none;
			}
			
			
			
.footer_text 		{font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#335ca2;
					font-weight:normal;
					line-height:20px;
					text-decoration:none;
					}			
.footer_text a:link	{
			color:#335ca2;
			font-weight:normal;
			text-decoration:none;
			}
.footer_text a:activated	{
			color:#335ca2;
			font-weight:normal;
			text-decoration:none;
			}
.footer_text a:visited	{
			color:#335ca2;
			font-weight:normal;
			text-decoration:none;
			}
.footer_text a:hover	{
			color:#01c7ea;
			font-weight:normal;
			text-decoration:none;
			}		
			
			
			
.footer_text2 		{font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#335ca2;
					font-weight:bold;
					line-height:20px;
					text-decoration:none;
					}			
.footer_text2 a:link	{
			color:#335ca2;
			font-weight:bold;
			text-decoration:none;
			}
.footer_text2 a:activated	{
			color:#335ca2;
			font-weight:bold;
			text-decoration:none;
			}
.footer_text2 a:visited	{
			color:#335ca2;
			font-weight:bold;
			text-decoration:none;
			}
.footer_text2 a:hover	{
			color:#01c7ea;
			font-weight:bold;
			text-decoration:none;
			}		
			
			
			
.header_text	{
					position:absolute;
					top:475px;
					margin-left:10px;
					}


h1 {
color:#4979b2;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:normal;
margin:0 0 0 0px;
padding:0 0 0px 0px;
text-transform:none;
line-height:40px;
}

/*h2 start here*/
h2 {
color:#8797a9;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:normal;
margin:0px;
padding:0 0 5px 0px;
text-transform:none;
}

h2 a:link {
color:#8797a9;
font-size:30px;
text-decoration:none;
font-weight:normal;
margin:0px;
}
h2 a:visited {
color:#8797a9;
font-size:30px;
text-decoration:none;
font-weight:normal;
margin:0px;
}
h2 a:hover {
color:#01c7ea;
font-size:30px;
text-decoration:none;
font-weight:normal;
margin:0px;
}

/*nevigation css start here*/
/*Css menu*/
.Navigation_bg {background:url(../../images/nav_bg.jpg) top left repeat-x;}
.Nav_area{width:669px;height:33px;float:right; overflow:hidden;}
.menu{margin:0px; padding:0px; height:42px; width:100%; display:block; background:url(../../images/topMenuImages.png) repeat-x;}
.menu li{padding:0px; margin:0px; list-style: none; display:inline;}
.menu li a{ height:33px;float:left; display:block; color:#ffffff; text-decoration:none; font-size:14px; font-family:Arial; font-weight:normal; cursor:pointer;}
.menu li a span{height:26px; float:left; display:block; padding:7px 20px 10px 20px;background:url(../../images/topMenuImages.png) 100% 0px no-repeat; color:#ffffff;}

.menu li a:hover{background-position:0px 0px; color:#ffffff;}
.menu li a:hover span{background-position:100% -66px; color:#ffffff;}
.menu li a.active:hover{font-size:14px; font-family:Arial; font-weight:normal; background:url(../../images/topMenuImages.png) 0px -99px no-repeat; color:#ffffff;}
.menu li a.active, .menu li a.active:hover{font-size:14px; font-family:Arial; font-weight:normal; background:url(../../images/topMenuImages.png) 0px -99px no-repeat; color:#ffffff;}
.menu li a.active span, .menu li a.active:hover span{font-size:14px; font-family:Arial; font-weight:normal; background:url(../../images/topMenuImages.png) 0px -99px no-repeat; color:#ffffff;padding:7px 21px 10px 21px; }
.other{padding:0px 1px 0 1px;background:url(../../images/devider.jpg) top left no-repeat ;}


/*Css menu*/
/*nevigation css end here*/ 

/*gallery css start here*/  

.div_scroll
{
position: absolute;
margin:0 0 0 40px;
top:450px;
z-index:50000;
}

.stepcarousel{
float:left;
position: absolute; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width:435px; /*Width of Carousel Viewer itself*/
height:286px;/*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left:0;
top: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 0px 0px 0px; /*margin around each panel*/
width:435px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:286px;
}
/*gallery css end here*/