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

body {
	margin:0.5em;
	padding:0;
	height:100%;
	background:url(../assets/bg.jpg) repeat-x;
	background-color: #000000;
	text-align:center;
	font-family:Verdana, Helvetica, sans-serif, Arial;
	font-size:11px;
	text-decoration:none;
}

h1 {
	font-family:Verdana, Helvetica, sans-serif, Arial;
	color:#B0A032;
	font-weight: normal;
	font-size: 12px;
	letter-spacing:.04em;
	margin:0px;
	padding:0px 0px 5px;
}

a {color: #B0A032;text-decoration:underline;}
a:visited {color:#B0A032;text-decoration:underline;}
a:hover {color: #E1CC3E;text-decoration:underline;}
a:active { color:#B0A032;text-decoration:underline;}

/* ----------Banners-------- */

#homeBanner {
	background-image:url(../assets/zazu-home-banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
}

#aboutBanner {
	background-image:url(../assets/zazu-about-banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
}
#videosBanner {
	background-image:url(../assets/zazu-videos-banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
}
#vocalistsBanner {
	background-image:url(../assets/zazu-vocalists-banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
}

#jenniferBanner {
	background-image:url(../assets/zazu-jennifer-banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
}

#playlistBanner {
	background-image:url(../assets/zazu-playlist-banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
}
#venuesBanner {
	background-image:url(../assets/zazu-venues-banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
}
#downloadsBanner {
	background-image:url(../assets/zazu-downloads-banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
}
#header ul	{
	margin:5px 0 0 0px;
	padding:0 0 0 0;
	list-style:none;
}

#header li {
	margin:0px;
	padding:5px 10px 0 0px;
	font-size:10px;
	color:#B0A032;
	text-align:right;
	text-decoration:underline;
}
#header a {color: #B0A032;text-decoration:none;}
#header a:visited {color:#B0A032;text-decoration:none;}
#header a:hover {color: #E1CC3E;text-decoration:none;}
#header a:active { color:#B0A032;text-decoration:none;}

/* ----------Main Container-------- */

#container {
	margin:0 auto;
	width:900px;
	position: relative;
	top: 10px;
}

#container h1 {
	margin:0px;
	padding:0px 0px 5px;
	font-size: 12px;
	color:#B0A032;
}

#container h2 {
	margin:0px;
	padding:0px 0px 5px;
	font-size: 10px;
	font-weight:normal;
	letter-spacing:0.1em;
	color: #B0A032;
}
/* ----------Navigation Links-------- */

#navigation-links {
	position:relative;
	width:120px;
	heigth:125px;
	margin:0; /* Mozzila attributes */
	padding:0 !important; /* IE specific attributes */
	padding:0;
	left: 36px;
	top: 30px;
	float: left;
}

#navigation-links ul {
	margin:0 !important;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}

#navigation-links li {
	margin:0 0 3px -.27em;
	padding:0 !important;
	padding:0;
	list-style:none;
	display:block;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	line-height:20px;
	text-indent:8px;
	font-size:10px;
	font-weight:bold;
	background-image:url(../assets/sign.jpg);
	background-repeat:repeat-x;
	width:120px;
	height:21px;
}

#navigation-links a {color: #fff;text-decoration:none;}
#navigation-links a:visited {color:#fff; text-decoration:none;}
#navigation-links a:hover {color: #E1CC3E;text-decoration:none;}
#navigation-links a:active { color:#B0A032;text-decoration:none;}

/* ----------Content-------- */s

#content {
	height: 450px;
	margin:0 auto;
	overflow:visible;
	padding:15px 0px 0px;
	width:100%;
}

#flash {
	float:left;
	left:300px;
	position: absolute;
	height: 199px;
	top: 50px;
}
#Home-video {
	margin:0px 10px 2em 10px;
	padding:0px;
	float:left;
	width:320px;
	text-align: left;
}

/* ----------Playlist-------- */

#box_1 {
	margin:20px 5px 2em 20px;
	padding:12px 0px 0px 8px;
	float:left;
	width:180px;
	text-align: left;
}

#box_2 {
	margin:20px 14px 2em 14px;
	padding:12px 0px 0px;
	float:left;
	width:180px;
	text-align: left;
}

#box_3 {
	margin:20px 10px 2em 7px;
	padding:12px 0px 0px;
	float:left;
	width:180px;
	text-align: left;
}

