@charset "UTF-8";

/*
-------------------------------------------------------------------------
		
	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles
	
	2. LAYOUT
      2.1 Structure
			2.2 Header
      2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer		

---------------------------------------------------------------------- */


/* 1. BASE
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 1.1 =Reset
---------------------------------------------------------------------- */

html, body, div, span, object, img,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
a, big, small, strong, em, b, i,
code, kbd, samp, var, tt,
abbr, acronym, del, ins,
cite, q, dfn, font, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  vertical-align: top;
}

th {
  text-align: left;
}

/* 1.2 =Global Styles
---------------------------------------------------------------------- */

body {
  background: #fbf1d3 url("../images/bg-html.png") repeat-x;
  font: normal 62.5%/1 Arial, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif; /* 16px → 10px */
  color: #464646;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

li {
  list-style: none;
  display: block;
}

a {
  text-decoration: none;
  color: #00b1e9;
}

a:hover,
a:focus {
  text-decoration: underline;
}

/* 1.3 =Combined Styles
---------------------------------------------------------------------- */

.article .header .comments,
.rss-feed span,
.read-more span,
.pager .prev span,
.pager .next span,
.btn-prev span,
.btn-next span,
.btn-prev-2 span,
.btn-next-2 span,
.btn-visit-the-blog-for-more span,
.btn-suggest-a-neighborhood span,
.btn-suggest-a-neighborhood-2 span,
.btn-see-more-neighborhoods span,
.btn-search-for-properties span,
.btn-were-hiring span,
.btn-big span,
input.submit {
  background-image: url("../images/bg-elements.png");
  background-repeat: no-repeat;
}

/* 1.4 =Accessibility
---------------------------------------------------------------------- */

/* accessible image replacement */

#header .site-name,
.navigation li a,
.button,
.pager .prev a,
.pager .next a {
  display: block;
  position: relative;
}

#header .site-name span,
.navigation li a span,
.button span,
.pager .prev a span,
.pager .next a span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#header a.site-name span,
.navigation li a span,
.button span,
.pager .prev a span,
.pager .next a span {
  cursor: pointer; 
}

#header .site-name,
.navigation li a,
.button,
.pager .prev a,
.pager .next a {
  text-align: center;
  font-size: 1em;
}

/* elements with structural meaning but which aren’t supposed to be visible */

.structural {
  position: absolute;
  top: -999em;
  left: -999em;
  height: 1px;
  width: 1px;
}

/* 1.x =Debug
---------------------------------------------------------------------- */

.hidden {
  display: none;
}

/* outline every column in the layout */
/*.debug .columns > div {  
  outline: 1px dotted rgba(255,0,0,0.5);
  outline-offset: -1px;
  background-color: rgba(255,0,0,0.1);
}
*/

/* 2. LAYOUT
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 2.1 =Scaffold
---------------------------------------------------------------------- */

/* a place for basic structure of the layout */

#site {
  /* wrapper for site - centered horizontally */
  width: 926px;
  margin: 0 auto;
  font-size: 1.3em; /* 10px → 13px */
}

#header {
  background: url("../images/bg-header.png") no-repeat 0 100%;
  padding: 0 18px; /* 3px for shadow + 15px for content */
}

#main {
  /* main wrapper for content */
  background: #fff url("../images/bg-main.png") repeat-y;
}

#main .inner {
  /* why this is here:
     - gradient (564px) on body and transparent shadow in PSD → 
     - can't use real transparent shadow (IE and/or no-images scenario)
  */
  background: url("../images/bg-main-inner.png") no-repeat;
  padding: 17px 18px 0; /* 3px for shadow + 15px for content */
}

#footer {
  /* gray bottom part */
  margin: 0 -15px; /* to compensate padding on `#main .inner` */
  padding: 0 15px;
  background: #f4f4f4 url("../images/bg-footer.png") no-repeat;
}

#copyright {
  /* the beginning of this element adds rounded bottom to #main */
  background: url("../images/bg-footer-bottom.png") no-repeat;
  padding-top: 13px;
}

/* 2.2 =Columns
---------------------------------------------------------------------- */

.columns .primary,
.columns .secondary,
.columns .tertiary,
.columns .quaternary {
  float: left;
}


.columns.narrow-wide .primary {
  /* for default column layout, the first column goes on the right */
  float: right;
  width: 605px;
  margin-left: 15px;
}

.columns.narrow-wide .secondary {
  width: 270px;
  padding-bottom: 30px;
}

/* three columns inside narrow-wide */

.columns.narrow-wide .primary .columns.three-equal .primary,
.columns.narrow-wide .primary .columns.three-equal .secondary,
.columns.narrow-wide .primary .columns.three-equal .tertiary {
  float: left;
  margin: 0;
  width: 196px;
}

