/* The Golden Wings Quartet v1.2 */

/* Html, Body */
html { font: 85% Verdana, Helvetica, sans-serif; background: #1c1c1c url(../images/bknd.jpg) repeat; }
html, body { margin: 0; padding: 0; }
body { color: #cccccc; text-align: left; line-height: 1em; margin: 0 auto; width: 950px; }

/* Baseline values (for browser consistancy) */
p, div, h1, h2, h3, h4, h5, h6, ul, li, form, input, select, option, dl, dt, dd, pre, blockquote, fieldset, input { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0;}
ul { list-style: none; }
a { outline: 0; }

/* General */
abbr, acronym { border-bottom: 1px dotted; cursor: help;  }
.center { text-align: center; }

/* Containers */
#addthis { width: 950px; margin: 0 auto; }
#header, #prelude, #content, #main, #column, #footer { float: left; position: relative; } 
#header { width: 100%; padding-top: 25px; margin-top: 20px; }
#content { width: 100%; background: url(../images/content_top_ornament.png) 0 0 no-repeat; margin-top: 15px; padding-top: 74px; }
#prelude { width: 100%; background: url(../images/prelude.jpg) 0 0 no-repeat; height: 180px; margin-top: 15px; }
#main { width: 902px; background: #343232 url(../images/main_bknd.png) 0 bottom no-repeat; padding: 24px 24px 0 24px; margin-top: 10px; }
#footer { width: 100%; margin-top: 24px; padding-bottom: 10px; }

/* Headlines */
h1 a { display: block; width: 610px; height: 90px; text-indent: -9999px; background: url(../images/h1.png) 0 0px no-repeat; }
h1 a:hover { background-position: 0 -90px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 1em; color: #3099e2; font-size: 170%; }
h3 { margin-bottom: 1em; }
h4 { color: #3099e2; font-weight: normal; font-size: 130%; margin-bottom: 1em; }

/* Top Bar */
#topbar { background-color: #0a0a0a; height: 30px; position: absolute; display: block; left: 0; right: 0; top: 0; }
#topbar img { padding-top: 6px; float: right; }

/* Header */
#tagline { text-transform: uppercase; color: #575757; position: absolute; top: 58px; right: 0px; font-size: 95%; }

/* Navigation */
#nav { height: 54px; background: transparent url(../images/nav_bknd.png) 0 bottom repeat-x; margin-top: 20px; }
#nav li { float: left; width: 20%;  }
#nav a { color: white; text-decoration: none; line-height: 54px; display: block; text-align: center; text-transform: uppercase; }
#nav a:hover, #home #nav a.home, #members #nav a.members, #biography #nav a.biography, #music #nav a.music, #booking #nav a.booking { background-image: url(../images/nav_hover_bknd.png); background-repeat: no-repeat; }
#nav a.members:hover, #nav a.biography:hover, #nav a.music:hover, #members #nav a.members, #biography #nav a.biography, #music #nav a.music { background-position: -10px top; }
#nav a.booking:hover, #booking #nav a.booking { background-position: right top; }

/* Home */
#home #main .left { padding: 15px; background-color: #4a4a4a; }
#home #main .left img { float: left; border: 1px white solid; margin-right: 20px; }
#home #main .two-thirds { width: 565px; margin-bottom: 24px; }
#home .button { display: block; width: 283px; height: 85px; cursor: pointer; text-indent: -9999px; border: 1px white solid; margin-left: 24px; }
#home a.concert_preview { background: url(../images/btn_concert_preview.jpg) no-repeat; margin-bottom: 24px; }
#home a.concert_pictures { background: url(../images/btn_concert_pictures.jpg) no-repeat; }
#home .button:hover { border-color: #3099e2;}

/* Main */
p { line-height: 1.5em; margin-bottom: 1.5em; }
address { font-style: normal; font-weight: normal; line-height: 1.2em; font-size: 120%; margin-bottom: 1.2em;  }
#booking #contact_info { background: url(../images/the_quartet.jpg) top right no-repeat; height: 260px; }
address span { font-weight: bold;  }
#main a { color: #3099e2; text-decoration: none; }
#main a:hover { text-decoration: underline; }
#main .half, #main .third, #main .two-thirds { display: block; float: left; }
#main .half { width: 50%; }
#main .third { width: 33%; }
#main .two-thirds { width: 66%; }

/* Member profile */
#members .profile { width: 25%; float: left; }
#members .profile h3, #members .profile p { padding-right: 20px; }
#members h3 { line-height: 2em; font-weight: normal; font-size: 140%;  }
#members .profile_img { background-color: black; }

/* Music */
#music h2 { margin-bottom: .8em; }
#video { background: transparent url(../images/icon_dvd.png) 0 38px no-repeat; padding-left: 140px; }
#video h2, #audio h2 { position: relative; top: 0px; left: -140px; }
#audio { background: transparent url(../images/icon_cd.png) 0 38px no-repeat; padding-left: 140px; margin-bottom: 15px; height: 160px; }
#ringtones { background: transparent url(../images/icon_phone.png) 0 38px no-repeat; padding-left: 80px; height: 170px; }
#ringtones h2 { position: relative; top: 0px; left: -80px; }

/* Lists */
#music #main ul { margin-bottom: 1em; }
#music #main li { line-height: 1.5em; }

/* Footer */
#new_album, #copyright { display: block; float: left; }
#new_album { height: 104px; padding-left: 120px; background: transparent url(../images/album.png) 0 0 no-repeat; width: 37%; }
#new_album h4 {text-transform: uppercase; padding-top: 10px; font-size: 140%; }
#new_album a { display: block; text-indent: -9999px; height: 40px; width: 456px; cursor: pointer; background: transparent url(../images/btn_buy_album.png) 0 0 no-repeat; }
#copyright { text-align: right; font-size: 90%; width: 50%; }
#copyright ul li { line-height: 1.8em; }