body {
margin:0;
padding:0;
font-family:Courier;
color:#000;

background:#000 url(../images/bodyBg.jpg) top center repeat;
}

img {
border:none;
}

#siteWrapper {
width:1270px;
margin:0 auto;
}

#nudger {
margin-left:63px;
}

#header {
position:relative;
width:1065px;
height:126px;
background:transparent url(../images/topnavBg.jpg) bottom right no-repeat;
}

#menu {
position:relative;
top:44px;
left:440px;
width:650px;
height:83px;
z-index:20;
}

#menu ul {
margin:0;
padding:0;
list-style: none;
}

#menu ul li {
float:left;
display:inline;
height:83px;
margin:0;
padding:0;
}

#menu ul li a {
float:left;
height:83px;
}

/* sets the image on the li's */

#menu li#home {
width:101px; 
background:transparent url(../images/menuHome.jpg) top left no-repeat;
}

#menu ul li#news {
width:104px;
background:transparent url(../images/menuNews.jpg) top left no-repeat;
}

#menu ul li#artist {
width:160px;
background:transparent url(../images/menuArtist.jpg) top left no-repeat;
}

#menu ul li#store {
width:107px;
background:transparent url(../images/menuStore.jpg) top left no-repeat;
}

#menu ul li#contact {
width:142px;
background:transparent url(../images/menuContact.jpg) top left no-repeat;
}

/* Begin menu item <a> tag sizing and overs*/

#menu ul li#home a {
width:107px;
}

#menu ul li#home a:hover {
position:absolute;
z-index:10;
width:111px;
background:transparent url(../images/menuHomeOver.jpg) top center no-repeat;
}

#menu ul li#news a {
width:104px;
}

#menu ul li#news a:hover {
position:absolute;
left:92px;
z-index:10;
width:121px;
background:transparent url(../images/menuNewsOver.jpg) top center no-repeat;
}

#menu ul li#artist a {
width:160px;
}

#menu ul li#artist a:hover {
position:absolute;
left:195px;
z-index:10;
width:179px;
background:transparent url(../images/menuArtistOver.jpg) top center no-repeat;
}

#menu ul li#store a {
width:107px;
}

#menu ul li#store a:hover {
position:absolute;
left:357px;
z-index:10;
width:124px;
background:transparent url(../images/menuStoreOver.jpg) top center no-repeat;
}

#menu ul li#contact a {
width:142px;
}

#menu ul li#contact a:hover {
position:absolute;
left:462px;
z-index:10;
width:150px;
background:transparent url(../images/menuContactOver.jpg) top center no-repeat;
}

/* end menu item <a> sizing and overs */

/* start "active" links for menu items */

body#homePage #menu ul li#home a {
position:absolute;
z-index:11;
width:105px;
height:83px;
background:transparent url(../images/menuHomeOver.jpg) top left no-repeat;
}

body#artistPage #menu ul li#artist a {
position:absolute;
left:195px;
z-index:11;
width:179px;
background:transparent url(../images/menuArtistOver.jpg) top left no-repeat;
}

body#storePage #menu ul li#store a {
position:absolute;
left:357px;
z-index:11;
width:120px;
background:transparent url(../images/menuStoreOver.jpg) top center no-repeat;
}

body#contactPage #menu ul li#contact a {
position:absolute;
left:462px;
z-index:11;
width:150px;
background:transparent url(../images/menuContactOver.jpg) top center no-repeat;
}

/* begin common content items */

#content {
width:1260px;
}

#oceangirl {
float:left;
width:301px;
height:813px;
margin:-52px 0 0 0;
}

#maincontent {
position:relative;
float:left;
width:744px;
min-height:761px;
background:transparent url(../images/contentBg.jpg) top left no-repeat;
}

#logo {
position:absolute;
top:-1px;
left:20px;
}

#mailinglist {
position:absolute;
top:355px;
left:-245px;
width:406px;
height:278px;
background:transparent url(../images/mailinglist.jpg) top left no-repeat;
}

#mailinglist input {
background:none;
border:none;
margin:145px 0 0 40px;
width:132px;
height:20px;
font:14px Geneva,Arial,Helvetica,sans-serif;
}

#mailinglist input.submitButton {
position:absolute;
top:40px;
left:-10px;
width:108px;
height:55px;
}

#mailinglist input.submitButton:hover {
width:108px;
height:55px;
background: transparent url(../images/sendO.png) top left no-repeat;
}

/* Home page content items */

#title {
position:absolute;
top:30px;
right:22px;
width:498px;
height:137px;
background:transparent url(../images/indextitle.jpg) top left no-repeat;
}

#text {
position:absolute;
top:176px;
right:22px;
width:365px;
height:315px;
}

#photo {
position:absolute;
top:82px;
left:-74px;
width:434px;
height:512px;
background:transparent url(../images/indexphoto.jpg) top left no-repeat;
}

#tags {
position:absolute;
bottom:107px;
right:32px;
width:518px;
height:165px;
background:transparent url(../images/tags.jpg) bottom right no-repeat;
z-index:10;
}

/* end Home Page content items */

/* begin artist page items */

#artistphoto {
position:absolute;
z-index:100;
top:115px;
left:-54px;
width:328px;
height:384px;
background:transparent url(../images/artistphoto.jpg) top left no-repeat;
}