.columns.narrow-wide .primary .columns.three-equal .secondary {
  margin-left: 8px;
}

.columns.narrow-wide .primary .columns.three-equal .tertiary {
  margin-left: 9px;
}

.statistics {
  /* for the statistics page only */
  float: left;
  width: 820px;
  padding-left: 30px;
}

/* four columns */

.columns.four-equal .primary,
.columns.four-equal .secondary,
.columns.four-equal .tertiary,
.columns.four-equal .quaternary {
  margin-left: 11px;	
  width: 212px;
}

.columns.four-equal .primary {
  margin-left: 5px;
}

/* one column wide inside content */

.one-column-wide {
  margin: 0 auto;
  padding: 15px 95px 15px 95px;
}

/* 2.0 =Clearfix
---------------------------------------------------------------------- */

#header:after,
#copyright:after,
.navigation:after,
.columns:after,
.footer:after,
.article .header:after,
.article .meta:after,
.article .meta ul:after,
.social ul:after,
.connect-with-go-listing:after,
.bookmark:after,
.share:after,
.title:after,
.for-sale-box:after,
.for-sale-box .title:after,
.photos:after,
.intro:after,
.search .cell:after,
.home-evaluation .cell:after,
.sb-content:after,
.sb-footer:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}

/* some clearing elements can’t do it on both sides */

.article .header:after,
.article .meta:after {
  clear: right;
}

/* 3. HEADER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 3.1 =Logo
---------------------------------------------------------------------- */

#header div {
  width: 269px;
  height: 145px;
  padding: 0 3px;
  float: left;
  margin-left: -2px;
  background: url("../images/bg-header-div.png") no-repeat;
}

#header .site-name {
  width: 230px;
  height: 84px;
  margin: 13px auto 15px;
}


#header .site-name span {
  background: url("../images/logo-golisting.png") no-repeat;
}

#header div p {
  text-align: center;
  font-weight: bold;
}

#header div p a {
  color: #464646;
}

/* 3.2 =Navigation
---------------------------------------------------------------------- */

.navigation {
  margin-top: 7px;
  width: 610px; /* from `#header div` right edge to `#header` right, padded edge */
  margin-right: -2px; /* aligned to border as well (see `#header div`) */
  padding-left: 7px;
  float: right;
}

.navigation li {
  float: left;
}

.navigation li a {
  display: block;
  height: 40px;
  width: 101px;
  font-weight: bold;
  color: #464646;
  text-transform: uppercase;
  outline: 0;
}

.navigation li a span {
  background-image: url("../images/nav-sprites.png");
}

.navigation .nav-home a,
.navigation .nav-contact a {
  width: 103px;
}

.navigation .nav-home            span { background-position:    0     0; }
.navigation .nav-buy             span { background-position: -103px   0; }
.navigation .nav-sell            span { background-position: -204px   0; }
.navigation .nav-blog            span { background-position: -305px   0; }
.navigation .nav-stats           span { background-position: -406px   0; }
.navigation .nav-contact         span { background-position: -507px   0; }

/* active state is triggered by adding the same class name to 
   `.navigation` so it can be overwriten */

.nav-home .nav-home              span { background-position:    0   -40px; }
.nav-buy .nav-buy                span { background-position: -103px -40px; }
.nav-sell .nav-sell              span { background-position: -204px -40px; }
.nav-blog .nav-blog              span { background-position: -305px -40px; }
.nav-stats .nav-stats            span { background-position: -406px -40px; }
.nav-contact .nav-contact        span { background-position: -507px -40px; }

/* and active state is also used for hovers */

.navigation .nav-home    a:hover span { background-position:    0   -40px; }
.navigation .nav-buy     a:hover span { background-position: -103px -40px; }
.navigation .nav-sell    a:hover span { background-position: -204px -40px; }
.navigation .nav-blog    a:hover span { background-position: -305px -40px; }
.navigation .nav-stats   a:hover span { background-position: -406px -40px; }
.navigation .nav-contact a:hover span { background-position: -507px -40px; }

/* 3.3 =Other
---------------------------------------------------------------------- */

/* image replacement */
.ir,
.btn-big {
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	background: none;		
}

.ir span,
.btn-big span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

#header .tagline {
  clear: right;
  padding: 68px 0 0 20px;
  margin-left: 275px;
  font-size: 15px;
  _padding-bottom: 2px;
}


/* 4. CONTENT
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 4.1 =Sections
---------------------------------------------------------------------- */

.section {
  line-height: 1.25; /* not %, not em - relative to content inside */
  margin-bottom: 10px;
  padding: 0 5px;
}

/* open */

.open {
  font-size: 1.154em; /* 13px → 15px */
}

/* closed */

