/* -------------------------------------------------------------------- */
/* NET4VISIONS.COM Website - LAYOUT SETTINGS 04-13-2009 */
/* Version: 1.00 */
/* Created by: http://net4visions.com */
/* Last edited: 04-01-2010 */
/* -------------------------------------------------------------------- */

/* @group imports */
	/* import oocss stylesheets
	----------------------------------------------------------------------- */
	@import "_core/libraries.css";
	@import "_core/template/template.css";
	@import "_core/grid/grids.css";
	@import "_core/content.css";
	@import "_core/module/mod.css";
	@import "_core/module/mod_skins.css";
	@import "_plugins/tabs/tabs.css";
	@import "_plugins/talk/talk.css";
	@import "_plugins/talk/talk_skins.css";
	
	/* import misc stylesheets
	----------------------------------------------------------------------- */
	@import "igallery.css";
	@import "spinner.css";
	@import "base64_fonts.css";
/* @end */

/* overrides framework settings */
body {
	color: #333333;
	background: #ffffff;
	font: 12px/1.9 "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	clear: left;
}
h1, h2, h3, h4, h5, h6, ul, ol, dl, p {
	padding: 10px 0 10px 0;
}
.unit {
	position: relative;
}
address {
	padding: 10px;
}
textarea {
	resize: none; /* disable resize textarea Safari */
}

/* headings */
h1, .h1 {
	color: #444444;
	font: 200% "Bradley Hand ITC TT Bold", "Lucida Grande", Lucida, Verdana, sans-serif;
}
h2, .h2 {
	color: #444444;	
	font: 180% "Bradley Hand ITC TT Bold", "Lucida Grande", Lucida, Verdana, sans-serif;
}
h3, .h3 {
	color: #444444;	
	font: 160% "Bradley Hand ITC TT Bold", "Lucida Grande", Lucida, Verdana, sans-serif;
}
h4, .h4 {
	color: #444444;
	padding-left: 0;	
}
h5, .h5 {
	color: #444444;
	padding-left: 0;	
}
h6, .h6 {
	color: #444444;
	padding-left: 0;	
}


/* links */
a {
	color: #008bcc;
	font-weight: normal;
}
a:focus, a:hover {
	/*color: #21a1ef;*/
}
/* added */
a:focus {
	-moz-outline-style: none;
}
a:visited {
	color: #008bcc;
}
/* added */
/*a.external, a[rel="external"] {
	background: url(../images/external.gif) no-repeat right top!important;
	padding-right: 15px!important;
}*/
a.external {
	background: url(../images/external.gif) no-repeat right top!important;
	padding-right: 15px!important;
}

/* HEADING LINKS */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none!important;
}
h5 a, .h5 a{
	color: #bf0103;	
}
.h5 a:visited, h5 a:visited {
	color: #bf0103;
}


/* LAYOUT SETTINGS */
/* header */
/* @group layout */
	#body-wrap {}
	.page {
		width: 920px;	/* 960-40 for margin-left */
		margin: 0 0 0 40px;
	}
	/* @group head */
		#head-wrap {
			background: #ffffff url(../images/hd_bg.jpg) 0 0 repeat-x;
		}
		#head-wrap div.head {
			height: 225px;
			position: relative;
			margin-left: 0;
		}
		#head-logo {
			background: url(../images/logo-small.png) center right no-repeat;
			position: absolute;
			width: 380px;
			height: 80px;
			left: 560px;
			top: 135px;
		}
		#head-image {
			top: 190px;
			left: 710px;
			width: 250px;
			height: 250px;
			background: #ffffff url(../images/bn_frame_bg.jpg) 0 0 repeat-x;
			position: absolute;
			z-index: 99;
			display: none;
		}
		#head-image div {
			height: 230px;
			width: 230px;
			margin: 10px;
			background: url(../images/banners/pic-01.jpg) 0 0 no-repeat;
			overflow: hidden;
		}
	/* @end */
	
	/* @group body */
		#body-wrap {
			background: #ffffff url(../images/PageGradient.png) 0 0 repeat-x;
		}
		/* @group main */
			.main {
				padding: 0 20px 0 0;
				min-height: 350px;
			}
			.main .pagetitle {
				margin: 25px 0 0 0;
			}
		/* @end */
		
		/* @group rightCol */
			.rightCol {
				width: 250px;
				min-height: 350px;
			}
		/*@ end */
		
	/* @end */
	
	/* @group foot */
		.foot {
			font-size:  11px;
			line-height: .8em;
			margin: 40px;
			padding: 0 10px 0 0px;
		}
		.foot p.copy {
			color: #666666;
			padding: 0;
		}
		.foot p.valid {
		}
	/* @end */

