/*   Contents    
################################################################
	1: Default Settings (body, header tags, p, hr, a etc...)
	2: Header Section (inc logo and slideshow)
	3: Main Content
	4: Navigation Bar
	5: Footer
	6: Cross Browser Fixes
################################################################

##		1: Default Settings   ########*/	
img { behavior: url(iepngfix.htc) }
body{
	background: #4a4a4a url('/images/bg.jpg') top center repeat-x;
	margin:0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:80%;
	line-height:135%;
	color:#cccccc;
	text-align:center;
	}
table{font-size:1em;border-collapse:collapse;}
th{text-align:left;	text-transform:uppercase;
}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
	font-family: Verdana, Arial, Sans-serif;
	color:#e7e7e7;
	padding:10px 0 5px 0;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	clear:both;
	}
img{border:0;}		
p{padding:5px 0 10px 0;margin:0;}
ul{margin:1px 0 5px 5px;padding:0 0 0 25px;}
a{color:#cfb777;}
a:hover{color:#ffffff;}
hr{
	border: 0;
	width: 100%;
	color: #eee;
	background-color: #eee;
	height: 1px;
}

/*### 		2: Header section  ###*/
#header{background:#070708;}
#logo-and-slides{
	width:960px;
	text-align:left;
	margin:0 auto;
	}
#logo{float:left;}
#slide{
	float:right;
	width:290px;
	margin-right:20px;
	display:inline;
	}
#slideshow object,#slideshow img{
	position:absolute;
	top:0;
	left:2px;
	z-index:8;
	padding:0;
}

#slideshow{
	background:url('/slideshow/piano.png') top center no-repeat;
	position:relative;
	}	
/*###  		3: Main Content  ###*/
#container{
	background:#151515;
	border:1px solid #5d5d5d;
	width:960px;
	text-align:left;
	padding:0;
	margin:30px auto 5px auto;
	}
#intro{
	width:620px;
	text-align:left;
	margin:20px;
	float: left;
	}	
#help {
	background-color: #222222;
	height: 420px;
	width: 220px;
	position: fixed;
	text-align: left;
	float: right;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #CCCCCC;
	border: thin solid #FFFFFF;
	padding: 10px;
}


.left,.center,.right{
	width:280px;
	display: inline;
	float:left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#container img{
	border:1px solid #5f5f5f;
	}

#fw,#events, #pianos{
	text-align:left;
	margin:20px;
	clear:both;
}		
#events td,#events th{
	vertical-align:top;
	padding: 10px 10px;
	}
#events th{
	padding:10px;
	}
	
#pianos td,#pianos th{
	vertical-align:top;
	padding:5px 10px;
	}
#pianos th{
	padding:10px;
	}
.row0{
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
.row1{background:#1d1d1d;}
.row2{}
.piano-img{	width:100px;}
.piano-age{	width:100px;}
.piano-details{	width:500px;}
.piano-price{	width:130px;}
#map{
	height:330px;
	width:440px; 
	clear:both;
	border:1px solid #fff;}

#map{color:#000;}
/* ##		4: Navigation Bar     ######       */
#nav-container{
	background:#3b0e0e;
	border-top:2px solid #5c3434;
	clear:left;
	padding:1px 0;/*important for Opera*/
	}
#nav{
	background: url('/images/nav.jpg') top left no-repeat;
	width:960px;
	text-align:	left;
	margin:0 auto;
	letter-spacing:1px;
	font-size:.9em;
	}
#nav ul{
	list-style:none;
	padding:0;
	margin:0;
	width:620px;
	}
#nav li{
	float:left;
	padding:0;
	margin:0;
	}
#nav li a{
	color:#c0bab8;
	float:left;
	padding:17px 20px;
	margin:0;
	text-decoration:none;
	}
#nav li a:hover{
	color:#cfb777;
	background:#2f0404;
}
li.active a{
	color:#cfb777;
	background:#2f0404;
}
/* ## 		5: Footer - copyright and legal  info  ########*/
#footer{
	padding:10px 0;
	margin:10px 0 0 0;
	clear:both;
	text-align:center;
	border-top:1px solid #5c3434;
	background:#280909 url('/images/footer.jpg') top center repeat-x;
	}
#footer-inner{
	width:920px;
	margin:0 auto;
	text-align:left;
	}
#legal{
	font-size:.7em;
	color:#c0bab8;
	width:600px;
	}
#footer-address{
	font-size:.85em;
	width:280px;
	font-style:normal;
	float:right;
	}
#copy{
	text-align:right;
	margin:0 auto;
	width:960px;
	color:#c1c1c1;
	clear:both;
	font-size:.6em;
	}
#copy a{color:#c1c1c1;}
#copy a:hover{color:#fff;}

/*##		6: Cross browser bug fixes ###*/
#header:after,#map:after,#container:after,#nav-container:after,#nav:after,#footer:after,#footer-inner:after,.left:after,.center:after,.right:after,address:after,#legal:after{
	display:block;
	clear:both;
	content: " ";
		}