@charset "UTF-8";
/* CSS Document */

@import "../fonts/fonts.css";

body {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #222;
	margin: 0;
	padding: 0;
	text-align: center;
}

a, a:link, a:visited, a:active {
	color: #3592d7;
	text-decoration: underline;
}
a:hover {
	color: #444;
	text-decoration: none;
}

/********************** CONTAINERS ************************/

#pixilink-notice {
	padding: 5px 0;
	color: #fff;
	background: #ff1905; /* Old browsers */
   background: -moz-linear-gradient(top,  #ff1905 1%, #9b0000 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff1905), color-stop(100%,#9b0000)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #ff1905 1%,#9b0000 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #ff1905 1%,#9b0000 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #ff1905 1%,#9b0000 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #ff1905 1%,#9b0000 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1905', endColorstr='#9b0000',GradientType=0 ); /* IE6-9 */
	text-align: center;
	font-size: 14px;
	font-family: 'CartoGothicStdBook', serif;
}

#flake {
	margin: 0 5px;
	vertical-align: bottom;
}

#header {
	width: 100%;
	min-width:1000px;
	background: #34332e url(../images/header-bg.jpg) bottom center repeat-x;
	height: 100px;
	padding-top: 15px;

}

.wrapper {
	width: 1000px;
	clear: both;
	margin: 0 auto;
}

#logo {
	margin: 8px 0 0 0px;
	border: none;
	display: inline;
	float: left;
}

#pixilink-contact {
	float: right;
	height: 41px;
	width: 220px;
	background: transparent url(../images/contact-bg.png) center no-repeat;
	padding: 7px 5px;
	margin: 3px 0 0;
	color: #fafaf8;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-align: center;
}
#pixilink-contact b {
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
	text-transform: none;
}
#pixilink-contact b a {
	text-decoration: underline;
	color: #fafaf8;	
	text-transform: none;
}
#pixilink-contact b a:hover {
	text-decoration: none;
	color: #1d79bf;
}

.fb-like{
	float: right;
}

#translate {
	float: right;
	margin: 0;
}
#language {
	padding: 4px;
	color: #555;
}

#main {
	width:  960px;
	margin: 30px auto 20px;
	text-align: left;
	min-height:  230px;
}

#overview {
	width:  100%;
	text-align: left;
	background: url(../images/gradient1.jpg) bottom center repeat-x;
	height:  420px;
	/*border-bottom:  2px #3f9de5 solid;*/
}
#overview .wrapper {
	padding:  0 20px;
	width:  960px;
}

#overview .text {
	width: 455px;
}

#call-to-action {
	width:  1000px;
	margin: 20px auto 20px;
	text-align: left;
	min-height:  230px;
}
#call-to-action h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px;
	border-bottom: 1px dotted #888;
	margin: 0 0 10px;
	color: #272621;
	text-transform: uppercase;
	font-family: "Lane", sans-serif;
}

#footer {
	color: #fff;
	margin-top: 70px;
	background: url(../images/footerlandscape.png) repeat-x;
	height:270px;
	width: 100%;
}
#footer .wrapper {
	padding: 60px 20px 0;
}



/************************* NAVIGATION **************************/

#navbar {
	background: url(../images/navbar1000.png) center no-repeat; /*#3481d1*/
	width: 1000px;
	margin: -10px auto 0 auto;
	height: 40px;
	font-family: 'CartoGothicStdBook', serif;
	font-size:  18px;
	text-transform: uppercase;
}
/*
ul#navigation {
	margin:  0 auto;
	list-style:  none;
	width: 990px
}
ul#navigation li {
	display: inline;
	margin: 8px 0;
	padding:  0 12px;
}
ul#navigation li a {
	text-decoration: none;
	color:  #fff;
}
ul#navigation li a:hover {
	color:  #154172;
	text-decoration: none;
}

ul#navigation li .sub {
	position: absolute;	
	top: 44px;
	left: 0;
	width: 300px;
	height: 300px;
	background: #154172;
	padding: 20px 20px;
	float: left;
	--Bottom right rounded corner--
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	--Bottom left rounded corner--
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
*/

/************************* GRIDS **************************/

.one-third {
	float: left;
	width:  300px;
	margin-right: 40px;
}

.one-quarter {
	float: left;
	width: 225px;
	margin-right: 20px;
	text-align: left;
}

.full-width {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
   position: relative;
}


