﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#ffffff;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left !important;}
.right {float:right !important;}
.clear  { clear:both;}
.left2 { float:left !important; padding-top:3px; padding-left:6px;}
.right2 {float:right !important; padding-left:5px; padding-right:5px;}

html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#444444;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#c10000;text-decoration:none}
a:hover{text-decoration:underline;}
p {padding-top:0px;}

/* ============================= main layout ====================== */

.link {no-repeat 0 0; padding:3px 0 3px 29px; color:#44494f; font-size:1.083em; display:block; float:right; margin-top:9px;}

.list li a {line-height:1.667em;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:10px;}
.title2 {padding-bottom:4px; border-bottom:1px solid #dfdfd9; margin-bottom:15px;}
.title3 {margin-bottom:20px;}

/* ============================= header ====================== */

.border1 {border:1px solid #dfdfd9;}
.border1 .left {padding:8px 0 9px 15px;}
.border1 .right {padding:6px 9px 0 0;}

.submenu li {display:inline; font-size:0.833em; text-transform:uppercase; background:url(images/submenu-line.gif) no-repeat 0 0; padding:0 5px 0 8px; margin-left:-1px;}
.submenu li a {
	color: c10000;
	text-decoration: none;
}
.submenu li a:hover {text-decoration:underline;}
.submenu .active a {
	text-decoration: underline;
	color: #c10000;
}
.submenu .first {background:none;}

.row2 .left {padding:19px 0 14px 1px;}
.row2 .right {padding:40px 18px 0 0;}
.row2 a {color:#c10000;}
.row2 .right2 {padding:0px 0px 0 0;}

.menu {padding-right:1px;}
.menu ul {width:100%; overflow:hidden; border-bottom:3px solid #c10000;}
.menu li {float:left; font-size:0.833em; text-transform:uppercase;}
.menu li a {display:block; color:#44494f; padding:10px 18px 8px 20px; background:#f4f4ec; border-top:1px solid #e9e9e0; border-bottom:1px solid #e9e9e0; border-right:1px solid #e9e9e0; text-decoration:none;}
.menu li a:hover {background:#c10000; border-top:1px solid #cf3a00; border-bottom:1px solid #c10000; border-right:1px solid #c10000; color:#fff; text-decoration:none;}
.menu .active a {background:#d70000; border-top:1px solid #cf3a00; border-bottom:1px solid #c10000; border-right:1px solid #c10000; color:#fff;}
.menu .first a  {border-left:1px solid #e9e9e0;}
.menu .first a:hover  {border-left:1px solid #c10000;}




.nav2, .nav2 ul{
	padding:0;
	float:left;
	list-style:none;
	margin:0 0 0 0;
	background: #f4f4ec
}
.nav2 {
	padding: 0;
	font-size:0.833em;
	float:left;
	width:930px;
	border-top: 1px solid #e9e9e0;
	background: #f4f4ec;
	border-bottom:3px solid #c10000; 
	text-transform:uppercase;
}
.nav2 a {
	display: block;
	padding-left:15px;
	padding-right:15px;
	border-right: 1px solid #e9e9e0;
	border-left: 1px solid #e9e9e0;
	color: #44494f;
	text-decoration:none;
}
.nav2 li {
	float: left;
	line-height:30px;
}
.nav2 li a:hover {
	background: #c10000;
	color: #fff;
}
.active a{
	background:#d70000;
	color: white;
}
.nav2 li ul {
	position: absolute;
	width: 16em;
	left: -999em;
	padding-top:1px;
}
.nav2 li:hover ul, .nav2 li.sfhover ul {
	left: auto;
	z-index:1000;	
}
.nav2 li ul li {
    background: #DFDFC8;
	border-bottom:1px solid #e9e9e0;	
	line-height:28px;	
	width:16em;
}
.nav2 li:hover, .nav2 li.hover {
    position: static;
}
.nav2 li ul ul {
	margin: 0 0 0 0;
	border-top:1px #444444 solid;
}
.nav2 li:hover ul ul, .nav2 li.sfhover ul ul {
	left: -999em;
}
.nav2 li:hover ul, .nav2 li li:hover ul, .nav2 li.sfhover ul, .nav2 li li.sfhover ul {
	left: auto;
}
.nav2 li:hover ul ul, .nav2 li:hover ul ul ul, .nav2 li.sfhover ul ul, .nav2 li.sfhover ul ul ul {
	left: -999em;
}
.nav2 li:hover ul, .nav2 li li:hover ul, .nav2 li li li:hover ul, .nav2 li.sfhover ul, .nav2 li li.sfhover ul, .nav2 li li li.sfhover ul {
	left: auto;
} 

.menusameer {width:930px; height:31px; position:relative; z-index:100;border-bottom:3px solid #c10000; font-size:0.833em; text-transform:uppercase;background: #f4f4ec; text-align:center}

/* hack to correct IE5.5 faulty box model */



* html .menusameer {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */

.menusameer ul {padding:0;margin:0;list-style-type:none;}
.menusameer ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menusameer positon */

.menusameer li {float:left;width:149px;position:relative;}

/* style the links for the top level */
.menusameer a, .menusameer a:visited {display:block;font-size:10px;text-decoration:none; color:#44494f; width:138px; height:30px; border:1px solid #e9e9e0; border-width:1px 0 1px 1px; background:#f4f4ec; padding-left:0px; line-height:29px; font-family:Arial}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menusameer a, * html .menusameer a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menusameer ul ul a.drop, .menusameer ul ul a.drop:visited {background:#f4f4ec;
}
/* style the second level hover */
.menusameer ul ul a.drop:hover{background:#c10000;
}
.menusameer ul ul :hover > a.drop {background:#c10000;
}
/* style the third level background */
.menusameer ul ul ul a, .menusameer ul ul ul a:visited {background:#d0d0cb; height:20px}
/* style the third level hover */
.menusameer ul ul ul a:hover {background:#c10000; color:#ffffff}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menusameer ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #e9e9e0;}
/* another hack for IE5.5 */
* html .menusameer ul ul {top:30px;t\op:31px;}

/* position the third level flyout menusameer */
.menusameer ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menusameer for a left flyout */
.menusameer ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menusameer table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menusameer ul ul a, .menusameer ul ul a:visited {background:#d4d8bd; color:#000; height:20px; line-height:2em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menusameer ul ul a, * html .menusameer ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menusameer a:hover, .menusameer ul ul a:hover{color:#000; background:#b7d186;}
.menusameer :hover > a, .menusameer ul ul :hover > a {color:#fff; background:#c10000;}

/* make the second level visible when hover on first level list OR link */
.menusameer ul li:hover ul,
.menusameer ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menusameer ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menusameer ul :hover ul :hover ul{ visibility:visible;}

.menusameer .active a {background:#c10000;; color:#fff;}


.row3 {padding:4px 0; border-bottom:3px solid #c10000;}

.header-box .title {padding:11px 0 0 40px; margin:0;}


/* ============================= content ====================== */

.main-box {border:1px solid #c7c7c2; background:#fff; padding:15px 11px 14px 14px;}

.col-pad1 {padding:0 6px 0 1px;}
.col-pad2 {padding-right:18px;}
.box1 {background:url(images/box1-tail.gif) bottom repeat-x;}
.box1 .tail-right {background:url(images/box1-tail.gif) right repeat-y;}
.box1 .tail-left {background:url(images/box1-tail.gif) left repeat-y;}
.box1 .tail-top {background:url(images/box1-tail.gif) top repeat-x; width:100%;}
.box1 .indent {padding:18px 19px 23px 15px;}
.box1 p {padding:10px 0 0 0;}

.box2 {border:1px solid #dfdfd9; background:#f4f4ec; padding:6px 5px 6px 5px; align:center;}

.box3 {border:1px solid #dfdfd9; padding:17px 18px 22px 19px;}

.box4 {border:1px solid #dfdfd9; padding:8px 9px 22px 19px;}

.box5 {border:1px solid #dfdfd9; background:#fffff; padding:6px 5px 6px 5px; align:left;}

.box6 {padding:0;}

.box7 {border:1px solid #dfdfd9; background:#fffff;}

.box8 {padding:18px 19px 23px 20px;}

.box9 {padding:8px 8px 8px 8px; border:1px solid #dfdfd9}

.box10 {border:0px solid #dfdfd9; background:#fffff; padding:6px 5px 6px 5px; align:left;}

.box11 {border:0px solid #dfdfd9; background:#fffff; padding:0px 0px 0px 0px; align:left; float:left;}

.box12 {border:0px solid #dfdfd9; background:#fffff; padding:0px 0px 0px 0px; align:left; float:right;}

.box13 {border:0px solid #dfdfd9; background:#fffff; padding:0px 0px 0px 0px; align:left; float:left;}

.box14 {border:0px solid #dfdfd9; background:#fffff; padding:1px 1px 1px 1px; align:center;}

}

.date {color:#cf3a00; font-size:0.917em;}

.lined-row .col-1, .lined-row .col-2 {background:url(images/line-hor1.gif) top repeat-x; font-size:0.1em; line-height:1em; height:12px;}
.lined-row .col-line {background:none; height:12px;}

.line-hor1 {border-bottom:3px solid #c10000; padding-bottom:6px; margin-bottom:4px;}
.line-hor2 {border-bottom:3px solid #c10000; padding-bottom:3px; margin-bottom:4px;}

.tabs {background:url(images/line.gif) bottom repeat-x;}
.tabs ul {width:100%; overflow:hidden;}
.tabs li {float:left; width:89px; margin-right:1px;}
.tabs li a {border-left:1px solid #e1e1db; border-top:1px solid #e1e1db; border-right:1px solid #e1e1db; background:#f4f4ec; display:block; text-align:center; line-height:1.091em; color:#000000; text-decoration:none; padding:7px 0 1px 0;}
.tabs li a:hover {background:#dddddd; color:#69912c;}
.tabs .active a {background:#dddddd; color:#69912c; font-weight:bold; border-bottom:1px #ddd solid}

.table {border-left:solid 1px #e1e1db; border-bottom:solid 1px #e1e1db; border-right:solid 1px #e1e1db; padding:0 1px; background:#fff;}
.table .row-1 {color:#9b9b94;}
.table .col-1 {padding:12px 0 2px 9px;}
.table .col-2 {padding:12px 0 2px 13px;}
.table .col-3 {padding:12px 0 2px 11px;}

.table li {display:inline;}
.table li a {width:100%; text-decoration:none; display:block; overflow:hidden; cursor:pointer;}
.table li a strong { padding:8px 0 4px 0; display:block; width:100%; overflow:hidden; font-weight:normal;}
.table li b {width:62px; font-weight:normal; display:block; float:left; color:#9b9b94; text-align:center;}
.table li span {width:162px; display:block; float:left; color:#44494f; padding-left:13px;}
.table li i {width:56px; font-style:normal; display:block; float:left; color:#9b9b94; text-align:center;}
.table .li1 a {background:#fff url(images/line.gif) repeat-y 238px 0;}
.table .li2 a {background:#f4f4ec url(images/line.gif) repeat-y 238px 0;}
.table .li1 a strong {background:url(images/line.gif) repeat-y 62px 0; padding:9px 0 5px 0;}
.table .li2 a strong {background:url(images/line.gif) repeat-y 62px 0;}
.table .li1 a:hover {background:#afc96a url(images/line.gif) repeat-y 238px 0;}
.table .li2 a:hover {background:#afc96a url(images/line.gif) repeat-y 238px 0;}
.table .li1 a:hover strong {background:url(images/line.gif) repeat-y 62px 0;}
.table .li2 a:hover strong {background:url(images/line.gif) repeat-y 62px 0;}
.table li a:hover b {color:#000;}
.table li a:hover i {color:#000;}
.table li a:hover span {color:#000;}

.special {color:#44494f; font-size:0.917em; display:block; padding:10px 0 2px 2px;}
.extra {color:#000; text-transform:uppercase; font-size:0.917em;}
.line-height20 {line-height:1.667em; color:#44494f; padding:12px 0 10px 0;}
.mail {color:#44494f; font-size:1.0833em; padding:10px 0 0 0;}
.mail a {color:#44494f;}

.indent2 {padding:18px 14px 34px 15px;}
.indent3 {padding:18px 14px 24px 15px;}
.margin1 {margin-top:10px;}
.margin2 {margin-right:30px;}
.padding1 {padding-top:20px;}
.padding2 {padding-bottom:0;}

/* ============================= footer ====================== */

#footer {text-align:center; color:#6e6759; padding:21px 74px 0 0;}
#footer a {color:#6e6759; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:33px;}

#SearchForm .search-button {background:#c10000; border:1px solid #d1420a; font-size:0.833em; color:#fff; text-decoration:none; text-transform:uppercase; display:block; float:left; padding:2px 9px 1px 8px;}
#SearchForm .search-button:hover {background:#ae2a00;}
#SearchForm span {display:block; float:left;}
#SearchForm .input {width:163px; height:18px; border:1px solid #dfdfd3; background:#f4f4ec; padding:0 0 0 5px; font-size:1em; float:left; margin:0 8px 0 6px;}

#SearchForm2 {padding:20px 10px 0 40px; color:#f4f4ec;}
#SearchForm2 .input {width:226px; height:19px; border:1px solid #789641; background:#afc96a; padding:0 0 0 5px; font-size:1em; float:left; color:#547422;}
#SearchForm2 .select {width:231px; border:1px solid #789641; background:#afc96a; font-size:1em; float:left; color:#547422; line-height:1.7em; padding:2px 0;}
#SearchForm2 .rowi {height:45px;}
#SearchForm2 .rowl {height:33px;}
#SearchForm2 a {color:#202910; text-transform:uppercase; font-size:0.833em; margin-right:15px;}
#SearchForm2 .link4 {color:#eeff5b;}

textarea {width:193px; height:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}


/* style */


.style1 {
	color: #c10000;
}
.style3 {
	color: #8C867C;
}



  .suggestTextBox {
    font-weight: bold;
    font-size: 10px;
    color: #666666;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    height: 15px;
    width: 150px;
  }

  .kayakDateBox {
    font-weight: bold;
    font-size: 10px;
    color: #666666;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    height: 15px;
    width: 80px;
  }

  .passSelectBox {
    font-weight: bold;
    font-size: 10px;
    color: #666666;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    height: 15px;
    width: 40px;
  }

  table.outerShell {
    width: 305px;
    background-color: #DEF5FF;
    border: 1px solid #89E0FF;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    font: 11px Tahoma, Verdana, serif;
  }

  .bottomRow {
    height: 50px;
  }

  div.header198 {
    font-size: 12px; 
    height: 12px; 
    width: 176px;
  }

  div.flight {
    font-size:11px;
  }

  div.hotel {
    DISPLAY: none;
    FONT-SIZE: 11px;
    VISIBILITY: hidden;
  }

  div.car {
    DISPLAY: none;
    FONT-SIZE: 11px;
    VISIBILITY: hidden;
  }

  .spacer1 {
    height: 60px;
  }



.tru_search { font: 11px Arial; font-weight: bold; border: 1px solid #989898; width: 180px;background-color:#FFFFFF; }.tru_frm_ttl { font-size: 12px; background-color: #EFEFEF; padding: 5px 10px; border-bottom: 1px solid #989898; line-height: 11px;color:#62A1D1; }.trulia_frm { padding: 0 9px 10px 9px; margin: 0; }.trulia_frm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }.tru_head { color: #1A89C5 !important; padding: 10px 0 5px 0; margin: 0; clear: both; }.tru_head span { font-size: 9px; color: #000; font-weight: normal; }.trulia_frm select, input.tru_loc{ font-size: 11px; font-weight: normal; border: 1px solid #999999; height: 20px; padding: 2px 0px; }.tru_price { width: 70px; }.tru_type { width: 160px; }.tru_det { float: left; padding-right: 15px; }.tru_bed { width: 44px; }.tru_ba { width: 44px; }.tru_size { width: 44px;  padding-right: 0; }.tru_loc { float: left; padding-right: 0; width: 124px; }p.tru_loc { padding-top: 20px; }input.tru_loc { height: 16px; padding: 2px 0px; width: 160px; }.tru_srch { padding: 5px 0 5px 0; margin-left: 5px; }input.tru_srch { float: left; padding: 15px 0 0; }.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }.clearfix { display: inline-block; }* html .clearfix { height: 1%; }.clearfix { display: block; }.box_display_none {display: none;}.box_display_block {display: block;}.tru_listing_type{width:160px;}.tru_open_house{width:160px;}.searchbox_left{float:left;}.searchbox_right{float:right}
										.style5 {
											margin-right: 0px;
										}
										.style6 {
											text-align: left;
											padding-left:10px;
											padding-right:10px;
										}
										.style7 {
									border: 1px solid #dfdfd9;
									padding: 10px 18px 22px 19px;
									text-align: left;
								}
										.style9 {
									color: #c10000;
								}
										.style11 {
									font-size: 12px;
								}
										.style13 {
									border: 1px solid #c7c7c2;
									background: #fff;
									padding: 15px 11px 14px 14px;
									text-align: center;
								}
										.style15 {
									font-size: 12pt;
									color: #013a5f;
																	border-bottom:1px #dfdfd9 solid;
								border-right:1px #dfdfd9 solid;

								}
										.style17 {
									float: left;
									text-align: left;
								}
										.style18 {
									color: #c10000;
								}
										.style20 {
									font-size: medium;
								}
										.style23 {
									float: left;
									padding-top: 0px;
									padding-left: 0px;
									text-align: left;
									border: 1px solid #dfdfd9;
									
								}
										.style24 {
									text-align: left;
									color: #c10000;
									font-weight: bold;
									font-size: 9.25pt;
								}
																				
										
										.style31 {
									float: left;
									text-align: left;
									color: #c10000;
								}

										
										.style32 {
									color: #000000;
									text-decoration: none;

								}

										
										.style33 {
									text-align: left;
									color: #444444;
								}

										
										.style35 {
									font-size: small;
								}
								.style36 {
									font-size: 20pt;
								}

										
										.style37 {
									font-size: x-large;
								}
								.style38 {
									font-size: 21pt;
								}

										
										.style41 {
									font-family: Calibri;
									font-size: 100%;
									color: #C10000;
								}

										
										.style42 {
									text-align: left;
									color:#ff0000
								}

										
										.style43 {
									font-size: 125%;
								}

										
										.style44 {
									color: #000000;

								}

										
										.style45 {
									text-decoration: none;
									color:#000000
								}

										
										.style46 {
									color: #000000;
									text-decoration: none;
									font-size: large;
								}

										
										.style47 {
									font-size: 140%;
								}

										
										.style48 {
									text-align: right;
								}

										
										.style49 {
									color: #c10000;
								}

										
										.style55 {
									font-size: 130%;
								}

										
										.style56 {
									font-size: 190%;
								}
								.style57 {
									color: #000000;
								}
								.style58 {
									font-size: large;
									color: #000000;
								}

										
										.style59 {
									text-decoration: underline;
								}
								.style60 {
									border: 0px solid #dfdfd9;
									padding: 0px 0px 0px 0px;
									align: left;
									float: left;
									text-align: left;
								}

										
										.style61 {
									color: #44494F;
								}

										
										.style62 {
									text-decoration: none;
									color: #000000;
								}

										
										.style63 {
									text-decoration: none;
									color: #000000;
								}

										
										.style64 {
									text-decoration: none;
								}
								.style65 {
									padding: 15px 0 0 0;
									color: #c10000;
								}

										
										.style66 {
									color: #000000;
									text-decoration: none;
									font-size: 80%;
								}
										.style67 {
									color: #444444;
									text-decoration: none;
								}

										
										.style69 {
									text-align: left;
									color: #c10000;
									font-family: "Times New Roman", Times, serif;
								}
								.style70 {
									font-family: "Times New Roman", Times, serif;
								}
								.style71 {
									color: #c10000;
									font-family: "Times New Roman", Times, serif;
								}

								
			.style72 {
				font-size: 160%;
			}
			.style73 {
				color: #000000;
				font-size: 150%;
			}
						}
			.style74 {
				color: #FF0000;
			}
			.style99 {
				color:#013a5f;
				font-size:150%
				}



.style1003 {
				border-bottom: 3px solid #c10000;
				padding-bottom: 3px;
				margin-bottom: 4px;
				font-size: 135%;
				text-align: center;
			}


}
	#wrap {
		width: 573px;
		font-size: 1.2em;
		margin: 3em auto; }
	.tabbed-box {
		width: 302px;
		background: #fff url(tabbed-body-bg.jpg) repeat-x bottom;
		border: 1px solid #ddd; }
	.tabbed-box .tabs li {
		list-style: none;
		float: left;
		margin-right:3px }
	.tabbed-box .tabs li a {
		display: block;
		width: 100px;
		padding: 5px 0;
		text-align: center;
		text-decoration: none;
		color: #444444;
		background: ##f4f4ec url(tabbed-tab-bg.jpg) repeat-x bottom; 
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		line-height:1.75em;}
	.tabbed-box .tabs li:first-child a {
		border-left: none; }
	.tabbed-box .tabs li a:hover {
		color: #333; }
	.tabbed-box .tabs li a:focus {
		outline: none; }
	.tabbed-box .tabs li a.active, .tabbed-box .tabs li a.active:hover {
		background: #c10000;
		color: white;
		font-weight:bold;
		border: 1px solid #ddd; }
	.tabbed-content {
		padding: 1em 1em 1em 1em;
		display: none; }
