body {background-image: url(../img/bg.gif); background-position: -20px 0px; background-repeat:repeat-y; color:white; font-family: arial; font-size:12px; margin:0px;}

#navigation {list-style-type:none; left: 300px; margin:0px; position:absolute; top: 15px; width: 850px;}
#navigation li {color:white; font-family: arial;  float:left; height: 20px; width: 10px;}
html>body #navigation li {width:auto;}

#navigation li#pagetitle {font-size: 30px; margin-right: 40px;}
#navigation li#pagetitle #title1 {color:Red; }
html>body #navigation li#pagetitle {font-size:0px; margin-left: -105px; background-image:url(../img/header.png);background-repeat:no-repeat; background-position: 36px 10px; height: 50px; width: 375px;}
#navigation a { color:White; font-size: 14px; display:block; height: 30px;margin: 1px;  padding-left: 20px; padding-top:10px; text-decoration:none; text-transform: lowercase;}

#container {width: 1095px;}

#left {float:left;height: 582px; width: 416px;}
.topleft {background-image: url(../img/bg_topleft.gif); float:left; height: 582px; width: 416px;}
#contact {background-image: url(../img/bg_topleft_contact.gif);}
#links {background-image: url(../img/bg_topleft_links.gif);}
#listen {background-image: url(../img/bg_topleft_listen.gif);}
#merch {background-image: url(../img/bg_topleft_merch.gif);}
#playlist {background-image: url(../img/bg_topleft_playlist.gif);}
#icon1 { background-image:url (../img/icon1.gif);display:block; float:left; height:100px; width: 108px;}
#icon2 { background-image:url (../img/icon2.gif);display:block; float:left; height:100px; width: 88px;}
#icon3 { background-image:url (../img/icon3.gif);display:block; float:left; height:100px; width: 79px;}
#icon4 { background-image:url (../img/icon4.gif);display:block; float:left; height:100px; width: 141px;}
img {border: 0px;}

#bottomleft {background-image:url(../img/bg_bottomleft.gif); float:left; height: 316px; width: 416px;}


#right { background-image:url(../img/bg_right.gif); float:left;width:679px;}
#topright {float:left; height:632px; padding-left: 50px; padding-top: 50px; width: 629px;}
html>body #topright {width: 649px;}
.extend {height: 1000px;}
#bottomright {background-image: url(../img/bg_bottomright.gif); float:left; height:316px; width: 679px;}
#footer {background-color:Red; height: 35px; width: 1095px;}
#footer div.container {fload:right; margin-right: 50px;}
#footer span { float: right; margin-right: 28px; margin-top: 8px;}
#footer span.homelink {float:left; margin-left: 20px;}
#footer span a {color:white; text-decoration:none;}

h1 { color:red; font-size: 18px; margin:0px;}
h2 { color:red; font-size: 14px; margin:0px; margin-bottom: 3px;}
h3 { color:#999999; font-size: 14px; margin:0px; margin-bottom: 3px;}
h4 { color:#FFFFFF; font-size: 12px; margin:0px; margin-bottom: 3px;}
a {color:red;}
input {border: 1px solid #333333; background-color:white;}
input.button {background-color:red; border: 1px solid red; color: white;}

div.item {clear:both; width: 600px; margin-bottom: 10px; min-height: 100px;}
div.item div.imgholder {float:left; width: 135px;}
div.item img {margin-bottom: 10px;}
div.item div.text {float:left; width: 400px;}
div.item h2 {color: red; font-size:14px; margin:0px; padding:0px;}
div.item h3 {color: white; font-size:14px; margin:0px; padding:0px;}
div.item div {color:white; font-size: 11px; margin-bottom:10px;}

div.pagination {color:red; display:block; float:right; font-size: 10px; margin-top: 15px; margin-right: 100px;}
div.pagination a {color:red; text-decoration: none;}
div.pagination span {background-color: #000000; border: 1px solid #222222; margin: 1px; padding: 2px;}
div.pagination span.selected {color:white;}

div.listenItem {background-color:black; width: 400px;}
div.text {margin: 10px 0px 10px 10px; float:left; width: 250px;}
div.listen {margin: 10px 10px 10px 10px; float:right; width: 90px; text-align: center;}
div.listen img {margin-left: 10px;}

input#name {border: 1px solid red; display:block; margin: 55px 0px 0px 90px; height: 20px; width: 295px;}
input#email {border: 1px solid red; display:block; margin: 10px 0px 0px 90px; height: 20px; width: 295px;}
textarea#words {border: 1px solid red; display:block; margin: 10px 0px 0px 90px; height: 100px; width: 295px;}
input#suggest {display:block; float:right; margin: 5px 15px 0px 90px;width: 100px;}
html>body input#suggest {margin: 5px 30px 0px 90px;}


div.emailformtop {width: 400px; height: 20px; background-image:url(../img/bg_pod.png);background-position: top;}
div.emailformbody {background-image:url(../img/bg_pod_body.gif); background-color:#666666;}
div.emailformbottom {width: 400px; height: 15px; background-image:url(../img/bg_pod.png);background-position: bottom;}
div.emailform {margin-left:auto; margin-right:auto;  width: 400px; padding: 20px;}
div.emailform h4 {margin-left: 20px;}
div.emailform table {margin-left: 15px;}
div.emailform td {padding: 5px;}
div.emailform td input {width: 280px; border: 1px solid #333333;}
div.emailform td input.short {width: 50px;}
div.emailform td input.button {width: 100px; float:right; border: 1px solid red;}
div.emailform td textarea {border: 1px solid #333333; width: 280px; height; 200px;}

img.headerimg {margin-top: 15px; margin-left: -12px;}