/* CSS Document */
body{
 background-image:url(images/grunge.png);
 background-repeat:repeat-x;
}

#special{
	background-color:#5f8288;
	background-image:url(images/special-bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
	color:white;
}

nav ul li{
	float:left;
	width:20%;
	text-align:center;
	padding-bottom:20px;

}
#main{
	width:60%;
	box-sizing:border-box;
	float:left;
}
#wrapper{
	width:960px;

}
#sidebar{
	width:40%;
	box-sizing:border-box;
	float:rigth;
}
#main img{
	width:95%;
}
.callout{
	float:rigth;
	text-align:center;
	padding-bottom:20px;
	padding-left:20px;
	padding-top:20px;
	background-color:#f9e9c7

}
#sidebar{
	float:right;
	}
	#sidebar ul{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	 column-count: 2;


	}
	footer{
display:block;
text-align:center;
clear:both;
padding-top:10px;
}
#logo{
float:left;
width:20%;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}