/* CSS Document */ body {font: 0.8em Tahoma, arial, sans-serif; background-color: #ded8c6; background-image: url(../images/bknd-slice.gif); background-repeat: repeat-x;} *{margin:0px; padding:0px; } #mainwrapper { width:990px; margin-left:auto; margin-right:auto; border: 5px solid #fff; margin-top: 4px; background-color: #fff; background-image: url(../images/faux1.gif); background-repeat: repeat-y; } #header {display: inline; width:990px; float: left; height: 150px; clear: none; background-color: #f4f1e0; } #logo_box { z-index: 3000; position: absolute; clear: both; margin-top: 75px; *margin-top: -75px; width: 260px; height: 155px; background-color: #f9f6ed; border-top: 1px solid #5a4131; border-right: 1px solid #5a4131; border-bottom: 1px solid #5a4131;} #nav_box {float: left; margin-top: 100px; width: 231px; background-color: #5a4131; margin-left: 12px; display: inline;} #nav_column {float: left; width: 244px; background-color: #5a4131; display: inline;} #contentarea {_padding-bottom: 10px; float:left; width:746px; background-color: #fff; clear: none; display: inline; } #contentarea h1 {clear: none; display: inline; float: left; margin-left: 40px; margin-top: 20px; font-family: Georgia, Serif; color: #000; font-size: 2.2em; font-weight:normal; margin-bottom:10px;} #contentarea h2 {display: inline; float: left; clear: both; margin-left: 40px; line-height: 1.3em; font-family: Tahoma, Sans-Serif; font-size: 1em; color: #C0861C; margin-bottom: 10px; } #contentarea h2 a {color: #c6b28d; font-weight: bold;} #contentarea h2 span {color: #577fa3; font-weight: bold;} #contentarea h2 a:hover {color: Red;} #contentarea h3 {display: inline; float: left; font-family: Tahoma; color: #C0861C; font-size: 1em; font-weight: bold;} #contentarea p {float: left; display: inline; margin-bottom: 10px; font-family: Tahoma, Arial, san-serif; font-size: 1em; } #contentarea p span {color: #000; font-weight: bold; font-style: normal;} #contentarea p a {color: #577fa3; font-weight: bold; font-style: normal;} #contentarea p a:hover {color: #c0861c;} #contentarea h2.heading {width: 500px; margin-top: 30px; display: inline; float: left; margin-left: 60px; line-height: 1.3em; font-family: Georgia; font-size: 1.1em; color: #c6b28d; margin-bottom: 10px; } #contentarea h2.heading2 {width: 650px; margin-top: 30px; display: inline; float: left; margin-left: 60px; line-height: 1.3em; font-family: Georgia; font-size: 1.1em; color: #c6b28d; margin-bottom: 10px; } #contentarea ul {margin-left: 70px; *margin-left: 55px;float: left; clear: left; display: inline; margin-bottom: 10px; margin-top: 10px; } #contentarea ul li {color: #000; font-size: 1em; list-style-type: disc; margin-bottom: 7px; *display: block; *list-style-position:outside; *margin-left: 20px;/*setting for IE7*/} #contentarea ul li a {color: #577fa3; font-weight: bold;} #contentarea ul li a:hover {color: #C0861C;} #contentarea2 {_padding-bottom: 10px; float:left; width:746px; background-color: #fff; clear: none; display: inline; } #contentarea2 h1 {clear: none; display: inline; float: left; margin-left: 40px; margin-top: 20px; font-family: Georgia, Serif; color: #000; font-size: 2.2em; font-weight:normal; margin-bottom:10px;} #contentarea2 p {float: left; display: inline; font-family: Tahoma, Arial, san-serif; font-size: 1em; } #contentarea2 p span {color: #000; font-weight: bold;} #contentarea2 a {color: #5a4131; font-weight: bold;} #contentarea2 a:hover {color: red; font-weight: bold;} #contentarea3 {_padding-bottom: 10px; float:left; width:746px; background-color: #fff; clear: none; display: inline; } #contentarea3 h1 {display: inline; float: left; margin-left: 40px; margin-top: 20px; font-family: Georgia, Serif; color: #000; font-size: 2.2em; font-weight:normal; margin-bottom:10px;} #contentarea3 h2 {display: inline; float: left; clear: both; margin-left: 42px; line-height: 1.3em; font-family: Tahoma, Sans-Serif; font-size: 1em; color: #C0861C; margin-bottom: 10px; } #contentarea3 h3 {float: left; display: inline; font-family: Tahoma, Arial, Sans-Serif; font-size: 1.2em; color: #5a4131;} #contentarea3 h4 {clear: left; font-weight: normal; line-height: 1.4em; float: left; display: inline; font-family: Tahoma, Arial, Sans-Serif; font-size: .9em; color:#000; margin-left: 40px; width: 450px;} #contentarea3 h4 span {color: #000; font-weight: bold;} #contentarea3 p { clear: left; margin-left: 43px; float: left; display: inline; margin-top: 10px;} #contentarea3 p span {color: #C0861C; font-weight: bold; font-style: normal; font-size: 1.0em; margin-right: 5px;} #contentarea3 p.last {margin-bottom: 10px;} #contentarea4 {_padding-bottom: 10px; float:left; width:746px; background-color: #fff; clear: none; display: inline; } #contentarea4 h1 {clear: none; display: inline; float: left; margin-left: 40px; margin-top: 20px; font-family: Georgia, Serif; color: #000; font-size: 2.2em; font-weight:normal; margin-bottom:5px;} #contentarea4 h2 {display: inline; float: left; clear: both; margin-left: 40px; line-height: 1.3em; font-family: Tahoma, Sans-Serif; font-size: 1em; color: #C0861C; margin-bottom: 5px; } #contentarea4 h3 {display: inline; float: left; clear: both; margin-left: 40px; line-height: 1.3em; font-family: Tahoma, Sans-Serif; font-size: .9em; color: #C0861C; margin-bottom: 10px; } #contentarea4 p {float: left; display: inline; font-family: Tahoma, Arial, san-serif; font-size: 1em; margin-bottom: 15px; } #contentarea4 ul {margin-left: 70px; float: left; clear: left; display: inline; margin-bottom: 15px; margin-top: 0px;} #contentarea4 ul li {color: #000; font-size: 1em; list-style-type: disc; line-height: 1.6em;} #contentarea4 a {color: #577fa3; font-weight: bold;} #contentarea4 a:hover {color: #C0861C;} #contentarea5 {_padding-bottom: 10px; float:left; width:746px; background-color: #fff; clear: none; display: inline; } #contentarea5 h1 {clear: none; display: inline; float: left; margin-left: 40px; margin-top: 20px; font-family: Georgia, Serif; color: #000; font-size: 2.2em; font-weight:normal; margin-bottom:10px;} #contentarea5 h2 {width: 600px;display: inline; float: left; clear: both; margin-left: 40px; line-height: 1.3em; font-family: Tahoma, Sans-Serif; font-size: 1em; color: #C0861C; margin-bottom: 5px; } #contentarea5 p {float: left; display: inline; margin-bottom: 10px; font-family: Tahoma, Arial, san-serif; font-size: 1em; } #contentarea5 ul {margin-left: 70px; *margin-left: 55px;float: left; clear: left; display: inline; margin-bottom: 10px; margin-top: 10px; } #contentarea5 ul li {color: #000; font-size: 1em; list-style-type: disc; margin-bottom: 7px; *display: block; *list-style-position:outside; *margin-left: 20px;/*setting for IE7*/} #contentarea5 ul li a {color: #577fa3; font-weight: bold;} #contentarea5 ul li a:hover {color: #C0861C;} #contentarea5 p a {color: #577fa3; font-weight: bold; font-style: normal;} #contentarea5 p a:hover {color: #c0861c;} #sign-up {width: 135px; height: 60px; float: left; clear: left; display: inline; margin-left:62px; margin-bottom: 20px; *padding-bottom: 10px;} a.rollover1 {margin-left: 1px; display: block; width: 185px; height: 90px; margin-top: 0px; text-decoration: none; background: url("../images/sign_up_button1.jpg"); background-position: -10px 10px; background-repeat: no-repeat;} a.rollover1:hover {background-position: -10px -90px;} .top {margin-top: 10px;} .indent1 {margin-left: 10px; float: left; clear: left;} .width_adjust1 {width: 490px; margin-left: 40px; } .width_adjust2 {width: 520px; margin-left: 40px; } .width_adjust2b {width: 540px; margin-left: 40px; } .width_adjust2a {width: 560px; margin-left: 40px; } .width_adjust3 {width: 600px; margin-left: 40px; } .width_adjust4 {width: 650px; margin-left: 40px; } .width_adjust5 {width: 660px; margin-left: 40px; } .width_adjust6 {width: 680px; margin-left: 40px; } .subtitle {margin-left: 40px; float: left; clear: left; margin-bottom: 5px;} .displace {position: absolute; left: -5000px;} .last {padding-bottom: 20px;} #d_facts {float: left; display: inline; margin-top: 10px; margin-left: 50px; width: 280px; } #d_facts ul {margin-left: 20px; width: 250px; display: inline;} #d_facts ul li {font-size: .9em;} #d_facts h4 {font-size: 1em;} #d_facts span {color: #577fb3;} #DWW_logo {display: inline; float: left; clear: left; width: 252px; height: 72px; margin-left:65px; margin-top: 20px;} #landing_bullets {width: 650px; float: left; clear: left; margin-left: 40px; display: inline; *padding-bottom: 10px;} #landing_bullets h4 {width: 700px; margin-left: 0px; float: left; clear: left; display: inline; font-size: 1.2em; font-family: Tahoma, Arial, Sans-Serif; color: #577fa3; font-weight: bold;} #landing_bullets ul {margin-left: 15px; width: 660px;} #form_container4 {background-image: url(../images/form_bknd2.jpg); background-repeat: repeat-x; background-position: top;clear: none; margin-bottom: 20px; float: right; display: inline; width: 345px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-right: 40px; } #form_container4 h5 {margin-left: 15px; margin-bottom: 13px; font-size: 1.1em; margin-top: 8px; font-family: Tahoma, Arial, Sans-Serif; color: #577fa3;} #form_container4 p {font-family: Arial, Sans-Serif; font-size: 1em; margin-left: 0px; margin-top: 0px; float: left;} #form_container4 label.field {text-align: right; width: 115px; float: left; font-weight: bold; margin-right: 7px; font-size: .86em; padding-top:2px;} #form_container4 input.textbox-300 {width: 200px; float: left; clear: none; background-color: #f5f5f5; font-size: .9em;} #form_container4 em {color: red; font-style: normal} #form_container4 span { font-weight: bold; font-size: .8em; margin-left: 130px; display: inline; float: left; } #form_container5 {background-image: url(../images/form_bknd1.jpg); background-repeat: repeat-x; background-position: top; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; clear: left; margin-bottom: 20px; float: left; display: inline; width: 470px; margin-left: 40px; margin-top: 5px;} #form_container5 h4 {margin-left: 10px; margin-bottom: 5px; font-size: 1.1em; color: #C0861C; margin-top: 5px;} #form_container5 h5 {margin-left: 10px; margin-bottom: 15px; font-size: .9em; color: #000; font-weight: normal;} #form_container5 p {font-family: Arial, Sans-Serif; font-size: 1em; margin-left: 0px; float: left;} #form_container5 label.field {text-align: right; width: 105px; float: left; font-weight: bold; margin-right: 10px; font-size: .86em; padding-top: 3px;} #form_container5 input.textbox-300 {width: 330px; float: left; clear: none; background-color: #f5f5f5; font-size: .9em;} #form_container5 textarea {background-color: #f5f5f5;} #form_container5 em {color: red; font-style: normal; font-size: 1.2em;} #form_container5 span {font-weight: bold; font-size: .8em; padding-bottom: 2px; padding-top: 1px; margin-left: 130px; display: inline; float: left; } p#thanks1 {padding-left: 20px; color: #000; margin-left: 20px; margin-top: 13px; background-image: url(../images/checkmark.gif); background-repeat: no-repeat; background-position: left;} p#thanks2 {padding-left: 20px; color: #000; margin-left: 60px; margin-top: 13px; background-image: url(../images/checkmark.gif); background-repeat: no-repeat; background-position: left;} #testimonial1 { width: 650px; margin-left: 50px; display: inline; float: left; margin-top: 0px;} #testimonial1 p {line-height: 1.4em; clear: none; float: left; display: inline; margin-top: 20px; margin-left: 20px; font-size: .9em; width: 600px; } #testimonial1 h4 {clear: none; float: left; display: inline; margin-top: 5px; margin-left: 5px; font-size: 1.1em; width: 500px;} #button_container {float: left; clear: left; display: inline; margin-top: 3px; margin-left: 30px; width: 710px; } #call_button1 { float: left; height: 260px; width: 230px; clear: none; display: inline; } a.button1 {margin-left: 10px; display: block; width: 215px; height: 250px; margin-top: 0px; text-decoration: none; background: url("../images/cta_button6c.jpg"); background-position: 0px 0px; background-repeat: no-repeat;} a.button1:hover {background-position: 0px -260px;} #call_button2 {height: 250px; width: 230px; float: left; clear: none; display: inline; } a.button2 {margin-left: 5px; display: block; width: 215px; height: 250px; margin-top: 0px; text-decoration: none; background: url("../images/cta_button4c.jpg"); background-position: 0px 0px; background-repeat: no-repeat;} a.button2:hover {background-position: 0px -260px;} #call_button3 {height: 250px; width: 230px; float: left; clear: none; display: inline;} a.button3 {margin-left: 0px; display: block; width: 215px; height: 250px; margin-top: 0px; text-decoration: none; background: url("../images/cta_button5c.jpg"); background-position: 0px 0px; background-repeat: no-repeat;} a.button3:hover {background-position: 0px -260px;} #call_button1a { float: left; height: 250px; width: 230px; clear: none; display: inline; } a.button1 {margin-left: 10px; display: block; width: 215px; height: 250px; margin-top: 0px; text-decoration: none; background: url("../images/cta_button6c.jpg"); background-position: 0px 0px; background-repeat: no-repeat;} a.button1:hover {background-position: 0px -260px;} #call_button2a{height: 250px; width: 230px; float: left; clear: none; display: inline; } a.button2 {margin-left: 5px; display: block; width: 215px; height: 250px; margin-top: 0px; text-decoration: none; background: url("../images/cta_button4c.jpg"); background-position: 0px 0px; background-repeat: no-repeat;} a.button2:hover {background-position: 0px -260px;} #call_button4 {height: 250px; width: 230px; float: left; clear: none; display: inline;} a.button4 {margin-left: 0px; display: block; width: 215px; height: 250px; margin-top: 0px; text-decoration: none; background: url("../images/case_study.jpg"); background-position: 0px 0px; background-repeat: no-repeat;} a.button4:hover {background-position: 0px -260px;} #footer {width:990px; background-color:#5a4131; float:left; height: 35px; clear: both; } #footer ul {width: 650px; float: right; margin-top: 10px;} #footer ul li {display: inline; border-right: 1px solid #e0d5b5; padding-right: 15px; padding-left: 15px;} #footer ul li.last {border-right: none;} #footer ul li a {color: #e0d5b5; font-size: .9em; padding: 3px 6px;} #footer ul li a:hover {color: #5a4131; background-color: #dfd7c2; } #footer p {color: #e0d5b5; font-size: .8em; float: left; clear: none; margin-left: 15px; margin-top: 12px; display: inline;} .prop {height:350px;float:left;width:1px;} .clear {clear:both; height:1px; overflow:hidden;} /* 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 */ .clearfix: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 */ } .clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* end of "no-extra-markup" clearing method */