img {border-style:none;border:none;padding:0;margin:0;}

a 
{
    text-decoration:none;
    color:#333333;
   
    
    }
    


.menu { 
			height: 45px;
			display: block;
		}

		.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.menu ul li {
			float: left; 
			overflow: hidden;		
			position: relative;
			text-align: center;
			line-height: 45px;
		}

		.menu ul li a { 
			position: relative;
			display: block;
			width: 110px;
			height: 45px;
			font-family:Times New Roman Arial;
			font-size: 16px;
			font-weight:lighter;
			letter-spacing: 0px;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
			
		}
		
	/** style need add for slide menu **/	
		 
		.menu ul li a span { 
			position: absolute;
			left: 0;
			width: 110px;
		    
		}

		.menu ul li a span.out {
			top: 0px;
		}

		.menu ul li a span.over,
		.menu ul li a span.bg {  
			top: -45px;
		}
		
		/** image background **/

		#menu {
			background:url(images/bg_menu.jpg) scroll 0 -1px repeat-x;
			border:1px solid #CCC;
			
		}

		#menu ul li a {
			color: #444;
			
		}

		#menu ul li a span.over {
			color: #FFF;
		}

		#menu ul li span.bg { 
			height: 45px;
			background: url(images/bg_over.gif) center center no-repeat;
		}
		
		
		
		
		/*Slideshow */		
		
#slideshow 
{
    padding-top:80px;
	margin:0 auto;
	width:1000px;
	height:600px;	
	position:relative;
	 background:transparent url(images/transparent.png); 
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:860px;
  height:600px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:840px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:600px;
  text-align:justify;
  color:#555;
  
}



/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:600px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:150px;
  left:20px;
  background:transparent url(images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:150px;
  right:20px;
  background:transparent url(images/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */


#pageContainer 
{
    
  margin:0 auto;
  width:960px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:600px;
  
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#555;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}


/* CONTACT FORM
----------------------------------------------------------*/

#container {
	width:420px;
	height:275px;
	position:absolute;
	left:50%;
	top:40%;
	margin-left:-220px;
}
#contact_form {
	padding:20px 20px 60px 20px;
	background:#E8EDE8;
	background:rgba(190,200,190,0.6);
	border-radius:10px;
	border:10px solid #ddd;
	border:10px solid rgba(170,170,170,0.6);
	box-shadow:0 0 12px #aaa;
}
input, textarea {
	width:300px;
	border-radius:4px;
	border:none;
	padding:10px;
	margin-bottom:14px;
	display:block;
	color:#999;
	background:#ffffff;
	background:rgba(255,255,255,0.5);
	font-family:"Lucida Sans Unicode", Verdana, sans-serif;
	font-size:13px;
}
textarea {
	width:360px;
	min-height:120px;
	resize:vertical;
}
input:focus, textarea:focus {
	color:#666;
	outline:none;
	background:#ffffff;
	background:rgba(255,255,255,0.7);
}
input#submit {
	width:120px;
	color:#666;
	float:right;
}
input#submit:hover {
	color:#666;
	background:#ffffff;
	background:rgba(255,255,255,0.7);
	cursor:pointer;
}
.success, .error {
	width:210px;
	height:33px;
	line-height:33px;
	font-size:12px;
	float:left;
}
.success {
	color: green;
}
.error {
	color: red;
}


#demos {
	position:relative;
	margin: 100px auto;
}
#demos p {
	text-align:center;
	display:block;
}