#content-centered {
	margin: 0 auto;
	width: 600px;
	text-align: left;
}

#content {
	width:  620px;
	float:  left;
}
#sidebar {
	width:  310px;
	float:  right;
}


/************************* MODULES **************************/

.widget {
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px #d7dbdc solid;
}
.widget h2 {
	border:  none;
	padding: 0;
}

.widget-highlight {
	background-color: #1d79bf;
	display: block;
	padding: 10px;
	color: #fff;
}
.widget-highlight h2 {
	border:  none;
	padding:  0;
	color: #fff;
	margin: 0 0 8px;
}
.widget-highlight a , .widget-highlight a:link, .widget-highlight a:active, .widget-highlight a:visited {
	color: #abd1eb;
	text-decoration: underline;
}
.widget-highlight a:hover {
	color: #fff;
	text-decoration: none;
}

ul.subnavigation, ul.subnavigation-blog {
	margin: 0;
	padding: 0;
	list-style:  none;
}
ul.subnavigation li a {
	display:  block;
	margin: 3px 0;
	padding: 0 0 0 10px;
	color:  #2e87cb;
	text-decoration: none;
	text-transform: uppercase;
	font-size:  14px;
}
ul.subnavigation-blog li a {
	display:  block;
	margin: 0;
	padding: 0 0 0 10px;
	color:  #2e87cb;
	text-decoration: none;
	text-transform: uppercase;
	font-size:  12px;
}
.one-third  ul.subnavigation li a:hover {
	background:  url(../images/arrow-black2.png) left center no-repeat;
	color:  #222;
}

.module h4 {
	color: #2E87CB;
	font-size: 13px;
	text-transform: uppercase;
}

.module a {
	color: #222;
	text-decoration: none;
}
.module a:hover {
	color: #2E87CB;
	text-decoration: underline;
}

.addons {
	display: block;
	width: auto;
	/*background: url(../images/icon_addon.jpg) left top no-repeat;
	padding-left: 60px;*/
	margin: 10px 0 20px;
	clear: both;
	min-height: 50px;
}
.plugins {
	display: block;
	width: auto;
	background: url(../images/icon_plugin.jpg) left center no-repeat;
	padding-left: 60px;
	min-height: 50px;
}


ul.subnavigation li a:hover, ul.subnavigation-blog li a:hover {
	background:  url(../images/arrow-black1.png) left center no-repeat;
	color:  #222;
}

.recently-launched {
	display: block;
	width: 80px;
	height: 80px;
	float: left;
	border: 1px #aaa solid;
	padding: 2px;
	margin: 0 10px 10px 0;
}
.recently-launched:hover {
	border: 2px #499FE1 solid;
	padding: 1px;
}

.testimonials {
	font-style: italic;
	clear: both;
	margin: 8px 0 12px;
}
.testimonials img {
	padding: 0 14px 0 0;
	float: left;
	display: inline;
}
.testimonials .name {
	display: block;
	margin: 10px 0;
	font-style: normal;
}

h4.testimonials-name {
	color: #479ad9;
}

#twitter_update_list span {
	padding: 8px;
	display: block;
	background-color: #e7e8eb;
	color: #464e55;
	font-style: italic;
}
#twitter_update_list a {
	display: inlein-block;
	margin-bottom: 10px;
}

ul#site-map {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#site-map li a:hover {
	text-decoration: underline;
}

#footer-contact input, #footer-contact textarea {
	width: 200px;
	height: auto;
	color: #777;
	padding: 3px;
	font-size: 11px;
	margin: 0 0 6px;
	border:  none;
}
#footer-contact .send,#contact-contact .send {
	width: auto;
	height: auto;
	text-transform: uppercase;
	font-size: 12px;
	background-color: #499FE1;
	color:  #fff;
}

form#contact-form {
	padding: 10px;
	background: #eee;
	width: 100%;
}
#contact-form input, #contact-form textarea {
	border: 1px #ccc solid;
	padding: 5px;
	color: #222;
	margin: 0 0 5px;
	width: 280px;
}
#contact-form #send {
	width: auto;
	height: auto;
	text-transform: uppercase;
	font-size: 12px;
	background-color: #499FE1;
	color:  #fff;
	float: right;
}


/************************* HOME PAGE **************************/

