body {margin: 0px; height:100%; padding: 0px;background-color:#BFBABA;}
#top{
width: 100%;
height: 60px;
display:inline-block;
background-color: #000000;
}
#bottom{
width: 100%;
height: 60px;
display:inline-block;
background-color: #000000;
}
a {
font-family: tahoma;
font-size: 2px;
color: #000000;
}
a:hover {
font-family: tahoma;
font-size: 2px;
color: #000000;
text-decoration: none;
}
#content{
	width: 980px;
	height: 500px;
	display:block;

}
#content_left
{
    width: 245px;
    height: 500px;
    background-color: #BFBABA;
    float: left;
    
}
#content_right
{
    width: 735px;
    height: 500px;
    background-color: #FFFFFF;
    float: left;
    
}
#col1
{
    float: left;
    width: 25%;
    height: 600px;
    background-color: #BFBABA;
    
}
#col1:hover {
    background-color: #AEA9A9;
}
#col2
{
    float: left;
    width: 25%;
    height: 600px;
    background-color: #D3CDCD;
}
#col2:hover {
    background-color: #AEA9A9;
}
#col3
{
    float: left;
    width: 25%;
    height: 600px;
    background-color: #DDD7D7;
}
#col3:hover {
    background-color: #AEA9A9;
}
#col4
{
    float: left;
    width: 25%;
    height: 600px;
    background-color: #F1ECEC;
}
#col4:hover {
    background-color: #AEA9A9;
}
#col1_bottom
{
    float: left;
    width: 25%;
    height: 150px;
    background-color: #BFBABA;
    
}
#col1_bottom:hover {
    background-color: #AEA9A9;
}
#col2_bottom
{
    float: left;
    width: 25%;
    height: 150px;
    background-color: #D3CDCD;
}
#col2_bottom:hover {
    background-color: #AEA9A9;
}
#col3_bottom
{
    float: left;
    width: 25%;
    height: 150px;
    background-color: #DDD7D7;
}
#col3_bottom:hover {
    background-color: #AEA9A9;
}
#col4_bottom
{
    float: left;
    width: 25%;
    height: 150px;
    background-color: #F1ECEC;
}
#col4_bottom:hover {
    background-color: #AEA9A9;
}

.row_bottom{
   width: 980px;
   height: 60px;
}
.last{
    clear: left;
}

.row{
   width: 980px;
}