@import url(content.css);
@import url(tabbedNav.css);
@import url(forms.css);

/* Start by neutralizing everything */
/* ================================ */
*,html,body, div, p, a, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, table, tr, th, td, img, form, input, textarea, form,select{
border:0;margin:0;padding:0;text-decoration:none;
}

/* ================================ */

body{
background: url(chrome/bgPattern.png) repeat center top;
text-align:center;
font: 12pt Arial, Helvetica, sans-serif;
color: #333;
}
#container{
position:relative;
width:100%;
text-align:left;
overflow:hidden;
background: url(chrome/bgTopBorder.png) repeat-x left top;
    top: 0px;
    left: 0px;
}
#header{
background: url(chrome/bgHeader01.png) no-repeat center top;
height:113px;
margin:0 auto;
width:900px;
}
#header img.home{
width:250px;
position:absolute;
top:0;
left:10%;
margin:0 0 0 2%;
height:100px;
}
#sideNav ul,#topNav ul, ul#footerNav{
list-style:none;
}
#topNav ul{
margin-top:40px;
}
#topNav{
margin:0px 0 10px 0px;
font-size:11px;
float:right;
clear:both;
}
#topNav li{
float:left;
}
#topNav li{
border-left:1px solid #3a311e;
}
#topNav li:first-child{
border:0px;
}
#topNav a{
color:#3a311e;
display:block;
padding:0 10px;
}
#musicbox{
position:relative;
top:10px;
left:500px;
float:left;
}
#tabWrap{
margin:0 auto;
width:900px;
clear:both;
}
#contentWrap{
padding-bottom:25px;
background: url(chrome/btmContent.gif) no-repeat center bottom;
}

#mainContent{
background: transparent url(chrome/bgPaper.png) repeat 0 0;
padding:1em .5em 1em 0;
margin-left:22px;
min-height:550px;
}
#sideNav{
width:150px;
float:left;
margin:0 0 0 10px;
}
#ordercontent{
background: transparent url(chrome/bgPaper.png) repeat 0 0;
padding:1em .5em 1em 0;
margin-left:22px;
min-height:550px;
}
#HOME #sideNav{display:none;}

#content{
width:75%;
margin-left:200px;
margin-top:10px;
}

/*--FOR HOMEPAGE LAYOUT--*/
#HOME #hmContent{
padding:0 0 0 20px;
}
#hmContent p{
margin:0 10px 10px 0;
font:12px arial,tahoma;
line-height:18px;
}

/*--FOR ONLINE ORDERING PAGE--*/
.ORDER #content{
width:90%;
margin:10px 20px 0 40px;
}
#footer{
font-size:11px;
margin:0 auto;
clear:both;
padding-top:10px;
width:860px;
}
#footer span{
color:#bab498;
margin:10px 0 0 10px;
padding:10px 5px;
display:block;
border-top:1px solid #bab498;
}
ul#footerNav{
clear:both;
margin:5px 0 0 .5em;
}
#footerNav li{
float:left;
margin:0;
color:#fdfbe0;
}
#footerNav li{
border-left:1px solid #bab498;
}
#footerNav li:first-child{
border:0px;
}
#footerNav li a{
display:block;
color:#fdfbe0;
padding:0 10px;
}
#footerNav li a:hover{
color:#3a311e;
}