ul#main-links {
	float:  left;
	margin:  20px 0 0;
	padding: 0;
}
ul#main-links li a {
	color: #fff;
	font-size: 15px;
	display: inline-block;
	width: 250px;
	margin: 4px 0;
	padding:  6px 8px;
	background: #1d79bf url(../images/arrow-white.png) center right no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	border-left: 5px #00528f solid;
}
ul#main-links li a:hover {
	background: #0d609f url(../images/arrow-white.png) center right no-repeat;
	text-decoration: none;
}

/************************* SLIDE DECK **************************/
.slidedeck h1 {
	font-size: 26px;
	margin: 8px 0 7px;
	color: #1D79BF;
}
.slidedeck h2 {
	font-size: 19px;
	margin: 0 0 12px;
	color: #2e2d2b;
}

.feat-image {
	position: absolute;
	bottom: 0;
	right: 10px;
	width: 355px;
	height: 280px;
}
.websites {background: url(../images/feat-websites.png) left bottom no-repeat;}
.featuresheets {background: url(../images/feat-featuresheets.png) center no-repeat;}
.floorplans {background: url(../images/feat-floorplans.png) center no-repeat;}
.videotours {background: url(../images/feat-videotours.png) center no-repeat;}
.virtualtours {background: url(../images/feat-virtualtours.png) center no-repeat;}
.branding {background: url(../images/feat-branding.png) center no-repeat;}

.feat-text {
	float: right;
	width: 300px;
	text-align: left;
}
.feat-text h2 {
	font-size: 14px;
	text-transform: normal;
	color: #2080c9;
}
a.feat-more {
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 100;
	width: 164px;
	height: 32px;
	background: url(../images/feat-more-bg.png) right center no-repeat;
	font-size: 16px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 8px 8px 0;
}
a.feat-more:hover {
	color: #222;
	text-decoration: none;	
}

.slider-buttons {
	margin: 20px 0 0;
	display: block;
	position: absolute;
	bottom: 10px;
	/*left: 50px;*/
}
a.button-blue {
	display: inline-block;
	height: 21px; /*35*/
	width: 103px; /*109*/
	background: url(../images/btn-blue.png);
	text-align: center;
	margin: 0 2px;
	color: #fff;
	font-size: 15px;
	padding: 7px 3px;
	text-decoration: none;
}
a.button-blue:hover {
	background: url(../images/btn-blue-over.png);
	text-decoration: none;
}

a.button-pink {
	display: inline-block;
	height: 21px;
	width: 131px;
	background: url(../images/btn-pink.png);
	text-align: center;
	margin: 0 2px;
	color: #fff;
	font-size: 15px;
	padding: 7px 3px;
	text-decoration: none;
	letter-spacing: -0.02em;
}
a.button-pink:hover{
	background: url(../images/btn-pink-over.png);
	text-decoration: none;
}


/************************* WEBSITES PAGE **************************/

.web-packages {
	display: block;
	float: left;
	width: 130px;
	margin-right: 15px;
	padding-left: 10px;
	border-left: 1px #ccc solid;
}
h2.service-heading {
	font-size: 20px;
	color: #1d79bf;
	border: none;
	margin-bottom: 5px;
	padding: 0;
	line-height: 20px;
	margin-top: 0;
}
h2.slider-heading {
	margin: 20px 0 12px;
	text-align: center;
}

.web-packages strong {
	font-weight: bold;
}

h3.price {
	font-size: 26px;
	color: #005492;
	font-family: "CartoGothicStdBook", sans-serif;
	font-weight: normal;
}

.deal-price {
	font-family: "CartoGothicStdBook", sans-serif;	
	font-size: 14px;
	color: #025392;
	text-transform: uppercase;
	margin: 8px 0 0;
}

#custom-websites {
	width: 790px;
	margin: 0px auto 30px;
}

	

/****************** CLIENTS & PROPERTIES *****************/
.listings  {
	line-height: 20px;
}
.listings a {
	display: inline-block;
	background: url(../images/li-li-arrow.png) left center no-repeat;
	padding-left: 10px;
}


/************************* BLOG **************************/

.blog-date {	
	color: #4a5b68;
	font-size: 11px;
	margin-bottom: 10px;
}
.blog-date a {	
	color: #4a5b68;
	text-decoration: underline;
}
.blog-date a:hover {	
	color: #1d79bf;
	text-decoration: none;
}

/************************* HTML **************************/
.left {
	float:  left;
}
.right {
	float:  right;
}
.last {
	margin: 0;
}

