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

/*overall body properties*/
body{
	margin:0;
	font: 10px Verdana, Arial, sans-serif;
	color: #ccc;
	background-color: #000;
	background-image: url(images/bg_images/main_bg_final.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

a, a:hover, a:link, a:visited {
color: #1dadda;
}

a, a:link, a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img{
	border:none;
}

#top-head{
	margin:0;
	background-image:url(images/top_head_back.jpg);
	background-repeat:repeat-x;
	height:122px;
}

#header{
	margin-left:auto;
	margin-right:auto;
	width:930px;
	height:122px;
}

#zc-main-logo{
	height:122px;
	width:630px;
	background-image:url(images/zc_main_logo.jpg);
	background-position:left-top;
	background-repeat:no-repeat;
	float:left;
}

#nav{
	float:left;
	width:300px;
	height:40px;
	margin-top:51px;
	margin-bottom:31px;
}

/* Nav Items Go here */
#homenav{
	height: 17px;
	width: 40px;
	margin-top: 13px;
	background-image: url(images/navbar/home_button.png);
	float: left;
}

#homenav:hover{
	background-position: bottom left;
}

#aboutnav{
	height: 17px;
	width: 47px;
	margin-top: 13px;
	background-image: url(images/navbar/about_button.png);
	float: left;
}

#aboutnav:hover{
	background-position: bottom left;
}
#contactnav{
	height: 17px;
	width: 63px;
	margin-top: 13px;
	background-image: url(images/navbar/contact_button.png);
	float: left;
}

#contactnav:hover{
	background-position: bottom left;
}


#nav_space1{
	float:left;
	width:12px;
	height:40px;
	margin-left: 5px;
	margin-right: 5px;
	background: url(images/nav_space1.jpg);
	background-position: top left;
}

#nav_space2{
	float:left;
	width:9px;
	height:40px;
	margin-left: 5px;
	margin-right: 5px;
	background:url(images/nav_space2.jpg);
}

#header-space{
	height:19px;
}

#main{
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}
.clear{
	clear:both;
}

#left-sidebar{
	float:left;
	width: 617px;
}

#everyone-hd{
	margin-left:49px;
	background:url(images/everyone-hd.png);
	width:550px;
	height:44px;
	border-bottom:1px dotted #616161; 
}
#about-us{
	background:url(images/about_zc.png);
	width:550px;
	height:44px;
	margin-left: 49px;
	border-bottom:1px dotted #616161; 
}
#contact-us{
	margin-left:49px;
	background:url(images/contact_zc.png);
	width:568px;
	height:44px;
	border-bottom:1px dotted #484848; 
}

#content-area{
	 width:568px;
	margin-left:49px;
	height:770px;
}

#content-area-bg {
background:transparent url(images/rightbar_repeat.png) repeat scroll 0 0;
border-bottom:1px dotted #484848;
float:left;
margin-bottom:50px;
margin-right:10px;
margin-left: 49px;
margin-top:10px;
width:557px;
height: 716px;
font-size: 1.1em;
}

#content-area-bg_mail {
background:transparent url(images/rightbar_repeat.png) repeat scroll 0 0;
border-bottom:1px dotted #484848;
float:left;
margin-bottom:50px;
margin-right:10px;
margin-left: 49px;
margin-top:10px;
width:780px;
height: 716px;
font-size: 1.1em;
}

#content-area-bg p {
	font-size: 1em;
	margin: 10px;
}



#right-sidebar{
	float:left;
	width:313px;
	height:814px;
}

#info-icon{
	background:url(images/infoicon.jpg);
	width:300px;
	height:78px;
}

#info-bottom{
	width:300px;
	height:63px;
	background:url(images/info-bottom.png);
	margin-bottom:-60px;
}

#sidebar-text{
	width:300px;
	height:456px;
	background:url(images/rightbar_repeat.png) repeat-y;
}

#sidebar-text p{
   	font-size: 1.1em;
 	color:#cccccc;
 	padding: 10px 10px 0;
}

#sidebar-remainder{
	background:url(images/rightbar_repeat.png) repeat-y;
	width:280px;
	border-bottom:1px dotted #484848; 
padding: 0 10px 16px;
font-size: 1.1em;
}

#sidebar-remainder h2{
	margin-top:0;
	margin-left:20px;
	color:#cc0099;
	font:verdana;
	font-size:1.2em;
	font-weight:bold;
}

