/* Cast One On CSS Document by WaGooh Graphics & Web Design LLC */


body {
background: #fef9ef url(images/shophead.gif) repeat-x;
font-family: "Palatino Linotype", serif;
font-size: 12pt;
color: #000000;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #1b46ff;
text-decoration:none;
}

a:hover {
color: #c5033f;
}

h2 a:link, h2 a:visited {
color:#000000;
text-decoration:none;
}

h2 a:hover, h2 a:active {
color:#000000;
text-decoration:none;
}


#wrapper {
width: 1024px;
}

#masthead {
	background: url(images/masthead_02.jpg) no-repeat;
	width: 1024px;
	height: 178px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding:0;
	margin:0;
}

#search {
position:absolute;
width: 400px;
height: 100px;
left: 750px;
top: 15px;
color: #c5033f;
}

#search a:link, #search a:visited {
color: #44413a;
}

#search a:hover, #search a:focus {
color: #c5033f;
}


/* Navigation */

ul#nav {
position:absolute;
left:315px;
top: 146px; 
width:700px;
height:32px;
padding:0;
margin:0;
}

	
ul#nav li {
padding:0;
margin:0;
float: left;
text-indent:-9999px;	
list-style-type:none;
}

ul#nav li a {
border:0;
text-decoration:none;
display: block;
background: transparent url(images/newnav.png) no-repeat;
}

li#home a {
width:80px;
height:32px;
}
li#shopping a {
width:106px;
height:32px;
}
 
li#friends a {
width:111px;
height:32px;
}	

li#events a {
width:87px;
height:32px;
}

li#faqs a {
width:74px;
height:32px;
}

li#artists a {
	width:84px;
	height:32px;
}

li#cont a {
width: 87px;
height: 32px;
}

li#blog a {
width: 71px;
height: 32px;
}

li#home a:link, li#home a:visited {
background-position: 0px -32px;
}
	 	 	 	 
li#home a:hover, li#home a:focus {
background-position:0px 0px;
}
li#shopping a:link, li#shopping a:visited {	
background-position: -80px -32px;
}
li#shopping a:hover, li#shopping a:focus {	
background-position: -80px 0px;
}
li#friends a:link, li#friends a:visited {	
background-position: -186px -32px;
}
li#friends a:hover, li#friends a:focus {	
background-position: -186px 0px;
}
li#events a:link, li#events a:visited {	
background-position: -297px -32px;
}
li#events a:hover, li#events a:focus {	
background-position: -297px 0px;
}
li#faqs a:link, li#faqs a:visited {	
background-position: -384px -32px;
}
li#faqs a:hover, li#faqs a:focus {	
background-position: -384px 0px;
}
li#artists a:link, li#artists a:visited {
background-position: -458px -32px;
}
li#artists a:hover, li#artists a:focus {
background-position: -458px 0px;
}
li#cont a:link, li#cont a:visited {
background-position: -542px -32px;
}
li#cont a:hover, li#cont a:focus {
background-position: -542px 0px;
}
li#blog a:link, li#blog a:visited {
background-position: -629px -32px;
}
li#blog a:hover, li#blog a:focus {
background-position: -629px 0px;
}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#homepage ul#nav li#home a {
background-position:0px 0px;
}
body#shoppingpage ul#nav li#shopping a {
background-position:-80px 0px;
}
body#friendspage ul#nav li#friends a {
background-position:-186px 0px;
}
body#eventspage ul#nav li#events a {
background-position:-297px 0px;
}
body#faqspage ul#nav li#faqs a {
background-position:-384px 0px;
}
body#artistspage ul#nav li#artists a {
background-position:-458px 0px;
}
body#contpage ul#nav li#cont a {
background-position:-542px 0px;
}


#content {
background-color: #fef9ef; 
width: 1024px;
position: absolute;
top: 205px;
left: 0px;
}

#contentr {
background-color: #fef9ef; 
width: 1024px;
position: absolute;
top: 205px;
left: 0px;
padding-left: 50px;
}

table {
height:300px;
padding:0;
margin:0;
}

#heading {
position:absolute;
left: 180px;
padding-top: 20px;
margin: 0;
}

#heading2 {
position:absolute;
left: 275px;
padding-top: 20px;
margin: 0;
}

