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

body {
	background-color:#141213;
	margin:0;
	padding:0;
	}

#wrapper{
	margin:auto;
	width:700px;
	height:500px;
	}
	
#entrancewrapper{
	margin:auto;
	width:700px;
	height:500px;
	background-image:url(../images/enter.gif);
	margin-top:16px;  /*puts space at top so same as home page, etc pages*/
	}
	
#wrapper a span  {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#231f20;
}

#wrapper a span:hover  {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#49413e;
}

#wrapper a {
	text-decoration:none;
}

#nav{
	float:left;
	width:210px;
	height:700px;
	background-image:url(../images/nav.gif);
	background-repeat:no-repeat;
	}

#nav ul {
	margin-left:10px;
	margin-top:40px;
	}
	
#nav li {
	list-style-type:none; /*this gets rid of ugly bullets*/
	padding-bottom:13px;
	}
	
#nav a { 
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#49413e;
	font-weight:bold;
	}
 
#nav a:hover  { /*if not using java, a tags are the only tags that can do hover...ex:h1 doesnt hover in internet explorer. java can hover everything*/
	color:#726764;
	}
	
#content_home {
	float:right;
	width:490px;
	height:500px;
	background-image:url(../images/content_home.gif);
	background-repeat:no-repeat;
	}	

#content_story {
	float:right;
	width:490px;
	height:500px;
	background-image:url(../images/content_story.gif);
	background-repeat:no-repeat;
	}	

#content_services {
	float:right;
	width:490px;
	height:500px;
	background-image:url(../images/content_services.gif);
		background-repeat:no-repeat;

	}	
	
#content_media {
	float:right;
	width:490px;
	height:500px;
	background-image:url(../images/content_media.gif);
	background-repeat:no-repeat;
	}	
	
#content_faq {
	float:right;
	width:490px;
	height:500px;
	background-image:url(../images/content_faq.gif);
	background-repeat:no-repeat;
	}	
	
#content_contact {
	float:right;
	width:490px;
	height:500px;
	background-image:url(../images/content_contact.gif);
	background-repeat:no-repeat;
	}	
	
#content_creations {
	float:right;
	width:490px;
	height:500px;
	background-image:url(../images/content_creations.gif);
	}

	
#emailButton {
	text-decoration:none;
	color:#362f2d;
	font-size:0px;
	}
	
a:visited {
	color:#362F2D;
	text-decoration:none;
}

	
#email span {
	display:none; /*hides everything between span tags*/
	}	
	
#email {
	margin-left:60px;
	margin-top:250px;
	width:235px;
	height:226px;
	position:absolute;
	z-index:11;
	}

#journal {
	position:absolute;
	z-index:12;
	width:209px;
	height:208px;
	margin-top:250px;
}

#sun {
	position:absolute;
	z-index:13;
	width:180px;
	height:184px;
	margin-top:190px;
	margin-left:220px;
}


#bas {
	margin-left:120px;
	margin-top:30px;
	width:179px;
	height:178px;
	position:absolute;
	z-index:14;
	}

#faux {
	margin-left:260px;
	margin-top:180px;
	width:176px;
	height:175px;
	position:absolute;
	z-index:15;
	}

#murals {
	margin-left:40px;
	margin-top:300px;
	width:159px;
	height:152px;
	position:absolute;
	z-index:11;
	}