.opener {

	color: #1276c2;
	font-weight: bold;
	padding: 10px;
	background-color: #eceef0;
	border-left: 4px #d3d9e0 solid;
	line-height: 18px;
	margin-bottom: 30px;
}
.opener b {
	font-weight:normal;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #3592d7;
	text-decoration: none;
}

#breadcrumbs {
	color: #9fa6ae;
	width:  1000px;
	margin:  5px auto 20px;
	font-size:  11px;
	text-align: left;
}	
#breadcrumbs a {
	color: #9fa6ae;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #333;
	text-decoration: none;
}


a.btn-blue {
  color: #fff;
  display:inline-block;
  margin: 10px 0 0;
  padding: 4px 16px 2px 8px;
  width: auto;
  background: #499fe1 url(../images/arrow-white1.png) right center no-repeat;
  float: left;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration:  none;

}
a.btn-blue:hover { 
  background-color: #1d79bf;
  text-decoration:  none;
}

a.btn-grey {
  color: #fff;
  display:inline-block;
  margin: 15px 0 0;
  padding: 3px 16px 3px 8px;
  width: auto;
  background: #494941 url(../images/arrow-white1.png) right center no-repeat;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration:  none;

}
a.btn-grey:hover { 
  background-color: #64645c;
  text-decoration:  none;
}	

a.btn-arrow {
  color: #fff;
  display:inline-block;
  margin: 2px 0 0;
  padding: 3px 16px 3px 8px;
  width: auto;
  background: transparent url(../images/details-arrow.png) right center no-repeat;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration:  none;

}
a.btn-arrow:hover { 
  background: transparent url(../images/details-arrow-over.png) right center no-repeat;
	text-decoration:  none;
}

a.btn-services {
  color: #fff;
  display: block;
  margin: 10px 0 0;
  padding: 4px 16px 3px 8px;
  width: 120px;
  background: #1d79bf url(../images/arrow-white1.png) right center no-repeat;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration:  none;

}
a.btn-services:hover { 
  background-color: #499fe1;
  text-decoration:  none;
}	

p {
	margin:  0 0 12px;
}

.divider {
	display: block;
	height: 10px;
	margin-bottom: 1px;
	border-bottom: 1px #888 dotted;
	clear: both;
}

h1 {
	font-size: 32px;
	color:  #56534a;
	font-weight: normal;
	margin:0;
	padding:0;
	margin: 0 0 16px;
	font-family: "CartoGothicStdBook", sans-serif;
	text-transform: uppercase;
}

h2 {
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	margin: 16px 0 3px;
	padding: 0;
	color: #1D79BF;
	text-transform: uppercase;
	font-family: "CartoGothicStdBook", sans-serif;
}
h2.big {
	margin: 30px 0 5px;
}
h2 span {
	float:right;
	text-transform: none;
	font-size:14px;
	color:#fff;
	background-color:#1D79BF;
	padding:3px 6px;
}

.member-header h2 {
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	margin: 0 10px 3px 0;
	padding: 0;
	color: #1D79BF;
	text-transform: uppercase;
	font-family: "CartoGothicStdBook", sans-serif;
	display: block;
	width: 250px;
	float: left;
}

h3 {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 4px;
	padding:0;
	font-family: "CartoGothicStdBook", sans-serif;
	color: #5caae6;
}

h4 {
	font-size: 14px;
	font-weight: normal;
	color: #4a5b68;
	margin:0;
	padding:0;
	font-family: "CartoGothicStdBook", sans-serif;
}

#footer h2 {
	font-size: 16px;
	font-family: "CartoGothicStdBook", sans-serif;
	font-weight:  normal;
	color: #1D79BF;
}


img.mainIMG {
	padding: 4px;
	margin: 0 0 16px;
	border: 1px #ccc solid;
}

.opener ul li {
	list-style: url(../images/arrow_blue.png);
	margin: 5px 0 5px 20px;
}

 ul.advantages li {
	list-style: url(../images/arrow_blue.png);
	margin: 3px 0 3px 20px;
}

.pricing {
	width: 610px;
	margin: 0 0 6px;
	padding: 8px 5px;
	background-color: #eceef0;
}
.pricing .price {
	float: right;
	font-size: 13px;
	font-weight: normal;
}

.pricing h3 {
	font-size: 14px;
	color: #333;
	margin: 0;
}

