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

/* v1.0 | 20080212 */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	color:#243e8f;
	font: 12px Verdana, Geneva, sans-serif;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
ol, ul {
	margin-left:30px;
}
	ol li {
		margin-bottom:5px;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
i, .gone, #printbanner {
	display:none;
}
img, div, input { behavior: url("javascript/iepngfix.htc") }
/*

DEFAULTS
LAYOUT
UNIVERSAL

*/

/* ----- DEFAULTS ----- */
h1, h2, h3, h4, h5, h6 {
	margin-bottom:10px;
	color:#0a114a;
}
p {
	margin-bottom:15px;
	line-height:1.4em;
}
h1 {
	font-size:2em;
}
	h1 span {
		font-size:.6em;
	}
h2 {
	font-size:1.8em;
}
h3 {
	font-size:1.6em;
}
h4 {
	font-size:1.4em;
	margin-top:15px;
}
h5 {
	font-size:1.2em;
}
h6 {
	font-size:1em;
}
a {
	font-weight:bold;
}
	a:link {
		color:#ff6600;
	}
	a:visited {
		color:#e25b01;
	}
	a:hover, a:active {
		color:#243e8f;
	}
/* ----- LAYOUT ----- */
.wrap {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#banner {
	height:80px;
	background: #fff url(images/banner-back.gif) repeat-x bottom;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
}
	#logo, #logo a {
		display:block;
		width:460px;
		height:80px;
	}
	#logo {		
		background:url(images/boss-realty-corp-logo.png) no-repeat 0 8px;
		float:left;
	}
	#phone, #phone a {
		width:245px;
		height:26px;
	}
	#phone {
		background-image:url(images/phone.png);
		float:right;
		margin-top:8px;
		margin-bottom:23px;
	}
	#nav {
		width:480px;
		float:right;
	}
	#nav ul {
		margin:0;
	}
	#navfooter {
		margin-top:5px;
	}
		#nav ul, #nav li, #navfooter ul, #navfooter li {
			display:inline;
			overflow:hidden;
		}
			#nav a, #navfooter a {
				padding-left:12px;
				overflow:hidden;
			}
#feature {
	margin-top:80px;
	background-color:#666;
	height:288px;
}
#inner #center {
	margin-top:80px;
}
#center {
	background: #142250 url(images/center-back.jpg) repeat-x;
	overflow:hidden;
}
	#center2 {
		width:940px;
		padding:20px 10px;
		background: #fff url(images/center2-back.jpg) repeat-x;
		margin:0 auto;
		border:1px solid #01012d;
		border-width:1px 0;
		overflow:hidden;
	}
#header {
	border-bottom:1px solid #01012d;
	background-image:url(images/slide1-back.jpg);
	overflow:hidden;
}
	#header2, #header2b {
		position:relative;
		margin:0 auto;
		width:960px;
		overflow:hidden;
	}
	#header h1 {
		color:#FFF;
		padding:0;
		font-size:2.6em;
		text-shadow: 2px 2px .1em rgba(0,0,0,.5);
		margin:14px 0 8px 0;
		float:left;
	}
	#header2b h1 {	
		margin:14px 0 28px 0;
	}
#footer {
	background: #fff url(images/footer-back.gif) repeat-x;
	padding-bottom:30px;
}
	#footer_address {
		background: #0c144f url(images/footer-back2.gif) repeat-x;
		padding:10px;
		margin:10px 0;
		overflow:hidden;
	}
		#footer_address * {
			color:#FFF;
		}
		#footer_address p {
			margin: 10px 0 0 30px;
		}
	#footer_feature {
		text-align:center;
	}
	#officehours, #footer_feature {
		border:1px solid #CCC;
		padding:10px;
	}
	#footer_left {
		width:623px;
	}
	.footerlinks {
		margin-top:10px;
	}
	.footerlinks a {
		padding:5px;
		white-space: nowrap;
	}
#col2, #footerright {
	width:307px;
	float:right;
}
	#col2 img {
		margin-bottom:10px;
	}
#col1 {
	width:623px;
}
/* ----- UNIVERSAL ----- */
	.bluebox {
	border:1px solid #243e8f;
	padding:5px;
	background:#e9ebf4;
	margin-bottom:10px;
	}
