@charset "utf-8";
/* CSS Document */

/* COLORS
XLight Green: #E1E6B3
Light Green: #C9D08A
Dark Green: #99AF1E
Light Blue: #404A63
Dark Blue: #0A142D
XDark Blue: #333B50
Orange: #FF8C00
*/

html {
	background-color: #404A63;
	background-image: url('../../media/static/images/bg-body2.gif');
	background-repeat: repeat-x;
}
/* LAYOUT */
#centered {
	width: 1000px;
	margin: 0 auto 0 auto;
}
#header2 {
	padding: 10px;
	background: #0A142D;
}
#header3 {
	background: #DDD;
}
#header3-caption h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	color: #0A142D;
	font-size: 2.4rem;
	line-height: 2.6rem;
	font-weight: 200;
}
#header3-caption p {
	margin: 0;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #0A142D;
	font-weight: 400;
}
#tagline {
	text-align: right;
	color: #FFF;
	font-style: italic;
	font-size: 1.2rem;
}
#footer {
	width: 100%;
	margin: auto;
	color: #FFF;
	font-size: .7rem;
	padding: 10px 0 50px 0;
	border-top: 5px solid #FF8C00;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
}
/* COLUMNS */
#sideColumn {
	display: block;
	background: #C9D08A;
}
.mainColumn {
	margin: 25px 25px 25px 0px;
}
#column1 {
	float: left;
	width: 310px;
	margin-right: 25px;
}
#column2 {
	float: left;
	width: 310px;
}
.colmask {
	position: relative;
	clear: both;
	width: 1000px;
	overflow: hidden;
	margin: 0 auto 0 auto;
}
.leftmenu {
	background: #C9D08A;
}
.col2 h2 {
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 3px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.leftmenu .colright {
	float: left;
	width: 200%;
	position: relative;
	left: 300px;
	background: #FFF;
}
.leftmenu .col1wrap {
	float: right;
	width: 50%;
	position: relative;
	right: 300px;
}
.leftmenu .col1 {
	margin: 35px 35px 35px 335px;
	position: relative;
	right: 100%;
	overflow: hidden;
}
.leftmenu .col2 {
	float: left;
	width: 250px;
	position: relative;
	right: 275px;
	margin: 25px 0 25px 0;
}
/* TEXT */
#intro {
	font-size: 20px;
	line-height: 24px;
	color: #e7af54;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
#notice {
	border: 1px solid #FC3;
	color: #900;
	background: #FF9;
	padding: 12px;
	margin-bottom: 25px;
}
#breadcrumb {
	font-size: 12px;
	margin-bottom: 15px;
}
#byline {
	float: left;
	width: 300px;
	color: #999;
	font-size: .9em;
}
#dateline {
	float: right;
	width: 300px;
	color: #999;
	font-size: .9em;
	text-align: right;
}
#call2action {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #CCC;
}
/* NEWS */
.newsLink {
	margin: 0 -25px 0 -25px;
}
.newsLink a {
	display: block;
	padding: 12px 25px 12px 25px;
	text-decoration: none;
	color: #0A142D;
	border-top: 1px solid #FFF;
}
.newsLink a:hover {
	background: #E1E6B3;
}
.newsLink h2 {
	font-size: 14px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	orphans: 0;
	widows: 0;
}
.newsLink h3 {
	font-size: 14px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	orphans: 0;
	widows: 0;
}
.newsLink p {
	margin: 0px;
	padding: 0px;
}
#sidebarImage {
	float: right;
	margin: 0 0 15px 15px;
}
.staff {
	border-bottom: 1px dotted #AAA;
}
.staff a {
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 10px 0px 0px 10px;
	color: #888;
	text-decoration: none;
	height: 60px;
}
.staff a:hover {
	background: #EEE;
	text-decoration: none;
}
.staff img {
	width: 50px;
	height: 50px;
	border: 0px;
	margin: 0px 10px 0px 0px;
}
.staff h3 {
	color: #D78225;
	margin: 10px 0px 2px 0px;
	font-size: 15px;
	font-weight: normal;
}
/* FEATURED PROPERTY */
#featured {
	margin: 10px 0 20px 0;
	padding: 0px 0 10px 0;
	min-height: 110px;
}
#featured img {
	width: 100%;
	border: 1px solid #C9D08A;
	margin: 0 0 8px 0;
}
#featured a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 10px;
	min-height: 10px;
	background: #FFF;
}
#featured a:hover {
	background: #EEE;
	text-decoration: none;
	color: #000;
}
#featured h4 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #404A63;
}
#featured h5 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #99AF1E;
}
/* LAYOUT - COLUMNS
-----------------------------------------------------------------------------*/
#navTouch {
	display: none;
}
.container {
	margin: 0 auto 0 auto;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	width: 1100px;
}
[class*="span"] {
	margin-left: 2.12766%;
	float: left;
}
[class*="span"]:first-child {
	margin-left: 0;
}
.span1 {
	width: 6.38298%;
}
.span2 {
	width: 14.89362%;
}
.span3 {
	width: 23.40426%;
}
.span4 {
	width: 31.91489%;
}
.span4x {
	width: 32%;
}
.span5 {
	width: 40.42553%;
}
.span6 {
	width: 48.93617%;
}
.span7 {
	width: 57.44681%;
}
.span8 {
	width: 65.95745%;
}
.span8x {
	width: 68%;
}
.span9 {
	width: 74.46809%;
}
.span10 {
	width: 82.97872%;
}
.span11 {
	width: 91.48936%;
}
.span12 {
	width: 100%;
}

