body { background: url('/mobile/img/main-bg.png'); }

/* TWITTER BOOTSTRAP NAVBAR ADJUSTMENT */

.navbar-fixed-top { margin-bottom: 0px; }
.navbar-inverse .navbar-inner 
{
	background-color: #212b41;
	background-image: -moz-linear-gradient(top, #212b41, #151f35);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#212b41), to(#151f35));
	background-image: -webkit-linear-gradient(top, #212b41, #151f35);
	background-image: -o-linear-gradient(top, #212b41, #151f35);
	background-image: linear-gradient(to bottom, #212b41, #151f35);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff212b41', endColorstr='#ff151f35', GradientType=0);
	border-color: #151f35;
}
.navbar .nav > li > a, .navbar .nav a:link, .navbar .nav a:visited { color:#FFFFFF; text-decoration:none; }
.navbar .nav > li > a:hover { color:#dadada; text-decoration:none; }
.navbar .nav > li > a:active { color:#dadada; }
#ftr.navbar  .navbar-inner { background: #0d293a; }

@media (max-width: 979px)
{
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #FFFFFF !important; }
}

/* header */
.call-btn-hdr { margin-top: 5px; float: right; }
h1 { background: url('/mobile/img/page-title-bg.png') repeat-x top left; line-height: 50px; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; padding: 0px 10px 0px 10px; margin: 0px 0px 15px 0px; font-size: 25px; max-height: 65px; height: 65px; vertical-align: bottom; }
h1 > i, h1 > em { margin-right: 10px; }


/* General */
.full-width { display: inline-block; width: 100%; padding: 0px; }
.btn.full-width { font-size: 20px; text-align: center; width: 100%; }
.btn.big { line-height: 54px; font-size: 20px; }
.btn.full-width.big-icon { line-height: 50px; }
.btn.full-width img { padding-top: 5px; }
.btn.full-width .two-liner { }

.callout { margin-bottom: 10px; }
.callout img { margin-right: 10px; }
.phone { font-size: 25px; text-align: center; line-height: 50px; }

.normal { font-size: 14px; }

.padder { height: 61px; }

.content-box { background-color: #fff; border: 1px solid #c4c4c4; padding: 10px; margin-bottom: 20px; }
.content-box p { margin: 0px; }

.content-form { background: #636363; color: #fff;}

/* FORMS */
.form-header { color: #FFF; 

	background-image: -moz-linear-gradient(top, #0d293a, #0d293a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d293a), to(#0d293a));
	background-image: -webkit-linear-gradient(top, #0d293a, #0d293a);
	background-image: -o-linear-gradient(top, #0d293a, #637ea8);
	background-image: linear-gradient(to bottom, #0d293a, #0d293a);
	margin-bottom: 0px; 
}
 
 .form-header big { font-size: 20px; }
 .form-header-inner  { background: url('/mobile/img/form-icon-light.png') no-repeat top left; padding-left: 60px; }



.center { text-align: center !important; }  
.block { display: block; }
.force-full-width  { width: 100% !important; } 
.tall-btn { line-height: 54px; font-size: 20px; }
.callout a { padding: 4px 6px; text-align: left !important;}
.callout a { min-width: 230px; }
div.input-text { padding-right: 6px; } 
form .btn.full-width { line-height: 30px; font-size: 14px;  width: 100%; }
input.full-width , textarea.full-width { width: 100%; padding: 4px 0px 4px 6px;}
.error { margin-bottom: 0px; padding: 3px; }

.padding { padding: 4px 6px; }
.result .btn { text-align: left; }
.btn a.btn { border: none; background: none; display:block; } 

.title { font-weight: bold; padding: 7px 0px 5px 0px; font-size: 16px; margin-bottom: 10px;  }
.descr { padding: 4px 6px; margin-bottom: 10px; }
.checkbox-group { margin-bottom: 10px; }
.checkbox-group button { text-align: left !important; line-height: 30px !important; }
.checkbox-group button span { line-height: 16px; }
.checkbox-group input { margin: 4px 0px 4px 6px; }

/*PROPERTIES WIDGET*/
.prop-btn { padding-top: 5px; padding-bottom: 5px;}
.prop-img {}
.prop-title { line-height: 18px; color: #3D6172; }
.prop-info { line-height: 16px; padding: 5px;}
.prop-address { font-size: 14px; }
.prop-detail { font-size: 14px; }
.rotator a {  }

.prop-list { }
.prop-list a { color : #333; }
.prop-list .prop-img { padding-left: 6px; }
.prop-list .prop-img { width: 125px; }
.prop-list .prop-img img { max-width: 125px; }

.prop-details .prop-img { position: relative; height: 320px; display:block; }
.prop-details .prop-img-link { position: absolute; width: 100%; left: 0; }  
.prop-details .prop-img img{ display:block;  max-height: 300px; margin-left: auto; margin-right: auto; }
.prop-details .prop-img-rotator  { height: 350px; } 
   
.ad-title { font-weight: bold; font-size: 16px; margin-bottom: 5px; }
.ad-back-btn { background: url('/mobile/img/btn-back.jpg') no-repeat top left; width: 144px; height: 61px; display: inline-block; float: right; margin-top: -90px;}
   
   
/* About Us */
.bio-box { display:block; margin: 10px 0px 10px 0px;  }
.bio-box .bio-pic { border: 1px solid #c4c4c4; width: 84px; margin-right: 10px;}
.bio-box .bio-pic img { max-width: 84px; }
.bio-box .bio-info { max-width: 60%; text-align: left;}
.bio-box .name { color: #5b79a3; font-size: 22px; font-weight: bold; margin-right: 10px;  }
.bio-box .title { font-size: 14px; text-transform:uppercase; font-weight: normal; } 
.bio-box .bio-cmd { margin-left: 10px; }
.bio-box .bio-cmd  a { margin: 3px; }
.about-img { margin-right: 10px; margin-bottom:10px; }

/* Contact Us */
.contact-box { background: #fff url('/mobile/img/contact-person.jpg') no-repeat top right; }


.first { margin-top: 0px; }
.last { margin-bottom: 0px; }

.text-left { text-align: left !important; }
.text-left address { margin-left: 6px; }

/* Phones */
@media (max-width: 767px)
{
	.callout a .two-liner { line-height: 30px; }
	.force-full-width  { width: 95% !important; } 
	.small-img { max-width: 125px; } 
	.prop-address { line-height: 16px; }
	.prop-title { display: none; }
	.prop-btn { text-align: center; }
	.prop-img { margin-right: 10px; margin-bottom: 5px;}
	select.full-width { width: 100%; }
	input.full-width, textarea.full-width{ width: 100%; padding: 4px 0px 4px 6px;}
	form .btn.full-width  { width: 100%; }
	.result .visible-phone { display: block; width: 100%;  }`
	.visible-phone .prop-img { display: block; text-align: center; }
	.visible-phone .prop-info { display: block; text-align: center; }
	
	.result .prop-img { width: 125px; }
	.reuslt .prop-img img { max-width: 125px; }
	row.block { display: block; }
	
	.prop-details .prop-img { position: relative; height: 135px; display:block; }
	.prop-details .prop-img img{ display:block; max-width: 70%; max-height: 125px; min-height: none; margin-left: auto; margin-right: auto; }
	.prop-details .prop-img-rotator  { height: 155px; } 

	/* Contact Us */
	.contact-box { background: #fff; }
	
	/* Properties */
	.ad-back-btn-top { margin-bottom: 5px; }
	
}

/* Extended Buttons */
.command-panel { margin-bottom: 10px; }
.command-panel .btn { padding-left: 20px; padding-right: 20px; }

/* Buttons */
.call-btn { background: url('/mobile/img/btn-call.png') no-repeat top left; width: 129px; height: 29px; display: inline-block;}
.email-btn { background: url('/mobile/img/btn-email.png') no-repeat top left; width: 129px; height: 29px; display: inline-block;}
.inquire-btn { background: url('/mobile/img/btn-inquire.png') no-repeat top left; width: 129px; height: 29px; display: inline-block;}
.map-btn { background: url('/mobile/img/btn-map.png') no-repeat top left; width: 129px; height: 29px; display: inline-block;}

/* icons */
em.icon-properties , i.icon-properties { background: url('/mobile/img/properties-navy-light.png') no-repeat; width: 50px; height: 50px; }
em.icon-services, i.icon-services { background: url('/mobile/img/services-navy-light.png') no-repeat; width: 50px; height: 50px; }
em.icon-about, i.icon-about { background: url('/mobile/img/about-navy-light.png') no-repeat; width: 50px; height: 50px; }
em.icon-contact, i.icon-contact { background: url('/mobile/img/contact-navy-light.png') no-repeat; width: 50px; height: 50px; }
em.icon-site, i.icon-site { background: url('/mobile/img/site-navy-light.png') no-repeat; width: 50px; height: 50px; }





