@import url(/assets/www/blog.css);

body{background-color:#565951; color:#333;}
h1, h2, h3{font-family:'Helvetica Neue', Helvetica; padding-bottom:5px; line-height:1.2em;}
h3{color:#d69108; font-size:131%;  font-weight:bold;}
a, a:visited{text-decoration:none; color:#417880}
p, ul{padding-bottom:10px;}
p{line-height:1.4em;}
#bd h1.splash{font-size:170%;}
#bd h1.splash a{text-decoration:none;}
#bd h3.splash{font-size:120%;}
em { font-style: italic; }

/* These four divs primarily for visual design flexability/consistancy and could be refactored given different priorities. */
#hd{background:#f0e7ad url('/assets/www/bg-header.gif') repeat-x;}
#mid{background:#656A5E url('/assets/www/bg-primary.gif') repeat-x; border-top:8px solid #2b2b2b; border-bottom:8px solid #2b2b2b; color:#fff;}
#bd{background-color:#fff;}
#ft{background:#606559 url('/assets/www/bg-primary.gif') repeat-x; border-top:8px solid #2b2b2b; color:#fff;}

/* Sets the width site */
.wrap{width:975px; margin:0 auto; text-align:left;}

/* Body content, used in tour detail section and rest of site content */
.content{margin-right:20px;}
.content ul{margin-left:30px;}
.content ul li{list-style:disc; margin-bottom:5px;}
.content ol{margin-left:40px; margin-bottom:10px; margin-top:5px;}
.content ol li{list-style:decimal; margin-bottom:5px;}
.content img{border:0px; margin-bottom:-5px; padding:0px;}
.content a{text-decoration:underline;}
.content h4{color:#76a30c; font-weight:bold; font-size:100%; letter-spacing:2px; margin-top:5px; margin-bottom:5px;}
.content h5{color:#606559; font-weight:bold; font-size:100%; margin-top:2px; margin-bottom:2px;}
.content strong{font-weight:bold;}
.content h2.static {text-transform:uppercase; color:#76a30c; font-weight:bold; font-size:100%; letter-spacing:2px; margin-top:5px; margin-bottom:-5px;}

/* Two column design */
.main{width:74%; float:left;}
.sidebar{width:25%; float:right; margin:20px 0;}


/* Sets a visual divder between main content and sidebar */
#mid .main{border-right:1px solid #6a6e65; margin:10px 0;}
#bd .main{border-right:1px solid #c9c9c9; margin:20px 0;}

/* Alternate layout with sidebar on left */
.main.alt{width:74%; float:left;}
.sidebar.alt{width:25%; float:left; margin:20px 0;}
#bd .main.alt{border-right: none; border-left:1px solid #c9c9c9; margin:20px 0;}
.main.alt .content { margin-right: 0px; margin-left: 20px; }

/* Tree within main content */
.content ul.tree li { background: transparent; }
.content ul.tree li a:link, .content ul.tree li a:visited { color: #417880; }

/* Primary site navigation */
#nav{position:relative; display:inline; bottom:20px; left:110px;}
#nav li{display:inline;}
#nav li.on a{border:4px solid #8ba9af;}
#nav li a{color:#373a30; font-size:131%; text-decoration:none; padding:4px 5px; margin:4px;}
#nav li a:hover{border:4px solid #bcc3A6; margin:0;}
#nav li.on a:hover{margin:4px;}
#nav li a em{font-weight:bold; font-size:108%;}

#nav #tour, #nav #signup{font-size:123.1%;}

/* Portfolio image */
#sample{float:left; margin:0 10px -10px -15px;}

/* Used on images within content areas */
img.even{float:right; margin-left:20px;}
img.odd{float:left; margin-right:20px}

/* Primary H1/H2 for slogans */
#mid h1{font-weight:bold; font-size:280%;}
#mid h2{font-size:146.5%; color:#bec3b2; padding:10px 10px 20px;}
#bd h1{color:#417880; font-size:240%; font-weight:bold;}
#bd h2{color:#666; font-size:138.5%; padding-bottom:20px;}

/* Tour/Signup Buttons */
#btns{float:left;}
#btns li{float:left;}
* html #btns li{display:inline;}
#btns a{text-indent:-5000px; overflow:hidden; display:block; height:43px; background:transparent url('btns.gif') no-repeat; position:absolute;}

#btn-signup{margin-left:180px;}

#btn-tour a{width:172px;}
#btn-signup a{background-position:-172px 0; width:120px;}

#btn-tour a:hover{background-position: 0 -43px;}
#btn-tour a:active{background-position: 0 -86px;}

#btn-signup a:hover{background-position: -172px -43px;}
#btn-signup a:active{background-position: -172px -86px;}

/* Clears floats without adding extra markup */
.wrap:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .wrap {height: 1%;}

/* Highlight features (many per page) */
.highlight{width:30%; float:left; margin:0 0 20px; padding:0 20px 0 0;}
.highlight img{margin:10px 0;}
.highlight p{color:#666;}

/* Feature Sidebar Item */
#features dt{position:relative; padding-left:60px; padding-bottom:35px; margin-bottom:-35px; font-weight:bold; font-size:123.1%;}
#features dd{margin-bottom:20px; padding-left:60px; font-size:85%;}
#features dd.last{margin-bottom:0;}

#clean{background:url('/assets/www/icons/pages2-666.gif') no-repeat;}
#easy{background:url('/assets/www/icons/hand-666.gif') no-repeat;}
#smart{background:url('/assets/www/icons/cogs-666.gif') no-repeat;}
#refreshing{background:url('/assets/www/icons/face-666.gif') no-repeat;}

#bd #features{padding-bottom:20px; border-bottom:1px solid #bec3b2;}
#bd #features dt{color:#417880}
		
#bd #clean{background-image:url('/assets/www/icons/pages2-fff.gif');}
#bd #easy{background-image:url('/assets/www/icons/hand-fff.gif');}
#bd #smart{background-image:url('/assets/www/icons/cogs-fff.gif');}
#bd #refreshing{background-image:url('/assets/www/icons/face-fff.gif');}

/* The dividing border between the main content and sidebar,
*  is used as part of the secondary navigation, however if the main content
*  has less of a height than the secondary navigation, the design will break.
*  To solve this, we set a border to the unordered list of the secondary nav
*  and overlay it on the main border. This guarntees the border is always as long as the
*  nav. We do, sadly, have to hack a rule for safari to comply.
*/
#nav-secondary{border-left:1px solid #c9c9c9; position:relative; left:-9px; padding-left:10px; margin-left:-1px;}

/* Be nice to Safari */
/*\*/
html>body*#nav-secondary{margin-left:-2px;}
/**/

#nav-secondary li{display:inline;}
#nav-secondary li a{border-bottom:1px solid #cbcfc1; border-top:1px solid #cbcfc1; display:block; margin-top:-1px;}
#nav-secondary li a span{position:relative; padding:12px 0 12px 40px; display:block; background-repeat:no-repeat;}
#nav-secondary li.on a span{margin:-1px 0; border-top:1px solid #cbcfc1; border-bottom:1px solid #cbcfc1; padding-left:60px; background-position:20px 0; left:-16px; background-color:#fff;}
#nav-secondary li a:hover{text-decoration:underline;}
#nav-secondary li.first a{border-top:none;}
#nav-secondary li.first.on a{border-top:1px solid #cbcfc1;}

/* We could add these to the sprite */
.overview span{background-image:url('/assets/www/icons/cog-fff.gif');}
.hosted span{background-image:url('/assets/www/icons/network-fff.gif');}
.publishing span{background-image:url('/assets/www/icons/upload-fff.gif');}
.template span{background-image:url('/assets/www/icons/pages-fff.gif');}
.users span{background-image:url('/assets/www/icons/people-fff.gif');}
.online span{background-image:url('/assets/www/icons/cart-fff.gif');}
.blog span{background-image:url('/assets/www/icons/people-fff.gif');}
.events span{background-image:url('/assets/www/icons/calendar-fff.gif');}
.registration span{background-image:url('/assets/www/icons/calendar-fff.gif');}
.email span{background-image:url('/assets/www/icons/mail-fff.gif');}
.podcast span{background-image:url('/assets/www/icons/cog-fff.gif');}
.support span{background-image:url('/assets/www/icons/people-fff.gif');}
.database span{background-image:url('/assets/www/icons/cog-fff.gif');}
.forms span{background-image:url('/assets/www/icons/cog-fff.gif');}
.basic span{background-image:url('/assets/www/icons/cog-fff.gif');}

/* "Inside the Factory" */
#more{margin-left:8px;}
#more h1{color:#666; font-weight:bold; font-size:146.5%;}
#more h2{padding-bottom:10px;text-transform:uppercase; }
#more h2, h4{color:#76a30c; font-weight:bold; font-size:85%; letter-spacing:2px;}
#more h3{padding-bottom:2px;}


.pullout h3 a{text-decoration:none; color:#417880;}
.pullout img{margin-bottom:10px;}
.pullout h3, .pullout h3 a,	.pullout h3 a:visited{color:#417880; text-decoration:none;}
.pullout h3 span{margin-left:10px; color:#ccc; font-size:77%;}

.profile{border:1px solid #bec3b2; padding:10px 15px; margin:10px 0 20px;}
.profile h4{margin-bottom:2px;}
.profile h5{font-size:131%; color:#417880; margin-bottom:10px;}
.profile ul { margin-top: 0.3em; }
.profile ul li { margin-left: 1em; }

/* Higlights signup on given page */
.campaign{padding:10px 10px 5px; background-color:#e9e4af; margin-bottom:10px;}
.campaign dd{padding-bottom:10px;}
.campaign dt{float:left; margin-right:20px;}
.campaign dt a{text-indent:-5000px; overflow:hidden; display:block; background-color:transparent; background-repeat:no-repeat; height:43px; width:118px;}
.campaign dt.signup a{background-image:url('/assets/www/signup.gif'); margin-top:-3px;} /* I think we could add this to larger sprite */
.campaign dt a:hover{background-position:0 -43px;}
.campaign dt a:active{background-position:0 -86px;}

/* Footer */
#ft p{padding:10px 0;}
#ft p, #ft a, #ft a:visited{color:#ccc;}
#ft p span a{margin-left:10px;}
#ft a{border-bottom:1px dotted #aaa;}

/* Defines CSS unique to "Template Two." Add template2 to the body tag to use. */
.template2 #mid .main{border-right:none;}
.template2 #mid .wrap{background:url('/assets/www/bg-gears.gif') no-repeat right -10px;}
.template2 #mid h1{padding:5px 0 0;}
.template2 #mid h2{padding:5px 0 10px;}

/* SIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: none;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
/* END SIFR */

/* Registration Form Styles */
form#registration .hint {
	margin-left: 10px;
	font-size: 12pt;
	color: #339933;
	padding-left: 20px;
	background:url(/icons/arrow_left.png) no-repeat;
}

form#registration select {
	font-size: 12pt; 
	padding: 6px; 
	font-family:'Arial';
	margin-left: 40px;
}

form#registration input {
	font-size: 12pt; 
	padding: 6px; 
	font-family:'Arial';
	margin-left: 40px;
}

form#registration checkbox {
	font-size: 12pt; 
	padding: 6px; 
	font-family:'Arial';
	margin-left: 40px;
}

form#registration label {
	display: inline;
}

form#registration label.hide {
	display: none
}

form#registration input.text-error {
	border: 1px solid #FF0000; 
	background-color: #FFAAAA;
}

form#registration input#handle {
	margin-left: 6px;
}

form#registration input#i-agree {
	margin-right: 6px;
}

form#registration .error {
	padding: 1px 0 0 20px; 
	background: url(/icons/error.png) no-repeat; 
	color: #FF0000;
}

form#registration .error span.error {
	background: none;
        padding: 0;
}

form#registration .valid {
	padding: 1px 0 0 20px; 
	background: url(/icons/accept.png) no-repeat; 
	color: #00DD00;
}

form#registration ul.options {
	width: 100%;
	margin: 0;
	list-style: none;
}

form#registration ul.options li {
	width: 640px;
	padding: 6px;
	list-style: none;
}

