body{
	margin:0px;
	padding:0px;
	background:url(../images/bg.jpg) no-repeat #D5D5D5;
	background-position:top center;
	position:relative;
	font-family:Tahoma, Geneva, sans-serif;	
}


.sub-body{
	margin:0px;
	padding:0px;
	background:url(../images/sub-bg.jpg) repeat-x #D5D5D5;
	position:relative;
	font-family:Tahoma, Geneva, sans-serif;	
}


.clear{
	clear:both;
}

a {
   outline: 0;
}

.header-content{
	width:960px;
	position:relative;
	margin:10px auto 0px auto;
	height:124px;	
}

.sub-header-container{
	width:960px;
	position:relative;
	margin:10px auto 0px auto;
}

.logo-placer{
	float:left;	
}

.header-info{
	float:right;
	/*background:url(../images/home-contact-details.png) no-repeat;*/
	width:445px;
	height:124px;	
}

.header-info-img{
	position:relative;
	background:url(../images/phone-rd.png) no-repeat;
	width:35px;
	height:46px;
	float:left;
	margin:48px 0px 0px 199px;	
}

.header-number{
	font-size:25px;
	color:#333;
	width:auto;
	font-weight:bold;
	float:right;
	height:20px;
	margin-top:52px;
}

.header-email{
	font-size:20px;
	color:#fff;
	width:445px;
	height:20px;
	margin-top:12px;
	text-indent:207px;
}

.main-left{
	float:left;
	width:49%;	
}

.main-right{
	float:right;
	width:52%;	
}

.sub-left{
	float:left;
	width:65%;	
}
.sub-right{
	float:right;
	width:380px;
	margin-top:-320px;
	margin-right:-15px;	
}

ol li{
	padding-bottom:12px;	
}

.project-bg{
	background:url(../images/project-bg.jpg) no-repeat;
	width:220px;
	height:34px;	
}

.project-text{
	line-height:34px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-indent:15px;	
}

.project-bg a { color:#fff; text-decoration:none; }
.project-text a { color:#fff; text-decoration:none;}
.project-text a:hover { color:#333;text-decoration:none; }

/*=============================Slider*/

#slider{
	margin-left:auto;
	margin-right:auto;
	width:936px;
	padding-top:11px;	
}

.slider-wrapper{
	background:url(../images/slider-bg.png) no-repeat;
	margin:10px auto 0px auto;
	height:386px;
	width:960px;
	position:relative;
}
	
#slider ul, #slider li,
#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:936px;
		height:346px;
		overflow:hidden; 
		}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
		display:block;
		width:51px;
		height:66px;
		position:absolute;
		left:-51px;
		top:180px;
		z-index:1000;
		}	
#nextBtn, #slider1next{ 
		left:960px;
		}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:51px;
		height:66px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}
			
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }		

/*==============================Navigation*/

.navbar{
	width:960px;
	margin:0px auto 0px auto;
	background:url(../images/nav-bg.jpg) repeat-x;
	height:51px;
	color:#333;
	text-transform:capitalize;
	position:relative;	
}

	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			padding-left:8px;
			padding-right:8px;
			position:relative;
			z-index:500; 
			margin:0 1px;
			
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px;  
			text-decoration:none; 
			height:41px;
			line-height:36px; 
			text-align:center; 
			color:#333;
			
		}

		#nav li a:hover {
			color:#fff;
			padding-bottom:1px;
			background-color:#1B3860;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#666;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:1px 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li { 
			float:left;
			min-width:150px;
			height:41px;
			line-height:41px;
			text-align:left;
			padding-bottom:8px; 
			background-color:#fff; 
			/*background:url(../images/nav-bg.jpg) repeat-x;*/
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			padding: 0px 5px;
			color:#666;
			min-width:150px;
			text-align:left; 
		}
		
		#nav ul a:hover {
			color:#fff; 
			min-width:150px;
			background-color:#1B3860;
			text-decoration:none;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
/*=======================New Navigation*/
/*style the main menu*/ 
#jsddm{	
	margin: 0 auto 0px auto;
	width:960px;
	position:relative;
	z-index:9999;
	height:51px;
	line-height:51px;
	padding: 0;
	
	}

#jsddm li{	
	float: left;
	list-style: none;
	font-size:16px;}

#jsddm li a{	
	display: block;
	padding-left:20px;
	text-indent:0px;
	padding-right:20px;
	text-decoration: none;
	color: #333;
	border-right:1px solid #ccc;
	white-space: nowrap}

#jsddm li a:hover{	
	background:url(../images/menu-bg-hover.jpg) repeat-x;
	color:#fff;
	}
		
