@import url('reset.css');

body {
	background: url("../images/backgroundTile.png");
	margin:0 auto;
	font-family: arial;
}


#head {
	background: url('../images/center.png') center 49px no-repeat;
	margin:auto; 
	min-height: 853px;
	position: relative;
}

#nav {
	height:64px;
	width:468px;
	margin: 0 auto;
	position:relative;
	left: -211px;
}

.home {
	background:url('../images/navi.png') 0px 0px;
}
.tattoo {
	background:url('../images/navi.png') 0px -64px;
}
.piercing {
	background:url('../images/navi.png') 0px -128px;
}
.shops {
	background:url('../images/navi.png') 0px -192px;
}
#nav li {
	display: inline;
	list-style: none;
	position: relative;
	top: 15px;
}

#home a {
	display:block;
	float: left;
	position: relative;
	top: 18px;
	text-align:center;
	width:135px;
	margin-left:20px;
	height:33px;
	text-indent: -9999px;
}

#tattoo a {
	display:block;
	float: left;
	position: relative;
	top: 18px;
	left: 10px;
	text-align:center;
	width: 100px;
	height: 50px;
	text-indent: -9999px;
}

#piercing a {
	display:block;
	float: left;
	position: relative;
	top: 18px;
	left: 28px;
	text-align:center;
	width: 105px;
	height: 33px;
	text-indent: -9999px;
}

#shops a {
	display:block;
	float: left;
	position: relative;
	top: 18px;
	left: 15px;
	text-align:center;
	width: 73px;
	height: 33px;
	text-indent: -9999px;
}

#contentWrap {
	background: url('../images/bodyTile.png') repeat-y center top; 
	width:910px;
	margin: 0px auto;
	position:relative;
	top:255px;
	left:0px;
}

#content {
	background: url('../images/topBG.jpg') no-repeat 0px 0px;
	min-height: 77px;
	position: relative; 
	left:5px;
	min-height: 225px;
	padding-left:20px;
	padding-right: 20px;
	padding-top: 5px;
}

#footer {
	background: url('../images/footer.jpg') no-repeat;
	width:910px; 
	height: 193px;
	margin: auto;
}

#bottom {
	color: #fff;
	font-size: .75em;
	text-align: center;
	background: url("../images/backgroundTile.png");
}

.contactLinks {
	color: #8c2525;
}

.homeArtist {
	color: #000;
	text-decoration: none;
}

.homeArtist:hover {
	text-decoration: underline;
}

#bottom a {
	color: #fff;
	text-decoration: none;
}

#bottom a:hover {
	text-decoration: underline;
}

.featureHidden {
	display:none;
}

.featImg {
	width: 829px;
	height: 322px;
	border: 5px solid black;
}

.leftFloat {
	float: left;
}

.rightFloat {
	float: right;
}

.bigLink {
	color:#892424;
	font-size:1.25em;
	font-weight:bold;
	text-transform:uppercase;
}

#faqCont {
	clear:both;
	padding-top:25px
}

#faqCont span {
	padding-left:5px;
}

#artistListing {
	margin-top:35px;
}



.listImgBorder {
	border: 3px solid #000;
	display: block;
	width: 258px;
	height: 258px;
}

.listArtist {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.listSpacer {
	clear:both;height:50px
}

.clearBoth {
	clear: both;
}

.workImg {
	border: 8px solid #b19b64;float:left;
}

.viewSpacer {
	clear:both;height:25px;
}

#view {
	margin-left: 25px;
}

.artistPic {
	float:left;border: 4px solid black;
}

#artistInfo {
	float:left;font-weight:bold; font-size: 1.375em;margin-left: 15px;line-height: 1.5em;
}

#schedule {
	float:left;margin-left:8px;font-size: .75em;line-height: 1.25em;margin-top:9px;
}
.ui-widget-overlay {
	background: #666;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	filter:alpha(opacity=50)
}

.ui-state-default {
	background: url('../images/button.png') no-repeat;
	height:26px;
	width:69px;
	margin-right: 8px;
}

.ui-dialog {
	background: #000;
	border: 10px solid #b19b64;
	height: auto;
	padding:5px;
}
.ui-dialog-titlebar {
	padding: 20px 20px 5px 20px;
	background: #fff;
	height: 15px;
}
.ui-dialog-content, .ui-dialog-buttonpane { padding: 0px 20px 20px 20px;clear:both;background: #fff;height: auto; }
.ui-dialog-buttonpane { margin-bottom: 5px; text-align:center; }
.ui-dialog-titlebar-close { float: right;color: #8c2525; }
.ui-dialog-title-dialog { font-size:14px; }
.ui-dialog-title { float:left; }

h3.ui-state-default {
	width: 100%;
}

h3 span.ui-icon-triangle-1-e {
	background: url('../images/smarrow.png') no-repeat;
	width: 11px;
	height: 10px;
	display:block;
	float:left;
	margin-right:8px;
	position:relative;
	top:5px;
}

h3 span.ui-icon-triangle-1-s {
	background: url('../images/smarrowdown.png') no-repeat;
	width: 10px;
	height: 11px;
	display:block;
	float:left;
	margin-right:8px;
	position:relative;
	top:5px;
}