/* @override http://gallery.imiphotography.com/stylesheets/base.css */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000000;
}

#page {
	width: 804px;
	margin: 0 auto;
}

#banner {
	background-image: url(/images/banner.jpg);
	height: 64px;
	border-top: 1px solid #557792;	
	border-left: 1px solid #557792;	
	border-right: 2px solid #557792;	
}

#primary-nav {
	background-color: #557792;
	height: 20px;
	border-right: 2px solid #557792;	
}

#primary-nav li a {
	margin-left: 2px;
	margin-right: 2px;
}

#secondary-nav {
	height: 29px;
	background-color: #74a0c5;
	border-left: 2px solid #557792;	
	border-right: 2px solid #557792;	
}

#content {
	border-top: 3px solid #557792;
	font-family: verdana,san-serif;
	font-size: .9em;
	color: #fff;
	background-color: #74a0c5;
}

#flashcontent {
	border: 1px solid #557792;	
}

#gallery {
}

ul {
	list-style: none;
}

/* Primary Nav */

li#volume1 a {
	background-image: url(/images/volume1-pn.jpg);
	width: 59px;
	display: block;
	text-decoration: none;
	float: left;
	margin-left: 0;
}

li#volume1 a:hover {
	border-left: 1px solid #293846;
	border-right:1px solid #293846;
}

li#new a {
	background-image: url(/images/new-pn.jpg);
	width: 118px;
	display: block;
	text-decoration: none;
	float: left;
}

li#new a:hover {
	border-left: 1px solid #293846;
	border-right:1px solid #293846;
}

li#guests a {
	background-image: url(/images/guest-pn.jpg);
	width: 83px;
	display: block;
	text-decoration: none;
	float: left;
}

li#guests a:hover {
	border-left: 1px solid #293846;
	border-right:1px solid #293846;
}

li#blog a {
	background-image: url(/images/blog-pn.jpg);
	width: 45px;
	display: block;
	text-decoration: none;
	float: left;
}

li#blog a:hover {
	border-left: 1px solid #293846;
	border-right:1px solid #293846;
}
/* Volume I: Secondary Nav */

li.label {
	float: left;
	background-image: url(/images/volume1-label.jpg);
	width: 127px;
	height: 29px;

}

li#event a {
	background-image: url(/images/event-off.jpg);
	width: 101px;
	height: 29px;
	display: block;
	text-decoration: none;
	float: left;
	border-left: 1px solid #293846;
	border-right:1px solid #293846;
}
li#event a:hover {
	background-image: url(/images/event-on.jpg);
}

li#nature a {
	background-image: url(/images/nature-off.jpg);
	width: 101px;
	height: 29px;
	display: block;
	text-decoration: none;
	float: left;
	margin-left: 0;
	border-right: 1px solid #293846;
}

li#nature a:hover {
	background-image: url(/images/nature-on.jpg);
}

li#lifestyle a {
	background-image: url(/images/lifestyle-off.jpg);
	width: 101px;
	height: 29px;
	display: block;
	text-decoration: none;
	float: left;

	border-right:1px solid #293846;
}
li#lifestyle a:hover {
	background-image: url(/images/lifestyle-on.jpg);
}

li#food a {
	background-image: url(/images/food-off.jpg);
	width: 101px;
	height: 29px;
	display: block;
	text-decoration: none;
	float: left;
	border-right:1px solid #293846;
}
li#food a:hover {
	background-image: url(/images/food-on.jpg);
}

li#still-life a {
	background-image: url(/images/stilllife-off.jpg);
	width: 101px;
	height: 29px;
	display: block;
	text-decoration: none;
	float: left;
	border-right:1px solid #293846;
	}
li#still-life a:hover {
	background-image: url(/images/stilllife-on.jpg);
}

li {
	display: inline;
	margin-right: 10px;
}

li.right {
	float: right;
	margin-right: 0;
}