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

* {
	padding:0;
	margin:0;
}

body {
	background-image:url(../images/tiling-bg.jpg);
	background-repeat:repeat;
	margin:0 auto;
	text-align:center;
}

/* SPLASH PAGE */
#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
}

#container {
	width: 538px;
	height: 217px;	
	position: absolute;
	margin:0 auto;
	text-align:center;
	visibility: visible;
	top: -108px;
	margin-left: -269px;
	left: 50%;
}

#nav {
	margin-top:80px;
}

#nav a.about {
	float: left;
	display: block;
	height: 27px;
	width: 62px;
	background: url(../images/nav/about.gif) 0px 0px no-repeat;
}

#nav a.illustration {
	float: left;
	display: block;
	height: 27px;
	width: 99px;
	background: url(../images/nav/illustration.gif) 0px 0px no-repeat;
}
#nav a.photography {
	float: left;
	display: block;
	height: 27px;
	width: 138px;
	background: url(../images/nav/photography.gif) 0px 0px no-repeat;
}
#nav a.contact {
	float: left;
	display: block;
	height: 27px;
	width: 81px;
	background: url(../images/nav/contact.gif) 0px 0px no-repeat;
}

.space {
	display:block;
	width:51px;
}

/*END SPLASH PAGE */

/*NORMAL SITE */
#wrapper {
	width:960px;
	margin:0 auto;
}

#header {
	float:left;
	display:inline;
	width:960px;
	margin-top:30px;
	height:80px;
}

#logo {
	float:left;
	display:inline;
}

#navigation {
	float:right;
	display:inline;
	margin-top:38px;
}

#navigation a.about {
	float: left;
	display: block;
	height: 27px;
	width: 62px;
	background: url(../images/nav/about.gif) 0px 0px no-repeat;
}

#navigation a.illustration {
	float: left;
	display: block;
	height: 27px;
	width: 99px;
	background: url(../images/nav/illustration.gif) 0px 0px no-repeat;
}
#navigation a.photography {
	float: left;
	display: block;
	height: 27px;
	width: 138px;
	background: url(../images/nav/photography.gif) 0px 0px no-repeat;
}
#navigation a.contact {
	float: left;
	display: block;
	height: 27px;
	width: 81px;
	background: url(../images/nav/contact.gif) 0px 0px no-repeat;
}

.space2 {
	display:block;
	width:20px;
}


.hide {
	display:  none;
}

#content-container {
	float:left;
	display:inline;
	width:960px;
	min-height:600px;
	height:auto !important;
	height:600px;
}

#about-content {
	
	width:700px;
	margin:0 auto;
	margin-top:200px;
}

#photography-content {
	width:700px;
	margin:0 auto;
}

#photography-content a {
	margin-right:10px;
	margin-bottom:10px
}

#contact-content {
	width:700px;
	margin:0 auto;
	margin-top:270px;
}

/*END NORMAL SITE */

/*LAVA LAMP STUFF*/


.lavaLampBottomStyle { position: relative;
height: 50px; /* height of the container div */
margin: 10px 0;
overflow: hidden;
}
.lavaLampBottomStyle li {float: left;
list-style: none;
}

.lavaLampBottomStyle li.back { border-bottom: 1px solid #afb7ad; /* here is the styling for the bottom border */
width: 10px;
height: 35px; /* change the height here to position the border further away from the navigation */
z-index: 8;
position: absolute;
}

.lavaLampBottomStyle li a {font: 11px Trebuchet MS;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
display: block;
float: left;
height: 35px;
position: relative;
overflow: hidden;
margin: auto 0;
}   

.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {border: none;
}