/* 2 column css layout with sticky footer */

html,body {
margin: 0; padding: 0; width: 100%; height: 100%;
}
#bg_image {
position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;
}

html { 
overflow-x: auto; 
height:100%;
margin:0;
padding:0}
/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body {
text-align: center;
height:100%;
margin:0;
padding:0;
}

#content {
  width: 100%;
  margin-left: auto ;
  margin-right: auto ;
}

/*---------- LAYOUT --------------*/

html, body, #wrapper {
	height: 100%;
}
body > #wrapper {
	min-height: 100%;
	text-align: left;
	height: auto !important;
	height: 100%;
}

#header {
	z-index: 2;
	position: relative;
	height: 100px;
	width: 100%;
	background-image: url(../images/bg3.png);
}

#main {
	position: relative; width: 100%; height: 100%;  z-index: 3;
	padding-bottom: 40px; /* must be same height as the footer */
	text-align: left;
	width: 920px;
	margin-left: auto ;
  	margin-right: auto ;
}

#footer {
	background: #000000;
	position: relative;
	margin-top: -40px;
	height: 40px;
	z-index: 4;
	clear: both;
	margin-left: auto ;
    margin-right: auto ;
}

/* 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 */
* {
margin:0;
padding:0;
}

.transparent
{
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}