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


#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:365px;
top: 137px; 
width:632px;
height:41px;
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/nav.gif) no-repeat;
}

li#home a {
width:85px;
height:41px;
}
li#shopping a {
width:105px;
height:41px;
}
 
li#friends a {
width:111px;
height:41px;
}	 
li#events a {
width:87px;
height:41px;
}

li#faqs a {
width:73px;
height:41px;
}

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

li#blog a {
width: 84px;
height: 41px;
}

li#home a:link, li#home a:visited {
background-position: 0px -41px;
}
	 	 	 	 
li#home a:hover, li#home a:focus {
background-position:0px 0px;
}
li#shopping a:link, li#shopping a:visited {	
background-position: -85px -41px;
}
li#shopping a:hover, li#shopping a:focus {	
background-position: -85px 0px;
}
li#friends a:link, li#friends a:visited {	
background-position: -190px -41px;
}
li#friends a:hover, li#friends a:focus {	
background-position: -190px 0px;
}
li#events a:link, li#events a:visited {	
background-position: -301px -41px;
}
li#events a:hover, li#events a:focus {	
background-position: -301px 0px;
}
li#faqs a:link, li#faqs a:visited {	
background-position: -388px -41px;
}
li#faqs a:hover, li#faqs a:focus {	
background-position: -388px 0px;
}
li#cont a:link, li#cont a:visited {
background-position: -461px -41px;
}
li#cont a:hover, li#cont a:focus {
background-position: -461px 0px;
}

li#blog a:link, li#blog a:visited {
background-position: -548px -41px;
}
li#blog a:hover, li#blog a:focus {
background-position: -548px 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:-85px 0px;
}
body#friendspage ul#nav li#friends a {
background-position:-190px 0px;
}
body#eventspage ul#nav li#events a {
background-position:-301px 0px;
}
body#faqspage ul#nav li#faqs a {
background-position:-388px 0px;
}
body#contpage ul#nav li#cont a {
background-position:-461px 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 {
width: 250px;
height: 350px;
margin-left: auto;
margin-right:auto;
text-align:center;
display:block;
}

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

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

#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:0;
margin:0;
}

#weight {
left: 71px;
width: 200px;
}

#weight2 {
left: 395px;
width: 200px;
}

#weight3 {
left: 720px;
width: 200px;
margin-top:43px;
}

form {
margin:0;
padding:0;
}


.image {
border:3px solid;
border-color: #c5033f;
margin-left:auto;
margin-right:auto;
display:block;
}

a:link .image, a:visited .image { 
border-color: #c5033f;
}
a:hover .image, a:active .image {
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.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;
}