/******************************************************************************************\
*			 NOTE: All styles an place holder images assume dims of 640x480 				*
\******************************************************************************************/
/* ToDo: make #D1D1D1 a dotLess constant (grey color used for lines and borders) */
/* ToDo: make #1786EB a dotLess constant (light blue for link hover and other feedback) */


/*
** Responsive Setup
*/
html {
    -webkit-text-size-adjust: none;
}
body, ul, p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu', Helvetica, sans-serif;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    -webkit-padding-start:0;
}
section img {
    max-width: 100%;
    height: auto;
}
iframe {
    width: 100%;
    height: auto;
}

input.inactive {
	color: #999;
}


/*
** Kendo Setup
*/  
/**********  BEGIN scrollview specifics **********/
.km-pages {
    padding-top: 0.2em;
}
.km-pages li {
    border: 1px solid #999999;
    border-radius: 5px;
}
.km-pages .km-current-page {
    background-color: #fff;
}
section > .km-scrollview {
 	width: 100%;
 	/* change box model so the addition of padding doesn't change our width */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.km-scrollview .contentBlock {
    position: relative;
    display: inline-block;
    /*width: 250px;
    margin-right: 15px;*/
    width: 100%;

    /* change box model so the addition of padding doesn't change our width */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.km-scrollview .carouselImg .cbLink a
{
    margin-bottom:0px;
    display:block;
}

.km-scrollview .carouselImg,
.km-scrollview .captionWrap {
    margin-right: 15px;
}
.fullWidth .carouselImg,
.fullWidth .captionWrap {
    margin-right: 0;
    border-radius: 0px;
}
.km-scrollview .contentBlock img {
    border-radius: 10px;
    margin-bottom: 15px;
}
.fullWidth .km-scrollview .contentBlock img {
    border-radius: 0px;
}
/* 
Add a margin to the bottom of the carousel images on smaller
screens to avoid covering the whole photo with caption text
*/
@media only screen and (max-width: 400px) {
    .km-scrollview .contentBlock img {
        margin-bottom: 0px;
    }
}
.km-scrollview .contentBlock .captionLink {
    display: block;
}
.km-scrollview .contentBlock .captionWrap 
{
    width:100% !important;
    background: rgba(254,178,24,.7);
    padding: 30px 10px 10px 10px;
    position: absolute;
    bottom:2px;
    left:0;
    border-radius: 0 0 10px 10px;
    /*max-width: 604px;*/
    cursor: pointer;
 	/* change box model so the addition of padding doesn't change our width */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}
.km-scrollview .contentBlock .captionWrap a,
.km-scrollview .contentBlock .captionWrap a.external
{
    color:#000;
    padding-left:0px;
}
.fullWidth .km-scrollview .contentBlock .captionWrap 
{
     border-radius: 0px;
     bottom:3px;
}
.fullWidth .contentBlock .captionWrap {
    padding: 10px;
    width: 100%;
}
.km-scrollview.fullWidth .contentBlock div {
    border-radius: 0;
}
.km-scrollview .contentBlock h2 {
    color: #000;
    margin: 0 0 .25em 0;
    padding: 0;
    line-height: 18px;
    width: auto;
    font-size: 25px;
    font-weight: normal;
    /*text-shadow:1px 2px 4px rgba(0,0,0,0.75);*/
    white-space: normal;
}
.km-scrollview .contentBlock p {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    white-space: normal;
    margin: 0;
}
.km-scrollview .contentBlock .actions {
    display: none;
}
/**********  End scrollview specifics **********/


/*
** Structural Setup
*/
header {
    background-color: #30517F;
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image:-webkit-gradient(linear,color-stop(0, rgb(70,103,149)),color-stop(1, rgb(48,81,127)));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image:-webkit-linear-gradient(rgb(70,103,149) 0%,rgb(48,81,127) 100%);
    /* Opera v11.10+ */
    background-image:-o-linear-gradient(rgb(70,103,149) 0%,rgb(48,81,127) 100%);
    background-image:linear-gradient(rgb(70,103,149) 0%,rgb(48,81,127) 100%);
    background-position:

    /* change box model so the addition of padding doesn't change our width */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    display: block;
    height: 60px;
    padding: 0; /* 1% = 6px @ 650px wide */
    width: 100%;
}
header table {
    width:100%;
    border-spacing: 0px;
}
header table td {
    vertical-align: middle;
    text-align: center;
}
header img 
{
    margin: 0 auto;
    display: block;
}
header .btn
{
    width: 62px;
    padding-top: 9px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    height: 50px;
}
#btnMenu {
    float: left;
    border-right: 1px solid #000;
    text-align: center;
}
#btnMenu .close {
    display: none;
}
#btnMenu.active .close {
    width: 45px;
    height: 40px;
    background: #fff url("/images/mobile/icons-36-black.png") -176px -30px;
    margin: 8px 0 0 8px;
    border-radius: 20px 20px 0 0 ;
    display: block;
}
#btnMenu.active {
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image:-webkit-gradient(linear,color-stop(0, rgb(68,68,68)),color-stop(0.86, rgb(24,20,18)),color-stop(1, rgb(24,20,18)));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image:-webkit-linear-gradient(rgb(68,68,68) 0%,rgb(24,20,18) 86%,rgb(24,20,18) 100%);
    /* Opera v11.10+ */
    background-image:-o-linear-gradient(rgb(68,68,68) 0%,rgb(24,20,18) 86%,rgb(24,20,18) 100%);
    background-image:linear-gradient(rgb(68,68,68) 0%,rgb(24,20,18) 86%,rgb(24,20,18) 100%);
    
    /* change box model so the addition of padding doesn't change our width */
    color: #fff;
}
#btnMenu img {
    display: block;
    margin-bottom: 3px;
}
#btnHome {
    display: inline-block;
    text-align: center;
}
#btnHome img 
{
    margin-top: 3px;
}
#btnCall {            
    float: right;
    border-left: 1px solid #000;
}

