/* ---------------- COLORS ---------------- 

Text/Gray bkgd: #807F83
Dark Gray: #414142
Light Gray: #A1A0A4
Green bkgd: #F5FAED
Red: #9F2214
*/

* {
	margin: 0; 
   	padding: 0;
}

body {
	margin-top: 25px;
	background-color: #807F83;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 18px;
}

ul, li	{
   list-style: none;
}

a  {
	text-decoration: none;
	color: #807F83;
}

p {
	margin-top: 6px;
	color: #807F83;
}

h2 {
	margin-top: 6px;
	font-size: 11px;
	color: #9F2214;
	letter-spacing: 1px;
}

h3 {
	margin-top: 6px;
	margin-bottom: 0;
	font-size: 12px;
	color: #414142;
}  

/*  ----------------- WRAPPERS -----------------  */

#wrapper_outer {
	position: relative;
	margin: 0 auto 400px;
	width: 1015px;
}
	
#wrapper_top {
	position: relative;
	width: 1015px;
	height: 25px;
	top: 25px;
	background-image: url('../img/wrapper_top.png');
}

#wrapper_middle {
	width: 1015px;
	background-image: url('../img/wrapper_middle.png');
}

#wrapper_bottom {
	width: 1015px;
	height: 27px;
	background-image: url('../img/wrapper_bottom.png');
}

#wrapper_inner {
	position: relative;
	width: 975px;
	margin: 0 20px;
	padding: 0;
	background-color: #F5FAED;
}

/*  ----------------- BANNER -----------------  */

#banner {
	position: relative;
	height: 165px;
}


#logo_big {
	position: absolute;
	top: 26px;
	right: 0px;
	width: 631px;
	height: 101px;
}

#smallBY {
	position: absolute;
	top: 16px;
	left: 267px;
	width: 60px;
	height: 148px;
	background-image: url('../img/BY_w_coat_sm.png') ;
}
  

/*  ----------------- SPECIAL ANNOUNCEMENTS -----------------  */


/*	---- FISHING ---- */

#fishingSign_1 {
	position: absolute;
	top: 163px;
	right: -120px;
	width: 332px;
	height: 240px;
	z-index: 10;
	background-image: url('../img/BY_fishing_sign_piece1.png');
}

#fishingSign_2 {
	position: absolute;
	top: -6px;
	right: -29px;
	width: 67px;
	height: 170px;
	z-index: 10;
	background-image: url('../img/BY_fishing_sign_piece2.png');
}


/* --------  SPECIAL EVENT  -------- */

#eventBanner {
    height: 57px;
    padding: 10px 27px 16px;
    background-color: #9F2214;
}

#eventBanner:hover {
	background-color: #be3f2b;
	cursor: pointer;
}

#eventBanner p {
	margin: 2px 0 0 15px;
	color: #ffffff;
}

#eventBanner h2 {
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 2px;
}

.clickHere {
	letter-spacing: 1px;
	font-size: 12px;
	
}

/*  ----------------- NAVIGATION -----------------  */

#navLinks {
	position: absolute;
	top: 26px;
	left: 25px;
	width: 200px;
	height: 125px;
	z-index: 5;
}

#navLinks ul {
	line-height: 17px;
}

#navLinks ul li {
	margin-bottom: 6px;
	background-repeat: no-repeat;
	background-position: 0 -17px;
	cursor: pointer;
}

#navLinks ul li:hover {
	background-position: 0 0;
}

#navLinks ul li.activePage {
	background-position: 0 0;
}

#navLinks a {
	display: block;
}


/*----------------- nav icons -----------------*/

#nav_home {
	background-image: url('../img/nav_home.png');
}

#nav_works {
	background-image: url('../img/nav_works.png');
	width: 80px;
}

#nav_bio {
	background-image: url('../img/nav_bio.png');
}

#nav_activities {
	background-image: url('../img/nav_activities.png');
}

#nav_byproductions {
	background-image: url('../img/nav_byproductions.png');	
}

#nav_contact {
	background-image: url('../img/nav_contact.png');
}

