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

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham-book.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/gotham-book.ttf')  format('truetype'),
	     url('../fonts/gotham-book.svg#GothamBook') format('svg');
	}

.bold{
	font-weight: 700;
}

body{
	font-family: 'Gotham', sans-serif;
	color: #ffffff;
	background-color: #ffffff;
}
#contentContainer, #contentContainer a, #contentContainer a:hover {
	color: #ffffff;
}
#wrapper {
		background-color: #202020;
    background-image: url("../images/bodybg.jpg");
    background-repeat: repeat-x;
}
#topBar, #mobTopBar{
    background-color: #000000;
    color: #ffffff;
		border-bottom: 2px solid #ffffff;
}

#botBar, #mobBotBar{
	background-color: #000000;
	color: #ffffff;
	border-top: 2px solid #ffffff;
}

#nav, #mobDetTab, #mobHomTab, #mobConTab, #vertSep {
    color: #ffffff;
}

#nav {
    float: right;
    margin-left: 10px;
		margin-right: 110px;
    margin-top: -26px;
}

ul#navBtns li {
    float: right;
}

#coLogo {
    margin-left: 15px;
    margin-top: -22px;
}

#mobDetTab.ub{
	width: 49%;
}

#mobHomTab.ub{
	width: 49%;
}

.activeNav, #navBtns .activeNav {
    color: #ffffff;
    font-weight: 700;
    position: relative;
}

#pb {
	font-size: 12px;
	font-weight:normal;
	width: 69%;
	margin: 22px 0 5px 10px;
}
#edeLabel {
	font-size: 9px;
	font-weight: bold;
}
#edeValue {
	font-size: 11px;
}
.rsDefault .rsThumbsArrow {
	width: 52px;
}

.rsDefault .rsThumbsArrow, .rsDefault .rsThumbsArrow:hover {
	background-color: #af0e14;
	background-image: url("../images/arrowbg.jpg");
	background-size: cover;
}

.rsDefault .rsThumbsArrowLeft, .rsDefault .rsThumbsArrowLeft:hover{
	background-color: #af0e14;
	background-image: url("../images/arrowbgLeft.jpg");
	background-size: cover;
}
.rsDefault .rsBullets {
    background: transparent none repeat scroll 0 0;
    position: relative;
    top: 5px;
}
.rsDefault .rsBullet span {
    background-color: #7b7b7b;
    height: 12px;
    width: 12px;
}
.rsDefault .rsBullet.rsNavSelected span {
    background-color: #ffffff;
}
#shareBtns {
    float: right;
    text-align: right;
    top: 0;
    width: 10%;
    z-index: 100;
}
#twitter {
    float: right;
    margin-right: 0;
}
#facebook {
    float: right;
    margin-right: 15px;
}
#agent1InfoGen {
    float: left;
    position: relative;
    width: 40%;
}
#agent2InfoGen {
    float: right;
    position: relative;
    width: 60%;
}
#propAddress {
	width: 60%;
	margin-left: 10px;
	font-size: 13px;
}
ul#detailsList {
	min-height:30px;
	margin-bottom: 10px;
	text-align: center;
}
#rpcLogo {
	float:left;
	padding-right:5px;
	width: 100px;
}

#rpcLogo img{
	max-width: 100%;
}
.rsDefault .rsSlide{
    background: transparent;
}
@media (max-width: 1023px){
	html{
		height: 100%;
		background-image: url("../images/bodybg.jpg");
		background-size: cover;
		background-color: #202020;
	}

	body{
		background-color: transparent;
	}

	#contentContainer, #contentContainer a, #contentContainer a:hover {
		color: #FFFFFF;
	}
	#mobTopBar{
		margin-bottom: 100px;
	}

	#mobBotBar{
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#wrapper{
		box-shadow: none;
		background-image: none;
		background: transparent;
	}
	#remark {
		padding-bottom: 100px;
	}

	#propAddress {
		width: 100%;
		margin-left: 0;
	}
	#pb {
		width: 100%;
		margin-left: 0;
	}
	#eho {
		float:left;
		padding:10px 0 0 5px;
	}
	#disclaimer {
		float:left;
		text-align:left;
		padding-top: 10px;
		font-size:8px;
	}
	#copyright {
		float:left;
		text-align:left;
		width:100%;
		font-size:8px;
		padding: 0 0 0 5px;
	}
	#mobAgent1SocialBtns, #mobAgent2SocialBtns {
		padding-top: 5px;
	}
	#rpcLogo{
		position: absolute;
		z-index: 100;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}
@media (min-width: 661px) and (max-width:1023px){
	#details{
		height: 300px;
	}
}