* {
	padding: 0;
	margin: 0;
	}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #7a7c79;
  background: #5e5c5c url(images/bg.jpg);
  word-spacing:	0.5px;
  
}

p {

	margin: 1px 3px 3px 10px;
	padding: 1px 10px 10px 10px;
	}

h2 {

	margin: 3px 3px 3px 3px;
	padding: 1px 10px 10px 10px;
	color:	#ccc
	}

h3 {

	margin: 3px 3px 3px 3px;
	padding: 1px 10px 10px 10px;
	color:	#ccc
	}

a {
	outline: none;
	color: #00CD00;
	text-decoration: none;

}

p.textbox {

	float:	left;
	width:	500px;
	height:	125px;
	

}

object.video {
		border: 1px #ccc;

}
	
.image {

	float:		left;
	margin:		5px 15px 0 0;
	padding:	10px;
}

.image2 {

float:right;
margin:	5px 15px 0 0;
padding: 10px;
}

.image3 {

float:middle;
margin:	5px 15px 0 0;
padding: 10px;
}

/* background design*/

#outerwrap {
		
		width:	1000px;
		height:	700px;
		margin: 20px auto;
		/*background:	url(images/outerwrap.jpg)*/
		
	}
	
/* header */

#header {
		margin: 20px auto;
		height: 100px;
		width:	800px;
		padding: 0px 10px 3px 10px;
		background: #000 url(header.jpg);
		}

/* main part under header */

#wrapper {
		margin: 20px auto;
		height:	800px;
		width:	700px;
		padding: 0px 10px 3px 10px; 
		width: 800px; 



		}

/* column one */		
		
#colOne {

	float: left;


}
/* menu */

ul#menu, ul#menu ul {
  list-style-type:none;

  margin: 0;
  padding: 0;
  width: 200px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #000;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #333333;
}

ul#menu li ul li a {
  background: #333;
  color: #ccc;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #000;
  border-left: 5px #01CC01 solid;
  color:	#fff;
  padding-left: 15px;
}

/* content */

#content {
	
	float:	right;
	width: 590px;
	height: 450px;
	margin: 0 3px auto;
	
	}

#content li {
		
		margin-left: 40px;

}
	
#content li.list {

	width:	120px;
	float:	left;
	list-style:	none;
	font-style: italic;
	margin-left: 20px;
	
	
}

#content li.list2 {

	width:	170px;
	float:	left;
	list-style:	none;
	padding-left: 15px;
	font-style: italic;
}

#content img.listimage {

	padding-top: 7px;
	padding-bottom: 20px;

}
	
#s3slider {
   width: 200px; /* important to be same as image width */
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   foat: left;
}

#s3sliderContent {
   width: 200px; /* important to be same as image width or wider */
   height: 200px;
   position: static; /* important */
   top: 0; /* important */
   margin-left: 10px; /* important */
   float:	right;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 5px 6px;
   width: 200px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

#footer {

		width: 186px;
		height:	129px;
		color:	#fff;
}

#footer a {
		color:	#00CD00;
		font-size:	8px;
		margin:	auto;

}