@import url('https://www.pixisites.com/themes/clean/content/style.css');
@import url('https://www.pixisites.com/themes/modern/Fonts/fonts.css');

body {
	font-family: 'CenturyGothicRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #222;
	background: #323232;
	padding-top: 20px;
}
.wrapper {
	margin: 0 auto 0;
	width: 1000px;
	background-color: #fff;
	border: 10px #d8d8d8 solid;
}

/*----- HEADER -----*/
#name {
	float: left;
	color: #222;
	font-size: 40px;
	text-transform: uppercase;	
	text-align: left;
	margin: 20px 0 15px;
}
#topSocial {
	float: right;
	margin: 10px;
}
#homelink {
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	color: #222;
}
#contact {
	color: #323232;
	font-size: 16px;
	text-align: left;
	line-height: 16px;
}
#contact b {
	font-weight: normal;
}
#header-banner {	
	float: left;
	height: 200px;
	width: 660px;
	margin: 0 0 0 20px;
	background: #eee;
}
#header-image {
}
#header-tagline {
	height: 20px;
	background: url(../images/tagline-bg.png) repeat;
	float: left;
	margin: 150px 0 0 -10px;
	color: #fff;
	padding: 4px 16px;
	font-family: 'CenturyGothicRegular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
}
/*----- NAVIGATION - constructional css in navigation.css-----*/	
/* Root Menu */
ul#vert-menu a {
/* - original definitions
 border-top: 1px solid #FFF;
 border-right: 1px solid #FFF;*/
 background: transparent;
 color: #292c2d;
 font: normal 1.2em Arial;
 text-decoration: none;
 text-transform: uppercase;
 border-bottom:1px dotted #292c2d; /* prevents the jog when the hover triggers */
 background: url(https://www.pixisites.com/themes/modern/images/arrow.png) no-repeat left;
}

/* Root Menu Hover Persistence */
ul#vert-menu a:hover,ul#vert-menu li:hover a,ul#vert-menu li.iehover a {
 border-bottom:1px dotted #3685c2;
 color: #3685c2;
 background: url(https://www.pixisites.com/themes/modern/images/arrow-over.png) no-repeat left;
}

/* 2nd Menu */
ul#vert-menu li:hover li a,ul#vert-menu li.iehover li a {
color:#3685c2;
 border-bottom:1px dotted #3685c2;
width:101%;
background: #fff url(https://www.pixisites.com/themes/modern/images/arrow-over.png) no-repeat left
}

/* 2nd Menu Hover Persistence */
ul#vert-menu li:hover li a:hover,ul#vert-menu li:hover li:hover a,ul#vert-menu li.iehover li a:hover,ul#vert-menu li.iehover li.iehover a {
 color:#292c2d;
 background: #fff url(https://www.pixisites.com/themes/modern/images/arrow.png) no-repeat left
}




/*----- MAIN -----*/	

#homeMain  {
	background: #fff;
	border-top: 5px #d8d8d8 solid;
	margin: 20px auto 0;
	width: 960px;
}
.home-sidebar {
	margin: 20px 0;
}
.home-content {
	margin: 20px 20px 0 0;
	width: 430px;
}
#main {	
	background: #fff;
	min-height: 300px;
	border-top: 5px #d8d8d8 solid;
	margin: 20px auto 0;
	width: 960px;
}
#mainProperty {
	background-color: #fff;
	border-top: 5px #d8d8d8 solid;
	margin: 20px auto 0;
	width: 960px;
}
#mainCopy {
	width: 650px;
	padding: 20px 0 0;
}
#sidebar {
	width: 250px;
	margin-left: 20px;
	padding: 30px 10px 20px;
}
#featured-property {
	width: 270px;
	height: 145px;
}
#featured-property img {
	border: 4px #fff solid;
	width: 262px;
	height: 121px;
}


/*----- FOOTER -----*/
#footer {
	color: #bbb;
	font-size: 11px;
	line-height: 17px;
	width: 1000px;
	margin: 20px auto;
	min-height: 100px;
}
.footer-module {
	width: 250px;
}
.footer-module-sml {
	width: 170px;
}


/*------------------- ADDITIONAL HTML -------------------*/
/*-------------------------------------------------------*/

h1 {
	font-family: Georgia, Times, serif;
	color: #333;
	font-size: 26px;
	font-style: italic;
	padding: 8px 0px;
	margin: 0 0 10px;
}
#main h2{
	font-family: Georgia, Times, serif;
	color: #333;
	font-size: 20px;
	font-style: italic;
	margin: 20px 0 15px;
}
#homeMain h2 {
	border-bottom: 1px dotted #4c5456;
	font-family: 'CenturyGothicRegular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 10px 0 15px;
	padding: 0 0 3px;
}
#main h3 {
	font-size: 14px;
}
#footer h1 {
	font-family: 'CenturyGothicRegular', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 18px;
	color: #d8d8d8;
	margin: 0 0 8px;
	text-transform: uppercase;
}

a, a:link, a:visited, a:active {
	color: #3685c2;
	text-decoration: underline;
}
a:hover {
	color: #3685c2;
	text-decoration: none;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #92bbdb;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
#contact a {color: #3685c2; text-decoration: underline;}
#contact a:hover {color: #3685c2; text-decoration: none;}

ul#testimonials {
	border-bottom: 1px #ccc solid;
}
	
/*------------------- ADDITIONAL STYLES -------------------*/
/*-------------------------------------------------------*/
div.resultheading {
	background: #323232;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
div.resultaddress {
    font-size: 16px;
}
ul#reciprocity li {
	border-bottom: 1px #444 dotted;
}

/* reciprocity color definitions, menu 2 definitions */

ul#reciprocity li a {text-decoration: none; color: #3685C2; background: transparent;}
ul#reciprocity li a:hover {text-decoration: none; color: #222; background: transparent;}

ul.leftnav li a {text-decoration: none;color: #3685C2;}
ul.leftnav li a:hover {text-decoration: none;color: #222;}
.leftnavsub li a {color: #3685C2;}
.leftnavsub li a:hover {color: #222;}