.closed {
  padding: 10px;
  background-color: #f4f4f4;
  border: 2px solid #cfcfcf;
  position: relative;
}

/* rounded */

.closed span.top,
.closed span.bottom,
.closed span.top span,
.closed span.bottom span {
  /* FIXME: png should have semitransparent edges inside border */
  background-image: url("../images/section-closed-sprites.png");
  background-repeat: no-repeat;
  height: 9px;
  overflow: hidden;
}

.closed span.top,
.closed span.bottom {
  position: absolute;
  left: 0;
  margin-left: -2px; /* compensate the border */
  padding-right: 4px; /* compensate margin-left (2) + border (2) */
  width: 100%;
}

.closed span.top {
  /* top-right corner */
  top: 0;
  margin-top: -2px; /* compensate the border */
  background-position: 100% -18px;
}

.closed span.bottom {
  /* bottom-right corner */
  bottom: 0;
  margin-bottom: -2px; /* compensate the border */
  background-position: 100% -27px;
}

.closed span.top span,
.closed span.bottom span {
  display: block;
  width: 9px;
  margin-right: auto; /* position left corner at the very left */
  background-position: 0 0; /* 0 for top-left corner */
}

.closed span.bottom span {
  background-position: 0 -9px; /* -9px for bottom-left corner */
}

/* closed, header */

.closed .header {
  color: #fff;
  background: #48b3df url("../images/section-header-bg.png");
  border: 2px solid #2ca8e0;
  margin: -12px -12px 0;
  padding: 7px 10px 5px;
}

.closed .header .h,
.sb-header .h {
  font-size: 1.333em; /* 15px → 20px */
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
}

.closed .header .h em,
.sb-header .h em {
  font-style: normal;
  font-weight: normal;
}

.closed .header span.top,
.closed .header span.top span {
  /* FIXME: png should have semitransparent edges inside border */
  background-image: url("../images/section-header-sprites.png");
}

.closed .header span.top {
  /* top-right corner */
  background-position: 100% -9px;
}

/* closed, footer */

.closed .footer {
  background-color: #fff;
  margin: 10px -10px -10px;
  padding: 8px 15px;
  
  border-top: 1px solid #cfcfcf;
}

.footer .bookmark,
.sb-footer .bookmark {
  float: left;
}

.footer .share,
.sb-footer .share {
  float: right;
}

/* intro */

.intro p {
  margin-right: 276px;
}

/* 4.2 =Body
---------------------------------------------------------------------- */

.illustration {
  float: right;
  margin-left: 10px;
  border: 2px solid #2ca8e0;
}

.section .continue,
.section-box .continue {
  text-align: right;
  margin-bottom: -5px;
  font-size: 11px;
}

.open .illustration {
  margin-bottom: 25px;
}

.body p,
.body ul,
.body ol,
.body blockquote {
  margin-bottom: 10px;
}

.open a {
  text-decoration: underline;
}

.open a:hover,
.open a:focus {
  text-decoration: none;
}

/* 4.3 =Headers
---------------------------------------------------------------------- */

.h-title {
  color: #afcd40;
  font-size: 2.077em; /* 13px → 27px */
  font-weight: bold;
  padding-bottom: 20px;
}

.section .h-title {
  padding-bottom: 10px;
}

/* 4.4 =Article
---------------------------------------------------------------------- */

.article {
  margin-bottom: 25px;
  _zoom: 1;
}

.section.illustrated {
  _zoom: 1;
}

.illustrated .article {
  margin-left: 145px;
}

.illustrated .illustration {
  float: left;
  margin-left: 0;
  border-color: #646464;
  border-width: 2px;
}

/* Header */