#footer{
	width:100%;
	background:url(images/footer.png) repeat-x;
	height:125px;
	vertical-align:bottom;
}

#footer-holder{
	margin-left:auto;
	margin-right:auto;
	width:890px;
	height:125px;
}

#copyright{
	margin-top:20px;
	background:url(images/copyright-border.jpg) right no-repeat;
	width:293px;
	height:105px;
	float:left;
}

#copyright p{
		font:verdana;
   	font-size: 0.8em;
 	color:#cccccc;
 	padding-top:15px;
	padding-right:10px;
	padding-left:10px;
}

#youtube{
	float:left;
}

#twitter{
	float:left;
}

#twitpic{
	float:left;
}

#contact-footer{
	float:left;
}

#zune-hd-footer{
	float:left;
}

/* Display post-image */
.post { background: url(images/white10op.png) repeat; width: 266px; height: 156px; padding: 0; margin: 10px 0 0 10px; float: left; }
.post a img { margin: 3px; }
.zoom { background: url(images/zoom.png) no-repeat; width: 17px; height: 17px; margin: 135px 245px; position: absolute;}

#form {
background: #000;
padding: 10px;
width: 425px;
margin: 10px auto 10px;
}

.zunecard {
margin: 5px;
}
/* Fany Zoom Elements */


#thumbnail_holder {
	height: 150px;
	width: 260px;
	border-left:2px solid #1f1f1f;
	border-right:2px solid #1f1f1f;
	border-top:2px solid #1f1f1f;
	border-bottom:2px solid #1f1f1f;
}

#thumbnail_holder:hover{
	border-left:2px solid #00ccff;
	border-right:2px solid #00ccff;
	border-top:2px solid #00ccff;
	border-bottom:2px solid #00ccff;
}

.photo_holder {
	height: 155px;
	width: 265px;
	padding: 2px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(images/bg_images/box_bg_trans.png);
}

#zoom_window {
	height: 440px;
	background-color: #FFF;
}

#zoom_window_image {
	height: 345px;
	width: 560px;
}

#zoom_window_number {
	height: 25px;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#zoom_window_notice {
	height: 66px;
	width: 560px;
	background-image: url(images/bg_images/download_notice.png);
	background-repeat: no-repeat;
	background-position: top center;
}
ul.sidemenu {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-padding: bottom;
	width: auto;
	line-height: 16px;
	margin-top: 5px;
}

ul.sidemenu li {
	height: 25px;
	float: left;
	margin-right: 0px;
}

ul.sidemenu li a {
	text-decoration: none;
	display: block;
	width: auto;
	height: 25px;
	color: #323232;
	position: static;
}

ul.sidemenu li a:hover {
	height: 25px;
	color: #bd00bd;
}

#div_line {
	color: #323232;
	width: 15px;
}


#numbers_holder {
	color: #323232;
	width: 105px;
	height: 25px;
	float: right;
	margin-top: 23px;
}

#page_num1 {
	width: 25px;
	height: 25px;
	float: left;
	background-image:url(images/navbar/page_numb_01.png);
	background-position: top left;
	margin-right: 3px;
}

#page_num1:hover{
	background-position: bottom left;
}
#page_num2 {
	width: 25px;
	height: 25px;
	float: left;
	background-image:url(images/navbar/page_numb_02.png);
	background-position: top left;
	margin-right: 3px;
}

#page_num2:hover{
	background-position: bottom left;
}
#page_num3 {
	width: 25px;
	height: 25px;
	float: left;
	background-image:url(images/navbar/page_numb_03.png);
	background-position: top left;
	margin-right: 3px;
}

#page_num3:hover{
	background-position: bottom left;
}
#page_num4 {
	width: 25px;
	height: 25px;
	float: left;
	background-image:url(images/navbar/page_numb_04.png);
	background-position: top left;
	margin-right: 3px;
}

#page_num4:hover{
	background-position: bottom left;
}
#page_num5 {
	width: 25px;
	height: 25px;
	float: left;
	background-image:url(images/navbar/page_numb_05.png);
	background-position: top left;
	margin-right: 3px;
}

#page_num5:hover{
	background-position: bottom left;
}
#page_num6 {
	width: 25px;
	height: 25px;
	float: left;
	background-image:url(images/navbar/page_numb_06.png);
	background-position: top left;
	margin-right: 3px;
}

#page_num6:hover{
	background-position: bottom left;
}