/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
div.item {
    clear:both;
    float:left;
    width:730px;
    padding:20px;
}
/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for IE/Mac */
.clearfix {
display: inline-block;
_display: block;
_zoom: 1;
}

/* global styles */
body {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
.homebg {
background-attachment: scroll;
background-color: #FFFFFF;
background-image: url(../images/hanuman_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#container {
text-align:center;
width:772px;
padding:10px;
}
#content {
padding-left:25px;
padding-top:25px;
width:729px;
}

/* top-content */
#top-content {
float:right;
margin-bottom:50px;
}
/* logo */
#logo {
background-image:url("http://www.keshav-music.com/images/header/keshav.gif");
background-repeat:no-repeat;
height:143px;
margin:10px 0 20px 0;
width:360px;
}
#logo h1,
#logo h2,
.header-image h1,
.header-image h2 {
text-indent:-9999px;
display:none;
visibility:hidden;
}
/* nav and indexnav */
.indexnav {
float:right;
margin:0;
text-align:right;
width:189px;
}
.nav {
text-align:center;
}
.indexnav li {
font-family: Copperplate, Sans;
font-size:15px;
line-height:1.5;
list-style:none;
padding-left:0;
}
.nav li {
list-style:none;
}
.nav li ul {
clear:both;
}
.nav li ul li {
background-image:url("../images/spacer-red.gif");
background-repeat:no-repeat;
background-position:center right;
display:inline;
font-family: Copperplate, Sans;
font-size:15px;
line-height:1.5;
list-style:none;
padding:0 10px 0 0px; /* 5px? */
}
.nav li.last {
background-image:none;
}
.indexnav li a,
.nav li a {
color: #790000;
text-decoration: none;
}
.indexnav li a.special,
.nav li a.special {
color: #3F8A5D;
}
.indexnav li a:hover,
.indexnav li a.special:hover,
.nav li a:hover,
.nav li a.special:hover {
color: #380D0E;
}
.indexnav li ul {
text-align:center;
}
.indexnav li ul li,
.indexnav li ul li a {
color:#0000ef;
font-family: Arial, Helvetica, sans-serif;
line-height:1.2;
text-decoration:underline;
}
.indexnav li img {
margin:10px 0 10px 0;
}
/* call-outs */
.call-outs {
float:right;
margin:0;
width:189px;
}
.call-outs li {
list-style:none;
padding-left:0;
margin-bottom:20px;
}
.call-outs .item-link {
color:"#1822cd";
}
.call-outs .nyt {
color: #FF0000;
font-family: Times New Roman, serif;
font-weight: bold;
line-height: 110%;
}

/* bottom-content */
#bottom-content {
clear:both;
padding:0 20px 0 20px;
}
.selection-text {
color:#22b5bd;
}
h3 {
margin:10px 0 10px 0;
}
/* utility nav */
.utility-nav {
margin-bottom:10px;
}
.utility-nav li {
background-image:url("../images/spacer-blk.gif");
background-repeat:no-repeat;
background-position:center right;
display:inline;
line-height:1.5;
list-style:none;
padding:0 10px 0 0px;
}
.utility-nav li.last {
background-image:none;
padding-right:0;
}


/* downstream header */
.header-image {
text-align:center;
width:722px;
}

/* item pages */
.header-link {
color:#ff0f83;
}

.header-link2 {
color:#8F5E99;
}
.header-link span {
color:#f700ff;
}
.item-list {
margin:0 auto 40px auto;
}
.item {
float:left;
list-style:none;
margin:0 10px;
width:345px;
}
.item img {
margin-bottom:15px;
}
.item h4 {
color:#333300;
}
.category-text {
text-align:left;
margin:0 30px 20px 30px;
}
.fine-print {
font-size:0.8em;
}

/* form css - this is the existing css for form labels that I consolidated into one rule */
.formlabels,
.formlabels A:link,
.formlabels A:visited,
.formlabels A:hover,
.formlabels A:active {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
}

/* headers */

#container.content #top-content {
    text-align:left;
    margin-left:20px;
}
.about #bottom-content {
    text-align:center;
}

.about #top-content h1 {
     margin-top:20px;
}

.about #top-content p {
    padding-bottom:10px;
}

h1.announcement {
    color: #58565a;
    font-size:16px;
}

#container.center * {
    text-align:center;
}

/* legacy */
.style1 {
    color: #990000;
    font-style: italic;
}

.maroonbox {
    background-color:#790000;
    width:100%;
    height:80px;
    padding:10px;
    color:#fff; 
    font-weight:bold;
}

.sig23 #top-content p,
.sig23 #top-content li {
    text-align:left;
}

.sig23 #top-content,
.sig23 #top-content ul {
    padding:20px;
}

#top-content.form {
    background-color:#790000;
}

#top-content.form table td {
    padding:10px;
    text-align:left;
}
#top-content.form table td.formlabels{
    vertical-align:top;
}

.musicians #top-content img {
    padding:0px 10px 10px 0;
}
.musicians #top-content {
    text-align:left;
    margin-left:20px;
}
.musicians #top-content li {
    margin-left:20px;
}

.pagetitles {
    color:#CC3300;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:14pt;
    font-weight:bold;
    text-decoration:underline;
}

.price {
    font-weight:bold;
}