/* DEFAULTS */
body { font-family:Arial, Helvetica, Sans-Serif; font-size:13px; color:#555555; line-height:140%; }
img { border:none; }
a { text-decoration:none; color:#738A31; }
a:hover { color:#576725; }

h1, h2 { font-size:24px; font-weight:normal; font-style:normal; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#799B02; margin:0 0 18px; padding:0; }
h3, h4, h5 { font-family:"Trebuchet MS", Arial, Helvetica, Sans-Serif; font-weight:bold; color:#333333; margin:0; padding:0;  }
h3 { font-size:17px; }
h4 { font-size:15px; }
h5 { font-size:13px; }

h3.icon21, h4.icon21, h5.icon21 { line-height:21px; }
h3.icon21 img, h4.icon21 img, h5.icon21 img { float:left; margin:0 8px 0 0; }


/* LAYOUT */
html { margin:0; padding:0; min-width:1012px; }
body { margin:0; padding:0; background:#191A1C url(/images/bg.jpg) center top no-repeat;  }

#wrapper { width:1012px; margin:0 auto; padding:0; }
#header { height:150px; width:980px; padding:0 16px; margin:0; background:url(/images/header-bg.png) center bottom no-repeat; position:relative; }
#content { min-height:450px; width:980px; padding:0 16px; margin:0; background:url(/images/content-bg.png) center top repeat-y; overflow:auto; }
#footer { height:200px; width:980px; padding:26px 16px 0; margin:0; background:url(/images/footer-bg.png) center top no-repeat; }

#header .logo { position:absolute; left:16px; top:23px;  }
#header .getstarted { position:absolute; top:39px; right:16px; }

#header ul.nav { list-style:none; padding:0; margin:0; width:930px; position:absolute; bottom:12px; left:25px;  }
#header ul.nav li { display:block; float:left; width:auto; height:25px; padding:0; margin:0 5px; }
#header ul.nav li a { display:block; height:25px; padding:0 5px 0; margin:0; line-height:25px; background:url(/images/btns/nav-r.png) right top no-repeat; color:#FFF; font-size:13px; font-family:Verdana, Arial, Helvetica, Sans-Serif; text-decoration:none; text-transform:uppercase; }
#header ul.nav li a:hover { background-position:right -25px; }
#header ul.nav li a span { padding:0 2px 0 7px; margin:0; background:url(/images/btns/nav-l.png) left top no-repeat; display:block; height:25px;  }
#header ul.nav li a:hover span { background-position:left -25px; }

#content #content-left { float:left; width:627px; margin:30px; }
#content #content-right { float:right; margin:30px 18px 30px 0; width:275px; }
  
  
/* MASTHEAD */
#content #masthead-home { padding:30px 490px 30px 30px; height:275px; position:relative; background:url(/images/comp-prev.jpg) right top no-repeat; }
#content #masthead-home .title { position:relative; z-index:2; }
#content #masthead-home .comp-preview { width:369px; height:228px; position:absolute !important; top:37px; right:80px; overflow:hidden; }
#content #masthead-home .comp-preview li { border-top: none; }
#content #masthead-home ul { list-style:none; padding:0; margin:0; font-size:13px; font-weight:bold; line-height:28px; color:#333333; }
#content #masthead-home ul li { padding:0; margin:0; padding:8px 0; border-top:1px #999999 dashed; }
#content #masthead-home ul li:first-child { border-top:none; }
#content #masthead-home ul li img { float:left; margin:0 8px 0 0; }


/* BANNER */
#content #banner { height:100px; width:100%; background:url(/images/banner-bg.png) center top repeat-x; position:relative; }
#content #banner a.btn-free-quote { position:absolute; right:18px; top:19px; }
#content #banner .title, #content #banner h3, #content #banner h2, #content #banner h1 { font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:24px; color:#F9F9F9; font-weight:normal; padding:0; margin:0; font-style:normal; height:35px; line-height:35px; position:absolute; top:32px; left:30px; display:block; text-transform:uppercase; }


/* FOOTER */
#footer { color:#CCCCCC; }
#footer a { color:#CCCCCC; }
#footer a:hover { color:#B5DB02; }

#footer .footer-news { width:460px; margin:0 20px 0 0; padding:0; float:left; font-size:12px;  }
#footer .footer-news .footer-news-title { height:28px; line-height:28px; font-size:14px; margin:0 0 10px 0; }
#footer .footer-news .footer-news-title img { float:left; margin:0 8px 0 0; display:block;  }
#footer .footer-news .footer-news-item { border-top:1px solid #666666; padding:8px 0; color:#999999; }
#footer .footer-news .footer-news-item a { color:#9FC302; }
#footer .footer-news .footer-news-item a:hover { color:#B5DB02; }
#footer .footer-news .footer-news-item p { padding:0; margin:4px 0; }

#footer .footer-resources { float:left; width:260px; margin:0 20px 0 0; }
#footer .footer-resources div.title { height:28px; line-height:28px; font-size:14px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #666; }
#footer .footer-resources a { display:block; }
#footer .footer-resources a:hover {  }

#footer .footer-contact { float:left; width:220px; margin:0; }
#footer .footer-contact div { line-height:22px; height:22px; margin:0 0 8px 0; font-size:14px; }
#footer .footer-contact div img { float:left; margin:0 8px 0 6px; }
#footer .footer-contact div.title { height:28px; line-height:28px; font-size:14px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #666; }
#footer .footer-contact div.title img { float:left; margin:0 8px 0 0; }

#footer .footer { border-top:1px solid #666666; margin:15px 0 0; padding:15px 0 40px; }
#footer .footer .smlink { float:right; }
#footer .footer .nav {  }
#footer .footer .nav a { padding:0 8px; margin:0; border-left:1px solid #CCC; display:block; float:left; width:auto; height:16px; line-height:16px; }
#footer .footer .nav a:first-child { border-left:none; padding-left:0; } 
#footer .footer .copyright { clear:left; padding-top:3px; }


/* BUTTONS */
.btn-a1, .btn-a2 { display:block; height:19px; line-height:19px; padding:1px 27px 3px 15px; margin:0; color:#666; font-size:11px; font-weight:bold; font-style:normal; font-family:Arial, Helvetica, Sans-Serif; text-decoration:none; text-transform:uppercase; border:none; overflow:hidden; }
.btn-a1 { width:341px; background:url(/images/btns/btn-a1.png) left top no-repeat; text-align:center; }
.btn-a2 { width:170px; background:url(/images/btns/btn-a2.png) left top no-repeat; }
.btn-a1:hover, .btn-a2:hover { background-position:left -23px; color:#555; }
.btn-a1 img, .btn-a2 img { float:left; margin:2px 6px 1px 0; height:16px; width:auto; }

.btn-b { display:block; width:221px; height:38px; color:#FFF; font-weight:normal; font-size:18px; text-align:center; line-height:38px; background:url(/images/btns/btn-b.png) center top no-repeat; text-decoration:none; border:none; padding:0; margin:0; }
.btn-b:hover { background-position:center -38px; }

.btn-free-quote { width:402px; height:61px; background:url(/images/btns/free-quote.png) center top no-repeat; display:block; }
.btn-free-quote:hover { background-position:center -61px; }
.btn-free-quote span { display:none; }



/* ITEMS */
.learn-more { background:#FCFCFC url(/images/learn-more-bg.png) right top repeat-y; width:253px; border:1px solid #A0C704; padding:10px;  }
.learn-more h2 { margin-bottom:6px; }
.learn-more .submit-form-table { width:253px; margin:8px 0; }
.learn-more .submit-form-row {  }
.learn-more .submit-form-label-cell { text-align:right; padding:8px 0; }
.learn-more .submit-form-input-cell { width:145px; }
.learn-more .submit-form-input-cell input[type="text"] { padding:5px; background:#FFF; border:1px solid #83A302; color:#666; width:145px; }
.learn-more .submit-form-validate-cell { width:20px; }
.learn-more .btn-b {  }
.learn-more .form-success { display:block; padding:25px 8px; color:#990000; text-align:center; }

.content-left-white { border:1px solid #DDD; background:#FFF; padding:10px; margin:0 -10px 15px; width:627px; }
.content-right-white { border:1px solid #DDD; background:#FFF; padding:10px; margin:0 0 15px; width:253px; }
.content-white { border:1px solid #DDD; background:#FFF; padding:20px; margin:30px; width:878px; }
.content-padded { padding:30px; }


/* PAGE: real-estate-websites */
.templates .rew-example-row .rew-example { height:auto; font-weight:normal; }
.templates .rew-example-row .rew-example a.zoom { font-size:14px; color:#fff; background:#444; display:block; font-weight:bold; }
.templates .rew-example-row .rew-example a.zoom:hover { color:#e0e0e0; }
.rew-example-row { margin:15px 0 0; }
.rew-example-row .rew-example { margin-right:4px; padding:2px; border:1px solid #CCCCCC; width:200px; height:173px; float:left; background:#F9F9F9; font-family:Trebuchet MS, Arial, Sans-Serif; font-weight:bold; font-size:13px; text-align:center; line-height:26px;  }
.rew-example-row .rew-example.last { margin-right:0; }

.rew-feature-row { position:relative; margin:0; padding:15px 0; border-top:1px dashed #999; }
.rew-feature-row.first { border-top:none; padding-top:0; }
.rew-feature-row img { position:absolute; top:0; bottom:0; width:65px; height:65px; margin:auto; }
.rew-feature-row h4 { margin:0 0 4px 80px; padding:0; color:#666; }
.rew-feature-row p { margin:0 0 0 80px; padding:0; }

/* PAGE: online-marketing */
.om-sem-plans { border-top:1px dashed #999; padding:10px 0 0; margin:10px 0 0; }
.om-sem-plan { float:left; width:182px; padding:13px; }
.om-sem-plan h4 { text-align:center; font-size:18px; }
.om-sem-plan .price { text-align:center; display:block; padding:6px 0; border-bottom:1px solid #999; color:#799B02; font-size:18px; }
.om-sem-plan ul { padding:8px 3px 8px 22px; margin:0; font-size:12px; border-bottom:1px solid #999; height:218px; }
.om-sem-plan ul li { padding:0; margin:0; }
.om-sem-plan p { padding:5px; margin:0; }

.email-pricing { margin:15px auto; }
.email-pricing .row { padding:3px; height:20px; clear:left; border-bottom:1px solid #ccc; }
.email-pricing .row.monthly { background:#DBE5F1; border-top:1px solid #333; }
.email-pricing .row.asyousend { background:#EAF1DD; border-top:1px solid #333; }

.email-pricing .cell { float:left; width: 190px; }
.email-pricing .cell.title { font-weight:bold; }


/* PAGE: request-a-quote */
.request-a-quote { background:#FFF url(/images/soldsign.jpg) right 12px no-repeat; min-height:400px; }
.request-a-quote h2 { padding:0; margin:0 0 5px; }
.request-a-quote h5 { margin-bottom:12px; font-weight:normal; }
.request-a-quote .submit-form-table { margin:8px 0; }
.request-a-quote .submit-form-row {  }
.request-a-quote .submit-form-label-cell { width:250px; text-align:right; padding:8px 5px 8px 0; font-weight:bold; }
.request-a-quote .submit-form-input-cell { width:250px; }
.request-a-quote .submit-form-input-cell input[type="text"], .request-a-quote .submit-form-input-cell textarea  { padding:5px; background:#F7FAF5; border:1px solid #83A302; color:#666; width:250px; }
.request-a-quote .submit-form-input-cell textarea { height:125px; }
.request-a-quote .submit-form-validate-cell { width:20px; }
.request-a-quote .form-success { display:block; padding:25px 0 0; }
.request-a-quote .form-success h3, .request-a-quote .form-success p { margin:4px; padding:0; }

/* PAGE: contact */
.contact-form {  }
.contact-form .submit-form-table { margin:8px 0; }
.contact-form .submit-form-row {  }
.contact-form .submit-form-label-cell { width:125px; text-align:right; padding:8px 5px 8px 0; font-weight:bold; }
.contact-form .submit-form-input-cell { width:300px; }
.contact-form .submit-form-input-cell input[type="text"], .contact-form .submit-form-input-cell textarea, .contact-form .submit-form-input-cell select  { padding:5px; background:#F5F7F9; border:1px solid #CCC; color:#666; width:300px; }
.contact-form .submit-form-input-cell textarea { height:125px; }
.contact-form .submit-form-input-cell select { width:312px; }
.contact-form .submit-form-validate-cell { width:20px; }
.contact-form .form-success { display:block; padding:25px 0 0; }
.contact-form .form-success h3, .contact-form .form-success p { margin:4px; padding:0; }

.contact-info-right { background:#FFF; width:253px; border:1px solid #DDD; padding:10px;  }
.contact-info-right h3 { border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:5px 0; text-align:center; }


/* PAGE: portfolio */
.view-more { float:right; margin-top:14px; }
h2.portfolio { margin-bottom:10px; }
h3.portfolio { border-bottom:1px solid #333; padding-bottom:8px; }
.portfolio-row { margin:20px 0; }
.portfolio-item { float:left; width:293px; margin:0 0 0 20px; }
.portfolio-item.first { margin-left:0; }
.portfolio-item img { width:275px; height:200px; border:1px solid #e1e1e1; background:#FFF; padding:8px;  }
.portfolio-item h4 { padding:0; margin:5px 9px 0; color:#666;  }
.portfolio-item .portfolio-item-website { padding:0; margin:0 9px; font-style:italic; }
.portfolio-item p { padding:0; margin:5px 9px 0; }


/* PAGE: blog */
.blog-articles { width:auto;  }
	.blog-title { padding-left:15px; padding-right:15px; }
	.blog-description { padding-left:15px; padding-right:15px; }
	.blog-posts {  }
		.blog-post { margin:0; background:#FFF; border:#DDD 1px solid; padding:0 0 15px; width:auto; }
		.blog-posts .blog-post { margin-top:20px; }
		.blog-posts .blog-post:first-child { margin-top:0; }
		.blog-post:first-child { margin-top:0; }
			.blog-post-header { background:#FAFAFA; border-bottom:1px solid #DDD; margin:0 0 10px; padding:5px 15px; }
				.blog-post-title { font-family:Georgia, Arial, Helvetica, Sans-Serif; font-weight:normal; margin:0; padding:0; font-size:18px; line-height:30px; }
				.blog-post-title a { color:#666666; }
				.blog-post-title a:hover { color:#545454; }
				.blog-post-info { color:#7DA500; font-size:12px; margin:0; padding:0; }
					.blog-post-date { display:inline; }
					.blog-post-author, .blog-post-comment-count { margin-left:5px; padding-left:5px; border-left:1px solid #7DA500; display:inline; }
			.blog-post-body { padding-left:15px; padding-right:15px; line-height:150%; }
				.blog-post-read-more { margin-top:10px; }
					.blog-post-read-more a {  }
					.blog-post-read-more a:hover {  }
			
.blog-post-leave-comment { padding:15px; width:auto; margin-top:20px; background:#FFF; border:1px solid #DDD;  }
	.blog-post-leave-comment-title { font-weight:bold; margin:0 0 10px; padding:0; font-size:14px; text-align:center;  }
	.blog-post-leave-comment-table { margin:0 auto; }
		.blog-post-leave-comment-label { text-align:right; width:100px; }
		.blog-post-leave-comment-input { padding-right:100px; }
		.blog-post-leave-comment-input .btn-b { margin-left:auto; margin-right:auto; margin-top:10px; }
			.blog-post-leave-comment-input input[type="text"] { width:300px; border:1px solid #ccc; padding:6px; color:#999; }
			.blog-post-leave-comment-input textarea { width:300px; height:100px; border:1px solid #ccc; padding:6px; color:#999;  }
	.blog-post-leave-comment-success { text-align:center; }
			
.blog-post-comments { margin-top:20px; border:1px solid #DDD; border-bottom:none; width:auto; }
	.blog-post-comment { padding:10px; background:#FFF; border-bottom:1px solid #ccc; }
		.blog-post-comment-header { margin-bottom:8px; }
			.blog-post-comment-author { font-size:16px; }
			.blog-post-comment-author a { padding-right:12px; background:url(/images/goto.png) no-repeat center right; }
			.blog-post-comment-date { color:#bbb; font-size:10px; }
		.blog-post-comment-message {  }
		
.prev-next-buttons { width:220px; height:30px; padding:0; margin:0 auto; }
.prev-next-buttons a { float:left; height:29px; width:80px; display:block; padding-top:1px; line-height:28px; text-decoration:none; font-size:12px; font-weight:bold; color:#666; }
a.btn-prev { background:url(/images/btn-prev.png) no-repeat top left; text-align:right; padding-right:30px; }
a:hover.btn-prev { background-position:0 -30px; }
a.btn-next { background:url(/images/btn-next.png) no-repeat top left; padding-left:30px; float:right; }
a:hover.btn-next { background-position:0 -30px; }
		
.blog-articles .prev-next-buttons { margin-top:15px; }
.blog-articles .prev-next-buttons a.disabled { background-position:top left; color:#AAA; }

.blog-category-block-item { background:url(/images/icon-blog-category.png) no-repeat center left;  border-top:1px solid #ccc; padding:6px 0 6px 20px; margin:0; }
.blog-category-block-item:first-child { border-top:none; }
.blog-recent-posts-item { background:url(/images/icon-blog-post.png) no-repeat center left; border-top:1px solid #ccc; padding:6px 0 6px 20px; margin:0; }
.blog-recent-posts-item:first-child { border-top:none; }
.blog-related-posts-item { background:url(/images/icon-blog-post.png) no-repeat center left; border-top:1px solid #ccc; padding:6px 0 6px 20px; margin:0; }
.blog-related-posts-items .blog-related-posts-item:first-child { border-bottom:none; }
.blog-related-posts-category-title { background:url(/images/icon-blog-category.png) no-repeat center left;  border-bottom:1px solid #ccc; padding:6px 0 6px 20px; margin:10px 0 0; font-weight:bold; }
.blog-category-block-title, .blog-recent-posts-title, .blog-related-posts-title { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; margin:0 0 10px; padding:0; color:#666; text-align:center; }
.blog-related-posts-title { margin-bottom:0; }


/* UTILITY */
.clear { clear:both; }
.img-left { float:left; margin:0 15px 15px 0; }
.img-right { float:right; margin:0 0 15px 15px; }
.centered { display:block; margin-left:auto; margin-right:auto; }
.vspaced { margin-top:15px; margin-bottom:15px; }
.border-top-dashed { border-top:1px dashed #999; margin-top:15px; padding-top:15px; }
p.no-top { padding-top:0; margin-top:5px; }