@charset "utf-8";



body {
	color: white;
	background: black;
	font-family: Verdana;
	font-size: 18px;
	background: black url('../image/bg.jpg') no-repeat fixed center top;

}

#header {
position: fixed;
background: url('../image/nav.png') center top;
height: 40px;
width: 100%;
repeat: repeat-x;
top:0px;
left:0px
z-index: 100;
}

#header img {
top:0px;
left:0px;
position: fixed;
z-index: 101;
}

#footer {
position: fixed;
bottom: 0px;
left:0px;
font-family: Verdana;
font-size: 12px;

}


.tag {
position: relative;
left: -150px;
top: 75px;
z-index: 1;
}

.tag img {
height: 150px; 
width: 250px;
}

h1, h2 {
	text-shadow: 1px 1px 3px black;
}

.photos li {
	display:inline;
	list-style:none;
	vertical-align: middle;
	/*padding: 5px 5px 5px;*/

}

.photos li img {
	border: 7px solid #EEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;

	}

.photos li img:hover {
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;

}



.photos li a {

	color: black;

}

a{
	color:#eee;
	text-decoration:none;
}

img {
border-style: none;
}

label { 
width: 10em; 
float: left; 
}


label.error { 
float: none; 
color: red; 
padding-left: .5em; 
vertical-align: top;
 }
 
p { 
clear: both; 
}

.submit { 
margin-left: 12em; 
}

em { 

padding-right: 1em; 
vertical-align: top; 
}

#navigation{
	float:right;
	list-style-type:none;
	margin:0;
}

#navigation li{
	float:left;

}

#navigation li a{
	display:block;
	line-height:5px;
	font-size:14px;
	margin:0;
	padding:16px 20px;
	text-decoration:none;
	font-style:normal;
}

#work_nav {
float: left:}

#work_nav{
	float:right;
	list-style-type:none;
	margin:0;
}


#work_nav li a{
	display:block;
	line-height:5px;
	font-size:10px;
	margin:0;
	padding:16px 20px;
	text-decoration:none;
	font-style:normal;
}

.spacer {
height: 500px;
}

p {
width: 700px;
}

.content {
position: absolute;
left:50%;
margin-left: -350px;
z-index: -99;

}

#home, #about, #work, #contact {

background: url("../image/nav.png") center;
padding: 5px 25px 10px 25px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}

.work_container {
overflow: hidden;
clear: both;
width: 500px;
}

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%;
	border: 7px solid #EEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	left: 110px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width: 400px;
	height: 200px;
	
}
#slider a{
	display:block;
}