.article .header {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.article .header .comments {
  float: right;
  width: 43px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-position: -723px -227px;
  margin: 0;
  color: #464646;
  font-size: 1.308em; /* 13px → 17px */
  font-weight: bold;
}

.article .header .comments.none {
  background-position: -677px -227px;
}

.article .header .h {
  margin-right: 43px;
  font-size: 1.462em; /* 13px → 19px */
  line-height: 1.053em; /* 19px → 20px */
  text-transform: none;
}

.article .time {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 0.923em; /* 13px → 12px */
  color: #aaa;
}

/* Body */

.article .body {
  margin-top: 10px;
}

/* Meta */

.article .meta {
  margin-top: 25px;
}

.article .meta ul {
  margin-right: 97px;
  padding-top: 4px;
  font-size: 0.923em; /* 13px → 12px */
}

.article .meta li,
.article .meta li a {
  font-weight: bold;
}

.article .meta li {
  float: left;
  color: #00b1e9;
  margin-right: 0.5ex;
}

.article .meta .more {
  float: right;
  margin-bottom: 0;
}

.article .body p { width: 500px; line-height: 19px; }
.illustrated .article .body p { width: auto; }

/* 4.5 =Buttons
---------------------------------------------------------------------- */

/* Bookmarks */

.bookmark {
	margin: 2px 0;
}

.bookmark li {
  float: left;
  margin-right: 5px;
}

.bookmark li a {
  display: block;
  width: 20px;
  height: 20px;
}

/* Share */

.share li,
.share li a img,
.share li a span {
  float: left;
}

.share li {
  margin-left: 20px;
}

.share li a {
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
}

.share li a img {
  margin-right: 7px;
}

.share li a:hover {
  _display: inline;
}

.share li a:hover span,
.share li a:focus span {
  text-decoration: underline;
}

.share li a span {
  line-height: 24px;
  min-height: 24px;
}

/* RSS */

.rss-feed {
	width: 141px;
	height: 56px;
	overflow: hidden;
}

.rss-feed span {
	background-position: 0 -192px;
	height: 112px;
}

.rss-feed:hover {
 	background: #f4f4f4;
}

.rss-feed:hover span,
.rss-feed:focus span {
	/*background-position: 0 -248px;*/
	top: -56px;
}

/* Read More */

.read-more {
	width: 97px;
	height: 21px;
	overflow: hidden;
}
	
.read-more span {
	height: 42px !important;
	background-position: -374px -192px;
}

.read-more:hover {
	background: #f4f4f4;
}

.read-more:hover span,
.read-more:focus span {
	/*background-position: -374px -213px;*/
	top: -21px;
}

/* various buttons */

.btn-prev,
.btn-next {
	width: 15px;
	height: 15px;
}

.btn-prev span {
	background-position: 0 -314px;
}
.btn-next span {
	background-position: -16px -314px;
}

.btn-prev-2 , .btn-next-2 {
	width: 17px;
	height: 17px;
}

.btn-prev-2 span {
	background-position: -32px -314px;
}
.btn-next-2 span {
	background-position: -50px -314px;
}

.btn-visit-the-blog-for-more {
	width: 339px;
	height: 50px;
}

.btn-visit-the-blog-for-more span {
	height: 110px;
	background-position: -200px -329px;
}

.btn-visit-the-blog-for-more:hover {
	background: #fff;
	cursor: pointer;
}

.btn-visit-the-blog-for-more:hover span {
	top: -60px;
}
	
.btn-suggest-a-neighborhood {
	width: 177px;
	height: 27px;
}

.btn-suggest-a-neighborhood span {
	height: 54px;
	background-position: -481px -192px;
}
.btn-suggest-a-neighborhood:hover span {
	top: -27px;
}
	
.btn-suggest-a-neighborhood-2 {
	width: 193px;
	height: 21px;
}	

.btn-suggest-a-neighborhood-2 span {
	height: 42px;
	background-position: -471px -248px;
}
.btn-suggest-a-neighborhood-2:hover span {
	top: -21px;
}
	
.btn-see-more-neighborhoods {
	width: 193px;
	height: 21px;
}	

.btn-see-more-neighborhoods span {
	height: 42px;
	background-position: -268px -248px;
}
.btn-see-more-neighborhoods:hover span {
	top: -21px;
}
	
.btn-search-for-properties {
	width: 339px;
	height: 66px;
	line-height: 66px;
}

.btn-search-for-properties span {
	height: 132px;
	background-position: 0 -449px;
}
.btn-search-for-properties:hover span {
	top: -66px;
}

.btn-were-hiring {
	width: 259px;
	height: 66px;
	line-height: 66px;
}

.btn-were-hiring span {
	height: 132px;
	background-position: -349px -449px;
}
.btn-were-hiring:hover span {
	top: -66px;
}
	
/* button big */

.btn-big {
	width: 269px;
	height: 91px;	
}

.btn-big span {
	height: 182px;
}

.btn-search-for-listing span { 
	background-position: 0 0;
}

.btn-whats-your-home span { 
	background-position: -269px 0;
}

.btn-real-estate-blog span { 
	background-position: -538px 0;
}

.btn-big:hover {
  	background: #fff;
}

.btn-big:hover span {
	top: -91px;
}
	
.btn-right {
  float: right;
}

/* 4.6 =Forms
---------------------------------------------------------------------- */

label {
  color: #000;
}

input.text,
textarea {
  padding: 2px 3px;
}

input.text,
textarea,
select {
  border: 1px solid #000;
  color: #464646;
  background-color: #fff;
  font-size: 12px;
}

form .cell {
  margin-top: 10px;
}

input.submit {
  padding: 17px 0 0 0;
  border: 0;
  color: transparent;
  background-color: transparent;
  height: 0;
  display: block;
  cursor: pointer;  
}

input.submit::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* 4.7 =List
---------------------------------------------------------------------- */

.list li {
  border-top: 1px solid #e1e1e1;
}

.list li a {
  display: block;
  padding: 10px;
  _zoom: 1;
}

.list li a:hover,
.list li a:focus {
  background-color: #e7e7e7;
  text-decoration: none;
}

.list.pages {
  font-size: 15px; /* px → px */
}

.list.pages li a {
  padding-top: 7px;
  padding-bottom: 7px;
}

/* Modified by Joey Marino
 * Change Category list display
 * -------------------------------------------------------------------*/

.widget_categories .sb-content ul{
  margin: 2px -10px -10px;
  font-size: 15px;
}

.widget_categories .sb-content ul li{
  border-top: 1px solid #E1E1E1;
}

.widget_categories .sb-content ul li a{
  padding-bottom: 7px;
  padding-top: 7px;
  display: block;
  padding: 10px;
}
/* 4.8 =Pager
---------------------------------------------------------------------- */

.pager {
  padding-left: 50%;
  margin-bottom: 10px;
}

.pager ul {
  /* blind shot at (unknown width / 2) */
  margin-left: -100px;
}

.pager li {
  float: left;
}

.pager a {
  display: block;
  padding: 4px;
  color: #464646;
  font-weight: bold;
}

.pager .prev {
  margin-right: 5px;
}

.pager .next {
  margin-left: 5px;
}

.pager .prev a,
.pager .next a {
	width: 52px;
	height: 21px;
	padding: 0;
}

.pager .prev span {
  background-position: -68px -314px;
}

.pager .next a span {
  background-position: -121px -314px;
}

/* 4.9 =Comments
---------------------------------------------------------------------- */

.comments {
  margin: 0 -10px 0;
}

.comments .sb-content {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.comments li {
  border-bottom: 1px solid #e1e1e1;
  padding: 15px 15px 5px;
}

.comments .header {
  width: auto !important;
  height: auto !important;
  
}

.comments .header,
.comments .body {
  margin-left: 80px;
  _margin-left: 0;
}

.comments .body {
  _width: 490px;
  _padding-left: 80px;
  _overflow: hidden;
  _display: block;
  _zoom: 1;
  _margin-top: -20px;
}

.comments .header a {
  font-weight: bold;
}

.comments .header img {
  float: left;
  margin-left: -80px;
  _margin-left: 0;
  _margin-right: 17px;
  border: 2px solid #00a7d2;
}

.comments .header {
  font-size: 18px; /* px → px */
}

.comments .header .time {
  color: #e72a7c;
  font-size: 12px;
}

/* 4.10 =Feedback
---------------------------------------------------------------------- */

.feedback {
  background-color: #fafafa;
  margin: 0 -10px -10px;
  padding: 15px;
}

.feedback .h-title {
  padding-bottom: 5px;
}

.feedback label {
  padding-left: 10px;
}

.feedback input.text {
  width: 210px;
}

.feedback textarea {
  display: block;
  width: 460px;
  min-height: 120px;
}

.feedback input.submit {
  background-position: -668px -192px;
  width: 97px;
  padding-top: 25px;
  height: 0;
  _height: 25px;
  float: right;
  margin-right: 103px;
  _display: inline;
}

.feedback input.submit,
.feedback .recaptcha {
  margin-top: 20px;
}

/* 5. SPECIFIC
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 5.1 =Search
---------------------------------------------------------------------- */

.search fieldset {
  margin-top: 5px;
}

.search .cell,
.search .sibling,
.search .residental-search-submit {
  margin-top: 5px;
}

.search label {
  float: left;
  width: 80px;
  padding-right: 5px;
  padding-top: 2px;
}

.search input,
.search select {
  float: right;
}

.search input.text {
  width: 153px;
}

.search select {
  width: 160px;
  _width: 161px;
}

.search input.submit {
  width: 147px;
  background-position: -141px -192px;
  margin: 5px 0 0 86px;
  float: left;
  width: 146px;
  height: 27px;
  _margin-left: 43px;
}

.search input.submit:hover {
  background-position: -141px -219px;
}

/* 5.2 =Tag Cloud
---------------------------------------------------------------------- */

.tags ul {
  margin: 10px 5px 0;
  text-align: center;
  line-height: 23px;
}

.tags li {
  display: inline;
}

.tags li.v-popular { font-size: 15px; }
.tags li.vv-popular { font-size: 16px; }
.tags li.vvv-popular { font-size: 18px; }
.tags li.vvvv-popular { font-size: 20px; }

/* 5.3 =Skype
---------------------------------------------------------------------- */

.skype .skype-me img {
  display: block;
  margin: 10px auto;
}

/* 5.4 =Twitter
---------------------------------------------------------------------- */

.twitter ul {
  margin: 0 -10px;
  line-height: 125%;
}

.twitter .list li {
  padding: 15px 10px;
}

.twitter .list li a {
  display: inline;
  padding: 0;
}

.twitter .list li a:hover,
.twitter .list li a:focus {
  background-color: transparent;
  text-decoration: underline;
}

.twitter .continue {
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px 10px 0;
  border-top: 1px solid #e1e1e1;
}

/* 5.5 =Social Buttons
---------------------------------------------------------------------- */

.narrow-wide .secondary .social {
  padding-bottom: 0;
}

.narrow-wide .secondary .social ul {
  margin: 15px -4px -10px -2px;
  _zoom: 1;
}

.social li {
  float: left;
  margin: 0 3px 0 0;
  _display: inline;
  width: 60px;
  text-align: center;
  
  padding: 0 0 15px 0;
}

.social li a {
  font-weight: normal;
  font-size: 11px;
}

.social li img {
  display: block;
}

/* 5.6 =Subscribe
---------------------------------------------------------------------- */

.subscribe .button.rss-feed {
  margin: 10px auto 15px;
}

.subscribe input {
  float: left;
}

.subscribe input.text {
  width: 157px;
  margin: 3px 5px 0 0;
  padding-top: 5px;
  padding-bottom: 5px;
  _width: 155px;
  _margin-right: 2px;
}

.subscribe input.submit {
  width: 76px;
  margin-top: 3px;
  _margin-left: 2px;
  background-position: -288px -192px;
  width: 76px;
  height: 27px;
}

.subscribe input.submit:hover {
  background-position: -288px -219px;
}

/* 5.7 =Categories
---------------------------------------------------------------------- */

.categories .list {
  margin: 2px -10px -10px;
}

/* 5.8 =Menu Feature
---------------------------------------------------------------------- */

.menu-feature {
  margin: 0;
  padding: 0;
  width: 269px;
}

.menu-feature li {
  overflow: hidden;
  padding: 5px 0 0 0;
  width: 269px;
}

.menu-feature li.first {
  padding: 0;
}

.menu-feature li a span {
  cursor: pointer;
}


/* 5.9 =Placeholder for flash
---------------------------------------------------------------------- */

.flash-placeholder {
  overflow: hidden;
  margin: 0 0 45px 0;
  width: 700px;
}

/* 5.11 =Adding gradient-bg on white-content
---------------------------------------------------------------------- */

.add-gradient {
  padding: 40px 0 50px 0;
  background: url("../images/bg-add-gradient.png") no-repeat 50% 0;
}

.add-gradient.less-margin {
  padding: 40px 0 20px 0;
}

/* 5.12 =This is for info
---------------------------------------------------------------------- */

.info {
  padding: 0 0 15px 0;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #363636;
}

.feature .info {
	clear: both;
	padding: 25px 0 25px 0;
}

/* 5.13 =wrapper for title page
---------------------------------------------------------------------- */

.title {
  padding: 0 4px 0 8px;
}

.title .h-title {
	float: left;
}

.title .menu {
	float: right;
	margin-top: 4px;
}

.title .menu li {
  float: left;
  padding-left: 8px;
}

/* 5.14 =Background shadow for thumb image
---------------------------------------------------------------------- */

.frame-thumbs {
  display: block;
  margin: 14px auto 2px auto;
  padding: 4px 0 0 5px;
  width: 155px;
  height: 115px;
  background-image: url("../images/frame-img-thumbs.png");
  background-repeat: no-repeat;
}

.properties .frame-thumbs {
  margin: 13px auto 1px auto;
  width: 157px;
  height: 103px;
  background-image: url("../images/frame-img-thumbs-2.png");
}

.photos .wrapper-slider .frame-thumbs {
  margin: 0 auto;
  width: 84px;
  height: 67px;
  background-image: url("../images/frame-thumbs-photos-small.png");
}

.photos .wrapper-img-inner .frame-thumbs {
  margin: 0 auto;
  width: 408px;
  height: 243px;
  background-image: url("../images/frame-thumbs-photos-big.png");
}

/* 5.15 =For sale box
---------------------------------------------------------------------- */

.for-sale-box {
  float: right;
  padding: 22px;
  width: 560px;
  height: 239px;
  background: #67b0dd url("../images/bg-for-sale-box.png") no-repeat;
}

.for-sale-box .title {
  float: left;
  padding: 0;
  width: 169px;
}

.for-sale-box .title h2 {
  padding: 0 0 9px 2px;
  width: 115px;
  height: 20px;
  float: left;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
}

.for-sale-box .title a {
  float: right;
  display: block;
  padding: 3px 6px 0 0;
  color: #f9e7ae;
}

/* 5.15 =Thumbnails for sale
---------------------------------------------------------------------- */

.thumbnails-for-sale {
  float: left;
  width: 180px;
}

.thumbnails-for-sale li {
  margin: 0 11px 12px 0;
  float: left;
}

.thumbnails-for-sale li.last { 
  margin-bottom: 0; 
}

.thumbnails-for-sale li a {
  width: 73px;
  height: 56px;
  overflow: hidden;
  display: block;
  border: 3px solid #fff;
}

.thumbnails-for-sale li a:hover,
.thumbnails-for-sale li a:focus {
  border-color: #00b1e9;
}

/* 5.16 =Preview for sale
---------------------------------------------------------------------- */

.preview-for-sale {
  position: relative;
  float: right;
  width: 357px;
  height: 233px;
  overflow: hidden;
  border: 3px solid #fff;
  
  padding: 0;
}

.preview-for-sale .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 0 5px 5px;
  display: block;
  border-top: 2px solid #fff;
  color: #363636;
  background: url("../images/bg-caption-transparent.png");
  
  width: 352px;
}

.preview-for-sale h3 {
  padding: 0 0 5px 0;
  font-weight: bold;
  font-size: 15px;
}

.preview-for-sale p {
  line-height: 17px;
  font-size: 14px;
}


/* 5.17 =Bubble goggle talk
---------------------------------------------------------------------- */

.google-talk { 
  display: block;
  margin: 14px auto 0 auto;
  width: 200px; 
}

/* 5.18 =Slider virtual open house
---------------------------------------------------------------------- */

.virtual-open-house .wrapper-slider {
  margin: 0 auto;
  padding: 18px 0 0 0;
  position: relative;
  width: 179px;
}

.virtual-open-house .wrapper-slider-inner {
  width: 179px;
  height: 220px;
  overflow: hidden;
}

.virtual-open-house .wrapper-slider li {
  float: left;
  width: 179px;
  height: 220px;
}

.virtual-open-house .wrapper-slider .wrapper-img {
  margin: 0 0 25px 0;
  display: block;
  width: 175px;
  height: 131px;
  overflow: hidden;
  border: 2px solid #000;
}

.virtual-open-house .wrapper-slider p {
  line-height: 19px;
  text-align: center;
}

.virtual-open-house .view-all {
  display: block;
  text-align: right;
  font-size: 11px;
}

.virtual-open-house .btn-prev,
.virtual-open-house .btn-next {
  position: absolute;
  left: 69px;
  top: 160px;
}

.virtual-open-house .btn-next {
  left: 96px;
}


/* 5.19 =Slider photos
---------------------------------------------------------------------- */

.photos .wrapper-slider {
  position: relative;
  margin: 0 auto;
  padding: 0 0 8px 0;
  width: 546px;
  height: 342px;
}

.photos .wrapper-img-inner {
  overflow: hidden;
  margin: 0 auto 24px auto;
  width: 413px;
  height: 247px;
}

.photos .wrapper-slider-inner {
  overflow: hidden;
  margin: 0 0 0 36px;
  width: 480px;
  height: 71px;
}

.photos .wrapper-slider li {
  float: left;
  margin: 0 7px 0 0;
}

.photos .btn-prev-2, .photos .btn-next-2 {
  position: absolute;
  left: 0;
  top: 300px;
}

.photos .btn-next-2 {
  left: 529px;
}

/* 5.20 =Google Maps
---------------------------------------------------------------------- */

#map {
  overflow: hidden;
  width: 266px;
  height: 181px;
  float: right;
}

