/* Sudo Slider */

.slider ul, .slider ul li, .sliderul, .sliderli{
	margin:0;
	padding:0;
	list-style:none;
	}
.slider ul li, .sliderli{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
		comment the height out, if autoheight is on. 
	*/ 
	width:696px;
/* 	height:241px; */
	overflow:hidden; 
	position:relative;
}	
.slider, .slider2 {
	position: absolute;
	top:8px;
	left:330px;
	width:60px;
	overflow:hidden;
	z-index: 300;
	border: 0px solid #000000;
}
.descrip-text {
	position: absolute;
	top:16px;
	left:395px;
	width:210px;
	overflow:hidden;
	z-index: 400;
	display:block;
	border: 0px solid #000000;
}
a:link.descrip-text2{ 
 text-decoration: none;
 border: 0px solid #000000;
}
a:visited.descrip-text2{ 
 text-decoration: none;
  border: 0px solid #000000;
}
a:hover.descrip-text2{ 
 text-decoration: none;
 border: 0px solid #000000;
}

.graphic, .prevBtn, .nextBtn, .firstBtn, .lastBtn{
	 margin:0;
	 padding:0;
	 display:block;
	 overflow:hidden;
	 text-indent:-8000px;
 }
 
.firstBtn, .lastBtn { 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:160px;
	z-index:1000;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	cursor:pointer;
}	
.lastBtn{ 
	left:696px;
}
.lastBtn { 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
}	
 .prevBtn, .nextBtn { 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:40px;
	z-index:1000;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	cursor:pointer;
}	
.nextBtn{ 
	left:696px;
}														
.nextBtn { 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
}	
#wrapper .prevBtn{ 
	left:-35px;
}	




#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {color:#bbb; background-color:#333; border:4px solid #444; }
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat top right; width:100%; height:100%; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}


 /* Tabs */
div.tabs {
	height:30px;
	width:696px;
	margin-bottom: -6px;
}
.tabs a div.tabbox {
	float:left;
	width:230px;
	border:1px solid gray;
	background:lightblue;
	text-align:center;
}
.tabs a {
	color:black;
	text-decoration:none;
	cursor:pointer;
}
.tabs a.current {
	text-decoration:underline;
}
.tabs a.current div.tabbox {
	border-bottom:none;
}
/* // Sudo Slider */


#slider15 li {
	width:350px;
}
.slide15container .prevBtn,.slide15container .nextBtn { 
	top:21px;
}	

.caption {
	position:absolute;
	bottom:0;
	left:0;
	width:700px;
	height:25px;
	text-align:center;
	color:black;
	background:white;
	background:transparent;
	background:rgba(255,255,255,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3ffffff,endColorstr=#a3ffffff); /* I just hate IE, but this works */
	zoom: 1; /* Part of the IE fix */
}

.caption_test {
	position:absolute;
	top:0;
	left:580px;
	width:100px;
	height:25px;
	text-align:left;
	color:black;
}

/* The tabs in the index.html page */
div.tabs {
	height:30px;
	width:696px;
	margin-bottom: -6px;
}
.tabs a div.tabbox {
	float:left;
	width:230px;
	border:1px solid gray;
	background:lightblue;
	text-align:center;
}
.tabs a {
	color:black;
	text-decoration:none;
	cursor:pointer;
}
.tabs a.current {
	text-decoration:underline;
}
.tabs a.current div.tabbox {
	border-bottom:none;
}
/* // Sudo Slider */