#body {
	background-image: url("bg.png");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f2f2ed;
	margin:0;
	padding:0;
	color:#646553;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
}
a {
	text-decoration: none;
	color: 	#646553;
}
#main {
	display:block;
	margin:0 auto;
	width:980px;
}
#main td.mid {
	width:968px;	
}
#main td.lebo {
	background-image: url("main-lebo.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width:8px;
}
#main td.ribo {
	background-image: url("main-ribo.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width:8px;
}
#main td.bottom {
	background-image: url("main-bottom.png");
	background-position: bottom;
	background-repeat: repeat-x;
	height:70px;
	padding: 0px 15px;
}
#main td.white {
	background-color:white;
}
#main td.below {
	padding:15px 20px;
}
#logo {
	background-image: url("logo.png");
	width: 177px;
	height: 105px;
	display: block;
	float: left;
}


div.minibutton {
	float:left;
	display:block;
	margin-right:20px;
	background-image: url('arrowup1.png');
	background-position: top center;
	background-repeat: no-repeat;
	padding-top:8px;
}

div.minibutton .a {
	background-position: top left;
	background-repeat: no-repeat;
	width: 2px;
	height:28px;
	float:left;
}

div.minibutton .b {
	display:block;
	background-repeat: repeat-x;
	height:28px;
	float:left;
	padding:1px 10px 0px 5px;
	line-height:28px;
	color:white;
	
	font-weight: normal;
	font-weight:normal; 
	font-family: 'Cantarell', arial, serif; 
	font-size:12px;
	line-height:12px;
	letter-spacing: 1px;
}

div.minibutton .c {
	background-position: top left;
	background-repeat: no-repeat;
	height:28px;
	width:6px;
	float:left;
}

h1 {
font-family: 'Cantarell', arial, serif;
font-size:36px;
font-weight:normal;
line-height:36px;
color: #f68c3e;
}

h2 {
font-family: 'Cantarell', arial, serif;
font-size:22px;
font-weight:normal;
color: #gray;
}

h3 {
font-family: 'Cantarell', arial, serif;
font-size:15px;
font-weight: normal;
color: #gray;
}

.bigbutton {
	font-family: 'Cantarell', arial, serif;
	font-size:18px;
}
.login, #detail, .popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
z-index: 999;
text-align: center;
background: url(../../css3/img/login-box-bg.png);
overflow: visible;}

.login .box, #detail .box, .popupContent  {
position: relative;
top: 160px;
margin: auto;
width: 360px;
background: #ffffff;
text-align: left;
border: 1px solid #676652;
background: #ffffff url(../img/bg-bg.gif) repeat-x bottom;
}

#detail .box, .popupContent {
width: 340px;
padding: 20px;
}

#detail .box p {
line-height: 16px;}

.login .box h2, #detail .box h2, .mbox_captionx {
padding: 0;
margin: 0;
font-size: 18px;
color: #f16532;
font-weight: bold;
}

.login .box form {
border: 1px solid #ffffff;
padding: 20px;
margin: 0;
}

.popupContent  .mbox_captionc {
position: absolute;
top: 0;
right: 0;}

.login .box a.close, #detail .box a.close, .popupContent .mbox_captionc a {
position: absolute;
top: 15px;
right: 15px;
color: #676652;
font-size: 11px;
padding-right: 13px;
background: url(../img/close-ico.gif) no-repeat center right;
z-index: 999;
}