/* 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;
}

a:hover {
color: #c5033f;
}


#wrapper {
height: 768px;
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: 200px;
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;
}

#brand, #brand2, #brand3, #brand4 {
position:absolute;
top:40px;
height: 490px;
padding:0;
margin:0;
}

#brand .image, #brand2 .image, #brand3 .image, #brand4 .image {
margin-bottom: 5px;
padding:0px;
display:block;
}

#brand {
left: 15px;
width:256px;
}

#brand2 {
left:286px;
width:256px;
}

#brand3 {
left: 557px;
width: 256px;
}

#brand4 {
left: 828px;
width: 256px;
}

#heading {
position:absolute;
left: 471px;
padding-top: 50px;
}

.image {
border:3px solid;
border-color: #455e88;
}

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

#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;
}

.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;
}

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

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

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