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

<style type="text/css">
html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	
}
a:link {
	color: #FFF;
	text-decoration: none;
}      /* unvisited link */
a:visited {color:#FFF;}  /* visited link */
a:hover {
	color: 00AD83;
}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
li {
	list-style-type: none;
}
#wrapper {
	padding: 0px;
	height: auto; !important;
	min-height: 100%;
	height: 100%;
	margin: 0 auto -50px;
	
}
#container {
	padding: 0px;
	height: 100%;
	width: 100%;
}
#footer, .push {
	background-color: #000;
	height: 30px;
	width: 100%;
	position: absolute;
	z-index: 1000;
	clip: rect(auto,auto,auto,auto);
	bottom: 0px;
	color: #FFF;
	text-decoration: none;
}
.footer_content {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	vertical-align: text-bottom;
	padding-top: 10px;
	font-size: 10px;
	word-spacing: 5px;
	text-decoration: none;
}
.nav-box {
	height: 300px;
	width: 150px;
	position: absolute;
	top: 20px;
	left: 55px;
	list-style-type: none;
	z-index: 1000;
}
.logo {
	background-image: url(../images/menu_logo_top.png);
	height: 150px;
	width: 150px;
	display: block;
	margin-bottom: 4px;
}
.design {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	background: url(../images/menu_design.png);
	list-style-type: none;
	margin-top: 4px;
}
.design:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.design:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.photography {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	background: url(../images/menu_photography.png);
	list-style-type: none;
	margin-top: 4px;
}
.photography:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.photography:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.wedding {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	background: url(../images/menu_wedding.png);
	list-style-type: none;
	margin-top: 4px;
}
.wedding:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.wedding:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.animation {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	background: url(../images/menu_animation.png);
	list-style-type: none;
	margin-top: 4px;
}
.animation:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.animation:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.lighting {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	background: url(../images/menu_lighting.png);
	list-style-type: none;
	margin-top: 4px;
}
.lighting:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.lighting:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.artwork {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;
	background: url(../images/menu_artwork.png)
}
.artwork:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.artwork:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.adventure {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;
	background: url(../images/menu_adventure.png)
}
.adventure:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.adventure:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.accessories {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;
	background: url(../images/menu_accessories.png)
}
.accessories:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.accessories:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.about {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;
	background: url(../images/menu_about.png)
}
.about:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.about:active {
	background-position: -150px 0;
	margin-left: 5px;
}
.shop {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;
	background: url(../images/menu_shop.png)
}
.shop:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.shop:active {
	background-position: -150px 0;
	margin-left: 5px;
}
/*.etsy {
	display: block;
	width: 150px;
	height: 30px;
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;
	background: url(../images/menu_etsy.png)
}
.etsy:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.etsy:active {
	background-position: -150px 0;

.featured {
	display: block;
	width: 150px;
	height: 30px;
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;
	background: url(../images/menu_featured.png)
}
.featured:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.featured:active {
	background-position: -150px 0;
	margin-left: 5px;
}}*/
.featured {
	display: block;
	width: 150px;
	height: 20px;
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;
	background: url(../images/menu_featured.png)
}
.featured:hover {
	background-position: -150px 0;
	margin-left: 5px;
}
.featured:active {
	background-position: -150px 0;
}
.displace {
	position: absolute;
	left: -5000px;
	}
.copyright {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	word-spacing: 0.1em;
}
#about_content {
	font-family: Helvetica, sans-serif;
	color: #FFF;
	height: auto;
	padding: 30px;
	width: 250px;
	opacity: 0.85;
	margin-top: 205px;
	margin-left: 214px;
	position: relative;
	background-color: #111;
	display: block;
	z-index: 1000;
}
.about-text {
	font-size: 14px;
	text-align: left;
	text-indent: 1em;
	letter-spacing: 0em;
	color: #FFF;
	font-weight: lighter;
	font-style: normal;
}
h2 {
	letter-spacing: 1pt;
}
#collaboration {
	font-family: "Hellvetica Light", Helvetica, sans-serif;
	height: 14px;
	width: 270px;
	position: absolute;
	bottom: 75px;
	background-color: #333;
	right: 0px;
	opacity: .70;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	margin-top: 3px;
}
#collaboration a:link {
	text-decoration: none;
	color: #000;
}