/* CSS Document */

body{
font-family:"Lucida Grande",Arial,sans-serif;
background:#cfd7d9;
margin:0 0 0 0;
padding:0 0 0 250px;
}

div#left-sidebar{
position:absolute;
padding-top: 75px;
background:url(images/leftbar.gif) no-repeat right top;
top:0;
left:0;
width:250px;
height:100%;
}
 
@media screen{
body>div#left-sidebar{
position:fixed;
}
}

* html body{
overflow:hidden;
} 

* html div#content{
height:100%;
overflow:auto;
}

#left-sidebar .padding {
margin-top: 100px;
}
  
#content {
margin-top:10px;
margin-bottom:50px;
}
 
#title{
padding: 35px 0px 10px 0px;
height:115px;
width: 575px;
}
  
#text {
width: 575px;
height: auto;
background:#fff;
}
  
#lyrics {
width: 575px;
height: auto;
background:#fff url(images/curve_top.gif) no-repeat left top;
}
  
#footer {
width: 575px;
height: 15px;
background:#fff url(images/curve_bottom.gif) no-repeat left top;
}
  

/*---------  STYLES ----------*/
 
h1 {
color:#b16979;
padding: 0px 20px 0px 20px;
font-size:1.5em;
font-weight:normal;
letter-spacing:-1px;
}

h2 {
padding: 0px 20px 0px 20px;
color:#666;
font-size:1.2em;
font-weight:normal;
letter-spacing:-1px;
}

h3 {
color:#333;
font-size:0.9em;
letter-spacing:0px;
padding: 0px 20px 0px 20px;
margin-top:0px;
margin-bottom:0px;
text-align:left;
}

h4 {
color:#666;
font-size:0.8em;
font-weight:normal;
letter-spacing:0px;
line-height:1.5em;
padding: 0px 20px 0px 30px;
margin-top:5px;
text-align:left;
}

p {
color:#666;
font-size:0.9em;
letter-spacing:0px;
line-height:1.6em;
padding: 0px 20px 0px 20px;
margin-top:0px;
text-align:left;
}

dt {
padding: 4px 0 4px 10px;
color:#FFFFFF;
font-weight:bold;
text-align: left;
background: #3da5c2;
}
	
dd { margin: 5px 0px 0px 5px;
color:#666;
}
  
 
/*--------- NAVIGATION -----------*/

#navlist {
padding: 1px;
margin-left: 0;
font: 1em "Lucida Grande",Arial,sans-serif;
width: 175px;
color: #666; }

#navlist li {
list-style: none;
margin: 0px;
height:35px;
background:url(images/btn_bg.gif) no-repeat left top;
text-align: left;
}

#navlist li a {
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#navlist li a:link { color: #666; }
#navlist li a:visited { color: #666; }

#navlist li a:hover{
color: #333;
background:url(images/btn_hover.gif) no-repeat left top;
}
 
.style1 {color: #FFFFFF}


/*--------- CONTACT FORM -----------*/

label {
width:150px;
height:17px;
margin-top:3px;
margin-right:2px;
padding-top:5px;
padding-left:16px;
padding-bottom:3px;
float:left;
display: block;
font-size: 1em;
line-height: 1.1;
color:#b16979;
}

.form {
margin:0;
padding:0;
}

#container {
width:750px;
margin:auto;
padding:10px;
}

#top {
width:680px;
height:50px;
}

.clear {
clear:both;
}

.holder {
padding-left:20px;
padding-right:5px;
padding-top:0px;
}

.div_texbox {
width:450px;
background-color:#fff;
border-bottom: 3px solid #cfd7d9;
float:left;height:35px;
padding-top:5px;
padding-bottom:15px;
padding-left:15px;
}

.div_messagebox {
width:450px;
background-color:#fff;
border-bottom: 3px solid #cfd7d9;
float:left;
height:75px;
padding-top:5px;
padding-bottom:15px;
padding-left:15px;
}

.textbox {
background-color:#EEF7FB;
width:420px;
font:normal 18px Arial;
color: #444444;
padding:2px 3px 2px 5px;
}

.textbox:focus, .textbox:hover {
background-color:#f8e8ec;
color:#444444;
}

.button_div {
width:575px;
text-align:left;
height:35px;
margin-top:3px;
padding:5px 10px 3px 70px;
}

.buttons {
background: #EEF7FB;
font-size:12px; 
color: #000; 
padding: 6px 14px;
border-width: 2px;
border-style: solid;
border-color: #fff #9adcf7 #9adcf7 #fff;
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
}