@charset "utf-8";
/* CSS Document */

/* Reset styles in all browsers */

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, 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;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;}
/* End reset */

body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(imgs/bg.png); line-height: 1.2em; color: #333;}
a, a:link, a:visited {color: #3b495d; text-decoration: none;}
a:hover {text-decoration: underline;}
h2, h3 {color: #333; font-size: 18px; padding-bottom: 14px; font-weight: bold; line-height: 1.3em;}
p {font-size: 13px; padding-bottom: 14px;}
p.small {font-size: 11px;}

/* clearing the elements */
#container:after, #content:after, .item:after, #gallery:after, #photo_container:after, .bio_item:after, #bio_container:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
* html #container:after, * html #content:after, * html .item:after, * html #gallery:after, * html #photo_container:after, * html .bio_item:after, * html #bio_container:after {height: 1%;}

#container {width: 976px; margin: 20px auto;}
#header {width: 976px; height: 75px; background: url(imgs/header_bg.png) no-repeat 50% 0; position: relative;}

* html #header {background: url(imgs/header_bg.gif) no-repeat 50% 0;}

#header h1 {position: absolute; top: 18px; left: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #fff; padding: 28px 0 0 0;}
#header h1 a {color: #fff; text-decoration: none;}
#header h1 a:hover {text-decoration: underline;}
#header ul {position: absolute; top: 7px; right: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: right; list-style: none;}
#header ul li {padding: 0 8px; border-right: 1px solid #90a9a2; float: left; line-height: 1em; padding-top: 10px}
#header ul li.last {border: 0;}
#header a {color: #b4d5e5; text-decoration: none;}
#header a:hover {text-decoration: underline;}

#flash_container {width: 900px; padding: 20px 38px 0 38px; background: url(imgs/content_inner_bg.png) repeat-y 50% 0; }
#flash {width: 885px; height: 270px; border: 8px solid #455367; border-width: 8px 7px 8px 8px; background: #000 url(imgs/banner.jpg) no-repeat 0 0; position: relative; }
#flash p {position: absolute; top: 20px; right: 14px; font-size: 13px; line-height: 30px; width: 280px; text-align: right; color: #cee0f3;}
#flash a.btn_buy {display: block; width: 106px; height: 24px; text-indent: -999em; background: url(imgs/btn_buy.gif) no-repeat 0 0; float: right; margin-top: 10px; text-align: left;}

#content {width: 900px; padding: 36px 38px 0 38px; background: url(imgs/content_bg.png) repeat-y 50% 0;}
#bios_page #content {width: 900px; padding: 36px 38px 0 38px; background: url(imgs/content_inner_bg.png) repeat-y 50% 0;}



#left_col {width: 570px; float: left; padding-right: 4px;}
#right_col {width: 326px; float: left;}

#right_col .item a {text-decoration: underline;}
#right_col .item a:hover {text-decoration: none;}


.item {clear: both;}
#left_col .item {padding-bottom: 30px;}

#left_col h2 {clear: both; font-size: 22px; font-weight: bold; color: #455367; border-bottom: 1px dotted #455367; padding-bottom: 6px; margin-bottom: 18px;}

#right_col .item {padding-bottom: 40px;}
#right_col .item ul {list-style: none; padding: 0;}
#right_col .item ul li, #right_col .item p {padding: 0 14px 12px 14px; color: #3b495d; font-size: 14px; line-height: 1.6em;}
#right_col .item ul li li {padding: 12px 14px 0 14px;}


#right_col .item #concert_program ul li, #right_col .item #concert_program p {font-size: 12px;}


#right_col .h3_wrap {border: 1px dotted #6d91b5; border-width: 1px 0; margin-bottom: 20px;}
#right_col h3 {margin: 3px; background: #6d91b5; padding: 0; color: #fff; font-size: 16px; text-transform: uppercase; line-height: 32px; padding: 0 12px;}


.img_border {border: 2px solid #3b495d; padding: 6px;}
.img_left {margin: 0 12px 20px 0; float: left;}
* html .img_left {display: inline;}


#footer {background: url(imgs/footer_bg.png) no-repeat 50% 100%; font-size: 12px; color: #fff; text-align: center; width: 900px; margin: 0 auto; line-height: 20px; clear: both; padding: 10px 38px 36px 38px;}
#footer a {color: #bad5e5;}

#bio_container { float: left; width: 900px;}

.bio_item {float: left; width: 900px; border-bottom: 1px dotted #455367; padding-bottom: 6px; margin-bottom: 18px;}
.bio_left {float: left; width: 422px; padding: 0 28px 0 0;}
.bio_right {float: left; width: 422px; padding: 0 0 0 28px;}

.bio_item h2 {padding: 10px; background: #6d91b5; color: #fff; font-size: 16px; margin: 0 0 10px 0; line-height: 1em;}

.btn_right {float: right;}
a.btn_more {width: 63px; height: 24px; text-indent: -999em; background: url(imgs/btn_more.gif) no-repeat; display: block;}
a.btn_top{width: 113px; height: 24px; text-indent: -999em; background: url(imgs/btn_top.gif) no-repeat; display: block;}
a.btn_purchase {width: 98px; height: 24px; text-indent: -999em; background: url(imgs/btn_purchase.gif) no-repeat; display: block;}

table.form {width: 900px; margin: 0 0 14px 0; border: 0; border-collapse: collapse;}
table.form td {width: 430px; padding-right: 20px; margin: 0;}
table.form td.right {padding-left: 20px; padding-right: 0;}
.input {width: 422px; border: 1px solid #ccc; padding: 3px; margin: 0 0 16px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: 686868; background: #f9f9f9;}
label {display: block; font-size: 14px; font-weight: bold; line-height: 1.2em;}

.btn_submit {width: 65px; height: 24px; text-indent: -999em; background: url(imgs/btn_submit.gif) no-repeat; display: block; border: 0; cursor: pointer; margin-bottom: 14px;}