#pageWrap {
    width: 100%;
}
section {
    width: 100%;
    padding-top: 10px;
    background:#E0E6EF;
}

.mobileHome section 
{
    background: #30517f; /* Old browsers */
    background: -moz-linear-gradient(top,  #30517f 0%, #466795 86%, #466795 100%))); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30517f), color-stop(86%,#466795), color-stop(100%)),#466795)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #30517f 0%,#466795 86%,#466795 100%))); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #30517f 0%,#466795 86%,#466795 100%))); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #30517f 0%,#466795 86%,#466795 100%))); /* IE10+ */
    background: linear-gradient(to bottom,  #30517f 0%,#466795 86%,#466795 100%))); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30517f', endColorstr='#466795',GradientType=0 ); /* IE6-9 */

}

section > h1, section > h2, section > h3, section > h4, section > h5, section > h6 {
    padding: 18px 15px 10px 15px; /* 3% = 20px @ 650px wide */
    width: 100%;
 	/* change box model so the addition of padding doesn't change our width */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section > p, section > div, section > a {
    padding: 0 15px 10px 15px; /* 3% = 20px @ 650px wide */
    width: 100%;
 	/* change box model so the addition of padding doesn't change our width */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section > table, section > ul {
    margin: 0 3%; /* 3% = 20px @ 650px wide */
    width: 94%;
} 
section .fullWidth {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
section ul {
    margin-left: 2em;
}
section #sidebar {
    display: none;
}

#navMenu {
    border-bottom: 1px solid #D1D1D1;
    display: none;
    background: #30517F;
}
nav ul {
    list-style-type: none;
}        
nav ul ul {
    display: none;
    border-left: 16px solid #30517F;
    font-size: 18px;
    background: #3c5d8b;
}
nav ul ul ul {
    border-left: 16px solid #3c5d8b;
    background: #466795;
}
nav ul li a {
    display: block;
    padding: 12px 3%;
    font-size: 18px;
    border-top: 1px dashed #D1D1D1;
    color: #fff;
    text-decoration: none;
}
nav ul ul li a {
    display: block;
    padding: 12px 3%;
    font-size: 18px;
    border-top: 1px dashed #D1D1D1;
    color: #EDEDED;
    text-decoration: none;
}
nav ul li a:hover,
a.active {
    color: rgb(254,178,24);
}
nav a .more {
    width: 20px;
    height: 20px;
    float: right;
    display: block;
    background: url("/images/mobile/icons-18-black.png") -17px -14px;
}
nav a.active .more {
    width: 20px;
    height: 20px;
    float: right;
    display: block;
    background: url("/images/mobile/icons-18-black.png") -53px -14px;
}
footer {
    /* safari v4.0+ and by Chrome v3.0+ */
    background-color: #30517F;
    border-top: 2px solid #003c77;
    color: #fff;
    font-size: 14px;
    padding: 15px 10px;
}
footer ul {
    list-style: none;
}
footer a {
    color: #fff;
}
footer ul a {
    vertical-align: middle;
    padding: 5px 0;
    display: block;
}
footer a span {
    width: 26px;
    height: 26px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
}
footer .phone span {
    background: url("/images/mobile/icons-18-white.png") -806px -15px;
}
footer .email span {
    background: url("/images/icon-envelope.png")  7px 9px no-repeat;
}
footer .find span {
    background: url("/images/mobile/icons-18-white.png") -1509px -15px;
}
footer .ask span {
    background: url("/images/icon-question.png") 9px 5px no-repeat;
}
footer .address {
    margin: 0 0 4px 0;
    padding-bottom: 0.75em;
    text-align: center;
    border-bottom: 1px solid #fff;
}
footer .copyright {
    border-top: 1px solid #fff;
    padding-top: 15px;
    margin: 2px 0 0 0;
    font-size: 12px;
}
footer .creditLine {
    margin-bottom: 0;
    font-size: 12px;
}
footer .websiteBy {
    text-decoration: underline;
}
footer .fullSite {
    text-decoration: underline;
    display: inline-block;
    float: right;
}
.top {
	background: #D1D1D1;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 5px 0;
}
.top span {
	background: url("/images/mobile/icons-18-black.png") -197px -12px;
	width: 20px;
	height: 20px;
	display: inline-block;
}

/*
** MoJo Active CMS styles
*/
h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 10px 0;
    letter-spacing: -1px;
}
h2 {
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0 10px 0;
}
h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0 10px 0;
}
h4 {
    font-size: 18px;
}
h5, h6 {
    font-size: 16px;
}
.ui-li .ui-btn-inner { padding-right: 3em; }

.sectionHead { display: none; }

p { margin: 0.4em 0 0.75em 0; }

#footer a, #footer .ui-link { text-shadow: none; }

td, th { vertical-align: top; }

.imgLt { float: left; margin: 0 0.8em 0.8em 0; }
.imgRt { float: right; margin: 0 0 0.8em 0.8em; }
.clr { clear: both; }

#breadCrumb a,
#breadCrumb span { padding-right: 0.25em; }

.infoDisplay { }
.infoDisplay th,
.infoDisplay td { padding: 0 10px 5px 0; }
.infoDisplay th { text-align: right; }

.twoCol .col {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
a.external, a.doc, a.xls ,a.pdf {
    padding-left: 25px;
    background: url("/images/icons/external.gif") 3px 0 no-repeat;
}
a.doc {
    background: url("/images/icons/doc.gif") 3px 0 no-repeat;
}
a.xls {
    background: url("/images/icons/xls.gif") 3px 0 no-repeat;
}
a.pdf {
    background: url("/images/icons/pdf.gif") 3px 0 no-repeat;
}


/*
** Homepage Styles
*/
.viewAll {
    display: block;
	padding: 0 0 1% 0;
    font-size: 18px;
    font-weight: 400;
    width: auto;
    color: #1786EB;
    text-decoration: none;
}

.homePage #sidebar{ display: none;}

.carousel {
    padding-bottom: 30px;
    border-bottom: 1px solid #999999; 
}

.carousel a {
    text-decoration: none;
}


/*
** Secondary Page Styles
*/

#content .contentBlock 
{
    margin-bottom: 0px;
}

#content .contentBlock .imgRt,
#content .contentBlock .imgLt
{
    float: none;
    margin-left: 0;
    margin-right: 0;
}


.actions {
	width: 130px;
	margin: 0 auto;
		}

.actions li {
		display: inline-block;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		width: 40px;
		overflow: hidden; 
		text-indent: -999em;
}	
.actions a {
			padding-left: 40px;
			padding-top: 4px;
			margin-right: 25px;
			color:#181412;
			text-decoration: none;
			background-repeat: no-repeat;
			background-position: 0 0;
			display: block;
			height: 30px;
		}

.actions a:hover {
			opacity: 0.80;
			filter: alpha(opacity=80);
		}
	
.learn a {
	background-image: url(/images/icon-btn-info.png);
}

.ask a {
	background-image: url(/images/icon-btn-question.png);
}

.download a {
	background-image: url(/images/icon-btn-arrow.png);
}

/*
** Form Styles
*/
.formDisplay th {
    display: block;
    text-align: left;
}

.formDisplay td {
    display: block;
    padding-bottom: 10px;
}

.formDisplay textarea { width: 200px;}
/*
** Events
*/
.mobile .eventDetails {
    float: none;
    width: auto;
    margin: 0 0 20px;
    padding: 0 10px;
}
.eventInfo .external{ padding: 0;}
.event h4{ color: #333132;}
.event h3{ margin: 20px 0 5px 0;}
#search {
    /* safari v4.0+ and by Chrome v3.0+ */
    background: transparent -webkit-gradient(linear,color-stop(0, rgba(0,0,0,0)),color-stop(1, rgba(190,190,190,.5)),color-stop(1, rgba(190,190,190,1)));
    /* Chrome v10.0+ and by safari nightly build*/
    background: transparent -webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(190,190,190,1)47%,rgba(190,190,190,1) 100%);
    /* Opera v11.10+ */
    background: transparent -o-linear-gradient(rgba(0,0,0,0) 0%,rgba(190,190,190,1) 47%,rgba(190,190,190,1) 100%);
    background: transparent linear-gradient(rgba(0,0,0,0) 0%,rgba(190,190,190,1) 47%, rgba(190,190,190,1) 100%);
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
    float: right;
}
#search span{ color: #000;}
.events #sidebar{ margin: 15px 0 0;}
#siteSearch{ display: none;}
.dateRange { margin: 15px 0 0;}
.mobile .dateRange label {
    display: block;
    float: none;
}
.mobile .dateRange span {
    float: left;
}
.mobile #eventSearch {
    float: none;
    display: block;
    margin: 20px 0;
    /* safari v4.0+ and by Chrome v3.0+ */
    background: transparent -webkit-gradient(linear,color-stop(0, rgba(0,0,0,0)),color-stop(1, rgba(190,190,190,.5)),color-stop(1, rgba(190,190,190,1)));
    /* Chrome v10.0+ and by safari nightly build*/
    background: transparent -webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(190,190,190,1)47%,rgba(190,190,190,1) 100%);
    /* Opera v11.10+ */
    background: transparent -o-linear-gradient(rgba(0,0,0,0) 0%,rgba(190,190,190,1) 47%,rgba(190,190,190,1) 100%);
    background: transparent linear-gradient(rgba(0,0,0,0) 0%,rgba(190,190,190,1) 47%, rgba(190,190,190,1) 100%);
    padding: 5px 10px;
    border-radius: 10px;
}

