/*
Theme Name: Seattle Mortgage Planners 
Theme URI: http://www.seattlemortgageplanners.com
Description:
Author: Tynan Szvetecz
Author URI: http://www.commercekitchen.com
Version: 1.0
*/

/* --------------------------------------------------------------
START - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;}
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }

/* Button colors ------------------------------------------ */

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #394695; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #052363; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #394695; }
a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }
/* --------------------------------------------------------------
END - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */


body { margin: 0; padding: 0; color: #000; background: #fff;font-family: Georgia,serif,Verdana,arial; font-size: 80%; }

a { color: #394695;font-weight:bold;text-decoration:underline; }
a:hover { color: #052363;text-decoration:none; }
a:active { outline: none; }

img.border { padding: 1px; border: 1px solid; }
a img.border { border-color: #d80000; }
a:hover img.border { padding: 0; border: 2px solid; }

h1, h2, h3, h5, h6 { padding: 0.25em 0; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: bold; color:#000;}
h1 { font-size: 1.2em;line-height:1.3em;color:#000;font-weight:normal;}
h2 { font-size: 1.1em;font-weight:bold; }
h4 { padding: 0.25em 0; font-size:1.8em; margin: 0 0 0.5em 0; line-height: 1.5em; font-weight: normal; }
h6 { font-size: 1.25em; }
p img, p img.right { margin-top: 0px; }

.small {font-weight:bold}

.site-border {border:1px solid #ccc;border-top:none;}

#billboard {
	width: 750px;
	height: 193px;
	margin:0px 0 0 0;
    background: #999 url("images/place-holder.jpg") no-repeat 0 0;
}
#marquee { position: relative; margin: 0; padding: 0; height: 193px;clear: both; border-bottom: 5px solid #d1e2dd;}
#marquee li {  width: 700px;  height: 143px; position: absolute; margin: 0; padding: 25px;  list-style: none; background-color: #666;}
#marquee li h2 { font-size: 1.75em; color: #fff; }

#marquee li#marquee-1 { background: url('images/seattles-top-mortgage-professionals-2011.jpg') 0 0 no-repeat; }
#marquee li#marquee-1 h2 { position: relative; top: 40px; left: -7px;}
#marquee li#marquee-1 span { font-size: .9em;}
#marquee li#marquee-2 { background: url('images/trusted-seattle-lender.jpg') 0 0 no-repeat; }
#marquee li#marquee-2 h2 { width: 450px; position: relative; left: 275px; text-align: center;}
#marquee li#marquee-3 { background: url('images/no-obligation-mortgage-lender-seattle.jpg') 0 0 no-repeat; }
#marquee li#marquee-3 h2 { text-align: center;}
#marquee li#marquee-4 { background: url('images/mt-rainer-seattle.jpg') 0 0 no-repeat; }
#marquee li#marquee-4 h2 { position: relative; top: 50px; left:300px; width: 400px; text-align: center;}


#intro {background:#e3e5f6;padding:20px;}
#intro p {color:#000;}
#intro h2 {font-size:1.9em;}
#intro h2 a, #intro h2 a:hover, #intro h2 a:visited {color:#000;text-decoration:none;}
.capital {font-size:1.9em;color:#cc0000;margin-right:2px;line-height:1.2em;}
.rate {color:#394695;}

#menu { margin: 0; padding: 1px 0; width: 950px; height: 34px; background-color: #333; }
ul#global-menu { margin: 0; padding: 0; list-style: none; }
ul#global-menu li { margin: 0; padding: 0; float: left; list-style: none; }
ul#global-menu li a { display: block; margin: 0; padding: 10px; border-right: 1px solid #444; color: #fff; text-shadow: 0 -1px 0 #000; font-size: 14px; line-height: 14px; text-decoration: none; background-color: #222; }
ul#global-menu li a:hover { color: #333; background-color: #e3e5f6; text-shadow: none; }

#pre-header { padding-bottom: 2px; }
#pre-header h2 { margin: 5px 0; padding: 0; font-size: 24px; line-height: 24px; font-weight: normal; font-style: italic; color: #444; }
#pre-header p { margin: 0 0 2px 0; padding: 0; font-size: 12px; line-height: 14px; color: #666; }
#pre-header p.company-address { float: left; }
#pre-header p.info { float: right; text-align: right; }

#header {}
#header h1 {font-size:2.4em;line-height:4em;}

#sidebar { margin-bottom: 2em; }
#sidebar h3 {text-transform:uppercase;font-size:.9em;line-height:1.1em;}
.block { padding: 15px; border-bottom: 1px solid #ccc; }
.quote {font-size:2em;line-height:1em;font-weight:bold;font-family:times,serif,helvetica;}
.lead {font-size:1.2em;font-weight:bold;font-style:italic;}
.dotted {border-bottom: 1px dotted #b1baba;padding-bottom:15px;}
#sidebar #contact-container p { margin-bottom: 0.5em; font-style: italic; text-align: center; color: #333; font-size: 0.9em; }

#content { margin: 0 0 0 -1px; border-left: 1px solid #ccc; }

#content ul#sub-menu { float: left; margin: 0.5em 10px 1em 0; padding: 0; width: 170px; border: 1px solid #eee; background-color: #f7f7f7; -moz-border-radius: 0.5em; -khtml-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
#content ul#sub-menu li { margin: 0; padding: 0; list-style: none; background: none; }
#content ul#sub-menu li a { margin: 0; padding: 0.25em 10px; display: block; color: #0066b3; border-top: 1px solid #eee; }
#content ul#sub-menu li:first-child a { border-top: none; }
#content ul#sub-menu li.current_page_item a,
#content ul#sub-menu li a:hover { color: #390; background: transparent url("images/bkg-sub-menu-on.gif") no-repeat left center; }

#standard p, #sidebar p {color:#000;}
#standard h2 {color:#000;font-size:1.4em;line-height:1.4em;word-spacing:2px;font-weight:normal;}

.driver { width: 156px; height: 160px; float: left; text-align: center; border-right: 1px solid #ccc; padding: 15px; font-size: .9em; }
.end {border:none; margin: 0;}
.driver h3 {text-transform:uppercase;color:#000;margin:0 0 10px 0;font-size:1.2em;text-decoration:none;}
.driver h3 a, .driver h3 a:hover {text-transform:uppercase;color:#000;margin:0 0 10px 0;font-size:1.1em;text-decoration:none;}

#driver-jumbo-loan h3 a { display: block; margin: 0; padding: 0; width: 156px; height: 60px; text-indent: -9999px; background: transparent url("images/sprite-home-driver-buttons.png") no-repeat 0px top; }
#driver-refinance h3 a { display: block; margin: 0; padding: 0; width: 156px; height: 60px; text-indent: -9999px; background: transparent url("images/sprite-home-driver-buttons.png") no-repeat -200px top; }
#driver-home-loan h3 a { display: block; margin: 0; padding: 0; width: 156px; height: 60px; text-indent: -9999px; background: transparent url("images/sprite-home-driver-buttons.png") no-repeat -400px top; }
#driver-fha-loan h3 a { display: block; margin: 0; padding: 0; width: 156px; height: 60px; text-indent: -9999px; background: transparent url("images/sprite-home-driver-buttons.png") no-repeat -600px top; }

.main-block {padding:15px;border-top:1px solid #ccc;}
.in-block {padding:0 0 0 15px;}

.useful-links {padding:10px;border:1px solid #ccc;height:150px;width:205px;margin:0 0 15px 0;}
.useful-links a, .useful-links a:visited {font-size:.7em;}

.reg-links {padding:10px;border:1px solid #ccc;height:350px;margin:0 0 15px 0;font-size:.9em;}
.reg-links a, .reg-links a:visited {font-size:.7em;}

#feature-check-list { float: left; padding: 10px; margin: 10px 10px 10px 0; border: 1px solid #eee; background-color: #f7f7f7; -moz-border-radius: 0.5em; -khtml-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
#feature-check-list h3 { margin: 0; padding: 0 4px; color: #666; font-size: 1.25em; line-height: 1.5em; }
#feature-check-list ul { margin: 1em 0; padding: 0; }
#feature-check-list ul li { margin: 1px 0 0 0; padding: 0.5em 0.5em 0.5em 24px; list-style: none; line-height: 1em; background: #e9efef url("images/form_button_icons/tick.png") no-repeat 4px center; }
#feature-check-list ul li.alt { background-color: #e0eded; }
#feature-check-list p { margin: 0.5em 0; padding: 0; text-align: center; }
#feature-check-list p a { margin: 0; padding: 0.5em 4px; display: block; text-decoration: none; color: #fff; font-size: 1em; line-height: 1.1em; border: 1px solid #036; background-color: #069; -moz-border-radius: 0.25em; -khtml-border-radius: 0.25em; -webkit-border-radius: 0.25em; }
#feature-check-list p a:hover { background-color: #09c; }
#feature-check-list.full-width { width: 90%; }
#feature-check-list.half-width { width: 50%; font-size: 0.9em; }
#feature-check-list.third-width { width: 33%; font-size: 0.8em; }

#pre-footer,
#footer { clear: both; border-top: 1px solid #ccc; font-size: 0.9em; line-height: 1em; padding: 0; margin: 0px; }
#footer { padding-top: 2em; text-align: center; }
#pre-footer p,
#footer p {line-height:1.4em;}
#pre-footer h4,
#footer h4 { color: #333; margin-top:10px; margin-bottom: 0.25em; font-size:1.1em; font-weight:bold;}
#pre-footer a,
#footer a { color: #666; text-decoration: none; display: block; border-bottom: 1px dotted transparent; line-height:1.2em; font-weight:normal; }
#pre-footer a:hover,
#footer a:hover { border-bottom: 1px dotted #ccc; }
#pre-footer ul,
#footer ul { margin: 0; padding: 0; }
#pre-footer ul li,
#footer ul li { margin: 0 0 5px 0; padding: 0; list-style: none; }

.footer-links { padding-bottom: 1em; height: 200px; }

ul#footer-menu { margin: 0 0 30px 140px; padding: 0; background-color: transparent;}
ul#footer-menu li { list-style: none; float: left; list-style: none; line-height: 1.3em; }
ul#footer-menu li a { margin: 0; padding:0 1em; color: #394695; font-size: .9em; text-decoration: none; }
ul#footer-menu li a:hover { color: #052363;text-decoration:underline;}

a.info   { text-decoration: none; position: relative; z-index: 24 }
a.info:hover     { text-decoration: none; z-index: 20 }
a.info span   { text-decoration: none; display: none }
a.info:hover span      { color: #333; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: white; text-align: left; padding: 3px; border: dotted 1px #00008b; position: absolute; z-index: 15; top: 1.5em; left: 0em; width: 10em; display: block }
.images  { vertical-align: bottom }

.feedback {z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;}
.feedback-position {bottom:2px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 16 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 16 );}
.feedback-align {right:0px;}

.center { text-align: center; }

label { font-weight: normal; }
input.text { width: 92%; }
input.small { width: 30px; }
textarea { width: 92%; height: 8em; }


/* WELCOME TO THE NEIGHBORHOOD STYLINGS */

.wtn-body { margin: 0; padding: 0; color: #4b5864; background: #fff;font-family: Arial,serif; font-size: 80%; }
#wtn-header { text-align: left; padding:0; margin:10px 0 0 0; height:124px;background:#fff;}
#wtn-header p {text-align:center;font-size:1.3em;font-weight:bold;}
#wtn-global-menu-container { background:#094fa3 url("images/neighborhood/menu-bg.jpg");margin:0px;padding:15px 0 0 0;height:30px;}

.wtn-badge p {padding:0;margin:0;}
.wtn-badge {background:url("images/neighborhood/badge.gif") no-repeat left;padding:0 0 0 33px;}
.wtn-badge a,.wtn-badge a:visited,.wtn-badge a:hover {color:#fff;}

#wtn-info-box {background:url("images/neighborhood/info-box.jpg") no-repeat top left;width:300px;height:216px;}
#wtn-info-box hr {background:#ccc;color:#ccc;height:1px;}
#wtn-info-box h2 {color:#f9a425;font-size:1.3em;font-weight:bold;}
#wtn-info-box h3 {color:#f9a425;font-size:1.1em;font-weight:bold;}
.wtn-answer-box {background:#fff;padding:10px 10px 2px 10px;font-size:1.1em;margin-bottom:10px}
#wtn-info-box a, #wtn-info-box a:visited {color:#094fa3;} 

#wtn-content {}
#wtn-content h1, #wtn-content h2, #wtn-content h3, #wtn-content h4, #wtn-content h5 {color:#f9a425}
#wtn-content h1 {background:none;font-size:1.7em;font-weight:bold;line-height:1.4em;padding:0;margin:0 0 0px 0;border-top:#eee 5px solid;}
#wtn-content h2 {background:none;font-size:1.3em;font-weight:bold;line-height:1em;padding-left:0;margin-left:0;}
#wtn-content hr {background:#ccc;color:#ccc;height:1px;}

div.badge {
  float: left;
  margin-right: 0px;
  padding-right: 5px;
  width: 230px;
}
div.badge img {
	padding:0;
	margin:0;
    -moz-box-shadow: 0 2px 8px -2px #AAA;
    margin-bottom: 0.5em;
  }
div.badge h6 {
    color: #5B5A60;
  }
div.badge textarea {
    height: 1.0em;
    width: 215px;
	
  }

.quote {font-size:2em;line-height:1em;font-weight:bold;font-family:times,serif,helvetica;}
.lead {font-size:1.2em;font-weight:bold;font-style:italic;}
.dotted {border-bottom: 1px dotted #b1baba;padding-bottom:15px;}


/*Directory Listings NEW*/ 
#dirLinkListContiner {margin-right:0px;width:690px;}
#dirListContainer {width:335px; float:left; margin:0 10px 10px 0; color:#000;}
#dirListLink {text-decoration:none; color:#1d4d21;}
#dirListing{border:1px solid #CBE2CC; height:230px; overflow:auto; width:328px; padding:0px; margin:0px;}
#dirCategory{border:1px solid #CBE2CC; width:338px; padding:0px; margin:0px;}
#dirListing:hover, #dirCategory:hover{border-color: #1d4d21; cursor:pointer;}
#dirListLegend {font-weight:bold; color:#1d4d21; font-size:14px; padding:0 5px; margin-left:5px;}
#dirListDesc {padding: 3px 10px 5px; margin-bottom:0; color:#000;font-weight:normal;}
#titleWrap {display:block; max-width:345px; white-space:normal;}
#dirDetailContainer {width:710px;}
#dirDetail {width:700px; border:1px solid #CBE2CC; padding:0px; margin:0px;}
#dirDetailLegend {font-weight:bold; color:#1d4d21; font-size:14px; padding:0 5px; margin-left:5px;}
#dirHead{padding:10px 0; font-size:12px; color:#332600; font-weight:bold}
#dirHead a {color:#332600;}


/* Targeted Pages */
#menu h1, #menu p, #menu a { color: #ffffff;}
#menu h1 { font-size: 2em; float: left; margin: 15px;}
#menu #contact-info { float: right; margin: 10px; }
#menu #contact-info p { margin: 5px 10px 0 0; text-align: right;}
.slideshow { float: right; width: 500px; height: 332px; margin: 0 0 10px 20px; position: relative;}
.slideshow img { display: none; border:4px solid #eee;padding:1px;}
.slideshow img:first-child { display: block;}
.magic-button { height: 49px; margin: 0; padding: 10px 0; line-height: 20px; background: url('images/bkg-magic-button.png') 0 0 no-repeat;}
.magic-button a {height: 49px; text-decoration:none; margin-left: 17px; padding: 10px 17px 10px 0; line-height: 20px; color: #ffffff; font-family: helvetica, arial, sans-serif; background: url('images/bkg-magic-button-a.png') 100% 0 no-repeat;}
.magic-button#partner-contact { margin-left: 60px;}

ul.tabmenu {margin:50px 0 0 0;padding:0 0 0 0;width:920px;height: 5.4em; clear: both;  }
ul.tabmenu li { margin: .25em; list-style: none; float: left; list-style: none; line-height: 1.3em; }
ul.tabmenu li a { margin: 0; padding:2em 2.7em;  color: #333; font-size: 1em; text-decoration: none; background: #f0f6f1; display:block; -moz-border-radius: 10px; -webkit-border-radius:10px;}
ul.tabmenu li a:hover, ul.tabmenu li a.on { color: #333;text-decoration:none;background:#e3e5f6;}

.tab { width: 888px; margin-bottom: 150px;  padding: 15px; float: left;  border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius:10px;}
.tab p { width: 500px;}


/*social share buttons*/

.social {margin: 8px 0 ; padding: 0;   }
.social.home { background: #aaa; padding: 15px 15px 8px 15px;}
.twitter-share-button, p.fb-like-button-count, p.plusone-button   {  display:inline-block; height: 25px; line-height: 1em; margin: 0; vertical-align: top; }

#bbblink { float: right; position: relative; top: -3px;}