@charset "UTF-8";
/* CSS Document */

#container {
	margin: 0 auto;
	position:relative;
	width:800px;
	height:600px;
}

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-color:#FFFFFF;
}

#background {z-index:1;}

#nav1 {
	z-index:2;
	position:absolute;
	margin:0 auto;
	top:54px;
	left:15px;
}

#nav2 {
	z-index:3;
	position:absolute;
	margin:0 auto;
	top:54px;
	left:122px;
}

#nav3 {
	z-index:4;
	position:absolute;
	margin:0 auto;
	top:54px;
	left:280px;
}

a#bloglink img {background:url(../nav/nav_01a.png) top left no-repeat; border-width: 0;}
a#gallerylink img {background:url(../nav/nav_02a.png) top left no-repeat; border-width: 0;}
a#aboutlink img {background:url(../nav/nav_03a.png) top left no-repeat; border-width: 0;}

a#bloglink:hover img {background: url(../nav/nav_01b.png) top left no-repeat; border-width: 0;}
a#gallerylink:hover img {background: url(../nav/nav_02b.png) top left no-repeat; border-width: 0;}
a#aboutlink:hover img {background: url(../nav/nav_03b.png) top left no-repeat; border-width: 0;}

#content {z-index:6; top:100px; left:; width:760px; margin-left:15px; margin-right:15px; position:absolute;}

#credits {
	z-index:5;
	color:#CCCCCC;
	bottom:25px;
}



.row a {
	text-align: center;
	float: left;
	width: 18%;
	padding-bottom: 5%
}
.row a:hover:after {
	display: block;
	content: attr(title);
	margin-bottom: -100px;
}
.row a + a {
	padding-left: 2%;
}
.row:after {
	display: block;
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
}
ul {
	list-style-type: disc;
}
h1 {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
h2 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
h3 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}
h3 a {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}
h4 {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
}
h5 {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #878787;
	text-align: center;
}
h6 {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin:0px;
}

b {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #993300;
	text-align: left;
	text-decoration: none;
}
a:link {
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
a:visited {
	font-style: normal;
	font-weight: bold;
	color: #DC143C;
	text-decoration: none;
}