@charset "UTF-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	outline:none;
}
body{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#20333e;
}
body#casa{
	background:#000 url("/assets/images/bg_home.jpg") no-repeat top center;
	color:#c8cbcd;/*different color text on the home page*/
}
body#standard{
	background:#000 url("/assets/images/bg_about.jpg") no-repeat top left;
}
body#oboe{
	background:#000 url("/assets/images/bg_clarinet.jpg") no-repeat top left;
}
body#flute{
	background:#000 url("/assets/images/bg_flute.jpg") no-repeat top left;
}
p{
	padding:0 0 20px 0;
}
h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:normal;
	padding:10px 0 10px 0;
}
h3{
	font-size:12px;
	font-weight:bold;
	padding:10px 0 0 0;
}
a, a:visited{
	color:#00507e;
	text-decoration:none;
}
a:hover{
	color:#000;
}
ul{
	padding-left:25px;
}
ul li{
	list-style:katakana;
}
body#casa #wrapper{
	width:600px;
	margin:0 auto;
	padding:510px 0 0 150px;
}
body#casa #content{
	width:458px;
	float:left;
	padding:0 0 0 10px;
}

/*BEGIN NAVIGATION STYLES*/
#nav{
	/*margin:0; padding:0;*/
	width:110px;
	float:left;
	padding:2px 0 0 0;
}
body#casa #nav{
	padding:120px 0 0 0;/*pushes the nav down on the home page*/
}

#nav a{
	display:block;
	width:115px; height:10px;
	margin:0; padding:0 0 10px 0;
	text-decoration: none;
}
/**/
#nav a#home{
	background: url("/assets/images/nav_01.png") top left no-repeat;
}
#nav a#about{
	background: url("/assets/images/nav_02.png") top left no-repeat;
}
#nav a#musicians{
	background: url("/assets/images/nav_03.png") top left no-repeat;
}
#nav a#repertoire{
	background: url("/assets/images/nav_04.png") top left no-repeat;
}
#nav a#music{
	background: url("/assets/images/nav_05.png") top left no-repeat;
}
#nav a#contact{
	background: url("/assets/images/nav_06.png") top left no-repeat;
}
/**/
#nav a#home:hover{
	background-image: url("/assets/images/nav_01_hover.png");
}
#nav a#about:hover{
	background-image: url("/assets/images/nav_02_hover.png");
}
#nav a#musicians:hover{
	background-image: url("/assets/images/nav_03_hover.png");
}
#nav a#repertoire:hover{
	background-image: url("/assets/images/nav_04_hover.png");
}
#nav a#music:hover{
	background-image: url("/assets/images/nav_05_hover.png");
}
#nav a#contact:hover{
	background-image: url("/assets/images/nav_06_hover.png");
}
#nav a span{ 
	display:none 
}
body#casa #nav a#home{
	display:none;
}
#nav_m a, a:visited{
	color:#222;
}
#nav_m a:hover{
	color:#00507e;
}
/*END NAVIGATION STYLES*/

/*BEGIN LOGO IMAGE REPLACEMENT*/
#logo {
	margin:0; padding:0;
}
#logo a {
	display:block;
	width:251px; height:62px;
	margin:0; padding:0;
	background: url("/assets/images/logo2.png") top left no-repeat;
	text-decoration: none;
	}
#logo a:hover {
	background-image: url("/assets/images/logo2_hover.png");
	}
#logo a span { display:none }
/*END LOGO IMAGE REPLACEMENT*/


#wrapper{
	padding:21px 0 0 34px;
	
}
#wrapper #logo{
	padding:0 0 0 172px;
}
#fish{
	padding:19px 0 0 0;
}
.pie, ul.nav{
	font-size:10px;
	color:#757c80;
}
.pie a, pie a:visited, ul.nav a, ul.nav a:visited{
	color:#9ca5ab;
}
.pie a:hover, ul.nav a:hover{
	color:#fff;
}
ul.nav{
	list-style:none;
}
ul.nav li{
	display:inline;
	padding:0 .5em 0 .5em;
	border-right:1px solid #757c80;
}
ul li.last{
	border-right:0px;
}
.clear{
	clear:both;
}
.center{
	text-align:center;
}
div.content p img{
	border:1px solid #20333e;
	float:right;
	margin:10px 0 0 10px;
}
.hidden{
	display:none;
}
/*BEGIN: instruments navigation*/
div.bear p{
	float:none;
	clear:both;
}
div.bear p a img{
	float:none;
	clear:both;
	margin:0 10px 0 0;
}
div.bear p a, div.bear p a:visited{
	font-size:15px;
	color:#00507e;
}
/*END: instruments navigation*/