* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size:100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
body{ background:#000;}

h1{color:#fff;}

a { color: #ff0000; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }

p { font-family: 'OFL Sorts Mill Goudy TT', arial, serif; }

.main-wrapper{ width:100%; height:100%; }	

/**************************************************
NAVIGATION
**************************************************/

.nav-wrapper{ background:url("../images/nav/bg-slice.jpg") repeat-x; height:255px; width:100%;}
.nav-block{ background:url("../images/nav/bg.jpg") no-repeat; height:255px; width:1000px; text-align:center; padding-top:200px;}
.nav-items li{ list-style-type:none; padding-right:5px; padding-left:5px; display:inline; width:100px;color:#ff0000; font-size:24px; position: relative; }
.nav-items li li { display: block; font-size: 18px; width: auto; text-align: left; }

.nav-items li a { color:#ff0000; }
.nav-items li a:hover { color:#fff; }
.nav-items .left-nav-item-3{ padding-right:300px; }
.nav-items .right-nav-items-1{ padding-left:300px; }
.nav-items .left-nav-items-1,
.nav-items .left-nav-items-2 { padding-right:50px; }
.nav-items .right-nav-items-2,
.nav-items .right-nav-items-3 { padding-left:50px; }


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {position:absolute;top:-999em;width:5em;}
.sf-menu ul li {width:100%; padding-top: 8px; padding-bottom:8px;}
.sf-menu ul li {padding-left:15px;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{left:0; top:1.5em; z-index:99; -moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.sf-menu li:hover ul li,
.sf-menu li.sfHover ul li { background-color:rgb(0,0,0); opacity: .85; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			5em; /* match ul width */
	top:			0;
}

ul.sf-menu li.shop:hover ul,
ul.sf-menu li.shop.sfHover ul {
	left: 2em;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			5em; /* match ul width */
	top:			0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 2.25em; min-width:1px;}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/**************************************************
FLASH OBJECTS
**************************************************/

#flashcontent{position:absolute; /*clip:rect(255px, 100000px, 150000px, 00px);*/ display:block;  margin-top:200px; float:left; z-index:0; text-align:left; padding:0px;  margin-bottom:-1000px; width:100%; overflow:hidden;}
#home #flashcontent{min-height:1250px;}
#about #flashcontent{min-height:1250px;}
#contact #flashcontent{min-height:600px;}
#merch #flashcontent{min-height:1300px;}
#shop #flashcontent{min-height:1300px;}
#aftercare-tattoos #flashcontent { min-height:2200px; }
#aftercare-piercings #flashcontent { min-height:4200px; }

#flashlogo{ position:relative; margin-top:-200px;text-align:center;z-index:9999;}
#flashlogo-1{ position:relative; background:url(../images/logo/fifth-sun-graphix-header-logo.png) no-repeat top; width:258px; height:235px; margin-top:-160px; margin-bottom:25px; text-align:center;z-index:9999;}

#gallery #flashcontent { display:none; }

/**************************************************
BODY
**************************************************/

.body-wrapper{position:relative; background:url("../images/bg/bg-texture.png") no-repeat top; margin-top:-100px; text-align:center; width:1000px; height:500px;}
.body-block-top{ position:relative; float:left; background:url("../images/bg/bg-top-slice.png") no-repeat;  margin:0px; padding:0px; width:1000px;height:13px;}
.body-block{ position:relative; float:left; background:url("../images/bg/bg-body-slice.png") repeat-x; background-color:rgba(0,0,0,0.5); margin:0px; padding-top:5px; width:1000px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.secondary-content{ width:1018px;}

/**************************************************
HOME PAGE
**************************************************/
#home .nivo-controlNav{display:none;}
#home-slideshow{ margin-left:9px; margin-top:5px;}
#youtube{ float:left; margin-left:10px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
#home-text-block { margin-left:30px; width:550px; text-align:left; float:left; }
#home-text-block p{ color:#fff; display:inline; font-size:17px; line-height:22px; }
#column-three{ width:175px; float:right; margin-right:10px; }
#column-three-box{ background:url("../images/home-page/colum-three-box-bg.jpg") repeat-x; background-color:#000; width:154px; height:154px; border:3px solid #333; margin-bottom:15px; -moz-box-shadow: inset 0px 10px 40px #000;-webkit-box-shadow: inset 0px 10px 40px #000;box-shadow: inset 0px 10px 40px #000; }
#column-three-box h2 { color:#ff0000; padding-top:15px; text-shadow: 1px 1px 1px #000;}

/**************************************************
INTERNAL PAGE
**************************************************/

.internal-title{ position:relative; float:left; color:#fff; font-size:36px; margin-top:40px; margin-bottom:40px; display:none;}
.side-nav-items { list-style-type:none; float:left; color:#ff0000; font-size:22px; line-height:24px; text-align:left; margin-left:25px; width:200px;}
.side-nav-items li { padding-bottom:15px; padding-top:15px;padding-left:25px; font-size:18px; border-bottom:1px solid #000; border-top:1px solid #555; line-height:32px;}
.side-nav-items li:first-child{ border-top:none; }
.side-nav-items li:last-child{ height:1px; margin:0; border-bottom:none;}
.side-nav-items li:last-child:hover{ background:none;height:1px; margin:0; border-bottom:none;}
.side-nav-items li a { color:#ff0000; }
.side-nav-items li a:hover{ color:#fff; }
.internal-img, #video{ width:725px; height:500px; margin-bottom:25px;background-color:#000; -moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000; }
.contact-id #home-text-block,
#shop #home-text-block,
#aftercare #home-text-block,
#aftercare-tattoos #home-text-block,
#aftercare-piercings #home-text-block,
#about #home-text-block{ color:#fff; margin-left:30px;width:725px; line-height:22px; text-align:left; display:inline; float:left; font-size:1.1em;}

/**************************************************
ARTISTS LANDING
**************************************************/

#artists .internal-img{ background:url("../images/artists/landing-bg.jpg") repeat-x; background-color:#000; float:left; width:217px; height:320px; margin-left:20px; margin-bottom:25px; border:3px solid #333; -moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000; text-align:center;}
#artists .internal-img #artist-name{ margin-top:-10px; text-align:center; width:211px; padding:0px;}
#artists .internal-img #artist-name h2 { text-align:center; padding:0px;}

/**************************************************
ARTISTS BIO
**************************************************/

#gallery .body-block{ background:none;}
#gallery  #home-slideshow{ float:right; margin-right:35px;}
.artist{ float:left; width:350px; text-align:left; margin:0px 0px 0px 0px;}
.artist img{ margin:00px 0px -25px 0px;}
#artist-name, #artist-name h1 { float:left; color:#ff0000;text-align:left; font-size:24px; padding-left:10px; margin-bottom:5px;}
#artist-bio p { color:#ccc; font-size:14px; line-height:18px; text-align:left; padding-left:25px;}

/**************************************************
CONTACT
**************************************************/

label { width: 100px; margin: 5px 0; float: left; display: inline; }
input { margin: 5px 0; float: left; display: inline; width: 158px; padding: 5px; }
body#contact p { clear: left; width: 100%; }
body#contact #freeform { width: 733px; margin:0px 0px 0px -50px auto; }
input,
textarea{-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 10px #000; height:33px; margin-bottom:15px;}
input.send { float: left; padding: 3px; width: auto; margin: 15px 3px 0 0; text-indent:-9999em;}



/**************************************************
MERCH
**************************************************/

#merch .internal-img{ background:url("../images/artists/landing-bg.jpg") repeat-x; background-color:#000; float:left; width:217px; height:320px; margin-left:20px; margin-bottom:25px; border:3px solid #333; -moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000; text-align:center;}
#merch .internal-img img { padding-top:5px;}
#merch .internal-img #artist-name{ margin-top:-30px; text-align:center; width:211px; padding:0px;}
#merch .internal-img #artist-name h2 { text-align:center; padding:0px;}

/**************************************************
FOOTER
**************************************************/

.footer-wrapper{position:relative; background:url("../images/footer/bg-slice.jpg") repeat-x ; background-color:#000; margin-top:200px;width:100%; }
.internal-id .footer-block-internal{ position:relative; background:url("../images/internal-page/stones.png") no-repeat; width:1000px; height:283px; margin-top:50px; margin-left:-2px; margin-bottom:-283px; opacity:.8;}
.footer-block{ width:999px; height:283px; margin-left:0px; background-color:#000; }
.footer-nav-block { position:relative; margin-top:-50px; }
.footer-nav-block li{ padding-right:20px;}
.footer-nav-block li a{ color:#ccc; font-size:18px; }
.footer-nav-block li a:hover{ color:#fff; font-size:18px; }
.footer-nav-block .nav-items-left li{ float:left; color:#ccc; list-style-type:none;}
.footer-nav-block .nav-items-right li{ float:right; color:#ccc; list-style-type:none;}
.footer-nav-block .nav-items-social img { margin-top:50px;margin-right:5px; margin-left:5px;text-align:center;}
.footer-bg-img img{ margin-top:-140px; background:none; }
.footer-bg-logo { margin-top:-50px; background:none; }




/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:10px;
	left:00px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:15px;
	bottom:-55px;
	overflow:visible;
	background:none;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:9999;
	display:inline;
	font-size:8px;	
}
.nivo-caption p {
	font-size:8px;		
	color:#ccc;
	display:block;
	font-weight:bolder;
	text-align:center;
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

#slider,
#slider-2 {
	position:relative;
	margin:0px;
	background:#202834 url(/images/nivo-slider/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;	
}
#slider-2{ margin:0px; }
#slider img,
#slider-2 img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a,
#slider-2 a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	left:25px;
	width:551px;
	bottom:-30px;
	margin:auto;
	padding:auto;
}
#slider-2 .nivo-controlNav {left:65px;}

.nivo-controlNav a {
	display:inline;
	width:10px;
	height:10px;
	background:url(/images/nivo-slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:inline;
	width:32px;
	height:34px;
	background:url(/images/nivo-slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}