/* @end */

/* @group modules */
.box {
	color: #727272;
	background: #e3e3e3;
	text-shadow: #fff 0 1px 0;
	font-size: 0.9em;
	line-height: 1.7em;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
}
.box .hd {
}
.box h2 {
	color: #bf0103;
	padding: 10px;
	text-transform: lowercase;
	/*text-shadow: #7d7d7d 0 1px 0;*/
}
.box .bd {
	padding: 10px;
}
.box .bd h2 {
	padding: 10px 0 10px 0;
}

/*
.unit .box {
	margin: 0 2px 0 3px;	
}
.firstUnit .box {
	margin: 0 2px 0 0;
}
.lastUnit .box {
	margin: 0 0 0 3px;	
}

.box h3.title {
	font: 135% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.rightCol .box {
	margin: 25px 0 10px 0px;
	padding-bottom: 25px;
}
.box ul {
	padding: 10px 0 0 0;
}
.box a, .box a:visited {
	color: #444444;
	text-decoration: none;
}*/

/* simple content boxes */
.unit .cbox {
	padding: 0 20px 0 20px;
}
.firstUnit .cbox {
	padding: 0 20px 0 0;
}
.lastUnit .cbox {
	padding: 0 0 0 20px;
}

/* quotes */
#randomQuote {
	display: none;
	padding: 0;
}
#randomQuote h2 {
	padding: 25px 10px 25px 10px;
}

/* @end */

/* @group navigation */
	/* @group head navigation */
		#head-nav {
			/*background: url(../images/BarBackground.png) repeat-x 50% 100%;*/
			font-size: 11px;
			padding: 0 40px 1px;	
		}
		#head-nav ul {
			padding: 0;
		}
		#head-nav .active {
			background: url(../images/ActiveTab.png) repeat-x 50% 100%;
			background: url(../images/ActiveTabSideShadows.png) repeat-y 0% 100%, url(../images/ActiveTabSideShadows.png) repeat-y 100% 100%, url(../images/ActiveTab.png) repeat-x 50% 100%;
			background-color: #c9c9c9;
		}
		#head-nav a {
			display: block;
			padding: 75px 7px 30px 7px;
			color: #444444;
			text-decoration: none;
			background-image: url(../images/IconsDefault.png);
			background-repeat: no-repeat;
			background-position: 50% 0;
			text-align: center;
			width: 5.5em;
		}
		#head-nav a:hover {
			background-image: url(../images/IconsHover.png);
			text-shadow: #f9a7ac 0 0px 15px;
		}
		#head-nav .active a {
			font-weight: bold;
			background-image: url(../images/IconsActive.png);
			color: #f8f8f8;
			text-shadow: #444 0 1px 0;
		}
		#nav-1 a, #nav-1 a:hover, #nav-1.active a  {
			background-image: url(../images/Name.png);
			background-repeat: no-repeat;
			background-position: 0 50%;
			width: 13px;
			padding-left: 0;
			padding-right: 0;
			overflow: hidden;
			text-indent: -1000em;
			margin-right: 15px;
			margin-left: -28px;
		}
		#nav-1 a:hover {
			background-position: -20px 50%;
		}
		#nav-2 a {
			background-position: 50% 0;
		}
		#nav-2 a {
			background-position: 50% -250px;
		}
		#nav-3 a {
			background-position: 50% -500px;
		}
		#nav-4 a {
			background-position: 50% -750px;
		}
		#nav-5 a {
			background-position: 50% -1000px;
		}
		#nav-6 a {
			background-position: 50% -1250px;
		}
		#nav-7 a {
			background-position: 50% -1500px;
		}
	/* @end */

	/* @group main navigation */
		#main-nav {
			margin-left: -15px;
		}
		#main-nav ul {
			padding: 0;
		}
		#main-nav li {
			position: relative;
		}
		#main-nav * {
			font-size: 11px;
		}
		#main-nav a {
			color: #999999;
			display: block;
			float: left;
			padding: 5px 15px;
			text-decoration: none;
			font-weight: normal;
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
		}
		#main-nav a:hover {
			color: #008bcc;
			background: #ffffff;
		}
		#main-nav li.active > a {
			color: #777777;
			background-color: #ffffff;
			border-bottom: 1px solid #cecece;
			
			-moz-box-shadow: 0px 1px 1px #d8d8d8; /* FF3.5+ */
			-webkit-box-shadow: 0px 1px 1px #d8d8d8; /* Saf3.0+, Chrome */
			box-shadow: 0px 1px 1px #d8d8d8; /* Opera 10.5, IE 9.0 */
			filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=1px, Color='#d8d8d8'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=1px, Color='#d8d8d8')"; /* IE8 */
		}
		
		/* sub-navigation */
		#main-nav li ul {
			display: none;
		}
		#main-nav li ul {
			position: absolute;
			width: 500px;
			left: 0px;
			top: 25px;
		}
		#main-nav li:hover ul {
			display: block;
		}
		#main-nav li ul a, #main-nav li.active ul a {
			color: #999999;
			background: none;
			border: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			filter: none;
			-ms-filter: none;
			
			
		}
		#main-nav li ul a:hover {
			color: #008bcc;
			background: none;
			border: none;
		}
	/* @end */

	/* @group foot navigation */
		#foot-nav {
			padding: 0;
		}
		#foot-nav li {
			margin: 0 15px 0 0;
		}
		#foot-nav a {
			color: #666666;
		}
	/* @end */