.formorganizing {
	width: 610px;
	margin: 7px auto;
	padding: 8px;
	background-color: #eceef0;
	text-align:left;
	
	}
	
h1.formtitles, h2.formtitles {
	border-bottom: 1px dashed #ccc;
	
	width:610px;
	margin:19px auto 0 auto;
	}
h2.formcolors {
color:#025392;
}

/* ---- form field positioning --*/
#content-main-left {
width:900px;
margin:0 auto;
}
li.formlist {
display:block;
width:200px;
margin: 0 7px;
float:left;
}
.gap {
	clear: both;
	height: 12px;
}

/*************************** PRICE LIST **************************/

.pricelist {
	font-size: 14px;
	display: block;
	padding: 5px;
	background-color: #ECEEF0;
	margin: 0 0 6px;
}
.item {
	float: left;
	text-transform: uppercase;
	display: inline-block;
	width: 400px;
}
.item2 {
	float: left;
	text-transform: uppercase;
	display: inline-block;
	width: 250px;
}
.item3 {
	float: left;
	text-transform: uppercase;
	display: inline-block;
	width: 310px;
}
.amount {
	float: left;
	width: 150px;
}
.amount b {
	font-weight:  bold;
}
.amountshort {
	float: left;
	width: 120px;
}
.amountlong {
	float: left;
	width: 180px;
}

a.pricelist-details {
	display: inline-block;
	float: right;
	color: #fff;
	text-decoration: none;
	width: auto;
	background: transparent url(../images/link-arrow.png) right center no-repeat;
	padding: 0 10px 0 5px;
	font-size: 11px;
	line-height: 20px;
}

.member-header {
	margin-top:  25px;
	color:  #1D79BF;
}

/*************************** FORMS **************************/

/*------------------ ORDER FORM ------------------*/

.order-form {
		/*border-top: 1px #aaa dotted;
		border-bottom: 1px #aaa dotted;
		background-color: #ECEEF0;*/
		border: 1px #999 dashed;
		margin: 0 0 30px;
		padding: 0 5px;
		width: 920px;
}
.order-row {
	display: block;
	width: 900px;
	clear: both;
	margin: 5px 0;
	padding: 10px;
	background-color: #ECEEF0;
	}
.order-row .col140 {
	float: left;
	width: 140px;
	padding-top: 5px;
}
.order-row .col500 {
	float: left;
	width: 500px;
}
.order-row .col640 {
	float: left;
	width: 640px;
}
.input_field {
	padding: 3px;
}
.order-form h3 {
	margin: 20px 0 0 10px;
}
.order-form h3.first {
	margin: 8px 0 0 10px;
}

.surcharges {
	text-align: center;
}

a.submit-your-order, input#submit-order, input.submit-your-order {
	display: block;
	width: 228px;
	height: 70px;
	background: url(../images/btn_submit-your-order.jpg) center no-repeat;
	text-indent: -9999px;
	margin: 30px auto;
	border: none;
}
a.submit-your-order:hover, input#submit-order:hover, input.submit-your-order:hover {
	background: url(../images/btn_submit-your-order-over.jpg) center no-repeat;
	text-indent: -9999px;
}


#content-centered form {
	margin: 20px 0 0;
	clear: both;
	display: block;
}

.form-container, .payment-container {
	display: block;
	/*background: #d8e5ef;*/
	background: #eff5f8 url(../images/form_gradient.jpg) bottom center repeat-x;
	padding: 10px;
	text-align: left;
	margin: 10px 0 30px;
	border:  1px #b4cad9 solid;
	border-radius: 6px 6px 6px 6px;
	color:  #444;
}
.form-container h2 {
	font-size: 18px;
	margin: 0 0 5px;
	font-weight: normal;
	color: #333;
	text-transform: inherit;
}

.form-container h3 {
	width: 130px;
	display: inline-block;
	margin: 0 0 5px;
	font-weight: normal;
	clear: left;
}

.payment-container h2 {
	margin:  5px 0 10px;
}
.notes {
	width: auto;
	display: block;
	margin-bottom: 10px;
	font-weight: normal;
	clear: left;
	color: #6e7d88;
	font-style: italic;
}
.inedent {
	margin-left: 135px;
}
.form-container input, .form-container textaera {
	padding: 8px;
	color: #444;
	border: 1px #b8cad8 solid;
}

.payment-container input, .payment-container textaera {
	padding: 4px;
	color: #444;
	border: 1px #b8cad8 solid;
}