#listingSearch {
	position:relative;
	width:auto;
	background:#ffffff;
	padding:0px 15px 10px;
	margin:0px;
}

#listingSearch h2 {
	font-weight:normal;
	color:#000000;
}

.featureBlock 
{
	margin:0px 0px 10px;
	border-bottom: 1px solid #999999;
}

.featureBlock img
{
    margin:0px auto;
    display:block;
}

.mobileHome h2
{
    color:#ffffff;
}

.mobileHome h2 a
{
    text-decoration:none;
    color:#ffffff;
}

section > div.introPhoto 
{
    padding:0px;
    margin-top:-10px;
}

.km-scrollview .carouselImg, 
.km-scrollview .captionWrap 
{
    margin:0px;
}

.filterLists
{
    padding: 10px;
    background: #C3CFE0;
    margin-bottom: 1em;
}

.filterLists h3 
{
    margin-top: 0;
}

.rentals section #content .contentBlock {
	/* background:url('/images/divider-rentals.png') no-repeat center bottom scroll; */
}

.rentalHeadings {
	display:none;
}

.rentals section #content .rentalinfo {
	list-style:none;
	margin:0px;
	padding-bottom:20px;
	margin-bottom:25px;
}

.rentals #mainContent #content .rentalListings .contentBlock {
    padding: 6px 0 2px 6px;
}

