body {
	font: 12pt Arial, Tahoma, Georgia, Impact;
	text-align: left;
	position: relative;
    background-image: url(images/background.gif);
    background-repeat: repeat-x;
    background-color: #cc3300;
    margin-left: auto;
    margin-right: auto; 
    background-attachment: scroll;
}

img{
	border-style: none;
	text-decoration: none;
}

a {
	font: 10pt Arial, Tahoma, Georgia, Impact;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
}

b { 
	font: 10pt Arial, Tahmoa, Georgia, Impact;
	font-weight: bold;
	color: #cc3300;
}

table {
	font: 10pt Arial, Tahoma, Georgia, Impact;
	color: #cc3300;
}

h1{
	font: 15pt Arial, Tahoma, Georgia, Impact;
	color: #cc3300;
	text-align: left;
}

p{
	font: 10pt Arial, Tahoma, Georgia, Impact;
	color: #cc3300;
}

ul{
	font: 10pt Arial, Tahoma, Georgia, Impact;
	color: #cc3300;
}

ol{
font: 10pt Arial, Tahoma, Georgia, Impact;
	color: #cc3300;
}

#blackCenter{
	position: relative;
	background-color: #000000;
	margin-right: auto;
	margin-left: auto;
	top: 219px; 
	width: 900px;
	height: auto;
}

#blackContentCenter {
	position: relative;
	background-color: #000000;
	margin: auto;
	top: 219px; 
	width: 900px;
	height: 700px;
}

#menu{
	position: relative;
	background-color: #ffffff;
	top: -51px;
	width: 772px;
	margin-left: 128px;
	margin-right: auto;
}

#theShop{
	float: left;
	background: url(images/theshop.gif) no-repeat 0 0; 
	width: 111px;
	height: 52px; 
	margin-left: auto;
	margin-right: auto; 
}

#theShop:hover{
		background: url(images/theshop-over.gif) no-repeat 0 0; 
	}


#policies{
	float: left;
	background: url(images/policies.gif) no-repeat 0 0;
	width: 104px;
	height: 52px;
}

#policies:hover{
	background: url(images/policies-over.gif) no-repeat 0 0;
}

#afterCare{
	float: left;
	background: url(images/aftercare.gif) no-repeat 0 0;
	width: 130px;
	height: 52px;
}

#afterCare:hover{
	background: url(images/aftercare-over.gif) no-repeat 0 0;
}

#gallery{
	float: left;
	background: url(images/gallery.gif) no-repeat 0 0;
	width: 102px;
	height: 52px;
}

#gallery:hover{
	background: url(images/gallery-over.gif) no-repeat 0 0;
}

#pricing{
	float: left;
	background: url(images/pricing.gif) no-repeat 0 0;
	width: 101px;
	height: 52px;
}

#pricing:hover{
	background: url(images/pricing-over.gif) no-repeat 0 0;
}


#contact{
	float: left;
	background: url(images/contact.gif) no-repeat 0 0;
	width: 111px;
	height: 52px;
}

#contact:hover{
	background: url(images/contact-over.gif) no-repeat 0 0;
}



#links{
	float: left;
	background: url(images/links.gif) no-repeat 0 0;
	width: 113px;
	height: 52px
}

#links:hover{
	background: url(images/links-over.gif) no-repeat 0 0;
}


#whiteCenter {
	position: relative;
	background-color: #ffffff;
	margin: auto;
	width: 830px;
	height: 465px;
	z-index: 2;
	top: 33px; 
}

#whiteContentCenter {
	position: relative;
	background-color: #ffffff;
	top: 33px; 
	margin: auto;
	width: 830px;
	z-index: 2;
	height: 620px;
}


#photoBack{
	position: relative;
	background-image: url(images/photo-backdrop.gif);
	margin-left: auto;
	margin-right: auto;
	top: 25px; 
	width: 774px;
	height: 415px;
}

#galleryContent{
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: 20px;
	height: auto;
	padding: 8px 60px 0px 70px;
}

#galleryContent img{
	padding-right: 20px;
	padding-top: 20px;
}

#galleryContent p{
	font: 10pt Arial, Tahoma, Georgia, Impact;
	color: #cc3300;
	text-align: left;

}

.pRight{
	text-align: right;
}

.pMiddle {
	text-align: center;
}

#galleryContent a{
	font: 10pt Arial, Tahoma, Georgia, Impact;
	color: #cc3300;
	text-decoration: none;
}

#seaHorse{
	position: absolute;
	top: -250px;
	margin-left: -200px;
    z-index: 1; 
}


#floatContainer{
	position: relative;
	top: 60px;
	margin-left: 20px;
	width: 190px;
}

#floatImagesLeft{
	float: left; 
	width: 90px;
}

#shopCenter{
	float: left;
	background: url(images/shopcenter.gif) no-repeat 0 0;
	margin-top: 15px;
	width: 70px;
	height: 70px
}

#shopCenter:hover{
	background: url(images/shopcenter-over.gif) no-repeat 0 0;
}

#afterCareCenter{
	float: left;
	background: url(images/aftercarecenter.gif) no-repeat 0 0;
	margin-top: 15px;
	width: 70px;
	height: 70px
}

#afterCareCenter:hover{
	background: url(images/aftercarecenter-over.gif) no-repeat 0 0;
}

#pricingCenter{
	float: left;
	background: url(images/pricingcenter.gif) no-repeat 0 0;
	margin-top: 15px;
	width: 70px;
	height: 70px
}

#pricingCenter:hover{
	background: url(images/pricingcenter-over.gif) no-repeat 0 0;
}

#floatImagesRight{
	float: left;
	width: 90px;
}


#policiesCenter{
	float: left;
	background: url(images/policiescenter.gif) no-repeat 0 0;
	margin-top: 15px;
	width: 70px;
	height: 70px
}

#policiesCenter:hover{
	background: url(images/policiescenter-over.gif) no-repeat 0 0;
}

#galleryCenter{
	float: left;
	background: url(images/gallerycenter.gif) no-repeat 0 0;
	margin-top: 15px;
	width: 70px;
	height: 70px
}

#galleryCenter:hover{
	background: url(images/gallerycenter-over.gif) no-repeat 0 0;
}

#linksCenter{
	float: left;
	background: url(images/linkscenter.gif) no-repeat 0 0;
	margin-top: 15px;
	width: 70px;
	height: 70px
}

#linksCenter:hover{
	background: url(images/linkscenter-over.gif) no-repeat 0 0;
}

#bottomGraphic{
	position: relative;
	background-image: url(images/pangea-piercing.gif);
	margin-left: auto;
	margin-right: auto;
	top: 62px; 
	height: 135px;
	width: 900px; 
}


#bottomContentGraphic{
	position: relative;
	background-image: url(images/pangea-piercing.gif);
	margin-left: auto;
	margin-right: auto;
	top: 190px; 
	height: 135px;
	width: 900px; 
}


#floatingText{
	float: left;
	margin-top: 20px;
	width: 900px;
}

#footer{
	position: relative;
	margin-left: auto;
	margin-right: auto; 
	top: 70px;
	color: #FFFFFF; 
	font-size: 12px; 
	padding: 0px 0px 0px 0px; 
	background: #cc3300; 
	width: 860px; 
}

#contentFooter{
	position: relative;
	margin-left: auto;
	margin-right: auto; 
	top: 190px;
	color: #FFFFFF; 
	font-size: 12px; 
	padding: 10px 0px 0px 0px; 
	background: #cc3300; 
	width: 860px; 
	}