/* @end */

/* @group tables */
 .data {
	/*padding: 0;*/	
}
.data table {
	border: 1px solid #e3e3e3;
}
.data th {
	background: #cdcdcd;
}
.data th, .data td {
	border: 1px solid #e3e3e3;
}

.table-tr-odd td {
	background: #eeeeee;
}

/* bpr table */
/*
#bprTable td {
	padding: 5px;
}
#bprTable td.spacer {
	background: #e3e3e3;
}
#bprTable td.arrow {
	width: 25px;
	padding: 0;
	background: transparent url(../images/bprArrow_bg.png) 50% 50% no-repeat;
}
#bprTable dt {
	font-size: 0.9em;
}
#bprTable dd {
	font-size: 0.85em;
}
#bprTable dt {
	border-bottom: 3px solid #e3e3e3;
	margin: 0 0 5px 0;
	text-align: center;
	font-weight: bold;
}
#bprTable dd {
	text-align: center;
}*/
/* @end */

/* @group lists */
.main ul {
	padding: 10px 10px 10px 25px;
}
.main li {
	margin: 0 0 10px 0;
	line-height: 1.45em;
}

/* list with background image */
ul.bulletList, ul.bulletList ul, ul.bulletList ul ul {
	padding: 10px 10px 10px 10px;
}
ul.bulletList li {
	background: url(../images/icon_anchor.gif) 0 0 no-repeat;
	padding: 0 0 0 15px;
}
ul.bulletList li.h4 {
	background-position: 0 3px;
}
.narrow li {
	margin: 0 0 0 0;
}
.narrow li ul {
	padding: 0 0 10px 25px;
}
.bullet {
}
.bullet li{
}
.inline li {
	float: left;
	display: inline;
}



// CODE HIGHLIGHTER
ol.standardLighter {
	border: 1px solid #e3e3e3;
	padding: 0;
}
ol.standardLighter li {
	list-style: decimal-leading-zero;
	margin: 0 0 0 0;
}
.standarLighter li.alt {
	background-color: #eeeeee!important;
}
/* @end */

/* @group forms */
.main fieldset ul {
	padding: 0;
}
fieldset {
	padding: 10px;
}
fieldset li {
	clear both;
}
fieldset li label {
	display: block;
	width: 250px;
}
fieldset input, fieldset textarea {
	border: 1px solid #e3e3e3;
	padding: 3px 2px 3px 2px;
}
input {
	width: 200px;
}
#paypal-form input {
	width: auto;
	border: none;
}
textarea {
	width: 99%;
}
input.btn {
	padding: 5px 10px 5px 25px;
	color: #727272!important;
	text-shadow: #fff 0 1px 0;
	width: 80px;
	height: 22px;
	border: none;
	cursor: pointer;
}
input.btn {
	background: url(../images/IconsDefault.png) no-repeat 0 -25px;
}
input.btn:hover {
	background: url(../images/IconsHover.png) no-repeat 0 -25px;
}
input#cfContact {
	background-position: -10px -1785px;
}
input#cfSubmit {
	background-position: -10px -2035px;
}
/* @end */

