@charset "utf-8";

body {
	background-color:#000000;
	color:#FFFFFF;
	text-align:justify;
	font-family:Trebuchet, Verdana;
	font-size:12px;
	padding:20px 0px 20px 0px;
}

.clear{
	clear:both;
}

/*-----BUBBLE-----*/

#bubble {
	width:590px;
	height:285px;
	margin:auto;
	margin-top:100px;
}

#above_bubble {
	height: 50px;
	width: 590px;
	background-image:url(../picture/background/bubble/above_bubble.png); /* width:590px  height:50px */
	background-position:0% 0%;
	background-repeat:no-repeat;
}

#top_bubble {
	height: 20px;
	width: 590px;
	background-image:url(../picture/background/bubble/top_bubble.png); /* width:590px  height:50px */
	background-position:0% 0%;
	background-repeat:no-repeat;
}

#logo_bubble{
	height: 165px;
	width: 590px;
	background-image:url(../picture/background/bubble/logo_bubble.png); /* width:590px  height:165px */
	background-position:0% 0%;
	background-repeat:no-repeat;
}

#below_bubble{
	height: 50px;
	width: 180px;
	background-image:url(../picture/background/bubble/below_bubble.png); /* width:180px  height:50px */
	background-position:0% 0%;
	background-repeat:no-repeat;
	float:left;
}

#bubblebar{
	height: 50px;
	width: 410px;
	float:left;
}



/******MENU******/

/*-----MENU HEADER & FOOTER-----*/

#navbar_tab, #footerbar_tab, #bubblebar_tab {	
	font: bold 1em Trebuchet, Verdana;
	font-variant:small-caps;
	list-style-type : none;
	padding:0px 0px 0px 60px;
	margin:0px;
}

#bubblebar_tab{	
	padding:0px 0px 0px 160px;
}

#footerbar_tab {	
	padding:0px 0px 0px 288px;
}

#navbar_tab li, #footerbar_tab li, #bubblebar_tab li{
	float:left;
	margin:0px;
	width:90px;
}

#navbar_tab a, #navbar_tab a:hover, #footerbar_tab a, #footerbar_tab a:hover, #bubblebar_tab a, #bubblebar_tab a:hover{
	display : block;
	text-decoration:none;
	outline:none;
	color:#FFFFFF;
	width:70px;
	height:20px;
	background-image:url(../picture/background/tab/tab_menu.png); /* width:80px height:50px*/
	background-repeat:no-repeat;
	padding:30px 0px 0px 20px;
}

#navbar_tab a:hover, #footerbar_tab a:hover, #bubblebar_tab a:hover{
	width:80px;
	height:20px;
	background-image:url(../picture/background/tab/tab_menu_hover.png); /* width:80px height:50px*/
	background-repeat:no-repeat;
	padding:30px 0px 0px 10px;
}



/*-----SUBCATEGORY-----*/
/*-----use jquery script-----*/



#submenu_tab {	
	font: bold 1em Trebuchet, Verdana;
	font-variant:small-caps;
	list-style-type : none;
	padding:0px;
	margin:0px;
}

#submenu_tab li {
	margin:0px;
	width:140px;
}

#submenu_tab a, #submenu_tab a:hover{
	display : block;
	text-decoration:none;
	outline:none;
	color:#FFFFFF;
	width:115px;
 	height:15px;
	background-image:url(../picture/background/tab/submenu_tab.png); /* width:140px height:30px*/
	background-repeat:no-repeat;
	padding:15px 0px 0px 25px;
}

#submenu_tab a:hover{
	width:115px;
 	height:25px;
	background-image:url(../picture/background/tab/submenu_tab_hover.png); /* width:140px height:30px*/
	background-repeat:no-repeat;
	padding:5px 0px 0px 25px;
}




/******ARCHITECTURE******/
/* total width 750px */
/* total height depends of text lenght*/

/*-----HEADER-----*/

#header {
	height: 265px;
	width: 750px;
	margin:auto;
}


#above_header {
	height: 75px;
	width: 750px;
	background-image:url(../picture/background/header/above_header.png); /* width:215px  height:75px */
	background-position:0% 0%;
	background-repeat:no-repeat;
}

#logo_header{
	height: 120px;
	width: 750px;
	background-image:url(../picture/background/header/logo_header.png); /* width:670px  height:120px */
	background-position:0% 0%;
	background-repeat:no-repeat;
}

#below_header{
	height: 75px;
	width: 115px;
	border-right:5px solid #660066;
	background-image:url(../picture/background/header/below_header.png); /* width:115px  height:75px */
	background-position:0% 0%;
	background-repeat:no-repeat;
	float:left;
}

#navbar_header{
	height:75px;
	width: 630px;
	float:left;
}


/*-----ABOVE CONTENT-----*/

#above_content{
	width:750px;
	margin:auto;
}

#top_above_content{
	width:135px;
	height:20px;
	border-right:580px solid #330033;
	background-image:url(../picture/background/above_content/top_above_content.png); /* width:20px  height:20px */
	background-repeat: no-repeat;
	background-position:100% 0%;
}

#text_above_content{
	width:540px;
	margin-left:115px;
	border-left:20px solid #660066;
	padding:1px 20px 10px 20px;
	background-color:#330033;
}

#bottom_above_content{
	width:750px;
	height:20px;
	background-image:url(../picture/background/above_content/bottom_above_content.png); /* width:750px  height:20px */
}



/*-----LINK CONTENT-----*/

#hinge_content{
	width: 750px;
	height:30px;
	background-image:url(../picture/background/hinge_content/hinge_content.png); /* width:570px  height:30px */
	margin:auto;
}


/*-----BELOW BOTTOM-----*/

#below_content{
	width: 750px;
	margin:auto;
}

#top_below_content{
	width:750px;
	height:20px;
	background-image:url(../picture/background/below_content/top_below_content.png); /* width:750px  height:20px */
}

#text_below_content{
	width:540px;
	min-height:60px;
	margin-left:10px;
	border-left:20px solid #660066;
	padding:10px 20px 10px 20px;
	background-color:#330033;
	float:left;
}

#submenu_below_content{
	width:140px;
	min-height:60px;
	float:left;
}

#bottom_below_content{
	width:750px;
	height:20px;
	background-image:url(../picture/background/below_content/bottom_below_content.png); /* width:750px  height:20px */
	clear:both;
}



/*-----FOOTER-----*/

#footer {
	width: 750px;
	height: 220px;
	margin:auto;
}

#above_footer{
	width:750px;
	height:50px;
	background-image:url(../picture/background/footer/above_footer.png); /* width:750px  height:50px */
}

#text_footer{
	width:750px;
	height:50px;
	padding-top:50px;
	background-image:url(../picture/background/footer/text_footer.png); /* width:750px  height:100px */
}

#bottom_footer{
	width:750px;
	height:20px;
	background-image:url(../picture/background/footer/bottom_footer.png); /* width:750px  height:20px */
	background-position:0% 0%;
	background-repeat:no-repeat;
}

#below_footer{
	width:230px;
	height:50px;
	background-image:url(../picture/background/footer/below_footer.png); /* width:2300px  height:50px */
	background-position:100% 0%;
	background-repeat:no-repeat;
	float:left;
}

#footerbar_footer{
	width:520px;
	height:50px;
	float:left;
}