@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css");
/*-------------------------------------------------------------------------------------------------------------
	---------------------------------- Universal and Body Formatting ------------------------------
--------------------------------------------------------------------------------------------------------------*/
body, .full-menu *, .mobile-menu *, #quick-search *, .heading, .subheading
{
	margin: 0;
	padding: 0;
	z-index: 9999;
}

html, body
{
	height: 100%;
}

body
{

	overflow-x: hidden;
    display: table;
    width: 100%;
}

body.home
{
	background: initial;
}

img
{
	display: block;
	position: relative;
}

.inner
{
	width: 980px;
	margin: 0 auto !important;
	overflow: hidden;
}

.stretch
{
	width: 100%;
}

/*-------------------------------------------------------------------------------------------------------------
	---------------------------------- Background Formatting ------------------------------
--------------------------------------------------------------------------------------------------------------*/
#background
{
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	z-index: -9999;
}


#background img
{
	z-index: -99;
	min-width: 50%;
	min-height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}

#background-text p
{
	position: absolute;
	bottom: 2000px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	height: 80px;
	width: 100%;
	text-align: center;
}

/*-------------------------------------------------------------------------------------------------------------
	---------------------------------- Header and Menu Formatting ------------------------------
--------------------------------------------------------------------------------------------------------------*/
#header
{
	background: url(/images/header_bac.png);
}

#menu
{
	background: url(/images/menu_bar.png);
}

#menu a
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.full-menu
{
	height: 40px;
	position: relative;
}

.full-menu a
{
	display: block;
	width: 100%;
}

.full-menu a, .mobile-menu a
{
	line-height: 40px;
	padding: 0 10px;
}

.full-menu ul, .mobile-menu ul
{
	list-style: none;
}

.full-menu li
{
	float: left;
}

.full-menu ul ul
{
	display: none;
	width: 250px;
	position: absolute;
	top: 40px;
	background: url(/images/menu_dropdown_bac.png);
}

.full-menu ul ul li
{
	float: none;
}

.full-menu li:hover ul
{
	display: block;
}

.full-menu li:hover
{
	background: url(/images/menu_mouse_over.png);
}

.full-menu.inner
{
	overflow: visible;
}

#mobile-menu-button
{
	display: none; 
	width: 133px;
	height: 40px;
	margin: 0 0 0 3px;
	cursor: pointer;
}

.mobile-menu-on
{
	background: url(/images/mobile_menu_on.png);
}

.mobile-menu-off
{
	background: url(/images/mobile_menu_off.png);
}

.mobile-menu ul ul
{
	display: none;
	padding: 0 20px 0 20px;
}

.mobile-menu > ul li
{
	position: relative;
}

.mobile-menu li:first-child
{
	border-top: none;
}