.field {
	margin: 10px 0 20px;
}
.field-last {
	margin: 10px 0 10px;
}

/*.field-checkout {
	margin: 0 0 15px;
}
.field-checkout-last {
	margin: 0 0 5px;
	padding: 5px 0 0;
	border-top: 1px #a6c0d1 solid;
}*/


.asterix {
	color: #ae3b02;
}

a.form-button {
    width: 334px;
	height: 36px;
	background: transparent url(../images/form-button.png) no-repeat;
    color: #fff;
    display: block;
    font-size: 18px;
    margin: 10px auto;
    padding: 18px 8px 0px;
    text-decoration: none;
    text-transform: uppercase;
	text-align: center;
}
a.form-button:hover {
	text-decoratino: none;
	color: #074471;
}

#search-area {
	display: block;
	width: 500px;
	height: 150px;
	background-color: #fff;
	overflow: auto;
	padding: 10px;
	border: 1px #b8cad8 solid;
}

a.upgrade {
	display: block;
	float:  right;
	width: 566px;
	height: 80px;
	background: fff;
	border: 2px #b8cad8 solid;
	margin: 0 0 20px;
	text-indent:  -9999px;
	text-decoration: none;
}

.checkbox-upgrade {
	width:  20px;
	padding:  35px 0 0;
	float:  left;
}

.base {background: url(../images/banner_base.jpg) center no-repeat;}
.professional {background: url(../images/banner_professional.jpg) center no-repeat;}
.premium {background: url(../images/banner_premium.jpg) center no-repeat;}

#help-box {
	width:  600px;
	height:  auto;
	padding: 5px 0 20px;
	margin:  50px 0 0;
	color:  #555;
	border: 1px #56534a dashed;
	text-align:  center;
}

/*.checkout-item {
	float: left;
	display: inline-block;
	font-size: 14px;
	margin: 0 0 0px;
}
.checkout-item  .notes {
	width: 500px;
	font-size: 13px;
	margin-bottom: 0;
}

.checkout-price {
	float: right;
	display: inline-block;
	font-size: 14px;
	margin: 0 0 0px;
}
.total {
	font-weight: bold;
	font-size: 16px;
}


.checkout {
	width: 600px;
	padding: 0 0 10px;
	margin:  15px auto 0;
	border-bottom: 1px #b7cddb solid;
	clear:  both;
}

.checkout-item {
	float:  left;
	width:  500px;
	text-align:  left;
	clear:  left;
	font-size: 16px;
}

.checkout-price {
	float:  right;
	width:  100px;
	text-align:  right;
	clear:  right;
	font-size: 16px;
}
.checkout-description, .payment-description {
	font-style: italic;
	color: #6E7D88;
	font-size: 12px;
}

.total {
	font-weight:  bold;
	text-transform:  uppercase;
}

.payment {
	margin: 5px 0;
	clear:  both;
}
.payment-title {
	width:  120px;
	margin:  5px 0;
	float: left;
	text-align:  left;
}
.payment-field {
	float:  left;
	width: 420px;
}*/

/* as it's nowhere else - for the floorplans page. */
.lineheight {
	line-height: 20px;
	}
.sepline {
	
	border-bottom:1px solid #D7DBDC;
	padding: 10px 0;
	}
	
.centering {
	text-align:center;
	}

	/* video tour page defs */
.videopricing li{
	float:left;
	display:inline;
	color:#1973d5;
	font-size:16px;
	text-align:center;
	width:200px;
	
	}
	.grey {
	color:#7b7b7b;
	}
	
	/* VT page defs */
	.vtpricing li {
		float:left;
	display:inline;
	color:#1973d5;
	font-size:16px;
	text-align:center;
	padding:4px 10px;
	width:180px;
	}
	
.clearboth {
clear:both;
}
	
	/* branding page defs */
.brandpricing li {
	float:left;
	display:inline;
	color:#1973d5;
	font-size:16px;
	text-align:center;
	padding:4px 10px;
	width:280px;
	}
.clearsepline {
	clear:both;
	border-bottom:1px solid #D7DBDC;
	padding:10px 0 !important;
	}
.margintop {
		margin-top:25px;
		}
.starred {
	clear:both;
	padding-top:5px;
	font-size:11px;
	color:#7b7b7b;
	}
/* travel section defs */
.travellist {
	color:#1973d5;
	font-size:16px;
	}