.rentals section #content .rentalinfo li 
{
    padding-right:5px;
    line-height:21px;
	padding-left:84px;
	background-position:0px 5px;
}

.rentals section #content .rentalinfo li.bedrooms
{
    background:url('/images/rentalInfo-headings-bedrooms.png') no-repeat 0px 5px scroll;
}

.rentals section #content .rentalinfo li.address
{
    background:url('/images/rentalInfo-headings-address.png') no-repeat 0px 5px scroll;
}

.rentals section #content .rentalinfo li.type
{
    background:url('/images/rentalInfo-headings-type.png') no-repeat 0px 5px scroll;
}

.rentals section #content .rentalinfo li.rent
{
    background:url('/images/rentalInfo-headings-rent.png') no-repeat 0px 5px scroll;
}

.rentals section #content .rentalinfo li.city
{
    background:url('/images/rentalInfo-headings-city.png') no-repeat 0px 5px scroll;
}

#comments 
{
    width:90% !important;
}

.formFieldWrap 
{
    list-style:none;
}

select 
{
    position:relative;
    z-index:9999;
}



#listingSearch {
	background:#ffffff;
	padding: 12px 18px;
	margin:0px;
}
#listingSearch h2 {
	font-weight:normal;
}
#listingSearch .formFieldWrap {
	margin-left: 0;
	padding-left: 0;
}
#listingSearch .formFieldWrap li {
    width: 100%;
    display: inline-block;
    padding-bottom: 6px;
    font-size: 16px;
    Box-sizing: Border-box;
}
#listingSearch .formFieldWrap li label {
    display: block;
    text-align: left;
    font-weight: bold;
    color: #3A5B89;
}
#listingSearch .formFieldWrap .beginParam {
	margin-top: 5px;
			
}
#listingSearch .formFieldWrap select, 
#listingSearch .formFieldWrap input[type='text'] {
	padding: 3px 2px;
	font-size: 16px;
}
#listingSearch .formFieldWrap li.first {
	margin-top: 0;
}
#listingSearch .formFieldWrap li label {
	width: 100%;
}
#listingSearch input[type="text"] {
	width: 100%;
	Box-sizing: Border-box;
}
#listingSearch #btnSubmit {
	cursor: pointer;
	display: block;
}
    
