/* The Bowed Piano Ensemble Website Style */

/* Designed, Maintained and Hosted by Melissa Crompton with 
   special thanks to Christopher Robinson for his "Smooth and Sleek" 
   contribution to OSWD.  
   Email Christopher at christopher@edg3.co.uk
   or visit http://www.edg3.co.uk/  */

/* SUPPORT THE OPEN SOURCE WEB DESIGN SITE at OSWD.org  */

/*  NOW FOR THE SPIFFY SHTUFF*/


* 	{	
	border:0;
	margin:0;
	padding:0;
	}


/*******  Body Shtuff  *******/
body 	{
	background:#fff;
	color:#333;
	font:0.75em/100% 'Trebuchet MS', 'Trebuchet', Helvetica, Verdana, sans-serif;
	line-height:1.5em;
	}


/*******  General Shtuff  *******/
a 	{
	color:#960;
	text-decoration:none;
	}
a:hover {
	color:#36C;
	text-decoration:none;
        }


/*******  Header  *******/
#header {
	background:#111 url('image/background_header2.jpg') center repeat-y; width:100%;
	}
#header:after	{
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
		}
#header_inside	{
	border-left:1px solid #111;
	border-right:1px solid #111;
	margin:0 auto;
	width:1000px;
		}
#header_inside h1 {
	color:#fff;
	float:left;
	font:3em 'Trebuchet MS', Verdana, sans-serif;
	letter-spacing: 2px;
	height:120px;
	line-height:185px;
	margin:0 0 0 20px;
	width:505px;
		  }
#header_inside h1 span	{
	color:#960;
			}
#header_inside ul {
	float:right;
	height:120px;
	list-style:none;
	width:375px;
		  }
#header_inside ul li	{

	float:right;
	height:120px;
	list-style:none;
	width:75px;
			}
#header_inside ul li a 	{
	color:#fff;
	display:block;
	height:50px;
	line-height:50px;
	padding:75px 0 0;
	text-align:center;
	width:75px;
			}
#header_inside ul li a:hover 	{
	background:#fff;
	color:#333;
				}
#header_inside ul li a.active 	{
	background:#fff;
	color:#333;
				}

/*******  Content  *******/
#content {
	background:#fff url('image/background_content2.jpg') center repeat-y;
	width:100%;
	}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
	}
#content_inside {
	border-left:1px solid #A2A2A2;
	border-right:1px solid #A2A2A2;
	margin:0 auto;
	width:1000px;
	}
#content_inside_sidebar {
	border-left:1px solid #bbb;
	float:right;
	line-height:175%;
	margin:25px 0 25px 780px;
	padding:0 0 0 10px;
	position:absolute;
	width:200px;
	}
#content_inside_sidebar h2 {
	background:#fff;
	color:#000;
	font-size:110%;
	font-weight:400;
	padding:5px 0;
	text-align:right;
	}
#content_inside_sidebar ul {
	letter-spacing:0px;
	list-style:none;
	margin:0 0 10px;
	}
#content_inside_sidebar ul li {
	list-style:none;
	}
#content_inside_sidebar ul li a {
	border-bottom:1px solid #e9e9e9;
	display:block;
	padding:3px;
	text-align:right;
	width:194px;
	}
#content_inside_sidebar ul li a:hover {
	background:#960;
	color:#fff;
	}
#content_inside_main {
	background:#fff;
	letter-spacing:0px;
	line-height:175%;
	margin:0 auto;
	padding:25px 235px 25px 25px;
	width:725px;
	}
#content_inside_main h1 {
	border-bottom:1px solid #ccc;
	font-size:125%;
	padding:25px 0 2px;
	}
#content_inside_main h2 {
	color:#666;
	font-size:115%;
	text-align:left;
	}
#content_inside_main h3 {
	color:#777;
	font-size:105%;
	text-align:center;
	font-weight:100;
	}
#content_inside_main h4 {
	color:#960;
	font-size:400%;
	line-height:25%;
	}
#content_inside_main p {
	padding:0 0 10px;
	}
#content_quote {
	height:315px;
	width:725px;
	background:#FFF url('image/closeup_debragumlich_photo_s.jpg') left no-repeat;
  	}
#content_quote_inside {
	display:block;
	width:275px;
	float:right;
	font-size:100%;
	color:#960;
	text-align:justify;
	padding:20px 0px 20px 0px;
	}
#content_inside_main contact {
	line-height: 100%
	}
#content_inside_review {
	background:#111 url('image/background_review.jpg') center repeat-y;
	color:#960;
	letter-spacing:0px;
	font-size:14px;
	line-height:175%;
	margin: auto;
	padding-left: 50px;
	padding-right: 50px;
	float:center;
	}
#content_inside_review h1 {
	color:#fff;
	font-size:18px;
	line-height:200%;
	text-align:center;
	}
#content_inside_main image {
	padding-left:0pt;
	}

#content_inside_main ul {
	padding-left: 20px;
	line-height: 200%;
	}
	
/*******  Footer  *******/
#footer {
	background:#111 url('image/background_footer2.jpg') center repeat-y;
	height:100px;
	width:100%;
	}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
	}
#footer_inside {
	height:100px;
	margin:0 auto;
	width:1000px;
	}
#footer_inside p {
	color:#fff;
	line-height:100px;
	text-align:center;
	}


/*******  Container for Photo Gallery  *******/
#container {
	position:relative;
	width:740px;
	height:480px;
	margin:  0px 0px 25px;
	border:0px solid #fff
	}
#container ul {
	padding: 0px;
	margin:0;
	list-style-type:none;
	}
#container a.gallery span { 
	position:absolute; 
	width:1px; 
	height:1px; 
	top:-1px; 
	left:-1px; 
	overflow:hidden; 
	background:#fff; 
	}
#container a.gallery, #container a.gallery:visited {
	display: block;
	color:#000;
	text-decoration:none;
	border:2px solid #fff;
	margin: 0px;
	text-align:left;
	cursor:default;
	}
#container a.slidea {
	background:url('image/thumb1_screen.jpg');
	height:66px;
	width:66px;
	}
#container a.slideb {
	background:url('image/thumb2_allenroom.jpg');
	height:66px;
	width:66px;
	}
#container a.slidec {
	background:url('image/thumb3_london.jpg');
	height:66px;
	width:66px;
	}
#container a.slided {
	background:url('image/thumb4_pacific.jpg');
	height:66px;
	width:66px;
	}
#container a.slidee {
	background:url('image/thumb5_amsterdam.jpg');
	height:66px;
	width:66px;
	}
#container a.slidef {
	background:url('image/thumb6_tallinn.jpg');
	height:66px;
	width:66px;
	}
#container a.slideg {
	background:url('image/thumb7_bowtabs.jpg');
	height:66px;
	width:66px;
	}
#container a.slideh {
	background:url('image/thumb8_closeup.jpg');
	height:66px;
	width:66px;
	}
#container a.slidei {
	background:url('image/thumb9_canberra.jpg');
	height:66px;
	width:66px;
	}
#container ul {
	width:160px;
	}
#container li {
	float:left;
	}
#container ul {
	margin:20px;
	float:right;
	}
#container a.gallery:hover {
	border:2px solid #e9e9e9;
	}
#container a.gallery:hover span {
	position:absolute;
	width:540px;
	height:480px;
	color:#000;
	background:#fff;
	}
#container a.gallery:hover img {
	border:2px solid #fff;
	float:left;
	margin-top:0px;
	margin-right:10px;
	}
#container { 
	background:#fff url('image/gallery.jpg') 0px 0px no-repeat; 
	}