/* 5.21 =Home Evaluation
---------------------------------------------------------------------- */

.home-evaluation label {
  float: left;
  width: 180px;
  padding-right: 10px;
  text-align: right;
}

.home-evaluation input.text,
.home-evaluation textarea {
  width: 240px;
}

.home-evaluation textarea {
  min-height: 100px;
}

.home-evaluation input.submit {
  width: 107px;
  background-position: -151px -248px;
  margin-left: 190px;
  margin-bottom: 20px;
}

.home-evaluation input.submit:hover {
  background-position: -151px -275px;
}

/* these should be move to appropriate place
---------------------------------------------------------------------- */

.list.pages .last {
  border-bottom: 1px solid #e1e1e1;
}

.categories .btn-suggest-a-neighborhood {
  margin: 20px auto 0 auto;
}

.h-lower {
  line-height: 18px;
  font-weight: bold;
  font-size: 17px;
  color: #fff;
}

.major {  
  padding: 1px 5px 20px 5px;
  font-weight: bold;
  font-size: 19px;
  color: #363636;
}

.columns .btn-search-for-properties , .columns .btn-were-hiring {
  float: right;
  margin: 17px 0 41px 0;
}
.columns .btn-were-hiring {
  margin: 4px 0 41px 0;
}

.right-img {
  border: 2px solid #2e98da;
  float: right;
  margin: 0 0 25px 0;
}

