body { background: #fff; font: 80% Arial, helvetica, sans-serif; color: #000; margin: 10px 0 60px 0; padding: 0; }

p { margin: 0 0 20px 0; }

blockquote { width: 291px; margin: 0 0 10px 0; padding: 0; color: #339; border: 1px solid #ccc; border-width: 0 1px 1px 0; }
blockquote p { margin: 0; padding: 0 10px 10px 0; font-size: 90%; font-weight: bold; }
blockquote p span { display: block; font-size: 80%; padding: 5px 0 0 0; text-align: right; }

form { margin: 0 0 20px 0; }
form dl { margin: 0 0 20px 0; }
form dl dt { clear: both; float: left; width: 38%; margin: 0 0 10px 0; padding: 0; }
form dl dd { width: 59%; margin: 0 0 10px 0; padding: 0; }
form p { clear: both; }
select, input, textarea { font: 100% Arial,Helvetica,Sans-Serif; }
table { margin: 0 auto 20px auto; border: 1px solid #666; }
th { background: #999; color: #fff; padding: 3px 5px; border: 0; }
td { border: 1px solid #ccc; padding: 3px 5px; }

a { font-weight: bold; color: #00c; }
a:link { color: #00f; }
a:visited { color: #00f; }


hr { clear: both; width: 70%; margin: 0 auto 20px auto; }

div#container { width: 780px; margin: 0 auto; }

div#header { height: 161px; margin: 0 0 40px 0; }
div#header h1 { float: left; width: 151px; height: 161px; overflow: hidden; margin: 0; background: url("images/logo.gif") no-repeat 0 0; }
div#header h1 a { display: block; padding: 161px 0 0 0; }
div#header div#title { height: 139px; }
div#header div#title h2 { margin: 0 auto; font-size: 100%; font-weight: bold; text-align: center; overflow: hidden; }
div#header div#title h2.aboutus { background: url("images/titles/aboutus.jpg") no-repeat 0 0; width: 343px; height: 87px; }
div#header div#title h2.repertoire { background: url("images/titles/repertoire.jpg") no-repeat 0 0; width: 386px; height: 82px; }
div#header div#title h2.recitals { background: url("images/titles/recitals.jpg") no-repeat 0 0; width: 282px; height: 87px; }
div#header div#title h2.weddings { background: url("images/titles/weddings.jpg") no-repeat 0 0; width: 387px; height: 113px; }
div#header div#title h2.clientlist { background: url("images/titles/clientlist.jpg") no-repeat 0 0; width: 361px; height: 86px; }
div#header div#title h2 span { display: block; padding: 113px 0 0 0; }
div#header ul { width: 600px; margin: 0 0 0 auto; padding: 0; }
div#header ul li { float: left; margin: 0; padding: 0 0 0 10px; list-style-type: none; }
div#header ul li a { display: block; width: 108px; height: 25px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; }
div#header ul li a span { display: block; padding: 3px 0; background: url("images/navigation/blank_blue.jpg") no-repeat 0 0; }
div#header ul li a:hover span { display: block; padding: 3px 0; background: url("images/navigation/blank_red.jpg") no-repeat 0 0; }

div#sidebar { clear: both; float: left; width: 151px; text-align: center; }
div#sidebar ul { margin: 0; padding: 0; }
div#sidebar ul li { margin: 0 0 5px 0; padding: 0; list-style-type: none; }
div#sidebar ul li a { display: block; width: 108px; height: 25px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; margin: 0 auto; }
div#sidebar a span { display: block; padding: 3px 0; background: url("images/navigation/blank_blue.jpg") no-repeat 0 0; }
div#sidebar a:hover span { display: block; padding: 3px 0; background: url("images/navigation/blank_red.jpg") no-repeat 0 0; }

div#content { float: right; width: 600px; }
div#content h3 { font-size: 100%; }
div#content ul { margin: 0 0 20px 0; padding: 0 0 0 30px; }
div#content ul li { margin: 0 0 5px 0; padding: 0; list-style-type: circle; }
div#content ul li h4 { margin: 0 0 5px 0; font-size: 100%; }
div#content ul li ul { margin: 0 0 20px 0; padding: 0 0 0 40px; }
div#content ul li ul li { margin: 0 0 5px 0; padding: 0; list-style-type: square; }

div.columns { padding: 0 0 0 100px; }
div.column_left { float: left; width: 50%; }
div.column_right { float: left; width: 50%; }

div.client_list { float: right; color: #669; padding: 0 10px 10px 0; border: 1px solid #ccc; border-width: 0 1px 1px 0; margin: 0 0 0 10px; }
div.client_list p { margin: 0 0 10px 0; }

div#flashPlayer { float: right; width: 50%; margin: 0 0 20px 20px; }

div.image_right { float: right; padding: 0 0 0 20px; }

.black { color: #000; display: inline; padding: 0; font-size: 100%; font-weight: bold; }
.center { text-align: center; }
div.clear { clear: both; }