/* CSS layout */
body {
	background-image: url('/images/background.jpg');
	background-repeat: repeat;
	min-width: 800px;
	padding: 0;
	margin: 0;
	font-size: 16px;
}
body h1 {
	text-shadow: 2px 2px 2px gray;
	font-size: 40px;
	font-weight: bolder;
	margin: 0px 5px 15px 5px;
	padding: 0;
}
/* The logo (head) of the page. */
#logo {
	padding: 0;
	height: 150px;
	margin: 0px 15px 0px 15px;
	border-style: none;
	text-align: center;
}
#logo img {
	border-style: none;
	border-width: 0px;
}
/* Everything below the logo on the page. */
#all_content {
	top: 150px;
	margin: 0px 15px 15px 15px;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px green solid;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-khtml-border-radius: 25px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
}
/* The top navigation bar. */
#top_nav {
	width: 744px;
	height: 31px;
	margin-left: auto;
	margin-right: auto;
}
#top_nav a, 
#top_nav a:link, 
#top_nav a:visited {
	width: 118px;
	height: 22px;
	line-height: 22px;
	float: left;
	background-color: #005500;
	color: white;
	padding: 0px 1px 0px 1px;
	margin: 5px 2px 2px 2px;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	vertical-align :middle;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
#top_nav a:hover {
	font-weight: bold;
	background-color: #009900;
}
#top_nav a:active {
	font-weight: bold;
	background-color: white;
	color: #005500;
}
html#home_page #top_nav a#home,
html#products_page #top_nav a#products,
html#media_page #top_nav a#media,
html#faq_page #top_nav a#faq,
html#artists_page #top_nav a#artists,
html#contact_page #top_nav a#contact,
html#about_page #top_nav a#about {
	height: 28px;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
	background-color: #EEEEEE;
	margin: 3px 2px 0px 2px;
	cursor: default;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-khtml-border-bottom-left-radius: 0;
	-khtml-border-bottom-right-radius: 0;
}
/* Everything below the navigation bar. */
#page_content {
	clear: both;
	padding: 15px 15px 15px 10px;
	background-color: #FFFFFF;
	background-image: url('/images/greengraphtile.gif');
	color: #000000;
	margin: 0px 15px 0px 15px;
	border-top: 5px #EEEEEE solid;
}
#page_content ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 10px;
}
#page_content ul li {
	margin-bottom: 5px;
	padding-left: 25px;
	background: transparent url('/images/list-bullet.gif') no-repeat;
	background-position: 0 3px;
}
div.contentBlock {
	width: 100%;
	border: 2px green solid;
	margin: 0px 0px 20px 0px;
	background-color: #ECFBEC;
	clear: both;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px gray;
	-moz-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
}
div.contentBlock p, 
div.contentBlock h2, 
div.contentBlock h3, 
div.contentBlock img {
	border-width: 0px;
	margin: 10px;
}
div.contentBlock li {
	margin: 5px;
}
div.newsBlock {
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: green;
	margin: 0px 10px 0px 10px;
}
a.link_button, 
a.link_button:link, 
a.link_button:visited {
	display: inline-block;
	width: 119px;
	height: 40px;
	text-align: center;
	font-size: 14px;
	line-height: 38px;
	text-decoration: none;
	background-image: url('/images/links_b1.gif');
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}
a.link_button:hover {
	background-image:url('/images/links_b1_over.gif');
	background-repeat: no-repeat;
	color: #000000;
	font-weight: bold;
}
a.link_button:active {
	background-image:url('/images/links_b1_over.gif');
	background-repeat: no-repeat;
	color: #006600;	
	font-weight: bold;
}
div.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
/* Page footer section. */
#footer {
	font-family: "Courier New", Courier, monospace;
	font-size: small;
	text-align: center;
	color: #FFFFFF;
	height: 25px;
	line-height: 25px;
}
#footer p {
	padding: 0;
	margin: 0;
	border: 0;
}
#footer a, 
#footer a:link {
	color: #0099FF;
}
#footer a:visited {
	color: #CC99FF;
}
#footer a:active, 
#footer a:hover {
	color: #FF5050;
}
a.honeyPot {
	color: #FFF;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: normal;
	font-family: arial, sans-serif;
	text-decoration: none;
}
/* Preloaded images block (hidden) - Makes interactive elements work better. */
#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
/* IE hacks */
div.ieBoxShadow {
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, Direction=120, Strength=3);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, Direction=120, Strength=3);
	zoom: 1;	
}