/*==================================================
 RR REFERAL SITE CSS
====================================================*/
html {
	position:relative;
	height:100%;
}

body.home {
	background-image:none;
	height:100%;
}
.home #wrapper {
	width:100%;
	height:100%;
	clear:both;
	position:relative;
	z-index:0;
	top:0;
	min-height:100%;
	margin-left:0;
	min-width:940px;
}
.home #header {
	width:90%;
	min-width:940px;
	margin-left:50px;
	margin-right:50px;
	margin-top:0;
	position:relative;
	z-index:10;
	top:25px;
	
	background:rgba(0, 0, 0, 0.8);
}

.home #nav ul.contacts {
	background-color:#000;
}

/*==================================================
 BACKGROUND STYLE
====================================================*/

html, #bg, #bg #img-holder {
	height:100%;
	overflow: hidden;
	width:100%;
}
#bg {
	position:absolute;
	width:200% !important;
	height:200% !important;
	top:-50%;
	left:-50%;
	z-index:1;
}
*:first-child+html #bg {
	top:-15%;
}
*html #bg {
	top:-15%;
	width:200% !important;
	height:200% !important;
}

#bg #bg-wrap {
	display:table;
	padding:0px;
	width:100%;
	height:100%;
}

#bg #img-holder {
	display:table-cell !important;
	vertical-align:middle !important;
	text-align:center !important;
	width:100%;
	height:100%;
}
#bg #img-holder img {
	min-width:50%;
	min-height:50%;
	margin:0 auto;
}
*html #bg #img-holder img {
 width:expression(document.body.parentNode.clientWidth < 1024 && document.body.parentNode.clientHeight < 768 ? "1024px" : (document.body.parentNode.clientWidth > 1024 && document.body.parentNode.clientHeight > 768 ? "50%" : (document.body.parentNode.clientWidth < 1024 && document.body.parentNode.clientHeight > 768 ? "auto" : (document.body.parentNode.clientWidth > 1024 && document.body.parentNode.clientHeight < 768 ? "50%" : document.body.parentNode.clientWidth - 2))));
 height:expression(document.body.parentNode.clientWidth < 1024 && document.body.parentNode.clientHeight > 768 ? "50%": "auto");
}

/*==================================================
 CONTENT
====================================================*/

.content {
	position:absolute;
	top:30px;
	left:50px;
	z-index:2;
	width:270px;
	padding:10px;
	font-size:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#222222;
}

.content p {
	margin-bottom:10px;
	color:#eee;
	line-height:25px;
}

.content #range {
	text-align:left;
	font-size: 0.7em;
	margin-bottom:0px;
}

.content a {
	text-align:center;
	padding:5px;
	background:#666;
	color:#fff;
	display: block;
	text-decoration:none;
	width:97%;
	margin-bottom:10px;
}
.content a:hover {
	text-decoration:underline;
}


.content p {
	padding:0 10px;
}

.content img {
	margin-left:60px;
	margin-top:20px;
	margin-bottom:20px;
}