/* CSS Document */

html { 

background: #262626;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

 }


#left-nav{
width:230px;
height:527px;
float:left;
}

#main-area {
	float:left;
	width:660px;
	height:467px;
	margin-top: 10;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 10px;
	background-color: #FFFFFF;
}

#main-arearoll {
	float:left;
	width:660px;
	height:467px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.menu-box {
width:210px;
margin: 10px auto 0 auto;
background-color:#ffffff;
color:#999999;
min-height:320px;

}
.navbottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  0px;
	font-style: normal;
	color: #999999;
	margin-top: 41px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
}

.about {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  0px;
	font-style: normal;
	color: #999999;
	margin-left: auto;
	margin-top: auto;
	padding-top: 0px;
}

.nav-list {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:12px;
}

.menu-box  a {
color:#999999;
text-decoration:none;
}

.menu-box  a:hover {
color:#ffffff;
background-color:#999999;
}

.navbottom  a {
color:#999999;
text-decoration:none;
}

.navbottom  a:hover {
color:#ffffff;
background-color:#999999;
}

.aboutcopy  a {
color:#999999;
text-decoration:none;
}

.aboutcopy  a:hover {
color:#ffffff;
background-color:#999999;
}

/*****************************************************************/

a {outline:none;}
			
	/* ANIMATION SLIDER */		

	.headline {
	float:left;
	position:relative;
	overflow:hidden;
	height: 497px;
	width:640px;
	}
	.slider{
		float:left;
		position:relative;
		clear:both;
		margin:10px;
	}		
		
		.slider .items {
			position:absolute;
		   	width:auto;
			display:block;
			height: 497px;
	}
	.desc2 a{
	padding:10;
	}
			.slider .items a {
				color:#999999; 
				position:relative;
				text-decoration:none; 
				line-height:35px;
				float:left; 
				width:100%;
				padding:10 10;
				text-align:center;
			}
			.slider .items a:hover {text-decoration:none;}
				.slider .items a.lnk {border:none; float:left;}
				
			.slider .containerItems {
				position:relative;
			  	height: 427px;
				top:0px;
			}
				.slider .items .desc {
							
					position:absolute;
					bottom:0; left:18;
					width:640px; height:5px;
					background:
					color:#999999;
					opacity:1.0;
					filter: alpha(opacity = 100);
					padding:7px 0 18px 0;
					display: table-cell;
					vertical-align:middle;
				}
			.slider .containerItems img {
				float:left;
				padding:0;
				border:none;
			}
			.slider .wrapanim {
				float:left;
				clear:both;
				position:relative;
				height:260px;
				width:400px;
			}

		.slider .moveLeft, .moveRight {
	position:absolute;
	width:28px;
	height:17px;
	top:435px;
	left:-3px;
	z-index:900;
	text-indent:-9999px;
		}
		.slider .moveLeft {
			background:url(../img/arrow_left.png) top left no-repeat;
		}
		.slider .moveRight {
			background:url(../img/arrow_right.png) top left no-repeat;
		}
		.slider .moveLeft:hover, .moveRight:hover {background-position:bottom left;}
		.slider .moveRight {
	left:612px;
		}	
	
		
	/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0; 
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */
			

			
.hover2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	height: auto;
	width: auto;
}
#left-nav .menu-box .nav-list .style3 {
	left: 5px;
}
.subnav {
	border-right-style: none;
	left: 5px;
}
.nav-listCopy {
	margin:0px;
	padding:0px;
	font-size:12px;
	text-indent: 10px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
.nav-listCopylarge {
	margin:0px;
	padding:0px;
	font-size:21px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	color: #999999;
	font-weight: lighter;
	font-style: normal;
}
.navbottomtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  0px;
	font-style: normal;
	color: #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
}
.contactcopy {
	font-size: 10px;
	font-style: normal;
	color: #CCCCCC;
	list-style-image: none;
	list-style-type: none;
}
.aboutcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #999999;
	list-style-image: none;
	list-style-type: none;
	font-weight: lighter;
}
desc {
	font-weight: lighter;
	color: #000000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
#main-arearoll {
	float:left;
	width:640px;
	height:426px;
	margin-top: 15;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 20px;
	padding: 0px;
	navigation {
	height: 20px;
	width: 460px;
}
#navigation {
	float:left;
	width:660px;
	height:20px;
	margin-top: 460;
	margin-right: 200;
	margin-bottom: 10;
	margin-left: 10px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
desc2 {
	bottom:0;
	left:18;
	top:40;
	font-weight: lighter;
	color: #000000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-top: 0px;
	padding-top: 45px;
	height: 35px;
	padding: 10px;