.warn {
	border:1px dotted #f96000;
	color:#f96000;
	padding:5px;
	background-color:#FFF;
	text-align:center;
	margin-bottom:10px;
}
	.warn * {
		color:#f96000;
		margin:5px;
	}
.video {
	border:1px solid #01012d;
	border-bottom:0;
	margin:0 auto;
	background:#000;
	text-align:center;
}
	#capture {
		background: #0c144f url(images/footer-back2.gif) repeat-x;
		padding:10px;
		margin:10px 0;
		overflow:hidden;
		color:#FFF;
	}
	#capture h1, #capture h2, #capture h3, #capture h4  {
		color:#FFF;
		text-align:center;
	}
	#capture p {
		color:#FFF;
		text-align:left;
	}
	.thinform div {
		margin:0 auto;
		width:250px;
		text-align:right;
	}
	.thickform div{
		float:left;
		width:285px;
		text-align:right;
		margin:0 auto;
	}
		.thickform div:first-child {
			margin-right:20px;
		}
	.thickform textarea {
		width:280px;
		height:200px;
	}
	.thinform textarea {
		width:242px;
		height:100px;
	}
	#capture strong {
		font-size:1.4em;
	}
	.txt, .range {
		background-color:#FFF;
		padding:3px;
		margin:0 2px 3px 0;
	}
	.range {
		width:100px;
		font-size:.9em;
		padding:2px;
	}
	.tdhead {
		font-weight:bold;
		text-align:center;
	}
		.tdhead div {
			padding:3px;
		}
	.tdright, .tdright2  {
	text-align:right;
	}
	#b_send {
		margin-top:10px;
	}
.icisearch {
	width:100%;
}
	.icisearch td {
		white-space: nowrap
	}
/* ----- SELL YOUR HOME ----- */

#h-sell-your-home {
	background: url(images/sell-your-home.png) no-repeat;
	height:157px;
	margin-bottom:20px;
}

/* ----- 50 PERCENT REBATE ----- */

#h-rebate {
	background: url(images/h-rebate.png) no-repeat;
	height:85px;
	margin-bottom:20px;
}
#calculator2 {
	background:url(images/calculator.gif) no-repeat;
	height:122px;
	margin-bottom:20px;
	overflow:hidden;
}
	#calculator2 p {
		margin: 8px 100px 0 12px;
		font-size:.9em;
		color:#000;
	}
	#calculator2 strong {
		font-size:1.2em;
		color:#ff6600;
	}
/* ---------- 12. MORTGAGE ---------- */
#mortgage {
width:630px;
height:450px;
border:none;
}	

/* ----- INDEX ----- */
.indexbutton {
	width:303px;
	float:left;
	margin-bottom:25px;
}
	.indexbutton div {
		background:#243e8f;
		padding:3px 3px 3px 5px;
	}
	.ib {
		padding:10px 5px;
		display:block;
		height:51px;
	}
	.indexbutton a:hover, .indexbutton a:active {
		opacity:0.6;filter:alpha(opacity=60)
	}
.ilist {
	width:200px;
	float:left;
	margin-top:5px;
}
	.ilist li {
		background: url(/images/i-list.gif) no-repeat 2px 8px;
		padding:3px 0 8px 17px;
		margin-left:10px;
		list-style:none;
		font-weight:bold;
		font-size:1.4em;
	}
.bullit, .alacarte2 ul {
	padding: 0 0 0 35px;
	margin:0 0 10px 10px;
}
	.bullit li, .alacarte2 li {
		list-style-type:disc;
		margin-bottom:10px;
	}
		.bullit li ul, .alacarte2  li ul {
			margin:5px 0 0 25px;
		}
		.bullit li ul li, .alacarte2 li ul li {
			list-style-type:circle;
		}
/* ----- PAY AS YOU GO ----- */
.alacarte {
	padding:0;
	margin:0 0 20px 0;
	border:1px solid #c2c0c0;
}
	.alacarte h2, #contactinfo th  {
	background: url(images/alacart_back1.gif) repeat-x bottom;
	margin:0;
	padding:5px 10px;
	}
	.alacarte2, #contactinfo td {
	background: #fff url(images/alacart_back2.gif) repeat-x top;
	padding:10px;
	border-top:1px solid #c2c0c0;
	overflow:hidden;
	}
		.salesrep {
			width:580px;
		}
		.salesrep td, .salesrep2 td {
			width:50%;
		}
		.alacarte2 h3 {
			margin:10px 0 5px 0;
			padding:0;
		}
	.paypal, .paypal2 {
		float:right;
		text-align:center;
		margin-left:5px;
	}
	.paypal {
		width:125px;
	}
	.paypal2 {
		width:225px;
	}
	.ppprice {
		color:#f96000;
	font-weight:bold;
		font-size:3em;
		padding-bottom:10px;
	}
	.select select {
		font-size:1.4em;
		margin-bottom:10px;
		border:1px solid #c2c0c0;
	}
/* ----- CONTACT ----- */
#map {
width:305px;
height:525px;
border:1px solid #c2c0c0;
}
#contactinfo {
margin:0 0 20px 0;
border-collapse:collapse;
}
	#contactinfo th {
	font-size:1.4em;
	}
	#contactinfo td, #contactinfo th  {
	padding:5px;
	vertical-align:top;
	border:1px solid #c2c0c0;
	}
.phone h4 {
	margin:0 5px 0 0;
}
.phone p {
	line-height:20px;font-weight:bold;
}
/* ----- SITEMAP ----- */
#sitemap div {
	width:30%;
	float:left;
}
#sitemap h3 {
	margin-top:50px;
}
	#sitemap div h3:first-child {
		margin-top:0;
	}
/* ----- LISTINGS ----- */
#search {
	background: #243e8f;
	color:#FFF;
	padding:5px;
	margin-bottom:10px;
}
	#search td {
		vertical-align:middle;
		padding:5px 3px;
	}
	#search input, #search select {
		background:#fff;
		border:1px solid #fff;
		line-height:1.5em;
		font-size:1.2em;
	}
	.tdright {
		text-align:right;
		font-size:.9em;
	}
	#searchb {
		background: #0a114a url(images/b_search.gif) repeat-x bottom;
		text-align:center;
		height:15px;
		padding:15px 0;
		margin-top:10px;
	}
		#searchb input{
			background:none;
			border:none;
			padding:0 150px;
		}
	#search a:hover, #search a:active {
		color:#FFF;
	}
/* CUSTOMIZE AUTOSUGGEST STYLE	*/
#results{width:200px;background:#090f48;border-bottom:0; display:none; font-weight:normal; font-size:.9em;z-index:10;position:absolute;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-bottom:1px solid #243e8f;}
#results li a{display:block; padding:4px; text-decoration:none; font-weight:bold;color:#fff;}
#results li a:hover{background:#20265b;}

/* ---------- 6B. RESULTS ---------- */
.pagination {
	border:1px solid #243e8f;
	padding:2px;
	}
	#noresults {
	padding:3px;
	margin:0;
	}
		#noresults h2 {
		text-align:center;
		margin:5 10px;
		}
		.pagination div {
		float:right;
		}
		.pagination span, #team span, .listingaddress span {
		font-size:.8em;
		}
		.pagination a {
		text-decoration:underline;
		}
#results3 {
	border:1px solid #243e8f;
	border-width:0 1px;
}
	.resultsdetails, .resultsthumb {
	padding:10px 5px 5px 5px;
	vertical-align:top;
	background: url(images/alacart_back2.gif) repeat-x top;
	}
		.resultsthumb img {
			border:1px solid  #243e8f;
		}
	#results3  .address {
		font-size:1.8em;
		display:block;
	}
	#results3  .price {
		font-size:1.4em;
	}
	#results3  .size {
		font-size:1.4em;
	}
	.openhouseb {
		float:right;
		width:150px;
		padding:35px 5px 10px 5px;
		font-weight:bold;
		font-size:1.2em;
		background:#f96000 url(/images/openhouse.gif) no-repeat 5px 5px;
		color:#FFF;
		text-align:center;
	}
	.b_moreimages, .b_viewdetails2 {
		float:right;
		border-left:1px solid #243e8f;
		display:block;
		width:100px;
		height:20px;
		padding-left:20px;
		text-align:center;
		text-decoration:none;
	}
		.b_moreimages {
			background: url(/images/photos.png) no-repeat 5px 2px;
		}
		.b_viewdetails2 {
			background: url(/images/page_white_text.png) no-repeat 5px 2px;
		}
		.b_moreimages:hover, .b_viewdetails2:hover, .b_moreimages:active, .b_viewdetails2:active {
			background-color:#d3d8e9;
		}

/* ----- RESULTS ----- */
#images {
overflow:hidden;
clear:both;
margin-bottom:10px;
}
	.bigthumb, .smallthumb {
	border:1px solid #243e8f;;
	}
		.bigthumb {
		width:287px;
		margin-bottom:5px;
		}
		.smallthumb {
		width:90px;
		height:70px;
		float:left;
		margin:0 6px 3px 0;
		}
#listbuttons {
	position:absolute;
	bottom:0;
	right:0;
	height:47px;
}
	#listbuttons a {
		display:block;
		float:left;
		height:47px;
		background-repeat:no-repeat;
	}
		#listbuttons a:link, #listbuttons a:visited {
			background-position: 0 5px;
		}
		#listbuttons a:hover, #listbuttons a:active {
			background-position: 0 0;
		}
	.b_download2 {
		background: url(images/b_downloadbro.png);
		width:185px;
	}
	.b_printlisting {
		background: url(images/b_print.png);
		width:140px;
	}
	.b_emaillisting {
		background: url(images/b_email.png);
		width:150px;
	}
.listref, .listingaddress span {
	color:#243e8f;
	margin:0;
	padding:0;
	font-size:.9em;
}

#listingdetails {
	background:#243e8f;
	height:46px;
	margin-bottom:20px;
	overflow:hidden;
}
	#listingdetails div {
		line-height:46px;
		color:#FFF;
		font-size:1.8em;
		font-weight:bold;
		padding-left:20px;
		float:left;
	}
	#listingdetails span {
		font-size:.5em;
	}
	.la_price {
		background: url(images/la_price.gif) no-repeat -5px 0;
		width:130px;
	}
		.ici .la_price {
			background-position: 0 0;
			width:225px;
		}
	.la_bath {
		background: url(images/la_bath.gif) no-repeat left;
		width:130px;
	}
	.la_bed {
		background: url(images/la_bed.gif) no-repeat left;
		width:130px;
	}
	.la_size {
		background: url(images/la_size.gif) no-repeat left;
		width:130px;
	}
		.ici .la_size {
			width:145px;
		}
	.la_lease {
		background: url(images/la_lease.gif) no-repeat left;
		padding-left:50px;
		width:185px;
	}
	.la_sale {
		background: url(images/la_sale.gif) no-repeat left;
		padding-left:50px;
		width:185px;
	}
#la_openhouse {
	margin:0 0 20px 20px;
	font-size:1.4em;
	float:right;
	width:250px;
	padding:55px 5px 15px 5px;
	font-weight:bold;
	font-size:1.4em;
	background:#f96000 url(/images/openhouse2.gif) no-repeat center 5px;
	color:#FFF;
	text-align:center;
}
	#la_openhouse * {
		color:#FFF;
	}
		#la_openhouse h1 {
			font-size:1.2em;
		}
		 #la_openhouse h2 {
			font-size:1em;
		}
#googlemap, #map_canvas {
	clear:left;
	overflow:hidden;
}
	#map_canvas {
		border:1px solid #01012d;
		margin-top:20px;
		height:350px;
		width:621px;
	}
#videoembed {
	text-align:center;
	margin:20px 0 0 0;
	clear:left;
}
	#details2 {
		margin-top:20px;
	}
			#details2 p {
				margin-left:20px;
			}

	.detailsold, .detailcond, .detaillease, .detailsop {
		padding:5px 120px 0 5px;
	}
	.detailsold {
		background: url(images/sign_sold.png) no-repeat right;
	}
	.detailcond {
		background: url(images/sign_condition.png) no-repeat right;
	}
	.detaillease {
		background: url(images/sign_leased.png) no-repeat right;
	}
	.detailsop {
		background: url(images/sign_sop.png) no-repeat right;
	}

	.viewdetails {
	padding-left:5px;
	border:1px solid #243e8f;
	border-width:1px 0;
	background:#e9ebf4;
	line-height:20px;
	font-size:.9em;
	}
	.viewdetails a {
	float:right;
	}
.featoh {
border:1px solid #001f67;
border-top:0;
margin-bottom:20px;
}
	.featoh h1 {
	margin:0;
	padding:0;
	}
	.featoh div {
	background-color:#FFF;
	border-top:1px solid #001f67;
	padding:3px;
	overflow:hidden;
	}
	.featoh a {
	text-decoration:none;
	}
	.featoh span {
	font-size:1.4em;
	font-weight:bold;
	}
	.ohthumb {
	width:70px;
	float:left;
	margin-right:5px;
	}

.cityinfo h2, .cityinfo h3, .cityinfo h4 {
	text-align:center;
}
.cityinfo h3 {
	margin:50px 0 0 0;
}
.cityinfo h2 {
	margin-top:0;
}
.builders {
	text-align:center;
	border:2px solid #001f67;
	margin-bottom:10px;
}
	.builders h1 {
		color:#FFF;
		padding:3px;
		background:#33A4DE;
		margin:0 0 5px 0;
	}
	.builders a {
		margin:10px;
		display:block;
	}
/* ----- DROPDOWN  ----- */
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	background-image:url(images/nav-back.gif);
}
/* ######### Default class for drop down menus ######### */
.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #d3d4d4;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 1000; /* zIndex should be greater than that of shadow's below */
background: #fff;
width: 220px; /* default width for menu */
margin:-5px 0 0 13px;
}
.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #d3d4d4;
padding: 1px 0;
text-decoration: none;
text-indent: 5px;
color:#f96000;
}
.anylinkcss a:hover{ /*hover background color*/
background: #fff url(images/banner-back.gif) bottom;
color: #243e8f;
}
/* ######### Alternate multi-column class for drop down menus ######### */
.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 5000; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}
.anylinkcsscols .column{
width: 130px;
float: left;
}
.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.anylinkcsscols li{
padding-bottom: 3px;
}
/* ######### class for shadow DIV ######### */
.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 999; /*zIndex for shadow*/
background: #000;
visibility: hidden;
margin:-5px 0 0 13px;
}

/* ----- GLIDER ----- */
#connect1 {
	z-index:500;position:relative;margin:0 auto;width:960px;height:288px;
}
#connect {
	background-image:url(images/connect.png);
	width:160px;
	padding:25px 0 5px 0;
	position:absolute;
	z-index:500;
	bottom:0;
	right:10px;
	text-align:center;
		overflow:hidden;
}
	#connecthead {
		cursor:pointer;
	}
	#connect2 {
		overflow:hidden;
		width:120px;
		margin:0 auto;
	}
	#connect2 a {
		padding:3px;
		display:block;
		width:24px;
		height:24px;
		float:left;
		margin-top:3px;
	}
		#connect2 a:hover, #connect2 a:active {
			background: #ccc;
		}
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 100%;
height:368px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
text-align:center;
}
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}
.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}
.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}
.glidecontent {
	height:288px;
	text-align:center;
	width:100%;
}
	.glidecontent2 {
		border:1px solid #000;
		border-width:0 1px;
		width:960px;
		height:288px;
		margin:0 auto;
		position:relative;
	}
#glide1 {
	background:url(images/slide1-back.jpg);
}
	#glide1b {
	background:url(images/slide1.jpg);
	}
#glide2 {
	background:url(images/slide2-back.jpg);
}
	#glide2b{
		background:url(images/slide2.jpg);
	}
/* ----- AS SEEN ON TV ----- */
.tvframe {
	position:relative;
	border:1px solid #000;
	width:614px;
	overflow:hidden;
}
.tvoverlay {
	background: #fff url(images/banner-back.gif) repeat-x bottom;
	height:85px;
	position:absolute;
	left:0;
	right:0;
	top:240px;
	padding:10px 20px;
}
/* ----- LIVE HELP ----- */
#div_initiate {
	position:absolute; z-index:1; top: 40%; left:40%; visibility: hidden;
}
.livehelp {
width:200px;
height:40px;
float:right;
margin:6px 10px 0 0;
}