/*----------------- nav flyout -----------------*/

#navFlyout {
	position: absolute;
	display: none;
	left: 100px;
	top: 14px;
	z-index: 10;
}

#navFlyout ul li {
	width: 130px;
	height: 17px;
	background-position: 0 -17px;
	cursor: pointer;
}

#navFlyout ul li:hover {
	background-position: 0 0px;
}

#navFlyout a {
	display: block;
	width: 130px;
	height: 17px;
}

#navFlyout_theater {
	background-image: url('../img/flyout_theater.png');
}

#navFlyout_vocal {
	background-image: url('../img/flyout_vocal.png');
}

#navFlyout_instrument {
	background-image: url('../img/flyout_instrument.png');
}

/*----------------- popup sample music -----------------*/

#bannerPopup {
	position: absolute;
	top: 141px;
	right: 0;
	width: 631px;
	height: 34px;
/*	background-color: blue;*/
}

#bannerPopup .musicPopup {
	float: left;
	height: 17px;
	margin-right: 84px;
	background-repeat: no-repeat;
	background-position: 0 -17px;
	cursor: pointer;
}

#bannerPopup .musicPopup:hover {
	background-position: 0 0;
}

#constitution {
	background-image: url('../img/headphones_constitution.png');
	width: 203px;
}

#osama {
	background-image: url('../img/headphones_osama.png');
	width: 116px;
}

#contraries {
	background-image: url('../img/headphones_contraries.png'); 
	width: 97px;
}

/*  ----------------- MAIN CONTENT -----------------  */

#mainContent {
	position: relative;
/*	height: 540px;*/
}

#mainLeft {
	float: left;
	width: 280px;
	padding-left: 25px;
	margin-top: 10px;
}

#mainLeft h2 {
	margin-top: 8px;
}

#mainLeft p {
	line-height: 16px;
}

/*mainLeft h3 link colors*/

a.textRed {
	color: #9F2214;
}

a.textRed:hover {
	color: #414142;
}

#mainRight {
	float: right;
	width: 660px;
	position: relative;
}

#mainRight .marginTop20px {
	margin-top: 20px;
}

#byGroup {
	position: relative;
	margin-top: 7px;
	left: 5px;
}

#byGroup img {
	position: relative;
	right: 0;
}

#specialBanner {
	display: none;
}

#clearFloats {
	clear: both;
	width: 100%;
	padding-top: 20px;
}

/*  ----------------- FOOTERS -----------------  */

#footerLeft {
	float: left;
	padding-left: 30px;
}

#footerRight {
	float: right;
	padding-right: 30px;
}

.footerText p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #E6E6E6;
/*	color: #fff;*/
	margin-top: 3px;
}

.footerText a {
	color: #E6E6E6;
/*	color: #fff;*/
}

.footerText a:hover {
	border-bottom: 1px solid #A1A0A4;
/*	text-decoration: underline;*/
}

/*  ----------------- MEDIA -----------------  */

.embedded {
	height: 16px;
	width: 200px;
	background-color: #F5FAED;
}

.embedded225 {
	height: 16px;
	width: 225px;
	background-color: #F5FAED;
}

.headphoneText {
	margin-top: 3px;
	height: 17px;
}

/*  ----------------- HACKS -----------------  */

.marginTopZero {
	margin-top: 0px;
}

.marginTop3px {
	margin-top: 3px;
}

.marginTop4px {
	margin-top: 4px;
}

.marginTop6px {
	margin-top: 8px;
}

.marginTop8px {
	margin-top: 8px;
}

.marginTop12px {
	margin-top: 12px;
}

.marginTop20px {
	margin-top: 12px;
}

.marginTop-12px {
	margin-top: -12px;
}

.marginBottom0px {
	margin-bottom: 0;
}

.marginBottom12px {
	margin-bottom: 12px;
}

.marginBottom18px {
	margin-bottom: 18px;
}

.clearFloat {
	clear: both;
}

#bannerPopup .noRightMargin {
	margin-right: 0;
}

.darkGray {
	color: #414142;
}