@charset "utf-8";
/* CSS Document */

body {background:#fff; margin:0; padding:0;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}

#wrapper {width:100%;}

#logo {text-align:center; padding: 20px;}
#logo img{width:447px; height:50px;}

#allmid {width:687px; margin:0 auto;}

#slideimg {width:687px; height:414px;}

#middlecontent {width:687px; height:414px; background:url(images/sample2.jpg) no-repeat; position:relative;}
	#aboutcontent {background:url(images/trans25.png); width:310px; padding:10px; position:absolute; bottom: 20px; left:20px;}
	#aboutcontent p{ color:#FFFFFF; margin:0; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em; margin-bottom:10px; text-shadow:#000 1px 1px;}
	#aboutcontent a{text-decoration:none; color:#fff;}
	#aboutcontent a:hover{text-decoration:underline;}

#navigation {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; color:#3c3c3e; margin:0 auto; font-size:12px; width:687px;}
	.menu {padding:0; margin:10px auto; list-style:none; text-align:center;}
	.menu li {display:inline; margin-right:20px; position:relative;}
	.menu li:hover .submenu { display: inline-block; }
	.menu li a{text-decoration:none; color:#3c3c3e;}
	.menu li a:hover{text-decoration:underline; color:#222;}
	.active{font-weight:bold;}
		.submenu{position:absolute; top:10px; left:-280px; width:677px; margin:0; padding:10px 5px; display:none;}
		.submenu li a{display:inline; color:#ff8a2c; font-size:11px;}
		.submenu li a:hover{text-decoration:underline; color:#ff8a2c;}
		.submenu2{position:absolute; top:10px; left:-270px; width:677px; margin:0; padding:10px 5px; display:inline;}
		.submenu2 li a{color:#ff8a2c; font-size:11px;}
		.submenu2 li a:hover{text-decoration:underline; color:#ff8a2c;}
		
	
#footer {font-size:11px;color:#3c3c3e; text-align:center; margin-top:25px;}

#contact-area {margin-top:10px; font-family: Tahoma, Helvetica, sans-serif;}
#contact-area input, #contact-area textarea {
	padding: 3px;
	width: 250px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom:5px;
	float:left;
	border: none;
	background:#a2a4a7;
}

#contact-area label {
	margin: 0;
	width: 70px;
	font-size: 10px;
	color:#6d787a;
	float:left;
}


#contact-area select {
	float:left;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	width:80px;
}

#contact-area textarea {
	height: 45px;
}

#contact-area textarea:focus, #contact-area input:focus {
	background:#7e7e7e; color:#FFFFFF;
}

#contact-area input.submit-button {
	width: 50px;
	float: left;
	margin-right:20px;
	padding:3px;
}

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:687px;
		height:414px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */
.filmstrip li {width:100px; height:50px; overflow:hidden; }
.filmstrip img {width:100px; }

.panel img{width:687px;}