#artisttitle {
position:absolute;
top:43px;
right:21px;
width:500px;
height:142px;
background:transparent url(../images/artisttitle.jpg) top left no-repeat;
}

#artisttext {
position:absolute;
top:180px;
right:30px;
}

#artisttape {
position:absolute;
z-index: 60;
top:605px;
left:-35px;
width:611px;
height:64px;
background:transparent url(../images/artisttape.jpg) top left no-repeat;
}

#artisttape a {
width:611px;
height:64px;
display:block;
}

/* end artist page items */

/* begin store common items */

#storemailinglist {
position:absolute;
top:260px;
left:-32px;
width:406px;
height:278px;
background:transparent url(../images/storemailing.jpg) top left no-repeat;
}

#storemailinglist input {
background:none;
border:none;
margin:150px 0 0 15px;
width:140px;
height:20px;
font:14px Geneva,Arial,Helvetica,sans-serif;
}

#storemailinglist input.submitButton {
position:absolute;
top:40px;
left:10px; 
width:108px;
height:55px;
}

#storemailinglist input.submitButton:hover {
width:108px;
height:55px;
background: transparent url(../images/sendO.png) top left no-repeat;
}

/* end store common items */

/* begin store placeholder page items */

#storetitle {
position:absolute;
top:74px;
left:0px;
width:744px;
height:181px;
background:transparent url(../images/storetitle.jpg) top left no-repeat;
}

#storetext {
position:absolute;
top:290px;
right:43px;
width:530px;
height:185px;
}

#storetext2 {
position:absolute;
top:290px;
right:43px;
width:530px;
height:800px;
border:1px solid red;
}


#storetextnewslink {
position:absolute;
top:416px;
right:193px;
width:44px;
height:30px;
}

#storetextnewslink a {
display:block;
width:44px;
height:30px;
}

/* end store placeholder page items */

/* begin store actual items */

#storeArea {
position:absolute;
top:74px;
left:160px;
width:550px;
height:550px;
}

/* end store actual items */

/* begin faq page items */

#faqtitle {
position:absolute;
top:30px;
right:22px;
width:502px;
height:145px;
background:transparent url(../images/faqtitle.jpg) top left no-repeat;
}

#faqtext {
position:absolute;
top:160px;
left:20px;
}

#faqtext h1 {
color:#466a00;
font-size:17px;
}

#faqtext p {
font-size:12px;
padding-right:20px;
}

#faqtext p a {
color:#000;
}

#faqtext p a:hover {
color:#466a00;
text-decoration:none;
}

/* begin contact page items */

#titlecontact {
position:absolute;
top:30px;
right:22px;
width:514px;
height:139px;
background:transparent url(../images/contacttitle.jpg) top left no-repeat;
}

#formarea {
position:relative;
top:157px;
left:20px;
width:678px;
height:451px;
background:transparent url(../images/contacttext.jpg) top left no-repeat;
}

body#contactPage input {
font-size:16px;
position:absolute;
left:20px;
width:190px;
height:20px;
background:none;
border:none;
}

body#contactPage textarea {
border:none;
background:none;
}

body#contactPage input#name {
position:absolute;
top:35px;
}

body#contactPage input#email {
position:absolute;
top:101px;
}

body#contactPage input#pnum {
position:absolute;
top:172px;
}

body#contactPage input#company {
top:240px;
}

body#contactPage textarea#message {
font:14px Geneva,Arial,Helvetica,sans-serif;
position:absolute;
top:315px;
left:20px;
width:290px;
height:110px;
}

body#contactPage input.submitButton {
position:absolute;
top:385px;
left:320px;
width:112px;
height:55px;
}

body#contactPage input.submitButton:hover {
width:108px;
height:55px;
background: transparent url(../images/sendO.png) top left no-repeat;
}

.errorMessage {
font:12px Geneva,Arial,Helvetica,sans-serif;
padding:5px 5px 10px 5px;
margin:0 0 0 250px;
width:250px;
color:#3f8ca3;
background:#fff;
}

#contact-congrats {
position:absolute;
top:350px;
left:325px;
color:#3f8ca3;
}

/* end contact page items */

/* begin bottom content areas */
#bottomcontent {
position:absolute;
bottom:0;
width:744px;
height:122px;
background:transparent url(../images/bottomcontent.jpg) bottom left no-repeat;
}

#redhairguy {
float:right;
width:215px;
height:683px;
}

img#rhg {
margin-top:-4px;
}

#footer {
font-size:13px;
clear:both;
}

#footerNav {
position:relative;
width:1127px;
height:115px;
background:transparent url(../images/footernav.jpg) top left no-repeat;
margin-left:91px;
}

#footerNav ul {
color:#fff;
margin:0px;
padding:50px 0 0 425px;
list-style: none;
}

#footerNav ul li {
display:inline;
margin:0px;
padding:0px;
}

#footerNav ul li a {
color:#fff;
text-decoration: none;
}

#footerNav ul li a:hover {
color:#fff;
text-decoration: underline;
}

#footerNavRB {
position:absolute;
top:-7px;
right:0;
}

#footerCopy {
clear:both;
color:#000;
width:965px;
height:77px;
margin-left:91px;
background:transparent url(../images/footer.jpg) top left no-repeat;
}

#footerCopy p {
margin:0px 0 5px 250px;
}

#footerCopy p a {
color:#333;
text-decoration:none;
}

#footerCopy p a:hover {
text-decoration:underline;
}