/* ----------- */
/* CSS IMPORTS */
/* ----------- */

/* Stylesheet RESET */
@import url(core/css/hacks/reset.css);

/* Stylesheet SIFR */
@import url(core/css/sifr.css);

/* Stylesheet JCAROUSEL */
@import url(core/css/jcarousel/jquery.jcarousel.css);
@import url(core/css/jcarousel/skins/atlantica/skin.css);


/* Stylesheet for GALLERY - PRETTYPHOTO */
@import url(core/css/prettyPhoto.css);

@charset "UTF-8";

html{
		
}

body  {
	margin: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #595958;
	font-size: 100%;
	padding: 0px;
	background-color: #070707;
	background-image: url(images/html_bg.jpg);
	background-repeat: repeat-x;
	
}

#container {
	margin: 0 auto;
	width: 1300px;
	position: relative;
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(images/bg.jpg);
	height:734px;
}

#containerHome {
	margin: 0 auto;
	width: 1300px;
	position: relative;
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(images/hp_bg.jpg);
	height:734px;
}

 #nav {
	height: 33px;
	width: 600px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align: right;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1em;
	padding-top: 20px;
	padding-right: 90px;
	padding-bottom: 0;
	padding-left: 0;
} 


#bunnyButton{
	top: 270px;
	left:300px;
	position: absolute;
}

#markButton{
	top: 210px;
	left:505px;
	position: absolute;
	
}

#andrewButton{
	top: 305px;
	left:720px;
	position: absolute;
}

#tattooButton{
	top: 240px;
	left:810px;
	position: absolute;
}

#pierceButton{
	top: 470px;
	left:180px;
	position: absolute;
}

#tonyButton{
	top: 500px;
	left:520px;
	position: absolute;
}

#crystalButton{
	top: 470px;
	left:750px;
	position: absolute;
}




#gallery {
	width:958px;
	text-align:center;
	padding-top: 150px;	
	padding-right: 100px;
	margin: 0 auto;
	
}

#logo{
	text-align:left;
	padding-top:50px;
	padding-left:25px;
	padding-bottom:0px;
	margin-bottom:0px;
	
}

#footer{
	padding:0;
	margin:0 auto;
	text-align: center;
	font-family: "MS Serif", "New York", serif;
	font-weight: lighter;
	letter-spacing: .15em;
	font-size: 12px;
	color: #333;
	
}

#footerHome{
	padding:0;
	margin:0 auto;
	text-align: center;
	font-family: "MS Serif", "New York", serif;
	font-weight: lighter;
	letter-spacing: .15em;
	font-size: 12px;
	color: #333;
	
	top:750px;
}
.caps{
	text-transform: uppercase;	
}
.super{
	vertical-align: super;	
}

.superBlack{
	vertical-align: super;
	color: #000;	
}