.morefloat {
float:right;
}

/* SIGNUP */
#form-wrapper {
   margin: 0 auto;
   width: 868px;
   position: relative;
}


#websitedetails {
   position: absolute;
   z-index: 1;
   -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
   background-color: #ffe5e5;
   border: 1px solid #ffb2b2;
   padding: 10px 5px 10px 60px;
   top: 18px;
   left: 650px;
   width: 112px;
}

#websitedetails  h1{
   margin: 0 0 5px 0;
   padding: 0;
   font-size: 18px;
   font-weight: bold;
   color: #555;
   text-transform: none;
   text-shadow: 0 1px 1px rgba(255,255,255,0.25);
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


#install-container {
    width: 700px;
    height: 100%;
    margin: 30px auto 0 auto;
}

.steps {
    position: relative;
    width: 5000px;
}

.step {
    float: left;
    display: block;
    width: 660px;
    padding: 20px 20px 50px 20px;
    text-align: left;
}

.step .help {
    float: right;
    display: block;
    margin-top: 20px;
    padding: 6px 9px;
    font-size: 10px;
    font-weight: bold;
    color: #869BA6;
    text-decoration: none;
    background-color: #D1E3ED;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.step .help:hover {
    color: #316480;
}

.step h1 {
    margin: 15px 0 10px 10px;
    font-size: 32px;
    color: #444;
}

.step h1 .number {
    padding-right: 10px;
    font-size: 30px;
    color: #1D79BF;
}

.step-desc {
    margin: 0 0 20px 0;
    padding: 0 15px;
    line-height: 1.4em;
    color: #444;
}

.information {
    padding: 15px;
    line-height: 1.4em;
    color: #444;
}


#install-form {
    position: relative;
    overflow: hidden;
    width: 700px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #EEE;
    border: 1px solid #DDD;
    z-index: 10;
}

#install-form fieldset {
    padding: 15px;
13874}

#install-form label {
        display: block;
        margin-bottom: 9px;
        font-size: 12px;
        color: #404040;
}

#install-form .instruction {
    font-size: 11px;
    color: #666;
    font-style: italic;
	line-height: 18px;
}

#install-form input.medium {
        display: block;
        width: 290px;
        margin-top: 3px;
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        background: url(/tpl/includes/images/form-input-text-300.png) no-repeat left top;
        border: none;
}

#install-form select {
        margin-top: 3px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
}


.error {
    display: inline-block !important;
    margin-bottom: -5px;
    padding: 6px;
    color: #FFF;
	font-size: 11px;
    background-color: #d22328;
    /*border-bottom: 2px solid #be1a1e;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;*/
	border: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#order-main {
	color: #1D79BF;
	font-weight: bold;
	display: block;
	margin: 5px 0 0;
}
#extras {
	display: block;
	margin: 5px 0 0;
}
#upgrades {
	display: block;
	margin: 5px 0 0;
}

.signuperror {
	display: none;
	margin-bottom: 10px;
	padding: 20px;
	color: #FFF;
	background-color: #CA3A26;
	border-bottom: 2px solid #B13321;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.signupfield label {
  float: left;
  display: block;
  width: 140px;
  padding-top: 10px;
}
	   
.signupfield {
  padding: 5px 0px;
}

input.medium2 {
        display: block;
        width: 290px;
        margin-top: 3px;
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        background: url(/tpl/includes/images/form-input-text-300.png) no-repeat left top;
        border: none;
}



.navigation {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
}

.navigation button {
    padding: 8px 20px;
    font-size: 17px;
    font-weight: bold;
    color: #FFF;
    background-color: #74C729;
    border: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    outline: none;
}

.navigation .prev {
    float: left;
    margin: 0 20px 0 10px;
    background-color: #888;
}
.navigation .prev:active {
    background-color: #666;
}

.navigation .next {
    float: right;
    margin: 0 10px 0 20px;
}
.navigation .next:active {
    background-color: #528D1D;
}

.navigation .submit {
    float: right;
    margin: 0 10px 0 20px;
    background-color: #316480;
}

.navigation .submit:active {
    background-color: #0066FF;
}


.replace {
    display: none;
}

/*--------------- CITY SEARCH -----------------*/

