#page {
text-align: center;
border:1px solid #000;

}

#wrapper {
	margin:0 auto;
	margin-top: 100px;
	width:800px;
	padding:10px;
	border:0px solid #000;
	text-align: left;
}

/* --------------------------------------------*/

#navihead {
	font-size: 16px;
	line-height:24px;
	width:400px; 
	border: solid 0px #000;
	text-align: right;
	float: left;
}

#contenthead {
	font-size: 16px;
	line-height:24px;
	width:400px; 
	border: solid 0px #000;
	text-align: left;

}

.contenttitle {display:none;}

#navi {
	margin-top:10px;
	/*width:200px;*/
	width:380px; 
	border: solid 0px #000;
	float: left;
}

#content {
width:600px;
clear: left;
}

#content ul li 
{

	list-style:none;
}


#footer {
	position: relative;
	top:40px;
	font-size: 12px;
	color: #444;
}

/* --------------------------------------------*/

body {
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	background-color: #000;
	color: #ccc;
}

h2.post-title {
	font-size: 16px;
}

ul, li {
	text-indent:7px;
	margin:0px;
	padding:0px;
	padding-left:7px;
	list-style: none;
	line-height: 20px;
}

li.list-indent {
	text-indent:7px;
	margin:0px;
	padding:0px;
	padding-left:90px;
	list-style: none;
	line-height: 20px;
}

li.list-title-indent {
	text-indent:7px;
	margin:0px;
	padding:0px;
	padding-left:90px;
	list-style: none;
	line-height: 20px;
}

a:link, a:visited {
	color: #ccc;
	text-decoration: none;
}

a:hover, a:active {
	color: #fff;
	text-decoration: none;
}

a:link.footer, a:visited.footer {
	color: #444;
	text-decoration: none;
}

a:hover.footer, a:active.footer {
	color: #666;
	text-decoration: none;
}

.home-title {
font-size: 18px;
}

img {
border:none;
}

#content img {
margin-right:20px;
}

img.content {
margin-right:20px;
}

table, tr, td {
	font-size: 12px;
	line-height:24px;
	border: solid 0px #ccc;
	padding: 0px;
	margin:0px;
	border-spacing:0px;
	border-collapse:collapse;
}

td {
padding-right:15px;
}

p {
  white-space: nowrap;
}

.video_title {
	font-size: 12px;
}




/* ------------------------*/

#GalleryWrapper {
position: relative;
top:0px;
left:0px;
height:450px;
width: 800px;
border: solid 0px red;

}

	#divContainer {
 	 POSITION: absolute;
 	 overflow: hidden;
 	 height: 425px;
 	 max-height: 425px;
 	 width: 800px;
 	 border: solid 0px green;

	}
		#divContent {
		  LEFT: 0px; 
		  POSITION: absolute; 
		  top: 0px;
		  height: 420px;
		  overflow: visible;
		  white-space: nowrap;
		  border: solid 0px blue;
		  z-index: 2;

		}
				
	#ScrollerWrapper {
	position: absolute;
	left:0 px;
	top: 425px;
	width: 800px;
	height: 30px;
	overflow:hidden;
	border: solid 0px green;
	}

		#divLeftControl {
		  width:10px;
		  height:10px;
		  float:left;
		  border: solid 0px blue;
		  margin-top:10px;
			}

			#ScrollerBarWrapper {	
			position: absolute;
			top: 10px;
			left: 10px;
			width: 773px;
			height: 10px;
			float:left;
			border: solid 1px #000;
		  	padding:0px;
		  	overflow:hidden;
			}

				#ScrollBarPosition {
				position: absolute;
				left:0 px;
				top: 0px;
				width: 773px;
				height: 10px;
				border: solid 0px red;
		  		padding:0px;
				}

					#ScrollBar {
					  position: absolute;
					  left: 0px;
					  top:0px;
					  width:25px;
					  height: 10px;
					  background-color:#cccccc;
					  background-image: url(wp-content/themes/bernhard/images/scroller.gif);
					  background-position: center;
 					  background-repeat: no-repeat;
					  cursor: hand;
					  border: solid 0px green;
					  margin:1px;
		  			  padding:1px;
						}

		#divRightControl {
		 width:10px;
		  height:10px;
		  float:right;
		  border: solid 0px blue;
		  z-index:5;
		  margin:0px;
		  padding:0px;
		  margin-top:10px;
		}