/* universal settings */
* {
	margin: 0;
	padding: 0;
}
/*  commen settings */
body {
background: #000;
font: 1em Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color: #fff;
}
/* main container */
#container {
position: relative;
height: 410px;
width: 770px;
margin: 0 auto;
padding: 4em 0 0 0;
vertical-align: middle;
background: transparent;
}
/* header name */
#header {
	background: transparent url(../images/beck.gif) top left no-repeat;
	height: 45px;
	width: 770px;
}
/* wrapper up left and right above footer */
#wrapper {
	background: transparent;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	float: left;
	width: 100%; 
}
/* nav for IE6 */
#nav {
	font: 1em arial, verdana, sans-serif;
	color: #888;
	float: left;
	width: 149px;
	padding: 60px 0 0px 0;
	}
/* nav for IE7 and non-IE browser */
	html>body #nav {
		width: 148px;
		}
#nav ul {
	list-style: none;
}
#nav ul li {
	padding: 0 0 10px 2px;
}
#nav ul li a {
	color: #888;
	font: 0.7em arial, verdana, sans-serif;
	letter-spacing: 0.15em;
	text-align: left;	
	display: block;
	text-transform: uppercase;
}
#nav ul li a:link,a:visited,a:active {
	text-decoration: none;
	}
#nav ul li a:hover {
	color: #fff;
	}
#nav .current a{
	color: #fff;
}
/* right side for biography and contact pages */
/* for IE6 */
#right {
	width: 620px;
	height: 360px;
	background: transparent;
	font: 1em Arial, Tahoma, Verdana,Sans-serif;
	float: left;
	}
/*<!--  fixed into position for compatible browsers--> */	
html>body #right {
   width: 620px;
	height: 360px;
	background: transparent;
	float: right;
} 
#right p{
	text-align: justify;
	font: 0.8em arial, Verdana, tahoma, sans-serif;
	color: #eee;
	padding: 15px 30px 10px 30px;
	letter-spacing: 0.02em;
	line-height: 2em;
}

/* index page right smooth slideshow */
#myGallery
{
width: 620px;
	height: 382px;
	background: #222;
	font: 1em Tahoma, Arial, Verdana,Sans-serif;
	float: left;
	text-align: left;
	margin: 0 auto;
}
html>body #myGallery {
		float: right;
	}
#myGallery
{
width: 620px !important;
height: 360px !important;
}
#myGallery p{
	font: 0.8em Arial, Verdana, Sans-serif;
	color: #fff;
	}
/* below is for rightside of photos gallery pages */
#slideshow{
		width:620px;	/* Total width of slideshow */
		float: right;
		height: 390px;
	}
html>body #slideshow {
		float: left;
	}
#previewPane{
		position:relative;		
		width: 620px;
		height: 360px;
		}
	html>body #previewPane {
		height: 360px;
	}
	#previewPane img{
		line-height: 360px;
	}
	/* below isn't in use */
	#largeImageCaption{	/* CSS styling of image caption below large image */
		text-align:right;
		margin-top: -385px;
		font: 2px arial, sans-serif;
		color: #333;
		}
		html>body #largeImageCaption {
			margin-top: 4px; 
		}
	#galleryContainer{
		height:29px;	/* Height of the images + 2 */
	   background: transparent;
		position:relative;
		overflow:hidden;
		height: 30px;
		}
html>body #galleryContainer {
	height: 30px;
}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background: transparent;
		padding:0;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background: transparent;
		padding:0;		
	}
	#theImages{
		position:absolute;
		height:30px;
		width:100000px;
		}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		filter: alpha(opacity=15);
		opacity: 0.15;
		cursor:pointer;
		border:none;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:transparent;
	}
	
	#theImages .imageCaption{
		display:none;
		}
		#largeImageCaption {
	
		}
#footer {
	background: #000;
	height: 20px;
	clear: both;
}
#footer p{
	font: 0.8em arial,verdana, sans-serif;
	color: #333;
	float: right;
	padding: 2px 10px 0 0;
	}
#footer p a {
	font: 1em Arial, Verdana,Sans-serif;
	color: #333;
	display: inline;
}
#footer p a:link, a:visited, a:active {
text-decoration: none;
background: #000;
}
#footer p a:hover {
	color: #eee;
	}