html {
	height: 100%;
	width: 100%;
}
body {
	padding:0px;
	margin:0px;
	color:#fff;
	font:normal 16px "Lucida Sans Unicode","Lucida Grande",sans-serif;
	text-align:center;
	background:#303 url(img/bg.jpg) no-repeat top center;
	min-width:960px;
	height:99%;
	}
a 		{color:#ccc; text-decoration:none;} 
a:hover {color:#fff;}
a img, a:hover img {border:0px;}
h2,h3,h4,h5,h6 {margin:0px; padding:0px 0px 3px 0px; text-decoration:none; color:#ccc; font-size:1em;}
h1 {background:url(img/kramer_daniels.png) no-repeat; width:100%; height:42px; margin:3px 0px 0px -15px; padding:0px; text-align:left;}
h1 a {display:block; width:235px; height:42px; overflow:hidden; text-indent:-9999em;}
h2,h3 {font-variant:small-caps; font-size:18px;}
 h2.audio {width:110px; height:30px; overflow:hidden; text-indent:-9999em; background:url(img/h2_audio.gif) no-repeat;}
 h2.photo {width:110px; height:30px; overflow:hidden; text-indent:-9999em; background:url(img/h2_photo.gif) no-repeat;}
 h2.video {width:110px; height:30px; overflow:hidden; text-indent:-9999em; background:url(img/h2_video.gif) no-repeat;}
 h2.store {width:110px; height:30px; overflow:hidden; text-indent:-9999em; background:url(img/h2_store.gif) no-repeat;}
 h2.contact {width:110px; height:30px; overflow:hidden; text-indent:-9999em; background:url(img/h2_contact.gif) no-repeat;}
h4 {font-weight:normal; font-size:14px;}
ul {padding:0px; margin:0px; list-style:none;}
form {padding:0px; margin:0px; display:inline;}
form label {}
form input {border:1px solid #333; background-color:#efefef; color:#333;}
form input#submit {border:1px solid #333; background-color:#8c0; color:#000;}
form input#submit.on {border:1px solid #666; background-color:#333; color:#fff;}
.clear {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}
.pad {padding:7px;} .padW {padding:0px 7px;} .padH {padding:7px 0px;}
.mar {margin:7px;} .marW {margin:0px 7px;} .marH {margin:7px 0px;}
img.border, a img.border, a:hover img.border {border:1px solid #333;}
img.floatLeft {float:left; margin:0px 7px 7px 0px;}
img.floatRight {float:right; margin:0px 0px 7px 7px;}
#main {width:870px; margin:0px auto; text-align:left;}
ul#nav {position:fixed; bottom:0px; left:50%; font-size:12px; margin:0px 0px 0px -435px; padding:0px; width:870px; height:20px; line-height:20px; background:transparent url(img/bg_nav.png) repeat-x;}
ul#nav li {list-style:none; display:inline; margin:0px 10px; padding:0px;}
ul#nav li a {color:#ccc; text-decoration:none; list-style:none;}
ul#nav li a:hover {color:#90f; text-decoration:none; list-style:none;}

/* store */
.storeItem {width:47%; margin:0% 3% 3% 0%; float:left;}
.storeItem img {margin-bottom:7px;}

/* photo */
#photoNav {width:270px; float:left;}
#photoNav ul {margin:0px; padding:0px; list-style:none;}
#photoNav ul li {display:inline;}
#photoNav ul li a {display:block; float:left; margin:0px 2px 2px 0px; width:42px; height:32px; overflow:hidden;}
#photoNav ul li a:hover {}
#photoNav ul li a img {border:1px solid #303;}
#photoNav ul li a:hover img {border:1px solid #fff;}
#photoNav ul li a.sel img {border:1px solid #fc0;}
#photoNav ul li a.sel:hover img {border:1px solid #ff0;}
#photoFrame {width:600px; float:left;}
#photoFrame img#photo {width:600px; height:450px; border:0px;}

/* audio */
ul#audio {list-style:none; padding:0px; margin:0px;}
ul#audio li {}
ul#audio li a {
	display:block; width:75px; height:78px; overflow:hidden; text-indent:-9999em; 
	background:#303 url(img/iconAudio.png) 0 0 no-repeat;
	}
ul#audio li a:hover {}
ul#audio li a.a1 {background-position:0px -1px;}
ul#audio li a.a2 {background-position:-75px 3px;}
ul#audio li a.a3 {background-position:-150px 3px;}
ul#audio li a.a4 {background-position:-225px 3px;}

/* video */
ul#video {list-style:none; padding:0px; margin:0px;}
ul#video li {}
ul#video li a {
	display:block; width:80px; height:83px; overflow:hidden; text-indent:-9999em;
	background:#303 url(img/iconVideo.png) 0 0 no-repeat;
	}
ul#video li a:hover {}
ul#video li a.v1 {background-position:0px 0px;}
ul#video li a.v2 {background-position:-80px 0px;}
ul#video li a.v3 {background-position:-160px 0px;}
ul#video li a.v4 {background-position:-240px 0px;}
ul#video li a.v1:hover {background-position:0px -83px;}
ul#video li a.v2:hover {background-position:-80px -83px;}
ul#video li a.v3:hover {background-position:-160px -83px;}
ul#video li a.v4:hover {background-position:-240px -83px;}

/* generic play list */
ul.play {list-style:none; padding:0px; margin:0px;}
ul.play li {padding:0px; margin:0px; height:34px; display:inline; overflow:hidden;}
ul.play li a {
	display:block; height:25px; line-height:33px; text-indent:37px; padding:0px 0px 9px 0px; overflow:hidden;
	background:url(img/iconKscopeSm.png) 0px 0px no-repeat; margin-bottom:1px; color:#ccc; text-decoration:none;
	} *html ul.play li a {height:33px;}
ul.play li a:hover {background-position:0px -33px; color:#fff;}

#flashK {top:63px; position:fixed; height:600px; width:100%; left:0px;}
#overlay {
	background:transparent url(image.png) no-repeat center; position:fixed; z-index:2;
	width:500px; height:500px; padding:0px; border:0px; margin:450px 0px 0px -200px;
	} 
/*---Ignored by IE --*/
html>#overlay {
	background:transparent url(img/img.png) no-repeat center;
	position:fixed;
	border:none;
	margin-top:450px;
	margin-left:-200px;
	width:500px;
	height:500px;
	padding:0px;
	z-index:2;
	}
/* IE Windows ONLY \*/
* html #overlay {background:transparent url(img/alternative.gif) no-repeat center;}
#displayBox {
	z-index:3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	filter:alpha(opacity=50); /*older IE*/
	-moz-opacity:.50; /*older Mozilla*/
	-khtml-opacity:0.5;   /*older Safari*/
	opacity:0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#fff; text-align:center; vertical-align:middle; margin:0px;
	}