form#registration ul.options li.hover {
	cursor: pointer;
	background-color: #F5F5F5 !important;
}

form#registration ul.options li p{
	margin-left: 14px;
	padding-bottom: 0px;
}

form#registration  ul.options label.option{
	font-weight: bold;
	color: #666666;
	margin-left: 8px;
	cursor: pointer;
}


form#registration p.inline{
    float: left;
}

form#registration button {
	padding: 10px 20px 10px 20px;
	margin-top: 10px;
}

form#registration #submit-button-background {
	padding-left: 20px; 
	padding-top: 1px;
	padding-bottom: 1px;
	background: url(/icons/accept.png) no-repeat;
}

form#registration div#feature-controls {
	margin-bottom: 17px;
}

form#registration ul.options li.image-override-container {
	padding-left: 20px;
	margin-left: 40px;
}

form#registration ul.options li.image-override-container.selected {
	background: url(/icons/accept.png) no-repeat 5px 5px #DDFFDD;
}

form#registration div.price-wrapper {
	display: inline;
}

form#registration p#monthly-total {
	font-size: 12pt; 
	font-family:'Arial'
}

form#registration span {
	background: none;
}

/*-------------------------------------------------
MF Packages Table
-------------------------------------------------*/


/* Higlights signup buttons */
.signup-btns {padding:10px 10px 5px; background-color:#e9e4af; margin-bottom:10px;}
.signup-btns dt{text-align: center;}
.signup-btns dt a{text-indent:-5000px; overflow:hidden; display:block; background-color:transparent; background-repeat:no-repeat; height:43px; width:118px;}
.signup-btns dt.signup a{background-image:url('/assets/www/signup.gif'); margin-top:-3px;}
.signup-btns dt a:hover{background-position:0 -43px;}
.signup-btns dt a:active{background-position:0 -86px;}
tr.signup-btns td { text-align: center; }
tr.signup-btns td a { margin: 0px auto; }


table.packages caption {
	color: #000000;
	font-size:1.3em;
		letter-spacing:.1em;
		margin:.7em 0 1em 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	

table.packages {
	border: 8px solid #000;
	margin: 0 auto 30px auto;
	width: 100%;
	margin-bottom: 12px;
}

table.packages td, table.signup th {
	font-size: 1em;
	padding: 5px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	border-bottom: 1px solid #E3DFDF;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	white-space: nowrap;
}

table.packages th {
	background-color:#e9e4af;
	vertical-align: bottom;
	border-bottom: 1px solid #ccc;
}

table.packages th span {
	font-weight: bold;
}

table.packages tr.category th {
	padding: 3px;
	font-size: 11px;
}

table.packages tr.plans th {
	font-size: 1.4em;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}

table.packages td.shaded {
	background-color: #ffc;
}

#modal_container { 
	width: 400px;
	padding: 15px;
	border: 3px solid #000000;
	background: #E9E4AF; }

input {
	font-size: 12pt; 
	padding: 6px; 
	font-family:'Arial';
}

select {
	font-size: 12pt; 
	padding: 6px; 
	font-family:'Arial';
}

button {
	margin-left: 40px;
}

select option {
	margin-right: 10px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #F4F3EC; 
	/* background: #E9E4AF; */
	background: #F0F0F0;
}

#sign-up h2 {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 10px;
	margin-left: 0pt;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6e65;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

#sign-up h3 {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 40px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6e65;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

#sign-up h2 img {
	margin-right: 0.2em;
	margin-bottom: -7px;
	margin-left: -6px;
}

#sign-up fieldset p.error {
	margin-left: 40px;
}

label {
	font-size: 12pt; 
	padding: 6px; 
	font-family:'Arial';
}

.AuthorizeNetSeal {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
}

form#newsletterSignUp {
  margin-bottom: 1em;
}

/* Documentation */
a.topLink { width: 2em; margin-top: -1.5em; float: right; text-decoration: none; display: block; }

/* Example form */
#exampleRequestForm { clear: both; margin-bottom: 2em; }
#exampleRequestForm .formItem { clear: both; }
#exampleRequestForm label {
  float: left;
  width: 100px;
}
#exampleRequestForm input, #exampleRequestFrom select, 
#exampleRequestForm textarea {
  float: left;
}
#exampleRequestForm .submit input { margin-left: 180px; float: none; }

/* Front Page Blog Styles */
a.title {
	font-weight: bold;
	font-size: 12pt;
}
.realEstateSitePhotos { float: left; width: 690px; margin: 1em 0em; }
.realEstateSitePhotos a { float: left; width: 230px; }