/* @group tabs and panels */
ul.tabs {
	padding: 0 0 0 0;
}
.tabs li {
	float: left;
	display: inline;
	background: #e3e3e3;
	margin: 0 3px 0 0;
	padding: 0;
	border: 1px solid #e3e3e3;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.tabs a {
	font-size: 11px;
	text-shadow: #fff 0 1px 0;
	text-decoration: none;
	padding: 4px 10px 4px 10px;
	cursor: pointer;
}
.tabs a:hover {
	color:#036;
}
.tabs .on {
	background: #ffffff;
	border-bottom-color: #ffffff;
}
.panels {
	border: 1px solid #e3e3e3;
	margin: -1px 0 0 0;
}
.panel {
	padding: 0 10px 0 10px;
}
/* @end */

/* @group ditto listings */
.bd .entries {
	margin: -10px 0 0 0;
}
.headline h2 {
	padding-bottom: 0;
}
ul.entries{ /* archive links */
}
.entry {
}
.entries .entry{
}
.entry .title{
}
.entry .date {
	margin-top: -1em;
}
.entry .content{
}
.entry .source {
	padding-top: 0;
}
.headlines {
	line-height: 1.25em;
}

.headlines h3.title {
	color: #333333;
	font: 120% "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5px 0 10px 0;
}
.headlines h3.title a {
	color: #333333;
}
.bd > h2:first-child,
.headlines > .entry:first-child h3.title {
	padding: 0 0 10px 0;
}

.page-nav {
	margin: 1.9em 0 0 0;
}
.page-nav span.pages { /* previous/next link */
	/*margin: 0 3px 0 3px; */
}
.page-nav {
	letter-spacing: normal;
}
.page-nav .ditto_currentpage {
    border: 1px solid #333333;
    padding: 2px 5px 2px 5px; 
    margin-right: 1px;
    background: #008bcc; 
    color: #fff;
} 
.page-nav .ditto_off {
    border: 1px solid #e3e3e3;
    padding: 2px 5px 2px 5px; 
    margin-right: 1px;
    color: #cccccc;
}
.page-nav a,
.page-nav a:link,
.page-nav a:visited {
    border: 1px solid #008bcc; 
    padding: 2px 5px 2px 5px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 
.page-nav a:hover {
    background: #ffffff;
    color: #333333;
}

#faq .answer p {
	padding: 5px 25px 5px 25px;
}
#faq .answer p.last {
	padding: 10px 25px 25px 25px;
}
/* @end */

/*	real estate, deals */
#highlights {
	height: 230px;
	overflow: hidden;
	margin:  25px 0 0 0;
}
#highlights h2 {
	display: none;
}
#highlights ul {
	margin: 0 10px 0 0;
}
#highlights li {
	clear: left;
	line-height: 1.65em;
	margin: 0;
}
#highlights li ul {
	padding: 0 0 0 0;
}
#highlights label {
	width: 80px;
	overflow: hidden;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 20px;
	padding: 0;
}
#highlights li ul label {
	padding: 0 0 0 15px;
	margin-right: 5px;
}
.sold {
	background: url(../images/sold.png) right 10px no-repeat;
}
.sale {
	background: url(../images/for-sale.png) right 10px no-repeat;
}


/* slideshow */
div#slide-wrap {
	border: 1px solid #e3e3e3;
	margin:  0 auto;
	margin-top: 25px;
	position: relative;
	width: 268px;
}
div#slide {
	width: 256px;
	height: 192px;
	margin: 5px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
div#slide img {
	position: absolute;
	top: 0;
	left: 0;	
}
.btnToggle {
	position: absolute;
	right: 5px;
	bottom: 5px;
	height: 17px;
	width: 17px;
	
	background: url(../images/btn-toggle.png) 0 0 no-repeat;
	
	cursor: pointer;
	z-index: 998;
}
.btnToggle:hover, .btnToggle.hover {
	background-position: 0 -17px;
}
div#thumb-items {
	margin: 10px 0 25px 0;
	position: relative;
	background: #e3e3e3;
}
div#thumb-wrapper {
	margin: 0 22px 0 22px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
