body {
width:100%;
margin:0;
padding:0;
background-repeat:no-repeat;
background:#EEEEEE;
position:relative;
}
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
}
footer{
width:890px;
}
#main {
background-color:#ffffff;
width:890px;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
min-height:700px;
}
#main h2,#main h1,#main h3{
margin:0;
font-size:1.2em;
}
#nav_bar{
position:absolute;
bottom:0;
text-align:left;
margin:0;
padding:5;
background:#EEE;
padding-left:15px;
}
#nav_bar li ul {
position: absolute;
display: none;
background-color: #FFFFFF;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
#nav_bar .color_nav_bar_divider{
width:.1em !important;
text-align:center;
}
#site_navigation{
width:890px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#site_navigation_bars #nav_bar ul{
padding: 0;
margin: 0;
list-style: none;
}
#site_navigation_bars #nav_bar li {
float: left;
width: 7em;
list-style: none;
width:auto;
padding-right:1.5em;
}
#site_navigation_bars #nav_bar li a{
text-decoration:none;
}
#hex_color_information_table .info_title{
width:30%;
}
#rgb_color_chart_div{
float:right;
}
#main h3{
font-size:1em;
}
#color_info_table{
width:100%;
}	
#rgb_color_chart_div{
margin-left:19%;
position:absolute;
}	
#main_color_box_table  .color_text{
color:white;
}
#main_color_box{
width: 80%;
}
#main_color_box_table{
width:100%;
text-align:center;
}
#random_color_box .randomcolor{
font-size:.7em;
color:white;
text-align:center;
font-weight:bold;
}
#random_color_box a,#main_color_box a{
text-decoration:none;
}
#hex_color_information_table #color_box_sample_td .color_box_sample{
color:white;
font-weight:bold;
height:100px;
text-align:center;
width:100px;
}