.search-details {
	width: 980px;
	margin: 0 auto 20px;
	padding: 5px 0 20px;
	border-bottom: 1px #6e7d88 solid;
}
.search-details img.photo {
	float: left;
	margin: 0 20px 10px 0;
	background: #ccc;
	border: 3px #ddd solid;
	width: 300px;
	height: 199px;
}
.search-address {
	float: left;
	margin: 0 0 10px 0;
	width: 340px; 
}
.search-address h1 {
	font-size: 18px;
	color: #1D79BF;
	font-weight: normal;
	margin: 0 0 10px;
}
.search-realtor {
	width: 300px;
	float: right;
	margin: 0;
}
.search-realtor img.photo {
	float: left;
	width: 90px;
	height: 120px;
	background: #ddd;
	margin: 0 10px 10px 0;
}
.realtor-info {
	float: left;
	width:300px;
}

a.button-gradient {
	display: inline-block;
	width: 148px;
	height: 24px;
	background: url(../images/btn-bluegrad.png) center no-repeat;
	font-family: "CartoGothicStdBook", sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 6px 6px 0;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	margin: 5px 6px 10px 0;
}
a.button-gradient:hover {
	background: url(../images/btn-bluegrad-over.png) center no-repeat;
	text-decoration: none;
}

/*-------------------- CLIENTS ----------------------*/

.featured-client {
	width: 600px;
	background-color: #e0e5e9;
	padding: 8px;
	clear: both;
	margin: 0 0 20px;
	position: relative;
}
.featured-client  img.photo {
	float: left;
	height: 145px;
	width: 120px;
	background: #333;
	margin: 0 20px 0 0;
}
.feat-info {
	float: left;
	width: 350px;
}
.feat-icons {
	float: right;
	margin: 40px 0 0;
}
.feat-icons img {
	border: none;
}
.feat-banner {
	position: absolute;
	top: -2px;
	right: 10px;
	width: 60px;
	height: 36px;
	background: url(../images/featured.png) top center no-repeat;
}

.client-list {
	display: block;
	padding: 3px 5px;
	margin: 0;
	width: 100%;
}
.odd {
	background-color: #e0e5e9;
}
.client-list span {
	color: #627482;
	font-style: italic;
	margin-left: 2px;
}
a.web {
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: url(../images/16x16-web.png) center no-repeat;
	margin: 1px 5px 0 0;
}


.sidenote {
	font-style: italic;
	color: #858a8d;
}



/*--------------- CONTENT ACCORDION -----------------*/

ul#acc li h3 {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	border-left: 4px #0c6ab0 solid;
	background: #68aee3 url(../images/features-arrow.png) right center no-repeat;
	margin: 0 0 4px;
	text-decoration: none;
	margin: 8px 0 0;
}

* {margin:0; padding:0; font:12px Verdana,Arial}
code {font-family:"Courier New",Courier}

#options {margin: 10px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

#acc {list-style:none; color:#033; margin:0 auto 40px}
#acc h3 {padding:6px 6px 8px; font-weight:normal; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#acc h3:hover {background: #318bcf url(../images/features-arrow.png) right center no-repeat;}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {padding:6px 10px 10px; border:1px solid #D7DBDC; border-top:none; background:#fff; margin-bottom: 5px;}

#nested {list-style:none; color:#033; margin-bottom:15px}
#nested h3 {border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested h3:hover {background:url(images/header_over.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(images/header_over.gif)}


img.teamphoto {
		float: left;
		margin: 0 20px 10px 0;
		border: 4px #338ed3 solid;
		width: 150px;
		height: 150px;
}


.add-on-info {
	border: 1px dashed #666666;
    color: #555555;
    display: block;
    font-family: Arial,Helvetica,Tahoma,sans-serif;
    font-size: 10px;
    line-height: 13px;
    padding: 3px;
    text-transform: uppercase;
}

.noborder {
	border:  none !important;
}

ul.service-list li {
	list-style: disc;
	margin-left: 15px;
	padding:  3px 0;
}

ul.service-list ul {
	margin: 5px 0;
}


ul.service-list ul li {
	list-style: circle;
	margin-left: 30px;
	padding:  3px 0;
}

/* small, disclaimer-like text for only in vancouver lines*/
.onlyinvan {
float:right;
font-size:12px;
padding:0 20px 0 0;
margin:-16px;
}
.tiny-onlyinvan {
float:right;
background:none;
color:#000;
font-size:9px;
margin-top:8px;
}
.form-onlyinvan {
float:right;
font-size:9px;
padding-right:205px;
margin-top:-15px;
}