#box_4 {
	margin:20px 0px 2em 14px;
	padding:12px 0px 0px;
	float:left;
	width:195px;
	text-align: left;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
	font-size:11px;
	line-height:16px;letter-spacing:0.07em;
	color:#DDDDDD;
	margin:0px 0px 20px 0px;
	padding:0px;
}

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
	margin:0 0 0 0px;
	padding:0 0 0 0;
	list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
	margin:0 0 .3em 0;
	padding:5px 0 0 0px;
	font-size:10px;
}

/* ----------3 Columns-------- */

#box3_1 {
	margin:0px 5px 2em 20px;
	padding:28px 8px 0px 0px;
	float:left;
	width:285px;
	text-align: left;
}

#box3_2 {
	margin:0px 40px 2em 14px;
	padding:49px 0px 0px 0px;
	float:left;
	width:285px;
	text-align: left;
}

#playlist {
	margin:0px;
	padding:30px 8px 0px 8px;
	float:right;
	width:150px;
	text-align: left;
	overflow:hidden;
	height: 100%;
	font-size:10px;
	font:Verdana, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
	line-height:16px;
}

#playlist ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:left;
	width:100%;
}

#playlist li{
	margin:0px;
	padding:0px;
}

#box3_1 p, #box3_2 p	{
	font-size:11px;
	line-height:16px;letter-spacing:0.07em;
	color:#DDDDDD;
	margin:0px 0px 15px 0px;
	padding:0px;
}

#box3_1 ul, #box3_2 ul	{
	margin:5px 0 0 0px;
	padding:0;
	list-style:none;
}

#box3_1 li, #box3_2 li {
	margin:0 0 .3em 0;
	padding:0px 0 0 0px;
	font-size:9px;
}


/* ----------Singer Pages-------- */
.singerBio {
	width:325px;
	margin:20px 5px 2em 20px;
	padding:8px;
	float:left;
	text-align: left;
}

.singerBio p	{
	font-size:11px;
	line-height:16px;letter-spacing:0.07em;
	color:#DDDDDD;
	margin:0px 0px 15px 0px;
	padding:0px;
}

.singerBio ul	{
	margin:5px 0 0 0px;
	padding:0 0 0 0;
	list-style:none;
}

.singerBio li {
	margin:0 0 .3em 0;
	padding:0px 0 0 0px;
	font-size:9px;
	list-style:none;
}

/* ----------Downloads-------- */

#downloads_box1 {
	margin:20px 5px 2em 20px;
	padding:0px 0px 0px;
	float:left;
	width:200px;
	text-align: left;
}

#downloads_box2 {
	margin:20px 15px 2em 14px;
	padding:0px;
	float:left;
	width:265px;
	text-align: left;
}

#downloads_box1 p, #downloads_box2 p	{
	font-size:10px;
	font-weight:normal;
	line-height:16px;letter-spacing:0.07em;
color:#DDDDDD;
	margin:0px 0px 20px 0px;
	padding:0px;
}

#downloads_box1 ul, #downloads_box2 ul	{
	margin:5px 0 0 0px;
	padding:0 0 0 0;
	list-style:none;
}

#downloads_box1 li, #downloads_box2 li {
	margin:0 0 .3em 0;
	padding:0px 0 0 0px;
	font-size:9px;
	font-weight:normal;
}

.Download_thumb {
	margin: 0px 10px 0px 0px;
	float:left;
}

.download_links {
	width:120px;
	float:left;
	height: 70px;
}

hr {
width: 100%;
border: none 0;
border-top: 1px dashed #ccc;/*the border*/
text-align: left;/*this will align it for IE*/
margin: 0 auto 20px 0; /*this will align it left for Mozilla*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

/* ----------Footer-------- */

#footer {
	width:100%;
	padding: 0px;
	margin: 20px 0px 10px 0px;
}

#copyright {
	position: relative;
	width:300px;
	float:left;
	color:#333333;
	font-size:10px;
	text-align:left;
}

/* ----------Add This -------- */
.addthis_toolbox {
	position: relative;
	float:right;
	width:133px;
	margin:0px;
	padding:0px;
}

/* ----------Global classes-------- */
.clear,br {
	clear:both;
	background-color: #0C1534;
}
.margin-bottom {margin-bottom:0px;}
.italic	{font-style:italic;}
.right {
float:right;
margin:5px;
padding:2px;
}
.left {
float:left;
margin:5px;
padding:2px;
}
.center {
width:auto;
margin-left:auto;
margin-right:auto;
}