@charset "UTF-8";
/* CSS Document */


body {
	postion:relative;
	margin:0;
	background-color:#000;
}
img {
	max-width:100%;
	height:auto;
}
ul {
	list-style: none;
}
.even {
	background-color:#999;
	padding:1px 0 1px 10px;
}
.odd {
	background-color:#666;
	padding:1px 0 1px 10px;
}
.wrapper {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1024px;
	text-align:center;
	z-index:101;
	overflow:hidden;
	top:-670px;
	
}
.top-bar {
	position:relative;
	background-color:#000000;
	padding:5px;
	text-align:center;
	color:#fff;
	width:100%;
	font-family:Tahoma, Geneva, sans-serif;
}
.header {
	position:relative;
	width:100%;
	float:left;
	display
	margin:0;
	background-color:#f6f50f;
	text-align:center;
	-webkit-box-shadow: 0px 10px 43px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 43px -14px rgba(0,0,0,0.75);
box-shadow: 0px 10px 43px -14px rgba(0,0,0,0.75);
}
.slider {
	position:relative;
	width:100%;
	float:left;
	z-index:100;
	display:inline-block;
	margin:0;
	top:0;
	border-bottom:solid #f6f50f 5px;
	background-image:url(images/rhino-background.jpg);
}
.content {
	position:relative;
	width:100%;
	background-color:#000;
	min-height:150px;
	display:inline-block;
	top:0;
}
.left-article {
	position:relative;
	float:left;
	width:50%;
	
	z-index:106;
	margin:0 0 0 25px;
}
.article {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 175%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	position: relative;
	z-index: 105;
	width: 45%;
	margin: 50px 0 0 0;
	float:left;	
}
.sidebar {
	position:relative;
	float:left;
	width:100%;
	background-color:#666;
}
.sidebar-box {
	position:relative;
	float:left;
	width:25%;
	min-height:187px;

	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,f6f6f6+100 */
background: #e1e1e1; /* Old browsers */
background: -moz-linear-gradient(left, #e1e1e1 0%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e1e1e1 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e1e1e1 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
}
.footer {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: 200%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
	background-color:#f6f50f;
	position:relative;
	float:left;
	min-height:50px;
	overflow:hidden;
	width:100%;
	text-align:center;
	padding:10px 0 0 0;
	border-top:solid #333 5px;
}
@media screen and (max-width: 800px) {
.left-article {
	position:relative;
	float:left;
	max-width:100%;
	z-index:106;
	margin:0 0 0 25px;
}
.article {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	position: relative;
	z-index: 105;
	width: 90%;
	margin: 20px 0 20px 20px;
	float:left;
	
}
.sidebar-box {
	width:50%;
	margin:0 0 5px 0;
	min-height:80px;
}
}