#brand table, #brand2 table, #brand3 table, #brand4 table {
margin: 0 auto;
text-align:center;
border:0;
width:200px;
height:200px;
}

#brand {
left: 100px;
width:200px;
}

#brand2 {
left:320px;
width:200px;
}

#brand3 {
left: 540px;
width: 200px;
}

#brand4 {
left: 760px;
width: 200px;
}

#weight, #weight2, #weight3, #brand, #brand2, #brand3, #brand4 {
position:absolute;
top: 100px;
padding-top:0px;
}

#weight {
left: 20px;
width: 500px;
}

#weight2 {
left: 539px;
width: 500px;
}

#weight3 {
left: 290px;
width: 700px;
}

#content .pattern {
border:1px dashed #c5033f;
margin:0 25px 25px 50px;
padding:10px 10px 10px 25px;
width:780px;
height:330px;
background-color:#FFF;
}

.questions {
border:1px dashed #c5033f;
margin:0 auto;
margin-bottom:25px;
padding:10px 10px 10px 25px;
width:700px;
height:250px;
background-color:#FFF;
text-align:center;
}

.artist {
background:url(images/artistback.jpg) no-repeat;
margin:0 auto;
padding:50px 50px 10px 50px;
width:492px;
height:518px;
}

.artistinside {
	width:300px;
	height:300px;
	padding:30px 20px 20px 20px;
	margin:15px 0 0 25px;
	text-align:center;
}

#artistarch {
	width:500px;
	margin:0 0 0 50px;
}

#artinfo {
	text-align:center;
	margin:50px 0 100px 0;
	position:relative;
	top:50px;
	left:45px;
	width:300px;
	height:200px;
	
}

.name {
	color:#c5033f;
}

#content .wrap {
clear:both;
width: 900px;
height:330px;
padding:0;
margin:0 0 50px 0;
}

#content .pattern2 {
float:left;
display:inline;
border:1px dashed #c5033f;
width:345px;
height:330px;
padding:10px 10px 10px 25px;
margin:0 0 0 50px;
background-color:#FFF;
}

#content .pattern3 {
float:left;
display:inline;
border:1px dashed #c5033f;
width:345px;
height:330px;
margin:0 0 0 50px;
padding:10px 10px 10px 25px;
background-color:#FFF;
}



#crafty {
padding-top:100px;
padding-left:20px;
width:950px;
}

#crafty img {
margin-right:25px;
}

form {
margin:0;
padding:0;
}


.imagep {
float:left;
border:3px solid;
border-color: #c5033f;
margin-right:10px;
}

.image {
border:3px solid;
border-color: #c5033f;
margin-right:10px;
}

a:link .image, a:visited .image, a:link .imagep, a:visited .imagep { 
border-color: #c5033f;
}
a:hover .image, a:active .image, a:hover .imagep, a:active .imagep {
border:3px solid; 
border-color: #fed174; 
}

.rollover {
display: block;
width: 141px;
height: 22px;
background: url(images/sitebywagooh.gif) no-repeat;
text-indent: -9999px;
text-decoration: none;
}

a {
outline: none;
}

a.rollover:link, a.rollover:visited, a.rollover:active {
background: url(images/sitebywagooh.gif) no-repeat;
}
 
a.rollover:hover {
background-position: -141px 0;
}


#wagooh {
position:absolute;
width: 200px;
left: 750px;
padding-top: 7px;
}

#wagooh .rollover, #wagooh2 .rollover {
margin-left: 31px;
}

#wagooh2 {
position:absolute;
width: 200px;
left:400px;
padding-top: 7px;
text-align:center;
}
#footer {
background: #2d2c29 url(images/shopfoot.jpg) repeat-x;
width: 100%;
height: 89px;
position:absolute;
left: 0px;
font-family: sans-serif;
font-size: 8pt;
color:#6b675b;
text-align: center;
margin: 0;
padding: 0;
}

#map {
	position:absolute;
	top:10px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	width:1024px;
	height:15px;
}

#map a:link, #map a:visited {
	text-decoration:none;
	color:#2D2C28;
}

#map a:hover, #map a:active {
	color:#C5033F;
	text-decoration:underline;
}