/* CSS Document */

/* Beelistic Tattoo */
/* Author & Designer: Josh Purnell | www.joshpurnell.com */

/* General */

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
}

img {
	border: none;
}

a:link {
	color: #803E02;
	text-decoration: underline;
}

a:visited {
	color: #803E02;
	text-decoration: underline;
}

a:active {
	color: #803E02;
	text-decoration: underline;
}

a:hover {
	color: #680a08;
	text-decoration: underline;
}

a.dark:link {
	color: #680a08;
	text-decoration: underline;
}

a.dark:visited {
	color: #680a08;
	text-decoration: underline;
}

a.dark:active {
	color: #680a08;
	text-decoration: underline;
}

a.dark:hover {
	color: #4B0705;
	text-decoration: underline;
}

/* Layout */

#wrapper {
	margin: 0 auto;
	width: 1000px;
}

#header {
	background: url(../images/header-bg.jpg);
	width: 1000px;
	height: 367px;
	float: left;
}

#logo {
	float: left;
	width: 320px;
	height: 310px;
	margin:40px 25px 0 15px;
}

#contentMiddle {
	background: url(../images/content-middle.jpg) repeat-y;
	width: 1000px;
	float: left;
}

#content {
	background:transparent url(../images/content-bg.jpg) repeat scroll 0 0;
	margin-left: 34px;
	width: 933px;
	padding-bottom: 15px;
	float: left;
}

#content p {
	padding: 0 15px 0 15px;
}

#contentBottom {
	background: url(../images/content-bottom.jpg) no-repeat;
	width: 1000px;
	height: 123px;
	float: left;
}

#contentBottom p {
	text-align: center;
	color: #680a08;
	padding-top: 45px;
	font-weight: bold;
}

#contentBottom a:link {
	color: #680a08;
	text-decoration: underline;
	font-size:14px;
}

#contentBottom a:visited {
	color: #680a08;
	text-decoration: underline;
	font-size:14px;
}

#contentBottom a:active {
	color: #680a08;
	text-decoration: underline;
	font-size:14px;
}

#contentBottom a:hover {
	color: #803E02;
	text-decoration: underline;
	font-size:14px;
}

#copy {
	text-align: center;
	font-size: 10px;
	color: #999999;
	padding-top: 7px;
}

#footer {
	background:#20160E none repeat scroll 0 0;
	height: 50px;
	margin-bottom:0;
	margin-left:50px;
	text-align:center;
	width:900px;
	float: left;
	position: absolute;
}

/* Navigation */

#navLeft {
	float: left;
	width: 250px;
	height: 367px;
	margin: 50px 0 0 70px;
}

#navRight {
	float: left;
	width: 250px;
	height: 367px;
	margin: 50px 0 0 15px;
}

#artists a:hover {
	background-position:-250px 0;
	float:left;
}

#artists a {
	background:transparent url(../images/nav-artists.png) repeat scroll 0 0;
	display:block;
	float:left;
	height:110px;
	width:250px;
}

#piercing a:hover {
	background-position:-250px 0;
	float:left;
}

#piercing a {
	background:transparent url(../images/nav-piercing.png) repeat scroll 0 0;
	display:block;
	float:left;
	height:85px;
	width:250px;
}

#aftercare a:hover {
	background-position:-250px 0;
	float:left;
}

#aftercare a {
	background:transparent url(../images/nav-aftercare.png) repeat scroll 0 0;
	display:block;
	float:left;
	height:103px;
	width:250px;
}

#merch a:hover {
	background-position:-223px 0;
	float:left;
}

#merch a {
	background:transparent url(../images/nav-merch.png) repeat scroll 0 0;
	display:block;
	float:left;
	height:105px;
	width:223px;
}

#links a:hover {
	background-position:-223px 0;
	float:left;
}

#links a {
	background:transparent url(../images/nav-links.png) repeat scroll 0 0;
	display:block;
	float:left;
	height:68px;
	width:223px;
}