/* 6. FOOTER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */


#footer {
  padding-top: 25px;
}

#footer .primary {
  width: 240px;
}

#footer .secondary,
#footer .tertiary {
  padding-left: 55px;
  width: 270px;
}

#footer .h {
  color: #e32b70;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#footer .h em {
  font-style: normal;
  font-weight: normal;
}

#footer .secondary .h,
#footer .tertiary .h {
  padding: 0 10px;
}

#footer .thumbnails li {
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}

#footer .thumbnails a,
#footer .thumbnails img {
  display: block;
}

#footer .thumbnails a {
  border: 2px solid #00a7d2;
}

#footer .thumbnails a:hover,
#footer .thumbnails a:focus {
  border-color: #fff;
}

#footer .list {
  _zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 5px;
}

#footer .list li {
  _float: left;
}

#footer .list a {
  _zoom: 1;
}

/* Copyright */

#copyright {
  overflow: hidden;
}

#copyright p {
  font-size: 15px;
  line-height: 18px;
  margin: 15px 118px 30px;
  text-align: center;
}

#copyright .copy,
#copyright .accolades {
  font-size: 1em;
  text-align: right;
  margin: 0 0 20px;
}

#copyright .copy {
  float: left;
  padding-left: 18px;
}

#copyright .accolades {
  padding-right: 18px;
}

