/* CSS Document */
body  {
	margin: 0;
    padding: 0;
}

#frame {
    width: 990px;
    padding: 0;
    margin:0 auto; /* Right and left margin widths set to "auto" */
	text-align:center; /* Counteract to IE5/Win Hack */
}

#thebox {
    width: 980px;
    margin: 0;
    padding: 0;
    background-color: #D9D9D9;
}



/***************************
 Header
****************************/
#header {
    width: 980px;
    height: 12px;
    margin: 0;
    padding: 0;
    clear:both;
}



/***************************
    margin: 0;
 Left Panel Main
****************************/
#theleft-main {
    width: 638px;
    min-height: 550px;
    height:auto !important;
    height:550px;
    margin: 0;
    padding: 0;
    float: left;
    background-color: #D9D9D9;
}

#theleft-main-navi {
    margin: 0;
    padding: 0;
    width: 638px;
    height: 105px;
    background-image:url(../../images/navi_head.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}


#theleft-main-navi-head {
    margin: 0;
    padding: 0;
    width: 140px;    
    float: left;
}


#theleft-main-navi-content {   
    margin: 0;           
    padding-top: 80px;    
    padding-right: 10px;    
    text-align: right;
    color: #fff;
    float:right;
}


#theleft-main-highlights {	
	width: 638px;
    height: 181px;
    margin: 0;
	padding: 0;
	background-color: #848484;
    background-image:url(../../images/highlight_bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;    
}

#theleft-main-highlights-content {
    width: 275px;
    margin: 0;
    padding: 10px;
    background-color: #848484;
    text-align: left;
    float: right;
    color: #fff;
	z-index:4;
}

#theleft-main-body {
    width: 638px;
    margin: 0;
    padding: 0;
    background-color: #D9D9D9;
}

#theleft-main-body-content {
    width: 565px;
    margin: 0;    
    padding-right: 15px;
    clear:both;
    float: right;
    text-align:left;
    color: #333;
    background-color: #D9D9D9;
}



/***************************
 Right Panel Main
****************************/
#theright-main {
    width: 342px;
    min-height: 550px;
    height:auto !important;
    height:550px;
    margin: 0;
    padding: 0;
    float: right;
    text-align: left;
    background-color: #D9D9D9;
}

/* hacks */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */