/* Villa base style (reworked) - (c) 2010 Myers Internet
----------------------------------------------------------*/

/* Resets
--------- */
* {background-color:transparent;margin:0;padding:0;/*font:inherit;color:inherit;font-face:inherit;font-size:inherit;*/}
html{font:13px/1.5 Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;}
.main_nav, .main_nav li, .main_nav li a, .main_nav li a span{display:block;position:relative;}
						
/* ie display fix */
#inner_content, #pers_photo, #pers_photo_inner, #pers_photo_outer, #pers_photo_inner img, #left_nav_container,#overall_header,#content{display:inline-block;}
* html .main_nav, * html .main_nav li, * html .main_nav li a{height:1%;}
*:first-child+html .main_nav, *:first-child+html .main_nav li, *:first-child+html .main_nav li a{height:1%;}
			
/* Structure
-------------*/
hr{width:auto;}
input, select, textarea, .input, .input1, .input2 {padding:2px 3px;margin:2px;}
input[type=submit],input[type=button],button,.button{padding:3px;margin:8px;}
input[type=image]{padding:0;margin:0;border:0 !important;}
ol, ul {margin-bottom: 8px; margin-top: 4px;}
ol.condensed,ul.condensed{margin-left:20px;}
li{margin-left:3.0em;}
#left_nav_container li{margin-left:0;}
p {margin: 16px 0px;}
th, th.headerrow, .headerrow, td.headerrow{padding:3px;}

.businesscard{padding:12px 12px 16px 12px;}
.cathead{display:inline-block;padding:0px 2px 0px 20px;text-indent:-18px;margin:0;}
*:first-child+html .cathead{text-indent:0;padding:0 2px 0 8px;}
.calcGraphTable {padding:5px;margin:0px 0px 10px 0px;}
.calcHeaderTable{padding:3px;}
.calcTable, .calcTable td{padding:3px;margin:0px 0px 10px 0px;}
.calcTitleTable{padding:6px;margin:10px 0px;}

.element td{width:100%;}
.element .input{width:120px;}

.home_page_layout{padding:15px;}
.listings_nav td{padding: 3px 8px;}

.main_nav{width:167px;margin-bottom:0;}
.main_nav li a span{padding:5px 42px 5px 5px;}
.main_nav li.subcategory a span{padding-left:18px;}
.main_nav_header, .main_nav_header_first{display:block;position:relative;width:156px;padding:0px;margin:0;}
.subcategory ul{margin-top:0;margin-bottom:0;}
.subcategory .nav_plus, .subcategory .nav_plus_on{display:inline-block;}
.subcategory .nav_plus, .subcategory .nav_plus_on{float:left;margin:0 0 0 5px;padding:5px 0 0 0px;position:relative;z-index:9;height:auto;width:1px;display:block;}
* html .subcategory .nav_plus, * html .subcategory .nav_plus_on{height:1%;margin:5px -40px 0 -2px;padding:0 0 0 8px;}
*:first-child+html .subcategory .nav_plus, *:first-child+html .subcategory .nav_plus_on{margin:8px -38px -8px -2px;padding:0 0 0 6px;}
.sub_nav{padding:0 0 0 18px;width:149px;}
.title,.pagetitle,.label1{margin:0px;}

#breadcrumb{display:inline-block;}
#breadcrumb{position:relative;width:100%;display:block;text-align:right;}  
* html #breadcrumb{margin-right:8px;}
#content{display:inline-block;}
#content{width:99%;display:block;position:relative;max-width:99%;}
#footer{padding-top:8px;margin-left:175px;}

#header_logo{position:relative; min-width:170px;top:-28px;float:left;}
#header_top{display:none;}
#inner_content{position:relative;margin-left:175px;padding:0 0 0 12px;display:block;}
#inner_header{position:relative;top:-33px;margin:0 0 33px 0;}
#left_nav_container{margin:1px 0 0 0;position:relative;width:175px;
	float:left;clear:both;}
#left_nav_footer{display:block;height:62px;position:relative;width:167px;}
		
#overall_header{position:relative;display:block;width:100%;height:128px;z-index:5;margin:0;padding:0;max-width:100%;max-height:128px;}
			
#pers_photo{width:175px;position:relative;display:block;float:left;clear:both;margin:2px 0 0 0;}
#pers_photo_inner{padding:22px 24px 0 0;text-align:center;position:relative;margin:0;display:block;}
#pers_photo_outer{padding:26px 0 0 0 ;position:relative;margin:0;display:block;}
#pers_photo_inner img{margin:6px auto;position:relative;display:block;}

#qn_inner{height:33px;text-align:right;margin:0 0 0 205px;}
#qn_outer{padding:0;margin:0px;position:relative;width:100%;top:90px;z-index:9;}
#quicknav{margin:0 12px;padding:0;white-space:nowrap;}
#quicknav li{height:28px;display:inline-block;margin:0px 2px;padding:0;text-align:center;}
*:first-child+html #quicknav li{display:inline;padding-left:6px;}
#quicknav li a{display:inline-block;height:24px;margin:0 2px;padding:2px 8px 0px 8px;position:relative;text-align:center;}
#quicknav li a{padding/*\**/:0px 3px\9; }

/* common corners */
input[type=submit],input[type=button],button,.button,input, select, textarea, .input, .input1, .input2 {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

/* ie7 float issue with personal photo */
*:first-child+html #pers_photo{height:205px;z-index:1;}
*:first-child+html #pers_photo img{max-height:150px;}
*:first-child+html #content{z-index:99;}
*:first-child+html #content #left_nav_container{top:192px;z-index:99999;}
*:first-child+html .main_nav_header_first{margin-bottom:-15px;top:-15px;}

*:first-child+html #inner_header, *:first-child+html #inner_header *{display:inline-block;}
#inner_header{margin-left:175px;}
/* Typography
--------------*/
h1 {font-size:22px;}
h2,.title {font-size: 20px;}
h3,.name{font-size: 18px;}
h4, #quicknav li a, th.calcTitleTable,.larger, .pagetitle, .label1{font-size:16px;}
h5, .calcHeaderTable,h2.main_nav_header,h2.main_nav_header_first,h2.main_nav_header span,h2.main_nav_header_first span{font-size:14px;}
h6, .cathead, #quicknav li a:before,.credentials,.bodytext,#rate_alert_form,#rate_alert_form td{font-size:13px;}
th.calcTable, .poweredby,#footer *,#footer,.compact,.small,.address, .footer, .footer p,.tollfreefooter,.main_nav{font-size:11px;}
.compnamefooter,.element td,.element th, .element .header, .element .calctd1, .element .td1,.element .input{font-size:10px;}

h1,h2,h3,h4,h5,h6,th,th.header,.header,input[type=submit],input[type=button],button,.button,.asterisk,.headercell,.compnamefooter,
	td.calcTitleTable,.calcHeaderTable.larger,.title, .pagetitle, .label1,strong,b,.headerrow, .theader,.subheaderrow,.td1,
	.credentials,.name,.headerrow a,.main_nav{font-weight:bold;}

#quicknav li a, .cathead,.poweredby,.main_nav a{letter-spacing:0px;text-decoration:none;}
#quicknav li a:before{content:"::";vertical-align:2px;}
.cathead:before{content:"::";vertical-align:1px;padding:0px 2px 0px 4px;}

.main_nav li{list-style:none;}
			
/* Backgrounds in all colors
------------------------------*/
body,th.calcTitleTable{background-color:#fff;}
.main_nav li a{background:url(img/villa/navy/leftnav_off_top.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_off_top.gif*/ top right no-repeat;}
.main_nav li a span{background:url(img/villa/navy/leftnav_off_bottom.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_off_bottom.gif*/ bottom right no-repeat;}
.main_nav li a:hover{background:url(img/villa/navy/leftnav_hover_top.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_hover_top.gif*/ top right no-repeat !important;}
.main_nav li a:hover span{background:url(img/villa/navy/leftnav_hover_bottom.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_hover_bottom.gif*/ bottom right no-repeat !important;}
.main_nav li a.navigation_normal_on, .main_nav li a.navigation_highlight_on{background:url(img/villa/navy/leftnav_on_top.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_on_top.gif*/ top right no-repeat;}
.main_nav li a.navigation_normal_on span, .main_nav li a.navigation_highlight_on span{background:url(img/villa/navy/leftnav_on_bottom.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_on_bottom.gif*/ bottom right no-repeat;}
.main_nav li a.navigation_highlight{background:url(img/villa/navy/leftnav_highlight_top.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_highlight_top.gif*/ top right no-repeat;} 
.main_nav li a.navigation_highlight span{background:url(img/villa/navy/leftnav_highlight_bottom.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_highlight_bottom.gif*/ bottom right no-repeat;}
.main_nav li a.nav_plus, .main_nav li a.nav_plus_on, ul.main_nav li.subcategory a.nav_plus:hover, ul.main_nav li.subcategory a.nav_plus_on:hover{background-image:none !important;background-color:transparent;}
li.subcategory{background:url(img/villa/navy/leftnav_on_top.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_on_top.gif*/ top right no-repeat;}
.sub_nav{background:url(img/villa/navy/leftnav_on_bottom.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_on_bottom.gif*/ bottom right no-repeat;}

#left_nav_footer{background:url(img/villa/navy/leftnav_bottom.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_bottom.gif*/ top left no-repeat;}
#pers_photo_inner{background:url(img/villa/navy/sh_1_top.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/sh_1_top.gif*/ top left no-repeat transparent;}
#pers_photo_outer{background:url(img/villa/navy/nav_top.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/nav_top.gif*/ top left no-repeat transparent;}
#left_nav_container, .main_nav_header, .main_nav_header_first, #pers_photo{background:url(img/villa/navy/leftnav_picture_bg.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/leftnav_picture_bg.gif*/ top left repeat-y transparent;}
#qn_inner{background:url(img/villa/navy/header_bar_bg.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/header_bar_bg.gif*/ top right repeat-x transparent;}
#qn_outer{background:url(img/villa/navy/header_bar_left.gif)/*tpa=http://www.compassbrokers.com/img/villa/navy/header_bar_left.gif*/ 165px 0 no-repeat transparent;}
#quicknav li{background:url(img/villa/navy/qn_bg.jpg)/*tpa=http://www.compassbrokers.com/img/villa/navy/qn_bg.jpg*/ left top repeat-x #424942;}


/* System Colors
-----------------*/
input, select, textarea, .input, .input1, .input2,.larger {color:#036;}
.calcPercent{color:#03c !important;}
.calcNegNum,.asterisk{color:#c00 !important;}
.calcPosNum{color:#093 !important;}

/* This color only
-------------------*/

	/* Backgrounds
	---------------*/
	.headercell {background-color:#036;}
	hr,th, th.header {background-color:#2B2D78;}
	th.calcTabl,.headerrow, .theadere{background-color:#42459D;}
	.shaded2,.calctd3 {background-color:#665;}
	.subheaderrow, .td1{background-color:#8CA0C3;}
	.calcHeaderTable,.shadedcell,.dark,.shadedrow,.formlight,.calctd1{background-color:#A2B4D3;}
	.calcGraphTable,.evenrow,.evenrow td {background-color:#CED0D6;}
	.sub_nav{background-color:#D6DFEF;}
	input[type=submit],input[type=button],button,.button{background/*\*/:#ddd\9;}
	.colorcell{background-color:#E0E7F4;}
	input, select, textarea, .input, .input1, .input2{background-color:#f5f5f5;}
	.calctd2,.oddrow,.light{background-color:#fff;}	

	/* Colors
	----------*/
	html{color:#555;}
	.calcTitleTable,td.calcTitleTable,.businesscard .header,.colorcell,.main_nav a, .main_nav a:visited,.main_nav a span,th.calcTitleTable,.calcGraphTable,.calcTable, .calcTable TD{color:#000;}
	a.header,a.header:visited,a.footer,a.footer:visited{color:#036;}
	a.hot:hover,a.header:hover,a.footer:hover {color:#066;}
	.main_nav a.navigation_normal_on, .main_nav a.navigation_normal_on:visited,
    .main_nav a.highlight_normal_on, .main_nav a.navigation_highlight_on:visited,
		.main_nav a.navigation_normal_on span,.main_nav a.highlight_normal_on span, .main_nav a:hover, .main_nav a:hover span{color:#21249C;}
	h1,h2,h3,h4,h5,h6,hr,.header,.title,strong{color:#2B2D78;}
	.compnamefooter,.credentials{color:#336;}
	a,a *{color:#369;}
	a:hover, a:hover * {color:#0bf;}
	.name{color:#38a;}
	.reverse{color:#444;}
	a:visited {color:#5B5858;}
	.hot,.error,.errormessage,a.hot,a.hot:visited{color:#600;}
	th a,th a:visited {color:#C3E2FF;}
	a.reverse,a.reverse:visited{color:#c00;}
	.colordark,a.reverse:hover{color:#fc0;}
	.colorlight, .color, .colormedium, .headerrow,.headerrow a, .theader,.headercell,th, th.header, .calcHeaderTable, th.calcTable,th a:hover,.headerrow a.reverse:hover,td.headerrow *,.headerrow a:visited,.headerrow a:hover{color:#fff;}
	input[type=submit],input[type=button],button,.button{color:#000;
		text-shadow:1px 1px 1px #f3f3f3,-1px -1px 1px #bbb;
	  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eaeaea', endColorstr='#cccccc');
		background:-webkit-gradient(linear, left top, right bottom, from(#eaeaea), to(#ccc), color-stop(0.9, #efefef));
  	background:-moz-linear-gradient(0% 100% 93deg, #ccc, #efefef, #eaeaea 90%) bottom center repeat-x #ccc;
		-webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; box-shadow:1px 1px 2px #ccc;
		border:1px solid #999;border-right:1px solid #666;border-bottom:1px solid #666;}
		
	input[type=submit]:hover,input[type=button]:hover,button:hover,.button:hover{color:#000;
		text-shadow:-1px -1px 1px #f3f3f3,1px 1px 1px #bbb;
	  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cccccc', endColorstr='#eaeaea');
		background:-webkit-gradient(linear, left top, right bottom, from(#ccc), to(#eaeaea), color-stop(0.9, #efefef));
  	background:-moz-linear-gradient(0% 100% 93deg, #efefef,#ccc, #eaeaea 90%) bottom center repeat-x #ccc;
		-webkit-box-shadow:-1px -1px 2px #ccc; -moz-box-shadow:-1px -1px 2px #ccc; box-shadow:-1px -1px 2px #ccc;
		border:1px solid #999;border-left:1px solid #666;border-top:1px solid #666;}	
	#quicknav li{background:-webkit-gradient(linear, left top, right bottom, from(#383586), to(#2d2980), color-stop(0.5, #c7c7ed));
  		background:-moz-linear-gradient(0% 100% 90deg, #2d2980, #c7c7ed, #383586 26px) bottom center repeat-x #4A494A;
			}
	#quicknav li a{color:#fff;font-weight:bold;text-shadow:0px 0px 1px #c7c7ed,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000;}
	#quicknav li a,.cathead{filter:progid:DXImageTransform.Microsoft.Glow(color='#2d2980', Strength='2');}
	#quicknav li a:hover{color:#fff}
	.cathead,.cathead span{color:#fff;text-shadow:1px 1px 2px #000;}
	.cathead{filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=135, Strength=2);}
	
	#quicknav li{filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=90, Strength=4);
			-webkit-box-shadow:1px 0px 2px #000; -moz-box-shadow:1px 0px 2px #000; box-shadow:1px 0px 2px #000;}
	
	table.calcTable, .calcGraphTable {border:2px solid #666;}
	.businesscard,.bordered{border:1px solid #A2B4D3;}
	td.calcTable,th.calcTable,input,select {border:1px solid #D9D9D9;}
	input, select, textarea, .input, .input1, .input2 {border-left:1px solid #bbb;border-top:1px solid #bbb;
		-moz-box-shadow:inset 1px 1px 2px #ddd;-webkit-box-shadow:inset 1px 1px 2px #ddd;box-shadow:inset 1px 1px 2px #ddd;}
		
	.sub_nav li{border-left:1px solid #e7efff;}