@charset "utf-8";


body {
	margin: 0;
	background: #ffffff;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	border-top: 10px solid #265B6A;
	}
	
header {
	text-align: center;
	}
header img {
	width: 90%;
	height: auto;
	}
header .logo {
	margin: 10px 0;
	}

.ada-hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	}
	

/* top navigation */	
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-transform: capitalize;
	text-align: center;
	}

nav li {
	display: inline-block;
	padding: 10px 5px;
	}
nav li a {
	color: #ffffff;
	 padding: 10px 5px;
	 text-decoration: none;
	}
nav  li a:hover {
	background-color: #fafafa;
	color: #f4b31c;
	padding: 10px 5px;
	text-decoration: underline;
	}

/* footer navigation */		
footer {
	text-align: center;
	color: #ffffff;
	}
	
footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-transform: capitalize;
	text-align: center;
	}

footer li {
	display: inline-block;
	padding: 5px;
	}

footer li a {
	color: #ffffff;
	 text-decoration: none;
	}
footer  li a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
footer .copyright {
	font-size: 75%;
	}
	
.clearfix {
  overflow: auto;
	}

.hide-mobile {
	display: none;
	}	
.icon-fb {
	width: 20px;
	height: 20px;
	}
	
	
	
/* sections */

.container {
    max-width: 1000px;
    margin: 0 auto;
	padding: 0 10px;
	}
section {
	background-color: #f4f1ef;
	}
.nav {
 	background-color: #265B6A;
	color: #ffffff;
	}
.search-form {
	padding: 15px 0;
 	background-color: #f4b31c;
	}
.footer {
	background-color: #265B6A;
	padding: 10px 0;
	}
.slideshow {
	background-color: #ffffff;
	border-bottom: 1px solid #808080;
	}


#inline-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#inline-list li {
	display: inline-block;
	padding: 5px;
	}

#inline-list-border ul, .inline-list-border ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#inline-list-border li, .inline-list-border li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    margin: 2px;
    border: 1px dotted #c0c0c0;
	}
#inline-list-border .letterBullet {
    background-color: #265B6A;
    color: #ffffff;
    display: inline-block;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
	font-weight:bold;
	}	
	

	
/* City Page */

#propertyList .propertyContainer{
	margin:0 0 25px 0;
	border-bottom:1px dotted #808080;
	padding-bottom:10px;
	}
	
#propertyList .photoContainer {
	width:100%;
	height:150px;
	overflow:hidden;
	margin:0 0 20px 0
	}
#propertyList .photoContainer img {
	width:100%;
	}
	
#propertyList .fromRate {
	font-weight:bold;
	font-size:125%;
	color:#265B6A;
	display:inline;
	}
	
#propertyList a{
	font-size:125%;
	margin:5px 0;
	}

#propertyList  .sortForm {
	margin:0 0 20px 0;
	background-color:#c0c0c0;
	padding:5px;
	text-align:right;
	}
#propertyList .sortLabel, .sortSelect{
	display:inline-block;
	}

#propertyList .sortSelectForm {
	height:30px;
	padding:0 5px;
	}

#landmarks ul {
	margin: 0 0 20px 0;
	padding: 0;
	}
#landmarks li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    margin: 2px;
    border: 1px dotted #c0c0c0;
	}	



.adSenseContainer{
	margin:0 0 25px 0;
	border-bottom:1px dotted #808080;
	padding-bottom:10px;
	text-align:center;
	margin-top:-15px;
	}

/* used on country and state directory pages */
#country-dir .adSenseContainer, #state-dir .adSenseContainer {
	margin: 25px 0;
	border-top:1px dotted #808080;
	border-bottom:1px dotted #808080;	
	padding:10px;
	text-align:center;
	}


.disclaimer {
	font-size: 85%;
	font-style: italic;
	}

/* Breadcrumb trail */
#breadcrumb {
	font-size:75%;
	font-style:italic;
	margin:0 0 15px 0;
	}
#breadcrumb ul {
	margin:0;
	padding:0;
	}