#copyright a {
  text-decoration: underline;
}

#copyright a:hover,
#copyright a:focus {
  text-decoration: none;
}

/*	===========================================================================================================  */

.section-box {
	position: relative;
	margin: 0 0 10px 0;
}

.sb-wider {
	border: 2px solid #cfcfcf;
}
	
.sb-rounded {
	border: none;	
}

.sb-header {
	position: relative;
	z-index: 100;
	margin-bottom: -2px;
	padding: 7px 10px 5px 10px;
	color: #fff;
  	border: 2px solid #2ca8e0;
  	background: #48b3df url(../images/section-header-bg.png) repeat 0 0;
}
	.sb-header span.top-rounded , .sb-rounded .sb-header span.top-rounded {
		position: absolute;
		left: 0;
		top: 0;
		margin: -2px;
		padding: 2px;
		width: 100%;
		height: 9px;
		display: block;
		background: url(../images/bg-top-rounded-left.gif) no-repeat 0 0;
	}
		.sb-header span.top-rounded span , .sb-rounded .sb-header span.top-rounded span {
			display: block;
			width: 9px;
			height: 9px;
			position: absolute;
			right: 0;
			top: 0;
			background: url(../images/bg-top-rounded-right.gif) no-repeat 0 0;
		}
	
	.sb-wider span.top-rounded , .sb-wider span.bottom-rounded {
		z-index: 11;
		position: absolute;
		left: 0;
		width: 100%;
		margin: -2px;
		padding: 2px;
		height: 9px;
		display: block;
		background: red;
	}
		.sb-wider span.top-rounded span , .sb-wider span.bottom-rounded span {
			display: block;
			width: 9px;
			height: 9px;
			position: absolute;
			right: 0;
			top: 0;
		}
	.sb-wider span.top-rounded {
		top: 0;
		background: url(../images/bg-top-rounded-left-wider.gif) no-repeat 0 0;
	}
		.sb-wider span.top-rounded span {
			background: url(../images/bg-top-rounded-right-wider.gif) no-repeat 0 0;
		}
	.sb-wider span.bottom-rounded {
		bottom: 0;
		margin-bottom: -6px;
		background: url(../images/bg-bottom-rounded-left-wider.gif) no-repeat 0 0;
	}
		.sb-wider span.bottom-rounded span {
			background: url(../images/bg-bottom-rounded-right-wider.gif) no-repeat 0 0;
		}
	.sb-rounded span.bottom-rounded {
		margin: 0;
		padding: 0;
	}
		
.sb-content {
	position: relative;
	z-index: 10;
	padding: 0 10px 10px 10px;
	border: 2px solid #cfcfcf;
  	background: #f4f4f4;
}
.sb-wider .sb-content {
	padding: 10px;
	border: none;
}
.sb-rounded .sb-content {
	padding: 0 10px 10px 10px;
	border: 2px solid #cfcfcf;
}

.sb-comments .sb-content {
	padding: 0;
}

.sb-comments .comments , .sb-comments .feedback{
	margin: 0;
}

.sb-footer {
	padding: 10px 13px;
	border-top: 1px solid #cfcfcf;
	background: #fff;
}

/*-----------------*/

.subscribe label { 
	display: block; 
}

.photos {
  margin-bottom: 20px;
}

.default p {
  padding: 0 0 20px 0;
}