html, body, #wrap {
	height:100%;
	border: none;
}
body > #wrap {height: auto; min-height: 100%;}
body {
background-color: #5f6364;
}
#wrap {
background-color: #cae2ed;
background-image: url('../images/rel_bg.jpg');
background-repeat: no-repeat;
border-left: 5px solid #1f2f3d;
border-right: 5px solid #1f2f3d;
}
#header, #footer, #main, #wrap {
/* width: 100%; */
margin:0 auto;
width:980px;
}

.wrap {
/*
margin:0 auto;
width:990px;
text-align:left;
*/
padding-left: 20px;
padding-right: 20px;
}

div#header div.wrap{
height: 200px;
}
#header{

}
#logo{
padding-top: 5px;
float: left;
}
#main_menu{
float: right;
position: relative;
right: 20px;
top:80px;
}
#main { /* Content below header and above footer */
padding-top: 20px;
padding-bottom: 100px; /* must be AT LEAST the height of the footer */
}
#content{
padding-top: 60px;
}
#content_prod {
margin-top: 40px;
float: left;
width: 650px;
}
#rcol {
float: right;
width: 270px;
}
#footer{
overflow: hidden;
color: #fff;
padding: 0;
background-color: #1f2f3d;
position: relative;
margin-top: -90px; /* negative value of footer height */
height: 90px;
clear:both;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */