html,body {
	font-size:100%;
	height:100%;
	margin:0;
	padding:0pt;
	background:url(../img/basic/background.jpg) top no-repeat #000000;
	background-attachment: fixed;
}

body > #pageWrapper {
        height: auto;
}


#pageWrapper {
	width:1000px;
	text-align:center;
	position:relative;
	height:100%;
	min-height:100%;
	padding:0;
	margin:0 auto;
}

#left {
  height:100%;
  min-height:100%;
  border:none;
  text-align:left;
  float:left;
  margin:0px;
  padding:0px;
  width:220px;
  overflow:hidden;
}
html>body #left {
  width:220px; /* standards width reinforcement */
}


#contentWrapper {
	width:780px;
	text-align:left;
	margin:30px 0px 0 0;
	background:none;
	padding:0;
	float:left;
	color:#FFFFFF;
}
html>body #contentWrapper {
  width:780px; /* standards width reinforcement */
}
/* Clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-table;
}
/* Hides from IE-mac */
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/*End hiden from IE-mac */


a {outline:0;}	
.hide{display:none;}
img {border:0px;}
.spacer {
	background:url(../img/basic/spacer.gif);
	width:200px;
	height:1px;
	display:block;
	/* for IE */
  	filter:alpha(opacity=0);
  	/* CSS3 standard */
  	opacity:0;
}



/**--------------------------------------         
              footer
-------------------------------------- **/
#footer {
	width:100%;
	height:52px;
	margin:0;
	text-align:center;
	padding:0;
	background:url(../img/basic/footerBg.png) repeat-x;
	bottom:0;
	position:fixed;
	left:0;
	overflow:hidden;
	}
#footerwrapper {
    width:1000px;
	margin:5px auto;
	text-align:left;
	padding-left:20px;
	position:relative;
}

ul#linksWapper {
	height:50px;
	float:left;
	margin:0;
	padding:0 0 0 5px;
	display:inline;
}
ul#linksWapper li{
	height:50px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

ul#linksWapper li span{
 display:none;
}
	
/*FaceBook------*/
a#icon_f {
	display:block;
	width:48px;
	height:48px;
	text-indent:-9999px;
	background:url(../img/menu/icon_f.png) no-repeat top left;
}
a#icon_f:hover {
	background:url(../img/menu/icon_f.png) no-repeat left -48px;
}

/*LiveJournal------*/
a#icon_l {
	display:block;
	width:48px;
	height:48px;
	text-indent:-9999px;
	background:url(../img/menu/icon_l.png) no-repeat top left;
}
a#icon_l:hover {
	background:url(../img/menu/icon_l.png) no-repeat left -48px;
}

/*twitter------*/
a#icon_t {
	display:block;
	width:48px;
	height:48px;
	text-indent:-9999px;
	background:url(../img/menu/icon_t.png) no-repeat top left;
}
a#icon_t:hover {
	background:url(../img/menu/icon_t.png) no-repeat left -48px;
}

/*MySpace------*/
a#icon_m {
	display:block;
	width:48px;
	height:48px;
	text-indent:-9999px;
	background:url(../img/menu/icon_m.png) no-repeat top left;
}
a#icon_m:hover {
	background:url(../img/menu/icon_m.png) no-repeat left -48px;
}


.cr {
	color:#CCCCCC;
	font-size:0.8em;
	text-align:left;
	float:left;
	height:37px;
	padding:13px 50px 0 30px;
}



/**--------------------------------------         
              left
-------------------------------------- **/
#logo {
	display:block;
	width:160px;
	height:135px;
	margin:25px 0 0 10px;
	border:0px;
}
#fixedarea {
	position:fixed;
}	
ul#leftmenu {
	margin:30px 0 10px 12px;
	padding:0;
	text-align:left;
}
ul#leftmenu li{
	margin:8px 0;
	padding:0;
	text-align:left;
	list-style:none;
	line-height:25px;
	
}
ul#submenu{
	margin:0 0 15px 10px;
	padding:0px;
	text-align:left;
	list-style:none;
	width:180px;
}
ul#submenu li{
	margin:8px 0;
	padding:0;
	text-align:left;
	list-style:none;
	line-height:1;
	color:#CCCCCC;
}
ul#submenu li a{
	color:#CCCCCC;
	text-decoration:none;
}
ul#submenu li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/*for IE6*/
*html, html body {
	height:100%;
	overflow-y:hidden; overflow-right:auto;
}
*html pageWrapper {
	overflow:auto;
	position:relative;
	width:100%;
	height:100%;
}
*html #fixedarea {
	position:absolute;
}

#btt {
	margin:50px auto;
	padding:0;
	text-align:center;
	clear:both;
	width:120px;
	height:35px;
	
}
#backtotop {
	text-align:left;
	width:150px;
	margin:0;
	padding:0 0 0 30px;
	position:fixed;
	bottom:30px;
}
a#btt {
	display:block;
	width:120px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/bbt.png) no-repeat top left;
}
a#btt:hover {
	background:url(../img/menu/bbt.png) no-repeat left -35px;
}
a#btt span {
	display:none;
}

