html, body{
	height:100%;
	margin:0;
	padding:0;
}
 
body {
	margin: 0px;
	padding: 0px;
	font-size : 90%;
	font-family : "Arial Rounded MT Bold", "Verdana", "Arial", "Helvetica", sans-serif;
	text-align:center;
	min-width:960px;
	min-height:600px;
 	background : #000000;
}
 
#vertical{
	float:left;
	height:50%;
	margin-top:-300px;/* half vertical height*/
	width:100%;
}

#hoz {
	width: 960px;
	height: 600px;
	margin-left:auto;
	margin-right:auto;
	border: none;
	background :  url(images/background.jpg)  repeat-x center center;
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
}

h1, h2, h3 {
	margin : 0;
	padding : 0;
}
 
h3 {
	color : #F5D97F;
	margin-left : 160px;
	margin-right : 160px;
	font-style : italic;
	font-size : 10pt;
}

#header {
	height : 89px;
	width : 399px;
	margin-left : 22px;
	margin-top : 8px;
	padding-bottom: 5px;
}

#nav {
	float : left;
	width : 468px;
	height : 40px;
	margin-bottom : 3px;
	margin-left : 15px;
	text-decoration : none;
	border: none;
}

#viewer1 {
	margin-top : 60px;
	margin-left : 7px;
	position : absolute;
}

#category {
	margin-top: 65px;
	margin-left: 516px;
	width : 397px;
	position : absolute;
		z-index : 8;
}

#blurb {
	top : 240px;
	left : 487px;
	width : 450px;
	position : absolute;
	border : none;
}

#thumbnails {
	margin-left : 525px;
	height : 193px;
	width : 385px;
	margin-bottom : 3px;
}

#email {
	margin-top : 442px;
	margin-left : 105px;
	position : absolute;
	z-index : 5;
}

#keyconcepts {
	margin-top : 439px;
	margin-left : 278px;
	position : absolute;
	z-index : 5;
}
 
#menu a {
	position : absolute;
	height : 96px;
	width : 96px;
	top : 69px;
	margin-left : -22px;
	text-decoration : none;
	border : none;
}

#menu a i {
visibility : hidden;
}

a:focus {
outline: none;
}

a#thumb5, a#thumb6, a#thumb7, a#thumb8 {
	top : 165px;
}

a#thumb1 {
	left : 539px;
	background-image : url(images/cc1.jpg);
	border : none;
	background-repeat : no-repeat;
}

a#thumb2 {
	left : 635px;
	background-image : url(images/cc2.jpg);
	border : none;
	background-repeat : no-repeat;
}

a#thumb3 {
	left : 731px;
	background-image : url(images/cc3.jpg);
	border : none;
	background-repeat : no-repeat;
}

a#thumb4 {
	left : 827px;
	background-image : url(images/cc4.jpg);
	border : none;
	background-repeat : no-repeat;
}

a#thumb5 {
	left : 539px;
	background-image : url(images/cc5.jpg);
	border : none;
	background-repeat : no-repeat;
}

a#thumb6 {
	left : 635px;
	background-image : url(images/cc6.jpg);
	border : none;
	background-repeat : no-repeat;
}

a#thumb7 {
	left : 731px;
	background-image : url(images/cc7.jpg);
	border : none;
	background-repeat : no-repeat;
}

a#thumb8 {
	left : 827px;
	background-image : url(images/cc8.jpg);
	border : none;
	background-repeat : no-repeat;
}

a#thumb1:hover {
	background-image : url(images/cc1h.jpg);
	border : none;
}

a#thumb2:hover {
	background-image : url(images/cc2h.jpg);
}
a#thumb3:hover {
	background-image : url(images/cc3h.jpg);
}

a#thumb4:hover {
	background-image : url(images/cc4h.jpg);
}

a#thumb5:hover {
	background-image : url(images/cc5h.jpg);
}

a#thumb6:hover {
	background-image : url(images/cc6h.jpg);
}

a#thumb7:hover {
	background-image : url(images/cc7h.jpg);
}

a#thumb8:hover {
	background-image : url(images/cc8h.jpg);
}

#nav ul {
	clear : left;
	float : left;
	width : 100%;
	list-style : none;
	margin : 15px 0 0 0;
	padding : 0;
}

#nav ul li {
	display : inline;
	list-style : none;
	margin : 0;
	padding : 0;
}

#navigation {
	width : 510px;
	margin-top : 0;
	margin-left : -10px;
	position : absolute;
}

#nav ul li a {
	display : block;
	float : left;
	margin : 0 -12px 0 0;
	padding : 8px 7px 4px 7px;
	width : 77px;
	height : 32px;
	text-align : center;
	color : #fcf5d7;
		background : transparent url("http://www.billkeyart.com/images/button_nav.jpg") no-repeat 50% 50%;
	text-decoration : none;
	position : relative;
	left : 18px;
	line-height : 15px;
	text-align : center;
	font : bold 12px/12px Arial, Helvetica, sans-serif;
}

#nav ul li a:hover {
	background : transparent url("http://www.billkeyart.com/images/button_nav_h.jpg") no-repeat 50% 50%;
	color : #ffed9e;
}

#nav ul li a.active, #nav ul li a.active:hover {
	color : #ffee00;
	background : transparent url("http://www.billkeyart.com/images/button_nav.jpg") no-repeat 50% 50%;
	font-weight : bold;
}