#contact a:hover {
	background-position:-223px 0;
	float:left;
}

#contact a {
	background:transparent url(../images/nav-contact.png) repeat scroll 0 0;
	display:block;
	float:left;
	height:100px;
	width:223px;
}

/* News */

#news {
	background: url(http://www.beelistic.com/images/news.png) no-repeat;
	width: 250px;
	height: 174px;
	margin: 0;
	float: right;
	padding: 7px;
	font-size: 14px;
}

#news p {
	padding: 45px 0 0 15px;
	margin: 0;
}
#address {
	background: url(http://www.beelistic.com/images/address2.png) no-repeat;
	width: 250px;
	height: 264px;
	margin: 0 50px 0 0;
	float: right;
	padding: 1px;
	font-size: 14px;
}
#address3 {
	background: url(http://www.beelistic.com/images/address3.png) no-repeat;
	width: 250px;
	height: 299px;
	margin: 0 50px 0 0;
	float: right;
	padding: 1px;
	font-size: 14px;
}

#address4 {
	width: 250px;
	height: 299px;
	float: none;
	font-size: 14px;
	clear: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-image: url(http://www.beelistic.com/images/address3.png);
	background-repeat: no-repeat;
}
/* Photos */

.photoLeft {
	float: none;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #D8BE72;
}
.photoLeft3 {
	float: none;
	margin: 55 0 0 0;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #D8BE72;
}
.photoLeftH {
	float: left;
	margin: 0px 30px 10px 30px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #D8BE72;
	width:279px;
}
.photoLeftH2 {
	float: left;
	margin: 0px 30px 10px 30px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #D8BE72;
	width:400px;
}
.photoLeftC {
	float: left;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #D8BE72;
	width:211px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
}
.photoLeftC2 {
	float: left;
	margin: 0px 30px 10px 30px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #D8BE72;
	width:345px;
}
.photoLeft2 {
float:left;
	margin: 0 7px 0 15px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #D8BE72;
}

.photoLeftC3 {
	float:left;
	padding: 0px;
	width: 380px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 5px;
}
.photoLeftC4 {
	float:left;
	margin: 0 0px 0 0px;
	padding: 5px;
	border: 0px0;
	width: 400px;
}
.photoLeftRL {
	float: left;
	margin: 0 7px 0 145px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #AE812C;
}
.photoLeftp {
	float: left;
	margin: 0 7px 0 15px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #AE812C;
}

.photoRight {
	float: right;
	margin: 0 7px 0 15px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #eed088;
}
.photoRight2 {
	float: right;
	margin: 0 7px 0 15px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #eed088;
	width:250px;
}
.photoRight3 {
	float: right;
	margin: 0 7px 0 15px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #eed088;
	width:300px;
}
.photoRight4 {
	float: right;
	margin: 0 7px 0 15px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #eed088;
	width:242px;
}
.photoRight5 {
	float: right;
	margin: 0 7px 0 15px;
	padding: 5px;
	border: 1px solid #b4903b;
	background-color: #eed088;
	width:127px;
}
.photoCenter {
	float:left;
	padding: 5px;
	margin: 0;
	width:250px;
}

.photoCenterC2 {
	float:left;
	padding: 0px;
	margin: 0;
	width:210px;
}
.photoCenter2 {
	float:left;
	padding: 5px;
	margin: 0;
	width:450px;
}
.photoCenter3 {
	float:none;
	margin: 0;
	width:850px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.photoCenterP {
	float:left;
	padding: 5px;
	margin: 0;
}
.photoLeftClr {
	float: left;
	margin: 0;
	width: 100px;
	padding: 27px 0px 0px;
	text-align: left;
}.photoLeftClr2 {
	float: left;
	margin: 0;
	width: 150px;
	padding: 27px 0px 0px;
	text-align: left;
}
/* Misc */
	
.clear {
	clear: both;	
}
table.artist {
	width:850px;
	margin-left:20px;
}