.mobile-menu.inner
{
	padding: 0 20px 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

#menu-bottom, #menu-top
{
	height: 1px;
}

#menu-bottom
{
	background: url(/images/menu_bottom_line.png);
}

#menu-top
{
	background: url(/images/menu_top_line.png);
}

#nav li ul
{
	z-index: 10000;
}

.menu-down
{
	position: absolute;
	right: 10px;
	top: 18px;
	display: none;
	cursor: pointer;
}

/*-------------------------------------------------------------------------------------------------------------
	---------------------------------- Content Formatting ------------------------------
--------------------------------------------------------------------------------------------------------------*/

.home #content-wrapper
{
	width: 820px;
	margin: 244px auto 60px auto;
	position: relative;
	padding: 50px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.home.non-real-estate #content-wrapper
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 75px;
	padding-top: 20px;
}

#content-wrapper
{
	width: 980px;
	margin: 0 auto;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

#content-wrapper .stretch
{
	overflow: hidden;
}

.callout
{
	float: left;
	width: 30.7692333%;
	margin: 20px 1.28205% 0 1.28205%;
}

.cvdo-content
{
	overflow: hidden;
}

.cvdo-content table, .cvdo-content table *
{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*-------------------------------------------------------------------------------------------------------------
	---------------------------------- Footer Formatting ------------------------------
--------------------------------------------------------------------------------------------------------------*/
#footer
{
	background: url(/images/footer_bac.png);
    display: table-row;
    height: 1px;
}

.column-1, .column-2
{
	min-height: 100px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.column-1 *, .column-2 *
{
	margin: 0;
	padding: 0;
}

#cevado-tag p, #cevado-tag a, #cevado-tag img
{
	display: inline-block;
}


#footer .inner
{
    height: 100%;
}
/*-------------------------------------------------------------------------------------------------------------
	---------------------------------- Quick Search Formatting ------------------------------
--------------------------------------------------------------------------------------------------------------*/
.home.non-real-estate #quick-search
{
	display: none;
}

#quick-search
{
	width: 906px;
	height: 154px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 229px;
}

#quick-border
{
	background: url(/images/quick_border.png);
	padding: 3px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}

#quick-search .inner
{
	
	background: url(/images/quick_background.png);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	overflow: visible;
	
}

#quick-border, #quick-search .inner
{
	width: 900px;
	height: 89px;
}

#top-tab, #bottom-tab
{
	margin: 0 0 0 100px;
	display: block;
}

#quick-search-bar
{
	width: 335px;
	height: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid gray;
	text-align: center;
	margin: 19px 0 0 15px;

}

#search-options
{
	list-style: none;
	position: absolute;
	left: 375px;
	top: 0;
}

#search-options li
{
	float: left;
	position: relative;
	height: 92px;
	width: 110px;
	font-size: 22px;
	line-height: 89px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;  
	-ms-user-select: none;  
	-o-user-select: none;
	user-select: none; 
	cursor: default;
}

#search-options li img
{
	display: inline-block;
}

#search-options li ul
{
	width: 290px;
	height: 130px;
	position: absolute;
	left: 0;
	top: 92px;
	background: url(/images/quick_dropdown_color.png);
	display: none;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#search-options li:hover
{
	background: url(/images/quick_rollover.png);
}

#search-options li:hover ul
{
	display: block;
}

#search-options select
{
	width: 95px;
	height: 94px;
	margin: 18px 0 0 0;
	float: left;
}

#search-options select:first-child
{
	margin-left: 23px;
}

#search-options  p
{
	display: block;
	float: left;
	margin: 0 10px 0 10px;
}

#search-button
{
	height: 75px;
	width: 144px;
	background: url(/images/quick_search_button.png);
	display: block;
	border: none;
	text-indent: -9999em;
	position: absolute;
	top: 6px;
	right: 5px;
	cursor: pointer;
}

/*-------------------------------------------------------------------------------------------------------------
	---------------------------------- Quick Search Formatting ------------------------------
--------------------------------------------------------------------------------------------------------------*/
#social
{
    margin: 10px 0 0 0;
}

#social a:before
{
	color: #fff;
    transition: .3s color;
}

#social a:hover:before
{
	color: #8E8E8E;
}

#social li 
{
    float: left;
    width: 30px;
}

#social ul
{
	padding: 0;
	margin: 0;
	overflow: hidden;
	list-style: none;
    text-align: center;
    padding: 5px 0;
    width: 160px;
}

#social a
{
    display: inline-block;
	font-size: 0;
	color: transparent;
    padding: 5px 0;
    text-decoration: none;
}

#social a:before
{
	font: normal normal normal 24px/1 FontAwesome;
}

#social li.email a:before
{
	content: "\f003";
}

#social li.flickr a:before
{
	content: "\f16e";
}

#social li.google-plus a:before
{
	content: "\f0d5";
    font-size: 20px;
}

#social li.home a:before
{
	content: "\f015";
}

#social li.instagram a:before
{
	content: "\f16d";
}

#social li.linkdin a:before
{
	content: "\f0e1";
}

#social li.pinterest a:before
{
	content: "\f0d2";
}

#social li.reddit a:before
{
	content: "\f1a1";
}

#social li.tumblr a:before
{
	content: "\f173";
}

#social li.twitter a:before
{
	content: "\f099";
}

#social li.vimeo a:before
{
	content: "\f194";
}

#social li.wordpress a:before
{
	content: "\f19a";
}

#social li.youtube a:before
{
	content: "\f16a";
}

#social li.facebook a:before
{
	content: "\f09a";
}
/*
#social
{
	margin: 10px 0 0 0;
}
#social, #social ul
{
	width: 160px;
}

#social ul
{
	list-style: none;
	overflow: hidden;
}

#social li
{
	float: left;
	height: 40px;
	width: 40px;
}

#social li, #social a, #social ul
{
	display: block;
}

#social a
{
	text-indent: -9999em;
	height: 40px;
}
#social li.email 
{
	background:url(../images/social_media/email.png) no-repeat top left;
}
#social li.flickr 
{
	background:url(../images/social_media/flickr.png) no-repeat top left;
}
#social li.google-plus 
{
	background:url(../images/social_media/google-plus.png) no-repeat top left;
}
#social li.home 
{
	background:url(../images/social_media/home.png) no-repeat top left;
}
#social li.instagram 
{
	background:url(../images/social_media/instagram.png) no-repeat top left;
}
#social li.linkdin 
{
	background:url(../images/social_media/linkdin.png) no-repeat top left;
}
#social li.pinterest 
{
	background:url(../images/social_media/pinterest.png) no-repeat top left;
}
#social li.reddit 
{
	background:url(../images/social_media/reddit.png) no-repeat top left;
}
#social li.tumblr 
{
	background:url(../images/social_media/tumblr.png) no-repeat top left;
}
#social li.twitter 
{
	background:url(../images/social_media/twitter.png) no-repeat top left;
}
#social li.vimeo 
{
	background:url(../images/social_media/vimeo.png) no-repeat top left;
}
#social li.wordpress 
{
	background:url(../images/social_media/wordpress.png) no-repeat top left;
}
#social li.youtube 
{
	background:url(../images/social_media/youtube.png) no-repeat top left;
}
#social li.facebook 
{
	background:url(../images/social_media/facebook.png) no-repeat top left;
}

#social li.email a:hover 
{
	background:url(../images/social_media/email-dn.png) no-repeat top left;
}
#social li.flickr a:hover 
{
	background:url(../images/social_media/flickr-dn.png) no-repeat top left;
}
#social li.google-plus a:hover 
{
	background:url(../images/social_media/google-plus-dn.png) no-repeat top left;
}
#social li.home a:hover 
{
	background:url(../images/social_media/home-dn.png) no-repeat top left;
}
#social li.instagram a:hover 
{
	background:url(../images/social_media/instagram-dn.png) no-repeat top left;
}
#social li.linkdin a:hover 
{
	background:url(../images/social_media/linkdin-dn.png) no-repeat top left;
}
#social li.pinterest a:hover 
{
	background:url(../images/social_media/pinterest-dn.png) no-repeat top left;
}
#social li.reddit a:hover 
{
	background:url(../images/social_media/reddit-dn.png) no-repeat top left;
}
#social li.tumblr a:hover 
{
	background:url(../images/social_media/tumblr-dn.png) no-repeat top left;
}
#social li.twitter a:hover
 {
	background:url(../images/social_media/twitter-dn.png) no-repeat top left;
}
#social li.vimeo a:hover 
{
	background:url(../images/social_media/vimeo-dn.png) no-repeat top left;
}
#social li.wordpress a:hover 
{
	background:url(../images/social_media/wordpress-dn.png) no-repeat top left;
}
#social li.youtube a:hover 
{
	background:url(../images/social_media/youtube-dn.png) no-repeat top left;
}
#social li.facebook a:hover 
{
	background:url(../images/social_media/facebook-dn.png) no-repeat top left;
}
*/
/*-------------------------------------------------------------------------------------------------------------
	------------------------------------ Responsive Formatting --------------------------------
--------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 980px)
{
.column-1
{
	width: 33.33333333%;
}

.column-2
{
	width: 66.6666666%
}
}

@media screen and (max-width: 979px)
{
	.container, .inner
	{
		width: 100%;
	}
	
	#mobile-menu-button
	{
		display: block;
	}
	
	.menu-down
	{
		display: block;
	}
	
	.column-1, .column-2
	{
		float: none;
		width: 100%;
	}
	
	#quick-search
	{
		display: none;
	}
	
	.home #content-wrapper
	{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		position: relative;
		margin: 0 auto;
		left: auto;
		top: auto;
		right: auto;
		padding-top: 20px;
		width: 100%;
	}
	
	.home.non-real-estate #content-wrapper
	{
		margin: 0 auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#content-wrapper
	{
		width: 100%;
	}
}

@media screen and (max-width: 720px)
{
	.callout
	{
		float: none;
		width: 240px;
		margin: 20px auto 0 auto;
	}
}

@media screen and (max-width: 310px)
{
	.callout
	{
		width: 100%;
	}
}