/*********************************************
	STYLES FOR BROWSER
	 Make SURE to test the "Big 5" Browsers:
		-- IE7, IE8 - A MUST! 
		-- Firefox
		-- Chrome
		-- Safari
		-- Opera
*********************************************/

html, body {
	margin:0;
	padding:0;
}
body {
	background-color:#F1F5FA;
	background-image:url(/images/bg.jpg);
	background-repeat:repeat-x;
	font: 12px/1.3em Arial, Verdana, Geneva, sans-serif;
	color: black;
}
a {
	color:#069;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	padding:0.5em 0;
}
ul {
	display:table;
	padding:5px 10px 5px 20px;
}
/*********************************************
	CUSTOM FONTS
	http://www.fontsquirrel.com/
*********************************************/
@font-face {
	font-family: 'Libelsuit';
	src: url('fonts/libelsuit-webfont.eot');
	src: url('fonts/libelsuit-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/libelsuit-webfont.woff') format('woff'),  url('fonts/libelsuit-webfont.ttf') format('truetype'),  url('fonts/libelsuit-webfont.svg#Libelsuit') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProSemibold';
	src: url('fonts/myriadpro-semibold-webfont.eot');
	src: url('fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-semibold-webfont.woff') format('woff'), url('fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProBold';
	src: url('fonts/myriadpro-bold-webfont.eot');
	src: url('fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-bold-webfont.woff') format('woff'), url('fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProItalic';
	src: url('fonts/myriadpro-it-webfont.eot');
	src: url('fonts/myriadpro-it-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-it-webfont.woff') format('woff'), url('fonts/myriadpro-it-webfont.ttf') format('truetype'), url('fonts/myriadpro-it-webfont.svg#MyriadProItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProCondensedItalic';
	src: url('fonts/myriadpro-condit-webfont.eot');
	src: url('fonts/myriadpro-condit-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-condit-webfont.woff') format('woff'), url('fonts/myriadpro-condit-webfont.ttf') format('truetype'), url('fonts/myriadpro-condit-webfont.svg#MyriadProCondensedItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProSemiboldItalic';
	src: url('fonts/myriadpro-semiboldit-webfont.eot');
	src: url('fonts/myriadpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-semiboldit-webfont.woff') format('woff'), url('fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'), url('fonts/myriadpro-semiboldit-webfont.svg#MyriadProSemiboldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
/****************************/

	/* apply custom fonts */
	.main-nav ul li a,  h1, h2 {
	font-family: MyriadProBold, Tahoma, Geneva, sans-serif;
}
/*********************************************
	HEADERS
*********************************************/
h1 {
	font-size:2em !important;
}
h1, h2, h3, h4, h5 {
	font-family: MyriadProBold, Tahoma, Geneva, sans-serif;
	margin:0;
	color:#003263;
	padding:0 0 .1em 0;
	font-weight:bold;
	font-size:3em;
	line-height:1.2em;
}
h2 {
	font-size:2.0em;
	clear:left;
}
h3 {
	font-size:1.8em;
	padding-top:0.2em;
}
h4 {
	font-size:1.2em;
}
h5 {
	font-size:1em;
}
/* If using graphic headers - uncomment
h1 { 
	background-repeat: no-repeat;
	height: 50px; 
	display: block;
}
*/


/*********************************************
	ROUNDED CORNERS
	http://css3pie.com/
	You can use demo to build just delete:
	- padding: 60px 0;
	- width: 200px;
	- behavior: url(/PIE.htc);
	
	Use ".round" with below style
	<div class="round round-box">
*********************************************/

.round-box {
	border: 1px solid #333;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #878787;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#878787), to(#D1D8CF));
	background: -moz-linear-gradient(#878787, #D1D8CF);
	background: linear-gradient(#878787, #D1D8CF);
	-pie-background: linear-gradient(#878787, #D1D8CF);
}
.round-box2, a:hover.round-box {
	border: 1px solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #7F493D;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7F493D), to(#C86A79));
	background: -moz-linear-gradient(#7F493D, #C86A79);
	background: linear-gradient(#7F493D, #C86A79);
	-pie-background: linear-gradient(#7F493D, #C86A79);
}
.round-about {
	color:white;
	border: 1px solid #15B199;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 3px 3px 3px;
	-moz-box-shadow: #666 3px 3px 3px;
	box-shadow: #666 3px 3px 3px;
	background: #15B098;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15B098), to(#0B9C80));
	background: -moz-linear-gradient(#15B098, #0B9C80);
	background: linear-gradient(#15B098, #0B9C80);
	-pie-background: linear-gradient(#15B098, #0B9C80);
	width:225px;
	text-align:center;
	margin-bottom:10px;
}
a.round {
	display:inline-block;
	padding:4px;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	cursor:pointer;
}
a.round-about {
	color:white;
	font-size:0.8em;
}
a:hover.round {
	color:#fff;
}
a:hover.round-about {
	color:gold;
}
.round-box2 h2 {
	background:#333;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	color:#fff;
	margin:0;
	padding:5px 10px;
}
/*********************************************
	SLIDING DOOR BUTTONS
*********************************************/
.slider, .slider span {
	background: url(/images/slider.png) no-repeat left top;
	display:inline-block;
	height:25px;
	cursor:pointer;
	white-space:nowrap;
}
.slider {
	padding-left:10px;
	text-decoration:none !important;
	line-height:21px;
	font-weight:bold;
	color:#FCB818;
	font-size:12px;
	margin-right:4px;
}
.slider span {
	background-position: right top;
	padding:1px 10px 0 0;
}
a:hover.slider, button:hover.slider-button span {
	background-position: left -27px;
}
a:hover.slider span, button:hover.slider-button span span {
	background-position: right -27px;
	color:#27568D;
}
/* lg version */
.slider-lg, .slider-lg span {
	line-height:33px;
	background-position: left -60px;
	height:38px;
	width:auto;
}
.slider-lg span {
	background-position: right -60px;
}
a:hover.slider-lg, button:hover.slider-button span.slider-lg {
	background-position: left -103px;
}
a:hover.slider-lg span, button:hover.slider-button span.slider-lg span {
	background-position: right -103px;
}
/* form <button> version */
button.slider-button {
	overflow:visible;
	width:auto;
	border:0;
	padding:0;
	margin:0;
	background:none repeat scroll 0 0 transparent;
	position:absolute;
}
/* icon example */
.slider b {
	background-repeat: no-repeat;
	background-position: center center;
	width:16px;
	height:16px;
	margin-right:4px;
	display:block;
	float:left;
	padding:5px 0 0;
}
.icon1 b {
	background-image: url(/images/blogger.png);
}
/*********************************************
	STANDARD TAGS:
	These are our standard tags. YOU MUST
	USE THESE TO HAVE THE SITE WORK PROPERLY
	WITH MOBILE AND DEFAULT CSS
	1) .header
	2) .main-nav -- located in nav.css
	3) h1, h2, h3, h4, h5
	4) .breadcrumbs
	5) .content
		-- .col-1
		-- .col-2 
		-- .col-3
		-- Make more if needed.
	6) .footer
*********************************************/
.wrapper {
	width: 1000px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.header {
	width:1000px;
	z-index: 10;
	position: relative;
}
.header-logo {
	position:absolute;
	top:0;
	left:-80px;
	width:379px;
	z-index:30;
}
.header-top {
	background-image:url(/images/bg-header-top.png);
	height:125px;
	padding-top:10px;
}
.nav-secondary {
	font-size:10px;
	margin-top:5px;
	color:white;
	float:right;
	text-align:right;
}
.nav-secondary a {
	color:white;
	text-decoration: none;
}
.nav-secondary a:hover {
	text-decoration: underline;
}
.nav-frame {
	height:40px;
	background-image:url(/images/system/nav.png);
}
.header-photo {
	width:1000px;
	height:379px;
	background-color:black;
	background-image:url(/images/temp.jpg);
	position: relative;
}
.search {
	background-image:url(/images/bg-search.png);
	background-repeat:repeat-x;
	background-color:#15B199;
}
.button-property ul li a.del{
background-position: -790px 0;

}
.button-property ul li a.del:hover{
background-position: -790px -160px;

}
	
.breadcrumbs {
	font-size:10px;
	text-align:right;
	color: #000;
	margin:0;
}
.content { /* Format as you need. Use em's where you can to keep consistent */
	width:100%;
	background: white;
	position: relative;
	z-index: 5;
}
.about-oc .content {
	background-image:url(/images/bg-content-bay.jpg);
	background-repeat:no-repeat;
}
.inner-content {
	overflow:hidden; /* for equal height columns */
}
.col {
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
}
.col-1, .col-2, .col-3 {
	float:left;
}
.col-1 {
	width: 100%;
}
.col-2 {
	width: 700px;
}
.col-3 {
	width: 100px;
}
/* --------------------------------
	Footer
--------------------------------- */	
.footer {
	position:relative;
	background:url(/images/bg-footer.jpg);
	background-repeat:repeat-x;
	color:white;
	font-size:11px;
}
.footer-inner {
	margin:auto;
	padding-top:10px;
	width:1000px;
}
.footer a {
	color: white;
	text-decoration: none;
}
.footer a:hover {
	color: white;
	text-decoration: underline;
}
.footer .col {
	background-image:url(/images/white-fade-05.png);
	background-repeat:repeat-x repeat y;
}
.footer .col-1 {
	width:180px;
	margin-left:0;
}
.footer .col-1 ul {
	padding:0;
	margin:0;
	padding-left:15px;
}
.footer .col-2 {
	width:250px;
	margin-left:10px;
}
.footer .col-3 {
	width:550px;
	margin-left:10px;
}
.footer-logos {
	text-align:center;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #D7E3EF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D7E3EF), to(#C0CEE3));
	background: -webkit-linear-gradient(#D7E3EF, #C0CEE3);
	background: -moz-linear-gradient(#D7E3EF, #C0CEE3);
	background: -ms-linear-gradient(#D7E3EF, #C0CEE3);
	background: -o-linear-gradient(#D7E3EF, #C0CEE3);
	background: linear-gradient(#D7E3EF, #C0CEE3);
	-pie-background: linear-gradient(#D7E3EF, #C0CEE3);
	behavior: url(/PIE.htc);
}
.pic {
	border:1px solid #15B199;
	padding:1px;
	-webkit-box-shadow: #aaa 3px 3px 5px;
	-moz-box-shadow: #aaa 3px 3px 5px;
	box-shadow: #aaa 3px 3px 5px;
	behavior: url(/PIE.htc);
}
.skinny-box {
	color:white;
	border: 1px solid #15B199;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 3px 3px 3px;
	-moz-box-shadow: #666 3px 3px 3px;
	box-shadow: #666 3px 3px 3px;
	background: #15B098;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15B098), to(#0B9C80));
	background: -moz-linear-gradient(#15B098, #0B9C80);
	background: linear-gradient(#15B098, #0B9C80);
	-pie-background: linear-gradient(#15B098, #0B9C80);
	width:250px;
	padding:10px;
	margin-right:10px;
	text-align:left;
}
.skinny-box a {
	color:yellow;
}
.mortgage-box {
	width:500px;
	margin:10px auto 10px auto;
	color:white;
	border: 1px solid #15B199;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 3px 3px 3px;
	-moz-box-shadow: #666 3px 3px 3px;
	box-shadow: #666 3px 3px 3px;
	background: #15B098;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15B098), to(#0B9C80));
	background: -moz-linear-gradient(#15B098, #0B9C80);
	background: linear-gradient(#15B098, #0B9C80);
	-pie-background: linear-gradient(#15B098, #0B9C80);
	padding:10px;
}
.contact-box {
	width:500px;
	margin:10px auto 10px auto;
	color:white;
	border: 1px solid #15B199;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 3px 3px 3px;
	-moz-box-shadow: #666 3px 3px 3px;
	box-shadow: #666 3px 3px 3px;
	background: #15B098;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15B098), to(#0B9C80));
	background: -moz-linear-gradient(#15B098, #0B9C80);
	background: linear-gradient(#15B098, #0B9C80);
	-pie-background: linear-gradient(#15B098, #0B9C80);
	padding:10px;
}
/* --------------------------------
	Button
--------------------------------- */
.button {
	background: #fec128; /* Old browsers */
	background: -moz-linear-gradient(top, #fec128 0%, #ec9704 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec128), color-stop(100%, #ec9704)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fec128 0%, #ec9704 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fec128 0%, #ec9704 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fec128 0%, #ec9704 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec128', endColorstr='#ec9704', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fec128 0%, #ec9704 100%); /* W3C */
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	border-top:1px solid #FFFFFF;
	-webkit-box-shadow:1px 1px 1px #595959;
	-moz-box-shadow:1px 1px 1px #595959;
	box-shadow:1px 1px 1px #595959;
	height:22px;
	line-height:25px;
	padding:0 7px;
	text-align:center;
	font-family:myriad;
}
.button span {
	font-size:12px;
}
.button:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15B199), to(#0E7A70));
	background: -webkit-linear-gradient(#15B199, #0E7A70);
	background: -moz-linear-gradient(#15B199, #0E7A70);
	background: -ms-linear-gradient(#15B199, #0E7A70);
	background: -o-linear-gradient(#15B199, #0E7A70);
	background: linear-gradient(#15B199, #0E7A70);
	-pie-background: linear-gradient(#15B199, #0E7A70);
}
a.button {
	display:inline-block;
	color:#003263 !important;
	font-family: MyriadProBold, Tahoma, Geneva, sans-serif;
	text-decoration:none;
	height:25px;
	text-transform:uppercase;
}
a.button:hover {
	color:white !important;
}
.button-property {
	text-align:center;
	margin:10px 0 0 110px;
}
.button-property ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.button-property ul li, .button-property ul li a {
	background: url(/images/button-properties.jpg) no-repeat;
	text-decoration:none;
	text-indent:-9999px;
	width:260px;
	height:160px;
	display:block;
	float:left;
}
.button-property ul li a.featured {
	background-position: 0 0;
}
.button-property ul li a.featured:hover {
	background-position: 0 -160px;
}
.button-property ul li a.all {
	background-position: -260px 0;
}
.button-property ul li a.all:hover {
	background-position: -260px -160px;
}
.button-property ul li a.search {
	background-position: -520px 0;
}
.button-property ul li a.search:hover {
	background-position: -520px -160px;
}