#listingSearch .colRight li.first
, #listingSearch .colRight li.first + li.beginParam
{
	width: 45%;
}
	
.listingResults 
{
	padding-right: 0;
	padding-left: 0;
}
	
.listingResults iframe 
{
    border: none;
}

/* Contact Us form */

#frmContact .formFieldWrap {
	margin-left: 0;
	padding-left: 0;
}
#frmContact .formFieldWrap li {
    width: 100%;
    display: inline-block;
    padding-bottom: 6px;
    font-size: 16px;
    Box-sizing: Border-box;
}
#frmContact .formFieldWrap li label {
    display: block;
    text-align: left;
    font-weight: bold;
    color: #3A5B89;
}
#frmContact .formFieldWrap .beginParam {
	margin-top: 5px;
			
}
#frmContact .formFieldWrap select, 
#frmContact .formFieldWrap input[type='text'],
#frmContact textarea  {
	padding: 3px 2px;
	font-size: 16px;
}
#frmContact .formFieldWrap li.first {
	margin-top: 0;
}
#frmContact .formFieldWrap li label {
	width: 100%;
}
#frmContact input[type="text"]
, #frmContact textarea  {
	width: 100%;
	Box-sizing: Border-box;
}
#frmContact #btnSubmit {
	cursor: pointer;
	display: block;
}
    
#frmContact .colRight li.first
, #frmContact .colRight li.first + li.beginParam
{
	width: 45%;
}
    
#frmContact textarea 
{
    height: 150px;
}

#frmContact .formFieldWrap li label.required
, label.required {
    color: #cc0000;
}

label.required:before
{
    content: " *";
}

ul.list-unstyled {
    margin: 0 auto;
	list-style: none!important;
}
ul.list-unstyled li {
    margin: 1rem 0;
    width: 100%;
}

.btn-primary {
	border-radius: 4px;
	padding: .25rem 1rem;
	background: #cecece;
	text-decoration: none;
	font-weight: 600;
	color: #000;
}

.text-center { text-align: center; }

.btn {
	text-decoration: none!important;
	font-weight: 600;
	border-radius: 4px;
	padding: .5rem 1rem;
}

.btn-primary {
	background: #cecece;
	color: #000!important;
}

.btn-primary:hover, .btn-primary:active {
    background: #cfcfcf;
    color: #444!important;
}

.btn-secondary {
	background: #0d1a2e;
	color: #fff!important;
	font-weight: 400;
	
}
.btn-secondary:hover, .btn-secondary:active {
    background: lighten(#0d1a2e, 10%);
    color: #fff!important;
}

.btn-tertiary {
	background: #acacac;
	color: #fff!important;
	font-weight: 400;
}
.btn-tertiary:hover, .btn-tertiary:active {
    background: lighten(#acacac, 10%);
    color: #fff!important;
}

#intro-background-image {
    background: url(/images/homepage-hero-mobile.jpg)!important;
    background-size: cover!important;
    background-position: center !important;
}

#intro-background-image a {
    color: #fff;
    text-decoration: none;
    background: rgba(48, 81, 127, 0.75);
}
.content1144 #sidebar{
    display:block;
}
.content1144 .sharedContent .content > div{
   margin-bottom:20px;
}
.content1144 .sharedContent.last .content > div{
    margin-bottom:5px;
 }