@charset "UTF-8";
/* CSS Document */

/* Main layout
------------------------------------------------------------------*/
img {
	margin:0;
	padding: 0;
	border: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #9f8f80;
	color: #333333;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 150%;
}
.clearing {
	clear: both;
	height: 0;
	line-height:0;
	font-size: 0;
}
/* Hide dotted image outline from Firefox and Netscape */
a {
	outline: none;
}


/* Text
------------------------------------------------------------------*/
a, a:visited {
	color: #336699;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

/* Header
------------------------------------------------------------------*/
#header-grad {
	width: 100%;
	background-color: #000000;
	background-image: url(../images/header-grad.png);
	background-repeat: repeat-x;
}
#header-shadow {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#header-container {
	width: 980px;
	margin: 0 auto;
	position: relative;
	height: 100px;
}
#header-logo {
	width: 223px;
	height: 30px;
	position: absolute;
	left: 15px;
	top: 30px;
	z-index: 4000;
	font-size: 21px;
	line-height: 30px;
	color: #FFFFFF;
}
#header-logo a, #header-logo a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
#header-logo a:hover  {
	color: #FF6600;
	text-decoration: none;
}
#header-logo a span {
	color: #FF6600;
}
#header-logo a:hover span {
	color: #FFFFFF;
}
#header-banner-ads {
	width: 728px;
	height: 90px;
	position: absolute;
	right: 15px;
	top: 0px;
}
#header-search {
}

/* Nav
------------------------------------------------------------------*/
#nav-grad {
	width: 100%;
	background-color: #666666;
	background-image: url(../images/nav-grad.png);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF6600;
}
#nav-shadow {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#nav-container {
	width: 980px;
	margin: 0 auto;
	position: relative;
	height: 40px;
	z-index: 2000;
}
#nav-left-container {
	height:40px;
	position:relative;
	width: 652px;
	float: left;
}
#nav-right-container {
	height:40px;
	position:relative;
	width: 320px;
	float: right;
}



/* Global Content
------------------------------------------------------------------*/
#content-grad-top {
	width: 100%;
	background-color: #faf9f9;
	background-image: url(../images/content-top-grad.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8e7d6e;
}
#content-grad-bot {
	width: 100%;
	background-image: url(../images/content-bot-grad.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#content-shadow {
	width: 1000px;
	margin: 0 auto;
}
#content-container {
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.content-container-grad {
	background-image: url(../images/content-grad.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.content-container-top {
	background-image: url(../images/content-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 980px;
}
.content-container-bot {
	background-image: url(../images/content-bot.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 980px;
}

/* left-content
------------------------------------------------------------------*/
.left-content {
	float: left;
	width: 652px;
}
.left-content-box-top {
	width: 652px;
	height: 45px;
	background-image: url(../images/box-top-grad.png);
	background-repeat: repeat-x;
	position: relative;
}
.left-content-box-top-left {
	width: 10px;
	height: 45px;
	background-image: url(../images/box-top-left.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}
.left-content-box-top-right {
	width: 10px;
	height: 45px;
	background-image: url(../images/box-top-right.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
}
.left-content-box-top-title {
	height: 45px;
	position: absolute;
	left: 15px;
	top: 0px;
	font-size: 18px;
	line-height: 45px;
	color: #333333;
}

/* featured-composers
------------------------------------------------------------------*/
.featured-composers-box {
	width: 652px;
	height: 250px;
}
.featured-composers-box-bot {
	width: 652px;
	height: 10px;
	background-image: url(../images/featured-composers-box-bot.png);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

/* results-box
------------------------------------------------------------------*/
.content-box-title {
	width: 622px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	padding-right: 15px;
	padding-left: 15px;
}

/* right-content
------------------------------------------------------------------*/
.right-content {
	width: 320px;
	float: right;
}


/* Footer
------------------------------------------------------------------*/
#footer-grad {
	width: 100%;
	background-image: url(../images/footer-grad.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-top: 1px solid #bfb5ac;
}
#footer-shadow {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#footer-container {
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
	padding-bottom: 90px;
}
#footer-left {
	width: 830px;
	float: left;
	position: relative;
}
#copyright {
	font-size: 10px;
	color: #ffffff;
}
#footer_links {
	font-size: 10px;
	line-height: 20px;
	margin-top: 10px;
}
#footer_links a:link, #footer_links a:visited {
	color: #ffffff;
	text-decoration: none;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: ffffff;
}
#footer_links a:hover {
	color: #000000;
}
#footer-right {
	width: 140px;
	float: right;
	position: relative;
}

/*  wma
------------------------------------------------------------------*/
#wma {
	width: 120px;
	height: 40px;
	margin-bottom: 10px;
	position: absolute;
	top: 0px;
	right: 10px;
}
#wma ul {
	padding: 0;
	margin: 0;
}
#wma ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#wma ul li a, #wma ul li a:visited {
	display: block;
	background-image: url(../images/wma-logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 120px;
	text-indent: -9999px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wma ul li a:hover {
	background-position: left bottom;
}