body {
	background-image:url(back.jpg);
}
h1 {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:xlarge; margin: 0;}
h2 {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:large; margin: 0;}
h3 {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:small; margin: 0;}

a { text-decoration:none; color:#FFFFFF }
a:visted { text-decoration:none; color:#FFFFFF }

#header {
		width:100%;
		vertical-align:middle;
		border:0px solid #bbb;
		background-color: #434343;
		color: #FFFFFF;
		height:25px;
		padding-top:2px;
		position: absolute;
    top: 0;
    bottom: 0;
	left:0;
	z-index: 0;
	text-align:center;
    
    
	}
.content, .content:before {
    width:50%;
}
.content {
    float:left;
    color: #ffffff;
	text-align:center;
	padding-top:180px;
}
.content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
	background: #0099a9;
	opacity: 0.8;
    	filter: alpha(opacity=80); /* For IE8 and earlier */
		width:50%;

}
.sidebar, .sidebar:before {
    width:50%;
}
.sidebar {
    float:left;
    color: #fff;
  	text-align:center;
	padding-top:180px;
	
}
.sidebar:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 67%;
    background-color: #fd8407;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	width:50%;
	text-align:center;
	
}

.sidebar_two, .sidebar_two:before {
    width:50%;
	
	
}
.sidebar_two {
    float:left;
    color: #ffffff;
    text-align:center;
	padding-top:180px;
}
.sidebar_two:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 50%;
	background-color: #fd8407;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	width:50%;
	
    
}