@charset "utf-8";
/* CSS Created by Sunil Bodai*/
body{ margin:0; padding:10px 0 0 0; font: 12px Tahoma, Geneva, sans-serif; color:#666; background:url(images/bg.jpg) repeat-x;}

#page-container{ margin:0 auto; width:935px;}
#page-width{ float:left; width:935px;}

#header{ float:left; width:935px;}
#header .top-links{ float:right; width:200px; text-align:right; padding:0 10px 0 0;}
#header .top-links img{ padding:10px 10px 0 0;}

#header .logo{ float:left; width:600px; padding:5px 0 0 0;}

#header .mail{ float:right; width:200px;}
#header .mail a{ font-weight:bold; color:#164883; text-decoration:none}
#header .mail a:hover{ color:#000;}

#header .contact{ float:right; width:200px; padding:5px 0 0 0;}

#header .navigation{ float:left; margin:0; padding:0; width:935px; background:url(images/nav-bg.jpg) top repeat-x;}
#header .navigation ul{ float:left; margin:0; padding:0; width:935px; list-style-type:none;}
#header .navigation ul li{ float:left; margin:0; padding:20px 9px; background:url(images/nav-mid.jpg) right no-repeat; display:block;}
#header .navigation ul li a{ color:#666; text-decoration:none; font:bold 13px Tahoma, Geneva, sans-serif; }
#header .navigation ul li a:hover{color:#026E99;}


#header .animation{ float:left; width:935px;}

#header .box1{ float:left; width:315px; background:url(images/box1-bg.jpg) no-repeat; height:176px;}
#header .text{ float:left; width:170px; padding:50px 0 0 10px; font:11px Tahoma, Geneva, sans-serif;}

#header .more{ float:left; width:100px; padding:10px 0 0 0;} 

#header .box2{ float:left; width:315px; background:url(images/box2-bg.jpg) no-repeat; height:176px;}
#header .text{ float:left; width:170px; padding:50px 0 0 10px; font:11px Tahoma, Geneva, sans-serif;}

#header .box3{ float:left; width:303px; background:url(images/box3-bg.jpg) no-repeat; height:176px;}
#header .text{ float:left; width:170px; padding:50px 0 0 10px; font:11px Tahoma, Geneva, sans-serif;}


#body-area{ float:left; width:935px;}
#body-area .bdy-bg{ float:left; width:935px; padding:10px 0 0 0;}
#body-area .bdy-bdr{ float:left; width:933px; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}

#body-area .bdy-bdr h1{ float:left; width:400px; margin:0; padding:15px; font: bold 22px Tahoma, Geneva, sans-serif; color:#333;}
#body-area .bdy-bdr p{ float:left; width:610px; margin:0; padding:0 15px 15px 15px;  font:12px Verdana, Geneva, sans-serif; line-height:20px;}

#body-area .rnav{ float:right; width:273px; padding:0 10px;}
#body-area .rnav-text{ float:right; width:271px; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}

#body-area .btm-links{ float:left; width:933px; background:#ededed;}
#body-area .rnav-btm{ float:right; width:273px;}

#body-area .bdy-top-link-bg{ float:left; width:933px;}

#body-area .add{ float:left; width:278px; margin:0; padding:10px; border-right:solid 1px #999;}
#body-area .add ul{ margin:0; padding:0; list-style-type:none;}
#body-area .add ul li{ float:left; margin:0; padding:10px 0 0 8px; list-style-type:none; font-size:11px; line-height:18px; color:#000;}
#body-area .add ul li a{  color:#000; text-decoration:none;}
#body-area .add ul li a:hover{ text-decoration:underline;}

#body-area .footer-btn{ float:left; width:170px; margin:0; padding:20px 20px;}
#body-area .footer-btn ul{ margin:0; padding:0; list-style-type:none;}
#body-area .footer-btn ul li{ margin:0; padding:0; list-style-type:none;}
#body-area .footer-btn ul li a{ margin:0; padding:0; text-decoration:none; font-weight:bold; color:#3A43A0; line-height:24px;}
#body-area .footer-btn ul li a:hover{ text-decoration:underline;}

#body-area .bdy-btm{ float:left; width:935px;}
.contct-us{ float:left; width:580px; padding:0 0 0 50px;}

#footer{ width:100%; clear:both; text-align:center;}

#footer .copyright{ float:left; margin:0; padding:10px; color:#999;}

#footer .poweredby{ float:right; margin:0; padding:10px; color:#999;}
#footer .poweredby a{ color:#666; text-decoration:none; }
#footer .poweredby a:hover{ color:#333; text-decoration:underline; }


/* animation start*/
.sliderwrapper{
	position: relative; /*leave as is*/
	background:#fff;
	overflow: hidden; /*leave as is*/
	width: 935px; /*width of featured content slider*/
	height: 326px;
	text-align:center;
	padding:0;
	margin:0px;

}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:0;

background: white;
width:935px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
/* animation end*/



/******************** navigation start ******************************/
#tabs {
	float:left;
	width:935px;
	line-height:normal;
	border-bottom:5px solid #fff;
	margin:0;
	padding:0 0 0 0px;
	}

#tabs ul {
	margin:0;
	padding:10px 0px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	font:13px Tahoma, Geneva, sans-serif;
	background:url("images/left.jpg") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/right.jpg") no-repeat right top;
	padding:14px 18px 14px 12px;
	margin-right:0px;
	color:#fff;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span { color:#000;
	}

#tabs a:hover {
	background-position:0% -44px;
	}

#tabs a:hover span {
	background-position:100% -44px;
	}

/* navigation end*/