/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body{font:12px "Trebuchet MS", verdana, arial, helvetica, sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}


.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
img,div,span,a,p,h1,h2,h3,h4,h5,h6 {behavior: url(/assets/templates/layout/iepngfix.htc)}

a			{text-decoration: none;}

/* =elements ***************************** 
a:link			{color: #de151a;text-decoration: underline;}
a:active		{color: #de151a;}
a:visited		{color: #de151a;}
a:hover		{color: #de151a; }
*/
a.rss {background: url(../images/icon-rss.gif) no-repeat 0 1px;padding: 0 0 0 25px;}
em {font-size: 107%;font-style: normal;font-weight: bold;}
.ditto_summaryPost span {margin: 5px 10px 3px 10px;font-size: 100%;display: block;}
div.job-info p {width:300px;margin:10px auto;}

/* =typography***************************** */
#main-content h1,h2,h3,h4,h5,h6 {margin: 30px 0px 10px;}
#main-content h1 {color: #008a2d;font-size: 167%;}
#main-content h2 {color: #00b73c;font-size: 144%;margin: 0px 0px 10px;}
#main-content h3 {color: #999;font-size: 129%;margin: 0px 0px 5px;}
#main-content h4 {color: #999;font-size: 114%;margin: 0px 0px 5px;}
#main-content h4 a {color: #999;text-decoration: none;}
/*#main-content p {margin: 0 10px 15px 10px;line-height: 1.6em;color: #3a3a3a;}*/
#main-content p	{color:#3a3a3a;margin: 0px 0px 10px;}
#main-content ul {margin: 15px 10px;list-style: none;}
#main-content ul li {line-height: 2em;color: #3a3a3a;background: url(../images/arrow.gif) no-repeat 0 .75em;padding: 0 0 0 15px;}


/* =home page***************************** */
#header.header-home {padding: 26px 0 0 0;}
#header #header-cta {width: 960px;margin: 0 auto;background: url(../images/illustration-home.jpg) no-repeat right top; padding: 30px 0 20px 0;}
#header #header-cta h1 {font-size: 28px;margin: 0 10px;color: #fff;width: 520px;}
#header #header-cta span#sub-text {margin: 10px;width: 390px;display: block;height: 24px;background: url(../images/heading-sub-cta.jpg) no-repeat 0 0;text-indent: -9999px;}
#header #header-cta p {color: #fff;width: 489px;font-size: 100%; line-height: 1.7em;margin: 10px;}
#header #header-cta a {display: block; width: 393px; margin: 0 10px;height: 35px;text-indent: -9999px; background: url(../images/cta-home-button.gif) no-repeat;}
#main-content-home {float: right; width: 960px;overflow: hidden;padding: 0 0 20px 0;}