div#thumb-wrapper div {
	width: 100%;
	overflow: hidden;
	padding: 5px 0 5px 0;
}
div.thumb-nav {
	position: absolute;
	top: 0;
	width: 22px;
	height: 100px;
	background: #e3e3e3 url(../images/btn-gallery.png) 0 0 no-repeat;
	display: block;
	cursor: pointer;
}
div#btn-left {
	left: 0;
	background-position: 0 -100px;
}
div#btn-left:hover {
	background-position: 0 0;
}
div#btn-right {
	right: 0;
	background-position: 0 -300px;
	width: 21px;
}
div#btn-right:hover {
	background-position: 0 -200px;
}
div#thumb-wrapper ul {
	width: 50000px;
	padding: 0;
}
div#thumb-wrapper li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	padding: 2px 2px 2px 2px;
	border: 1px solid #ffffff;
	white-space: nowrap;
}
div#thumb-wrapper li.current {
	border: 1px solid #fd7400;
}
div#thumb-wrapper img {
	float: left;
}
#slide .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	border: none;
	-webkit-box-shadow: none;
	margin: -12px 0 0 -12px
}

/* convert tips */
.tip-convert {
	color: #ffffff;
	background: #727272;
	font-size: 0.75em;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.tip-top {
	display: none;
}
div.tip {
}
div.tip-title {
	display: none;
}
div.tip-text {
	padding:  3px 5px 3px 5px;
}
div.tip-bottom {
	display: none;
}
.inches {
}
.feet {
}
.yard {
}
.sqfeet {
}
.acres {
}

/* sound controls */
#soundWrapperLine, #soundWrapperLine .unit {
	overflow: visible; /* overwrite oocss setting */
}
#soundWrapper {
	float: left;	
}
#soundContainer {
	background: #ffffff;
	padding: 5px;
	border: 1px solid #e3e3e3;  
	width: 300px;
	position: relative;
	float: left;
	clear: left;
	z-index: 999999;
}
#soundInfo {
	position: absolute;
	top: -250px;
	left: 0;
	height: 250px;
	width: 310px;
	overflow: hidden;
}
#streamWidgetWrap {
	position: relative;
	height: 250px;
	background: #ffffff;
	margin-top: 250px;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
}
#streamWidgetWrap .data table, #streamWidgetWrap .data {
	padding-bottom: 5px;
}
#streamWidget {
	position: absolute;
	left: 0;
	bottom: 0;
}
#soundControls {
	padding: 5px;
	border: 1px solid #e3e3e3;  
}
#soundControls div {
	background: #eeeeee;
    padding:  0 10px 0 10px;
}
#playlist {
	  background: #ffffff;
	padding: 5px;
	border: 1px solid #e3e3e3;  
}
#soundControls img {
	cursor: pointer;
}
#soundControls .float-left {
	margin: 3px 10px 3px 0;
}
#soundControls .float-right {
	margin: 3px 0 3px 10px;
}


/* CSS shadow
----------------------------------------------------------------------- */
.shadow {
 	-moz-box-shadow: 3px 5px 6px #999999; /* FF3.5+ */
 	-webkit-box-shadow: 3px 5px 6px #999999; /* Saf3.0+, Chrome */
 	box-shadow: 3px 5px 6px #999999; /* Opera 10.5, IE 9.0 */
 	filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=3px, OffY=3px, Color='#999999'); /* IE6,IE7 */
 	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=3px, OffY=3px, Color='#999999')"; /* IE8 */
 }

/* miscellaneous */
.small, .source, .doclink li, .txtSmall {
	font-size: 0.85em;
}
.txtLarge {
	font-size: 1.2em;
}
.source {
	font-size: italic;
}
.strong {
	font-weight: bold;
}
.upper {
	text-transform:uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.red {
	color: #bf0103;
}

.left, .float-left {
	float: left;
}
.right, .float-right {
	float: right;
}
img.border{
	border: 1px solid #e3e3e3;
	padding: 5px;
}
img.left, img.floatL {
	margin: 0 10px 10px 0;
}
img.right, img.floatR {
	margin: 0 0 10px 10px;
}
.items.inline li {
	margin: 0 5px 5px 0;
}
img.inline {
	display: inline;
}

.lowercase {
	text-transform: lowercase;
}

.small-text {
	font: 10px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
}

p.txtI {
	text-indent: 40px;
}

/* MODx tinyMCE configuration
Small text=small; Source=source; Strong:strong; Uppercase=upper; Capitalize=capitalize; Red text=red; Sold=sold; For sale=sale;Inches=inches; Feet=feet; Yard=yard;Square feet=sqfeet; Acres=acres;
*/

/* autoclear floats */
/*.autoclear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.autoclear {
	display: inline-block;
}
/* start commented backslash hack \*/
/* html .autoclear {
	height: 1%;
}
.autoclear {
	display: block;
}*/