@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

body{
	font-family: 'Open Sans', helvetica,verdana,arial,sans-serif;
	background-color: #b1aba7;
	background-repeat:no-repeat;
	background-position:right top;
}
.main-container{
	background-color: #f1f1f1;
}
.content{
	border-bottom-width: 0px;
	background-color: transparent;
	background-repeat:no-repeat;
	background-position:right top;
}
header{
	background-color: #393838;
}
.header-inner{
	color:#fff;
	background-color: transparent;
}
.header-inner .sep{
	color: #eee;
}

.mobile-toolbar {
    background: #393838;
}

a.return-top {
    font-size: 16px;
}

footer{
	background-repeat:no-repeat;
	background-position: center top;
}
.footer-inner{
	background-repeat:no-repeat;
	background-position:right top;
	background-color: #393838;
	margin-bottom: 10px;
	color: #928d8d;
}

.footer-inner a{
	color: #aaa;
}

.footer-inner a:hover{
	color: #ccc;
}

.column1{
	color: #fff;
	background-color: #b9b5b6;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-image: url('/XposurePublicIncludes/branding/fairkreb/col1.jpg');
}

.column2{
	background-color: #7b7573;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-image: url('/XposurePublicIncludes/branding/fairkreb/col2.jpg');
}

.column3{
	background-color: #fff;
}

.column1 .info{
	color: #393838;
	font-weight: 700;
	font-size:14px;
	line-height: 22px;
	margin: 0px 10px 15px 10px;
}

.column1 .info a{
	color: #393838;
	text-decoration: none;
}

.column1 .info.name img{
}

.column1 .info.contact{
	
}

.column1 .info.contact span.phone{
	
}

.column1 .info.contact span.fax{
	
}

.column1 .info.contact a.website{

}

.column1 .info.address{
	display: none;
}

.column1 .info.address span.company-name{
	
}
.column1 .agent-photo-container{
}

.column1 img.agent-photo{
}

.office-logo-wrapper{
	background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(/XposurePublicIncludes/branding/fairkreb/logo2.png);
    background-size: contain;
    position: absolute;
    bottom: 20px;
    right: 5px;
    left: 5px;
    height: 100px;
}

.column1 img.office-logo{
    display: none;
}

.custom-brand-email, .custom-brand-second-member{
	display: none;
}

.main-nav li{
	border-bottom-color: transparent;
}

.main-nav li.active{
	border-bottom-color: transparent;
}

.main-nav li:last-child{
	border-bottom-color: transparent;
}

.main-nav li a{
	color: #fff;
	text-shadow: none;
}

.main-nav li.active a{
	color: #fff;
}

.column2 form{
	bottom: 7px;
}

.column2 form label{
	border-radius: 3px;
	background: #393838;
	color: #fff;
	font-weight: 600;
}

.column2 form fieldset input, .column2 form fieldset textarea{
	border-radius: 3px;
	background: rgba(255,255,255, .75);
}

.column2 form fieldset input[type='button'] {
	
}

.button{
	background: #393838 !important;
	color: #fff;
	border-radius: 3px;
}

.column2 form fieldset .visible-fields{

	background: transparent;
}

#details{
	background: #fff;
}

#details table td{
	color: #666;
	border-bottom: 1px solid #DFDFDF;
}

#details table .first td{
	border-top:none;
}

#details table .last td{
	border-bottom:none;
}

#details p{
	color: #666;
	text-shadow: none;
}

#about {
	background: #fff;
}

#multimedia{
	background: #fff;
}

#multimedia ul a{
	color: #3F4A56;
	background-color: #fff;
}

#multimedia ul a:hover{
	background-color: #f1f3f6;	
}

#video {
	background-color: transparent;	
}

#video .video{
	border-bottom:none;
}

#plans{
	background-color: transparent;
}

.map-tabs a{
	background: #7a7472;
	border-radius: 0 0 4px 4px;
	color: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	border: none;
	border-bottom: 1px solid #505050;
}

.map-tabs a.active{
	background: #393838;
	border-bottom: 1px solid #5A5A5A;
}

#gallery,
#gallery .rsOverflow,
#gallery .rsSlide,
#gallery .rsVideoFrameHolder,
#gallery .rsThumbs {
	background-color: #393838;
}

#gallery .rsThumb.rsNavSelected {
	background: #333;	
}

#gallery .rsThumb.rsNavSelected span.thumbIco {
	border-color: #b1aba7;
}

#gallery .rsThumbsArrow {
    background:  rgba(0, 0, 0, 0.3);
}

#gallery .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.5);
}

.html-content h1{
	color: #666;
}

.html-content h2{
	color: #666;
}

@media only screen and (min-width: 830px) {
	
	.column1 .info{
		margin: 5px 10px 25px 25px;
	}
}

@media only screen and (min-width: 350px) {
.office-logo-wrapper{
    background-size: 160px;
    right: 0;
    left: 0;
}
}