#jsddm li ul{
	padding-top:1px;	
	margin: 0;
	padding: 0;
	width:186px;
	position: absolute;
	visibility: hidden;
}
		
#jsddm li ul li{	
	float: none;
	display: inline
	}
			
#jsddm li ul li a{	
	width: auto;
	background: #0072CE;
	text-indent:0px;
	color: #fff}
			
#jsddm li ul li a:hover{	
	background:url(../images/menu-bg-hover-sub.jpg) repeat-x;
	text-indent:0px;
	color:#333;	
			}	
			
.current{
	background:url(../images/menu-bg-hover.jpg) repeat-x;
	color:#fff;
}

#jsddm .current a{	
	color:#fff;}
				
/*=======================Main Body*/

h1{font-size:20px; font-weight:normal;}

.main-body{
	margin:0px auto 0px auto;
	width:940px;
	padding:0px 10px 20px 10px;
	color:#333;
	font-size:12px;
	position:relative;	
}

.main-body li{
	line-height:30px;	
}

.main-body p{
	line-height:20px;
	width:95%;
	text-align:justify;
}

.home-feature{
	background:url(../images/home-feature-1.png) no-repeat;
	width:300px;
	height:272px;
	float:left;	
}

.home-feature a{
	color:#fff;
	text-decoration:none;	
}

.home-feature-2 a{
	color:#fff;
	text-decoration:none;	
}
.home-feature :hover{
	color:#fff;
	text-decoration:underline;	
}

.home-feature-2 :hover{
	color:#fff;
	text-decoration:underline;	
}

.home-feature h2{
	color:#fff;
	font-weight:normal;
	font-size:16px;
	margin:0px;
	margin-top:8px;
	text-indent:12px;	
}

.home-feature-2{
	background:url(../images/home-feature-2.png) no-repeat;
	width:300px;
	margin-left:45px;
	height:272px;
	float:left;	
}

.home-feature-2 h2{
	color:#fff;
	font-weight:normal;
	font-size:16px;
	margin:0px;
	margin-top:8px;
	text-indent:12px;	
}

.home-form{
	background:#666;
	width:260px;
	position:relative;
	margin-left:20px;
	height:250px;
	float:right;	
}

.home-form h2{
	color:#fff;
	font-weight:normal;
	font-size:16px;
	margin:0px;
	margin-top:8px;
	margin-bottom:12px;
	text-indent:14px;	
}

input.formInputText   {
	font-size: 12px;
	padding: 2px;
	margin-left:15px;
	border: none;
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
	width:226px;
	height: 26px;
	}
	
.button-home {
	border:none;
    background: #333;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#fff;
	width:146px;
	cursor:pointer;
	margin-left:15px;
	text-align:center;
}


textarea.formInputText{
	color: #666;
	margin-left:15px;
	border: none;
	padding: 2px;
	background-color: #FFF;
	width:226px;
	height:62px;
	}

#error {
	color:red;
	font-size:10px;
	display:none;
}
.needsfilled {
	background:#F30;
	color:white;
}


/*/=================================================Form styles*/

form{
	margin-left:-55px;
	width:410px;
	float:left;
	padding-bottom:10px;	
}

label{
	font-size:12px;
	line-height: normal;
	text-align: left;
	margin-right: 10px;
	position: relative;
	display: block;
	float: left;
	width: 90px;
	}	
	
	
.req-field-login{
	padding-left:30px;
	color:#F30;
}

label.fieldLabel	{
	display: inline;
	float: none;
	}

.contact-form{
	padding-left:90px;	
}

input.formInputText-sub   {
	font-size: 12px;
	padding: 2px;
	border: solid 1px #666;
	margin-right: 5px;
	margin-bottom: 5px;
	width:260px;
	height: 20px;
	}


.button-news-sub {
    border: 1px solid #333;
    background: #ccc;
	height:30px;
	font-size:12px;
	color:#000;
	width:99px;
	text-align:center;
}



select.formSelect-news-sub  {
	font-size: 12px;
	padding: 2px;
	border: solid 1px #666;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	width:260px;
	}



textarea.formInputText-sub{
	color: #666;
	background-color: #FFF;
	padding: 2px;
	width:260px;
	height:100px;
	border: solid 1px #666;
	}
/*===================================Footer*/

.outer-footer{
	background:url(../images/footer-bg.jpg) repeat-x #999;
	min-height:140px;	
}

#footer{
	width:960px;
	position:relative;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px auto 0px auto;
	padding-top:20px;
}	

.foot-left{
	float:left;
	text-align:left;
	text-indent:10px;	
}

.foot-right{
	float:right;
	padding-right:10px;
	text-indent:10px;	
}

.foot-link{
	color:#222;
	font-weight:bold;
	text-decoration:none;
}