/**--------------------------------------         
              contents
-------------------------------------- **/
					  
#boxTop {
	background:url(../img/basic/boxTop.png) no-repeat;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.5;
	width:780px;
	height:5px;
	margin:20px 0 0 0;
	padding:0;
}

.boxMdl {
	width:780px;
	margin:0;
	padding:10px 0 20px 0;
	background:url(../img/basic/boxBgTrans.png) repeat-y;
	text-align:left;
}
/*.boxMdl {
	width:778px;
	margin:0;
	padding:0;
	background:rgba(0,0,0,0.5);
	border-left:1px solid rgba(53,53,53,0.5);
	border-right:1px solid rgba(53,53,53,0.5);
	text-align:left;
	_border-left:1px #353535 solid;
	_border-right:1px #353535 solid;
	_background:#0f0f0f;
}
*/
.boxMdl p{
	margin:0 20px;
	padding:15px 20px;
	line-height:1.3;
	text-align:left;
}

.boxBtm {
	background:url(../img/basic/boxBtm.png) no-repeat;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.5;
	width:780px;
	height:10px;
	margin:0;
	padding-bottom:5px;
}
.boxBtmLast {
	background:url(../img/basic/boxBtm.png) no-repeat;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.5;
	width:780px;
	height:10px;
	margin:0 0 80px 0;
	padding-bottom:5px;
}
.w500 {
	width:500px;}
.mgnB30 {
	margin-bottom:30px;
}



/**--------------------------------------         
              buttons
-------------------------------------- **/
a#events {
	display:block;
	width:110px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/events.png) no-repeat top left;
}
a#events:hover {
	background:url(../img/menu/events.png) no-repeat left -35px;
}
a#events span {
	display:none;
}
a#gallery {
	display:block;
	width:110px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/gallery.png) no-repeat top left;
}
a#gallery:hover {
	background:url(../img/menu/gallery.png) no-repeat left -35px;
}
a#gallery span {
	display:none;
}
a#music {
	display:block;
	width:110px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/music.png) no-repeat top left;
}
a#music:hover {
	background:url(../img/menu/music.png) no-repeat left -35px;
}
a#music span {
	display:none;
}
a#culture {
	display:block;
	width:110px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/culture.png) no-repeat top left;
}
a#culture:hover {
	background:url(../img/menu/culture.png) no-repeat left -35px;
}
a#culture span {
	display:none;
}
a#fashion {
	display:block;
	width:110px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/fashion.png) no-repeat top left;
}
a#fashion:hover {
	background:url(../img/menu/fashion.png) no-repeat left -35px;
}
a#fashion span {
	display:none;
}
a#store {
	display:block;
	width:110px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/store.png) no-repeat top left;
}
a#store:hover {
	background:url(../img/menu/store.png) no-repeat left -35px;
}
a#store span {
	display:none;
}
a#about {
	display:block;
	width:110px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/about.png) no-repeat top left;
}
a#about:hover {
	background:url(../img/menu/about.png) no-repeat left -35px;
}
a#about span {
	display:none;
}
a#forum {
	display:block;
	width:110px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/forum.png) no-repeat top left;
}
a#forum:hover {
	background:url(../img/menu/forum.png) no-repeat left -35px;
}
a#forum span {
	display:none;
}
a#uevents {
	display:block;
	width:180px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/menu/uevents.png) no-repeat top left;
}
a#uevents:hover {
	background:url(../img/menu/uevents.png) no-repeat left -35px;
}
a#uevents span {
	display:none;
}

/**--------------------------------------         
              titles
-------------------------------------- **/
p#events_title {
	display:block;
	width:110px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	background:url(../img/title/events_title.png) no-repeat top left;
}

p#gallery_title {
	display:block;
	width:110px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	background:url(../img/title/gallery_title.png) no-repeat top left;
}

p#music_title {
	display:block;
	width:110px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	background:url(../img/title/music_title.png) no-repeat top left;
}

p#culture_title {
	display:block;
	width:110px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	background:url(../img/title/culture_title.png) no-repeat top left;
}

p#fashion_title {
	display:block;
	width:110px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	background:url(../img/title/fashion_title.png) no-repeat top left;
}

p#store_title {
	display:block;
	width:110px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	background:url(../img/title/store_title.png) no-repeat top left;
}

p#about_title {
	display:block;
	width:110px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	background:url(../img/title/about_title.png) no-repeat top left;
}
/*temporary...*/
p#t01 {
	display:block;
	width:393px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0;
	background:url(../img/event/title/t01.png) no-repeat top left;
}
/*temporary...*/
p#t02 {
	display:block;
	width:503px;
	height:35px;
	margin:0 0 0 10px;
	padding:10px 0;
	background:url(../img/event/title/t02.png) no-repeat top left;
}

/**--------------------------------------         
              about us
-------------------------------------- **/

p#aboutus_logo {
	width:328px;
	height:78px;
	margin:20px 20px 8px 20px;
	text-align:left;
	padding:0;
	background:url(../img/index/aboutus.png) no-repeat top;
}