#breadcrumb li{
	list-style:none;
	display:inline-block;
	padding:5px;
	}	


	
/* typography */

h1, h2 {
	font-size: 175%;
	margin: 0 0 10px 0;
	}

.font-90 {
	font-size: 90%;
	}
.font-85 {
	font-size: 85%;
	}
.font-80 {
	font-size: 80%;
	}
.font-75 {
	font-size: 75%;
	}
.center {
	text-align: center;
	}


	
	
	
	
/* padding */
.pad-top-10 {
	padding-top: 10px !important;
	}
.pad-right-10 {
	padding-right: 10px !important;	
	}	
.pad-bottom-10 {
	padding-bottom: 10px !important;
	}
.pad-left-10 {
	padding-left: 10px !important;	
	}
.pad-top-15 {
	padding-top: 15px !important;
	}
.pad-right-15 {
	padding-right: 15px !important;	
	}	
.pad-bottom-15 {
	padding-bottom: 15px !important;
	}
.pad-left-15 {
	padding-left: 15px !important;	
	}
	
.pad-top-20 {
	padding-top: 20px !important;
	}
.pad-right-20 {
	padding-right: 20px !important;	
	}	
.pad-bottom-20 {
	padding-bottom: 20px !important;
	}
.pad-left-20 {
	padding-left: 20px !important;	
	}

	
	
	
a {
    color: #265B6A;
    text-decoration: none;
	}	
a:hover {
     text-decoration: underline;
	}

	

	







	
/* forms */

button, input[type="submit"], input[type="button"], input[type="reset"] {
	background-color:orange;
	border:1px solid orange;
	padding:10px 15px;
	color:#ffffff;
	}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	background-color: #efefef;
	border: 1px solid #efefef;
	color: #000000;
	}	

#faux-button  a {
	background-color: orange;
	border: 1px solid orange;
	padding: 10px 15px;
	color: #ffffff;
	text-decoration: none;
	}
#faux-button  a:hover{
	background-color: #265B6A;
	border: 1px solid #265B6A;
	color: #ffffff;
	text-decoration: none;
	font-style: none;
	font-weight: normal;
	}
	
input[type="text"], select, .textarea {
	width: 100%;
	height: 40px;
	background: #ffffff;
	border: none;
	padding: 5px;
	color: #000000;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
.textarea {
	width: 100%;
	height: 90px;
	}	

.error {
	color: #ff0000;
	background-color: #ffffff;
	font-size: 14px;
	text-transform: capitalize;
	}	
	
.col-row {
	width: 100%;
	}
.col-10, .col-20, .col-25, .col-30, .col-33, .col-40, .col-45, .col-50, .col-60, .col-70, .col-75, .col-80, .col-90, .col-100 {
	width: 100%;
	float: left;
	padding: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
	}

.no-margin {
	margin: 0;
}
.padding-top-20 {
	padding-top: 20px;
}

hr {
	margin: 30px 0;
}


.img-100 {
	width: 100%;
	height: auto;
}

@media all and (min-width: 550px) {

	
	header img {
		width: 50%;
		}
	.hide-mobile {
		display: block;
		}

	.col-10 {width: 10%;}			
    .col-20 {width: 20%;}		
    .col-25 {width: 25%;}			
    .col-30 {width: 30%;}		
	.col-33 {width: 33.333%;}
    .col-40 {width: 40%;}
	.col-45 {width: 45%;}
    .col-50 {width: 50%;}
    .col-60 {width: 60%;}		
	.col-70 {width: 70%;}
	.col-75 {width: 75%;}
	.col-80 {width: 80%;}	
	.col-90 {width: 90%;}	 
    .col-100 {width: 100%;} 



	#propertyList .photoContainer {
		float:left;
		width:250px;
		height:150px;
		overflow:hidden;
		margin-right:20px;
		}
	#propertyList .photoContainer img {
		width:100%;
		}
	
	
}

@media all and (min-width: 720px) {

	header img {
		width: 25%;
		}

}



@media all and (min-width: 1028px) {




}