/* Desktop (large)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 1100px) {
html {
	font-size: 16px;
}
.container {
	width: 1000px;
}
}

/* Desktop (regular)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 1099px) {
html {
	font-size: 16px;
}
.container {
	width: 700px;
}
}

/* Desktop (medium)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 749px) {
html {
	font-size: 14px;
}
#nav {
	display: none;
}
#navTouch {
	display: block;
}
#mNav {
	background: #C9D08A;
	border-bottom: 5px solid #99AF1E;
	padding: 0;
	margin: 0;
}
#mMenu {
	display: none;
}
#mLogo img {
	width: 100%;
	max-width: 130px;
	margin: 15px 0 10px 0;
}
ul#mSubMenu {
	padding: 0;
	margin: 0;
}
ul#mSubMenu li {
	background: #C9D08A;
	list-style-type: none;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #0A142D;
}
ul#mSubMenu li a {
	text-decoration: none;
	color: #0A142D;
	padding: 8px;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
ul#mSubMenu li a:hover {
	background: #0A142D;
	color: #FFF;
}
#flip {
	float: right;
	cursor: pointer;
	width: 24px;
	height: 24px;
	display: block;
	background-image: url('../../media/static/images/icons/hamburger1.svg');
	background-size: cover;
	background-repeat: no-repeat;
	margin: 24px 24px 0 0px;
}
#flip:hover {
	background-image: url('../../media/static/images/icons/hamburger2.svg');
}
.container {
	width: 500px;
}
[class*="span"] {
	margin-left: 0;
}
[class*="span"]:first-child {
	margin-left: 0;
}
.span1 {
	width: 100%;
	padding-bottom: 20px;
}
.span2 {
	width: 100%;
	padding-bottom: 20px;
}
.span3 {
	width: 100%;
	padding-bottom: 20px;
}
.span4 {
	width: 100%;
	padding-bottom: 20px;
}
.span4x {
	width: 100%;
}
.span5 {
	width: 100%;
	padding-bottom: 20px;
}
.span6 {
	width: 100%;
	padding-bottom: 20px;
}
.span7 {
	width: 100%;
	padding-bottom: 20px;
}
.span8 {
	width: 100%;
	padding-bottom: 20px;
}
.span8x {
	width: 100%;
}
.span9 {
	width: 100%;
	padding-bottom: 20px;
}
.span10 {
	width: 100%;
	padding-bottom: 20px;
}
.span11 {
	width: 100%;
	padding-bottom: 20px;
}
.span12 {
	width: 100%;
}
}

/* Mobile
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 549px) {
html {
	font-size: 18px;
}
#tagline {
	text-align: center;
	font-size: .7rem;
}
#footer {
	text-align: center;
}
.container {
	width: 100%;
}
[class*="span"] {
	margin-left: 0;
}
[class*="span"]:first-child {
	margin-left: 0;
}
.span1 {
	width: 100%;
	padding-bottom: 20px;
}
.span2 {
	width: 100%;
	padding-bottom: 20px;
}
.span3 {
	width: 100%;
	padding-bottom: 20px;
}
.span4 {
	width: 100%;
	padding-bottom: 20px;
}
.span5 {
	width: 100%;
	padding-bottom: 20px;
}
.span6 {
	width: 100%;
	padding-bottom: 20px;
}
.span7 {
	width: 100%;
	padding-bottom: 20px;
}
.span8 {
	width: 100%;
	padding-bottom: 20px;
}
.span9 {
	width: 100%;
	padding-bottom: 20px;
}
.span10 {
	width: 100%;
	padding-bottom: 20px;
}
.span11 {
	width: 100%;
	padding-bottom: 20px;
}
.span12 {
	width: 100%;
}
}