/*+--------------------------------------------------------------------------+*/
/*| Main layout
/*+--------------------------------------------------------------------------+*/

html{ 
	display: block;
    font-family: tahoma, arial;
	font-size: 13px;   
	font-weight: normal;
}

/*+--------------------------------------------------------------------------+*/
/*| Notice bar for IE 6 (and below) users
/*+--------------------------------------------------------------------------+*/

#ie_bar{
	background: #000000 url(images/site/ie_bar_bg.png) top left repeat-x;
	width: 580px;
	height: 35px;
}


/*+--------------------------------------------------------------------------+*/
/*| Global wrapper
/*+--------------------------------------------------------------------------+*/

#wrapper{
	width: 580px;
	height: 90px;
	margin: 0 auto;
}


/*+--------------------------------------------------------------------------+*/
/*| Top wrapper & main div
/*+--------------------------------------------------------------------------+*/

#top_wrapper{
	height: 90px;
	width: 580px;
}

#top_bar{
	width: 580px;
	height: 90px;
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
}

/*+--------------------------------------------------------------------------+*/
/*| Top bar icons (right side)
/*+--------------------------------------------------------------------------+*/

ul#icons{
	width: 580px;
	height: 90px;
	padding-top: 0px;
	margin-top: 0px;
	position: absolute;
	list-style-type: none;
	margin-left: 14px;
	padding-left: 14px;
	left: -14px;
	right: -14px;
	top: 23px;       
	_top: 23px; /* IE6 hack */
	*top: 23px; /* IE7 hack */
	font-size: 13px;
}

ul#icons li{
	float: left;
	cursor: pointer;
	display: list-item;
	padding: 0px 0px 0px 10px;
}

ul#icons li a{
	display: block;
}

ul#icons li a:hover{
	border-bottom: 0px;
}


/*+--------------------------------------------------------------------------+*/
/*| Top bar individual icons (right side)
/*+--------------------------------------------------------------------------+*/

ul#icons a#icon1{
	background: transparent url(images/site/head_menu_home_icon.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon2{
	background: transparent url(images/site/head_menu_news_icon.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon3{
	background: transparent url(images/site/head_menu_article_icon.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon4{
	background: transparent url(images/site/head_menu_event_icon.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon5{
  background: transparent url(images/site/head_menu_movie_icon.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon6{
  background: transparent url(images/site/head_menu_music_icon.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon7{
	background: transparent url(images/site/head_menu_company_icon.png) no-repeat top left;
	width: 59px;
	height: 60px;
}

ul#icons a#icon8{
  background: transparent url(images/site/head_menu_forum_icon.png) no-repeat top left;
  width: 59px;
  height: 60px;
}

/*+--------------------------------------------------------------------------+*/
/*| Top bar popdown (right side)
/*+--------------------------------------------------------------------------+*/
.down{
	background: transparent url(images/site/top_bar_drop_down.png) no-repeat top left;
	height: 30px;
	width: 150px;
	position: absolute; 
	padding-top: 18px !important; /* ignored by ie6 */
	padding-top: 0px;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	display: block;
}

*html .down{
	_line-height: 49px; /* IE6 hack */
}


/*+--------------------------------------------------------------------------+*/