ul#home-list {list-style: none;margin: 10px 0 0 0;}
ul#home-list li {width: 475px;background: url(../images/background-cardlet2.jpg) no-repeat 0 0;height: 223px;float: left;margin: 10px 5px 0 0;display: inline;position: relative;}
ul#home-list li h2 {color: #de151a;clear: both;margin: 20px 20px 5px;font-size: 144%;}
ul#home-list li p {padding: 0 0 30px 95px;font-size: 100%;line-height: 1.6em;margin: 10px 20px;color: #373737;}
ul#home-list li#paid-box p {background: url(../images/google-icon.jpg) no-repeat 0 0;}
ul#home-list li#search-box p {background: url(../images/html-icon.jpg) no-repeat 0 0;}
ul#home-list li#internet-box p {background: url(../images/paid-icon.jpg) no-repeat 0 0;}
ul#home-list li#social-box p {background: url(../images/facebook-icon.jpg) no-repeat 0 0;}
a.link-button {position: absolute; right: 17px; bottom: 15px;width: 225px; height: 25px;text-align: center;font-size: 92%;text-decoration: none;color: #de151a;text-decoration: underline;font-size: 100%;padding: 5px 0 0 0;}


#extra {background: #eaeaea url(../images/footer-sub-bg.gif) repeat-x top;clear: both;}
#extra-inner {width: 960px; margin: 0 auto 20px;padding: 40px 0 20px 0;}
#extra-inner div {margin: 0 0 0 20px;float: left;width: 300px;display: inline;}
#extra-inner div p {background: url(../images/icon-signup.png) no-repeat right 1em;color: #595a5b;line-height: 1.6em;padding: 10px 63px 0 0;width: 220px;overflow: hidden;}
#extra #extra-inner div h3 {font-size: 10px;color: #595a5b;border-bottom: 4px solid #dcdcdc;margin: 0 0 5px 0;padding: 0 0 3px 0;width: 300px;}
#extra #extra-inner #newsletter {margin: 5px 0 20px 0;}
#extra #extra-inner #newsletter label{color: #595a5b;font-weight: bold;padding: 0 0 0 0;line-height: 1.6em;}
#extra #extra-inner #newsletter input {float: left;}
#extra #extra-inner #newsletter input.button {margin: -4px 0 0 10px;}

#extra-inner ul#fresh-ideas {list-style: none;}
#extra-inner div ul#fresh-ideas li {float: left;margin: 10px 6px 0px 0;display: inline;}
#extra-inner div ul#fresh-ideas li a {display: block;width: 67px;height: 67px;background: #e2e2e2; border: 1px solid #a8a8a8;}

#extra-inner div ul#blog-posts {list-style: none;float: left;}
#extra-inner div ul#blog-posts li {float: left;margin: 10px 6px 0px 0;clear: both;width: 250px;}
#extra-inner div ul#blog-posts li a {display: block;background: url(../images/icon-blog.gif) no-repeat 0 0; padding: 0 0 0 25px;color: #595a5b;}
#extra-inner div a.rss {color: #005ae1;float: left; margin: 20px 0 0 2px;}


/* =tools pages***************************** */
#main-content-results h1,h2,h3,h4,h5,h6 {margin: 30px 10px 5px;}
#main-content-results h1 {color: #de151a;font-size: 167%;}
#main-content-results p {margin: 0 10px 15px 10px;line-height: 1.6em;color: #3a3a3a;}
#main-content-results table {font-size: 92%;width: 940px;margin: 20px auto;}
#main-content-results table td {padding: 7px 4px;}
#google {margin: 20px 0;}
#google table td {padding: 5px 10px;}
#saturation {margin: 10px 0 0 0;}
#saturation td {padding: 5px 10px;}
#main-content .tools {margin: 20px 10px;}
#main-content .tools table td {width: 250px;float: left;}
#main-content .tools table td label {color: #5e5e5e;font-weight: bold;display: block;margin: 0; padding: 0 0 5px 0;}
#main-content .tools table td input {margin: 0;padding: 0;}
#main-content .tools table td select {display: block;margin:10px 0 0 0;}

/* =top ctas ***************************** */
.cta-top {height: 137px;padding: 30px 360px 0 20px;}
.cta-top p {font-size: 114%;;color: #3a3a3a;line-height: 1.3em;}
.cta-top p#sifr-emphasis {font-weight: bold;font-size: 22px;color: #3a3a3a;margin: 0 0 3px 0;}

/* cta from 1 to 7 for main menu pages.... */
#cta-1 {background: url(../images/mortgage_robot.jpg) no-repeat 0 0;}
#cta-2 {background: url(../images/mortgage_robot.jpg) no-repeat 0 0;}
#cta-3 {background: url(../images/mortgage_robot.jpg) no-repeat 0 0;padding: 35px 355px 0 20px}
#cta-4 {background: url(../images/mortgage_robot.jpg) no-repeat 0 0;}
#cta-5 {background: url(../images/mortgage_robot.jpg) no-repeat 0 0;}
#cta-6 {background: url(../images/mortgage_robot.jpg) no-repeat 0 0;}
#cta-7 {background: url(../images/mortgage_robot.jpg) no-repeat 0 0;}

/* cta from 8 - 9999 you can use for sub pages */
#cta-8 {background: url(../images/mortgage2.jpg) no-repeat 0 0;}
#cta-9 {background: url(../images/mortgage3.jpg) no-repeat 0 0;}
#cta-10 {background: url(../images/mortgage4.jpg) no-repeat 0 0;}
#cta-11 {background: url(../images/mortgage5.jpg) no-repeat 0 0;}
#cta-12 {background: url(../images/mortgage6.jpg) no-repeat 0 0;}
#cta-13 {background: url(../images/mortgage7.jpg) no-repeat 0 0;}
#cta-14 {background: url(../images/mortgage8.jpg) no-repeat 0 0;}
#cta-15 {background: url(../images/mortgage9.jpg) no-repeat 0 0;}


/* =grids ***************************** */
#header {position: relative;padding: 26px 0 20px 0;background: #009933 url(../images/bg.jpg) repeat-x;border-bottom: 7px solid #009933;}
#header #navigation {position: relative;width: 960px;height: 53px;margin: 0 auto;}
#header #navigation a#logo {position: absolute;left: 0;top: 0;background: transparent url(../images/logo1.jpg) no-repeat 0 0;width: 204px; height: 70px;text-indent: -9999px;}
#header #navigation ul {padding: 6px 0 0 240px;list-style:none;}
#header #navigation ul li {float:left;}
#header #navigation ul li a {font-weight: bold;float: left;color: #fff;padding: 10px 14px;text-decoration: none;height: 16px;}
#header #navigation ul li a:hover {background: #5a5858;}
#header #navigation span {float: right;width: 165px; height: 25px;background: url(../images/refreshing-marketing.jpg) no-repeat;text-indent: -9999px;margin: 8px 0 0 0;}
#header img#top-pattern {position: absolute; top: -26px; right: 0;width: 131px; height: 26px;}

#body {width: 960px;margin: 0 auto;}


#main-content {float: right; width: 636px;overflow: hidden;padding: 0 0 50px 0;}

#main-content-left {float:left; width:370px;border:0px solid #ddd;}
#main-content-right {padding-top:10px;float:right; width:140px;border:0px solid #ddd;}




#side-content {float: left; width: 324px;padding: 0 0 100px 0;}
#side-content object {display: block; margin: 30px auto 0 auto;}
#side-content img {display: block; margin: 30px auto 0 auto;}
#side-content img.diagram {display: block; margin: 20px auto 0 auto;}
#side-content h3 {font-size: 18px;}
#side-content ul {list-style: none;width: 300px;margin: 30px auto 0 auto;border-top: 1px solid #ccc;}
#side-content ul li {display: inline;}
#side-content ul li a span {display: block;background: url(../images/arrow.gif) no-repeat .8em .9em;padding: 7px 0 7px 30px;width: 270px;}
#side-content ul li a {display: block; font-size: 100%;color: #000;text-decoration: none;border-bottom: 1px solid #ccc;}
#side-content ul li a:hover {background: url(../images/nav-sub-bg.gif) repeat-y right;}
#side-content ul li ul {border: none;margin: 0;}
#side-content ul li ul li a span {background: url(../images/arrow.gif) no-repeat 2.5em .9em;padding: 7px 0 7px 55px;width: 245px;}
#side-content address {line-height: 1.4em;margin: 3px 10px;color: #2e2e2e;}
#side-content #map {margin:20px auto -18px;border:1px solid #666;}
#side-content #marketing-handbook {width: 200px;margin: 30px auto 20px auto;padding: 5px 5px 15px 90px; border: 1px solid #b4b4b4;background: url(../images/book.jpg) no-repeat 5px 5px;}
#side-content #marketing-handbook h3 {color: #de151a;font-size: 107%;margin: 0; padding: 0;}
#side-content #marketing-handbook p {color: #595a5b;font-size: 85%;margin: 5px 0;}
#side-content #marketing-handbook a {font-size: 85%;line-height: 1.2em;display: block; margin: 3px 0 0 0;}
#side-content #side-placeholder {width: 298px;margin: 20px auto; border: 1px solid #b4b4b4;height: 150px;background: #efefef;}

#footer.footer-home {background: #404040 url(../images/footer-bg.gif) repeat-x top;clear: both;padding: 0;}
#footer {background: #404040 url(../images/footer_bg.jpg) repeat-x top;clear: both;padding: 42px 0 0 0;}
#footer-inner {width: 960px; margin: 0 auto;overflow: hidden;}
#footer-inner ul {list-style: none;float: left;width: 960px;margin: 8px 0;}
#footer-inner ul li {float: left;margin: 0 10px;}
#footer-inner ul li a {color: #fff; text-decoration: none;font-size: 92%;}
#footer-inner p {color: #dbdbdb;margin: 15px 10px 10px 10px;float: left;font-size: 92%;}
#footer-inner a.rss {color: #dbdbdb;margin: 0 10px;padding: 0 0 0 20px;}
#footer-inner a#back-to-top {float: right;width: 94px; height: 27px;text-indent: -9999px; background: url(../images/back-to-top.gif) no-repeat bottom;margin: 12px 0 0 0;}

/* =sIFR screen ***************************** */
.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: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] { display: none !important;}

/* =Forms ********************************** */
table.form th {padding:5px 15px 5px 10px;vertical-align:top;}
table.form td {padding:5px;}
table.form label {font-weight:normal;}

#main-content table.form h2 {margin-left:5px;}

/* =Case Studies **************************** */
#main-content #case-studies li {line-height:1.2em;margin:1em 0;background-position:0 0.43em;}


.clear {
	clear: both;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clear:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clear {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
 * html .clear {height: 1%;}
 .clear {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*new css stuff >>*/
div.desc{
background:url(../images/second_nav_slice.jpg) repeat-x bottom;
border-bottom:1px solid #949B9F;
padding:10px 10px 10px 10px;
display:block;
clear:both;
width:455px;
margin-top:15px;
}

.desc1 p a{
text-align:right;
display:block;
color:#333333;
font-weight:bold;
background:url(../images/second_nav_arrow.gif) no-repeat right;
padding-right:20px;
}

.desc h2{
font-family:Gill Sans MT,Arial,Helvetica,sans-serif;
color:#0D4C99;
font-size:18px;
margin:0px 0px 0px 50px !important;
padding:0px 0px 0px 10px;
xborder-left:solid 1px #949B9F;
font-weight:normal;
}
.desc p{
margin:0px 0px 0px 50px;
padding:8px 5px 0px 60px;
xborder-left:solid 1px #949B9F;
clear:none;
font-size:12px !important;
}
.desc p a{
text-align:right;
display:block;
color:#333333;
font-weight:bold;
background:url(../images/second_nav_arrow.gif) no-repeat right;
padding-right:20px;
}
.desc p a.pdf{
background:url(images/pdf-small.gif) no-repeat right;
}
.desc img{
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}