@import "clear.css";

.left, #left {
  float: left;
  display: inline; }

.right, #right {
  float: right;
  display: inline; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

body {
  background: #fff;
  font-family: "Helvetica", "Arial"; 
  }

.clear {
  clear: both; }

a {
  color: #18a6d4; }
  
a:visited {
  color: #18a6d4; }

a:hover {
  color: #f47321; }

a:active {
  color: #f47321; }

.button, a.button {
  background: #00529b;
  padding: 2px 7px;
  font-family: "Trebuchet MS", "Helvetica";
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border: none;
  margin: 3px;
  cursor: pointer; }
  
.button_sm {
  background: #00529b;
  padding: 2px 1px;
  font-family: "Trebuchet MS", "Helvetica";
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border: none;
  margin: 1px;
  cursor: pointer; }

p.blue {
  color: #4a6c88; }

p.dark_dark_blue {
  color: #00336f; }

body.home #container #content #banner {
  position: relative;
  height: 361px;
  background: no-repeat top left; }
  
body.home #container #content #banner:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }
    
body.home #container #content #banner h2 {
    color: #fff;
    font-family: "Trebuchet MS", "Helvetica";
    font-size: 23px;
    margin-bottom: 8px; }
    
body.home #container #content #banner h3 {
    color: #00529b;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold; }
    
body.home #container #content #banner #ad {
    top: 260px;
    left: 15px;
    position: absolute;
    color: #4a6c88;
    font-size: 13px;
    width: 404px; }
    
body.home #container #content #banner #ad p {
    line-height: 1.2em; }
      
body.home #container #content .right {
    width: 325px;
    margin: 15px 1px 0px 0px; }
  
body.home #container #content .right #signup {
    margin: 0 10px 0 11px;
    background: none;
    padding: 5px 0px 0px 0px; }
    
body.home #container #content .right #signup .button {
      font-size: 12px;
      font-family: "Trebuchet MS"; }
      
body.home #container #content .right #signup #email_address {
      width: 286px; }
      
body.home #container #content #cta {
  font-size: 13px;
  font-weight: bold;
  color: #00336f; }
  
body.home #container #content #cta ul {
    display: block; }
    
body.home #container #content #cta li {
    list-style: none;
    background: url(../images/icon-plus.png) no-repeat left bottom;
    display: block;
    padding: 0px 0px 0px 30px;
    margin: 5px 0px 5px 0px; }
    
body.home #container #content #cta a {
    color: #4a6c88;
    text-decoration: none; }
    
body.home #container #content #cta p {
    display: block;
    margin: 10px 0px 0px 0px; }
    
body.home #container #content #cta .button {
    margin: 0px 0px 0px 0px;
    color: #fff; }
    
body.home #container #content #cta .button span {
    margin-top: 0px;
    display: block; }
    
body.home #container #content .rounded.blue .inner {
    background: url(../images/home-rounded-blue-background.png) repeat #A8C8DC; }
    
body.home #container #content .rounded.blue .top {
    background: url(../images/home-rounded-blue-top.png) no-repeat top left;
    height: 10px; }
    
body.home #container #content .rounded.blue .bottom {
    background: url(../images/home-rounded-blue-bottom.png) no-repeat bottom left;
    height: 12px; }
    
body.home #container #content .sided.tan {
    width: 325px; }
    
body.home #container #content .sided.tan .inner {
    padding-top: 7px;
    background: url(../images/home-rounded-tan-background.png) repeat #E7E1C4; }
    
body.home #container #content .sided.tan .top {
    background: url(../images/home-rounded-tan-top.png) no-repeat top left;
    height: 7px; }
    
body.home #container #content .sided.tan .bottom {
    background: url(../images/home-rounded-tan-bottom.png) no-repeat bottom left;
    height: 25px; }
    
body.home #container #content .sided.white {
  background: #fff;
  width: 325px; }
  
body.home #container #content .sided.white .inner {
    background: url(../images/home-rounded-white-background.png) repeat; }
    
body.home #container #content .sided.white .top {
    background: url(../images/home-rounded-white-top.png) no-repeat top left;
    height: 13px; }
    
body.home #container #content .sided.white .bottom {
    background: url(../images/home-rounded-white-bottom.png) no-repeat bottom left;
    height: 10px; }

#container {
    width: 980px;
    margin: 0px auto; }
  
#container div.tan, #container div.blue, #container div.white, #container div.sided, #container div.rounded, #container div.half {
    font-size: 12px;
    margin: 0px 0px 15px 0px;
    line-height: 1.5em; }
    
#container div.tan .inner, #container div.blue .inner, #container div.white .inner,     #container div.sided .inner,     #container div.rounded .inner,     #container div.half .inner {
    padding: 0px 15px;
    display: block; }
      
#container div.tan .inner {
    background-color: #cbbf8e; }

#container div.blue .inner {
    background-color: #aecce4; }

#container div.white .inner {
    background-color: #fff; }

#container .sided:after,   #container .rounded:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #sidebar h3 {
    font-size: 15px;
    color: #333;
    font-weight: bold; }
    
#container input[type=text]{
    font-size: 12px;
    border: 1px solid #C5BAAA;
    height: 18px;
    display: block;
    padding: 3px 5px 0px 5px;}
    
#container input[type=password]{
    font-size: 12px;
    border: 1px solid #C5BAAA;
    height: 18px;
    display: block;
    padding: 3px 5px 0px 5px;}
    
#container input[type=textarea]{
    font-size: 12px;
    border: 1px solid #C5BAAA;
    height: 18px;
    display: block;
    padding: 3px 5px 0px 5px;}
    
#container #headerdiv {
    height: 113px;
    background: url(../images/bg-header.gif) bottom left no-repeat; }

#container #headerdiv #logo {
    width: 260px;
    margin-top: 20px; }

#container #headerdiv #contact {
    width: 250px;
    margin-top: 30px;
    font-size: 11px;
    color: #999;
    text-align: right; }

#container #headerdiv #contact:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #headerdiv #contact .info {
    width: 100px;
    text-align: left; }

#container #headerdiv #contact .info span {
    display: block;
    margin: 3px 0px; }
  
#container #headerdiv #contact .links {
    width: 130px;
    margin-top: 17px; }

#container #headerdiv #contact .links span {
    margin: 0px 5px; }
  
#container #navigation {
    background: url(../images/bg-navigation.gif) bottom left no-repeat;
    text-align: center;
    height: 39px; }

#container #navigation ul {
    display: block;
    height: 39px;
    padding: 0;
    margin-left: 8px; }

#container #navigation ul li {
    float: left; }

#container #navigation ul li a, #container #navigation ul li span {
    color: #18a6d4;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin: 0px 0px;
    display: block;
    height: 13px;
    padding: 14px 10px 10px 12px; }

#container #navigation ul li a:hover, #container #navigation ul li a.active {
    color: #f47321;
    text-decoration: underline; }

#container #bottom {
    background: url(../images/content-bottom.png) no-repeat bottom left;
    width: 980px;
    height: 11px; }

#container #content {
    background: url(../images/bg-content.png) repeat-x top left #18a6d4;
    padding: 10px 12px 0px 12px; }

#container #content:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #content #subnav, #container #content #main {
    background: #fff; }

#container #content #subnav-top {
    background: url(../images/subnav-top.png) no-repeat top left;
    width: 200px;
    height: 16px; }

#container #content #subnav {
    background: url(../images/subnav-bottom.png) no-repeat bottom left #fff;
    width: 200px;
    padding-bottom: 15px;
    margin-right: 10px;
    font-size: 13px; }

#container #content #subnav a {
    text-decoration: none; }

#container #content #subnav a:hover, #container #content #subnav a.active {
    color: #f47321;
    text-decoration: underline; }

#container #content #subnav ul {
    margin: 0px 17px;
    font-size: 13px; }

#container #content #subnav ul li ul {
    margin: 0;
    padding: 0; }
          
#container #content #subnav ul li ul li a {
    padding-left: 25px; }
            
#container #content #subnav ul li ul li a.active {
    background: url(../images/subnav-arrow.png) no-repeat;
    background-position: 10px 0px; }

#container #content #subnav ul li a {
    display: block;
    padding-left: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ccc; }

#container #content #form:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #content form:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #content form p:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #content p.half .left, #container #content p.half .left input {
    width: 245px; }

#container #content p.half .right, #container #content p.half .right input {
    width: 195px; }

#container #content p.full input {
    width: 460px; }

#container #content p.city .left {
    width: 283px; }

#container #content p.city .right {
    width: 86px; }

#container #content p.buttons .button {
    margin: 0px; }

#container #content p.buttons .left {
    margin-right: 10px; }

#container #content #testimonial {
    width: 952px;
    font-size: 12px;
    font-family: Helvetica;
    color: #000000;
    line-height: 2em;
    margin-top: 10px; }

#container #content #testimonial:after {
content: ".";
height: 0;
display: block;
clear: both;
visibility: hidden; }

#container #content #testimonial .left, #container #content #testimonial .right {
    height: 137px; }

#container #content #testimonial .left {
    width: 570px; }

#container #content #testimonial .right {
    background: url(../images/testimonial-quote.png) no-repeat bottom right #fff;
    width: 382px; }

#container #content #testimonial .right p {
    padding: 20px 25px 0px 25px; }
    
#container #content #main-top, #container #content #main-bottom {
    width: 532px;
    height: 15px; }
    
#container #content #main-top {
    background: url(../images/main-top.png) no-repeat top left; }
    
#container #content #main-bottom {
    background: url(../images/main-bottom.png) no-repeat bottom left; }
    
#container #content #main {
    width: 532px;
    margin-right: 10px;
    font-size: 12px;
    font-family: "Verdana", "Trebuchet MS" , "Arial";
    color: #333; }
    
#container #content #main .inner {
    margin: 0px 30px; }
    
#container #content #main p {
    line-height: 1.5em;
    margin: 10px 0px; }
    
#container #content #main ul{
    list-style: disc;
    margin: 10px 0px 10px 15px;}
    
#container #content #main ol{
    margin: 10px 0px 10px 15px;}
        
#container #content #main ol li, #container #content #main ul li {
    margin: 4px 0px;
    line-height: 1.5em; }

#container #content #main h1, #container #content #main h2, #container #content #main h3, #container #content #main h4, #container #content #main h5 {
    color: #00529b;
    font-family: "Trebuchet MS"; }

#container #content #main h1 {
    font-size: 27px;
    margin-bottom: 18px; }

#container #content #main h2 {
    font-size: 20px;
    margin: 12px 0px 15px 0px; }

#container #content #main h3 {
    font-size: 15px;
    margin: 15px 0px; }

#container #highlights {
    margin-top: 10px;
    font-size: 12px;
    color: #333; }

#container #highlights:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #highlights a {
    font-weight: normal; }

#container #highlights p {
    line-height: 1.3em; }

#container #highlights span.more {
    position: absolute;
    top: 23px;
    right: 20px;
    font-family: "Helvetica";
    font-size: 12px;
    text-decoration: underline; }

#container #highlights h4 {
    font-size: 22px;
    color: #591030;
    margin-bottom: 15px;
    font-weight: bold;
    font-family: "Trebuchet MS"; }

#container #highlights h5 {
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: bold;
    font-family: "Helvetica";
    color: #333; }

#container #highlights h6 {
    color: #666;
    font-size: 12px;
    font-weight: bold; }

#container #highlights #blog, #container #highlights #press, #container #highlights #account {
    height: 170px;
    position: relative;
    padding: 15px 12px; }

#container #highlights #blog {
    background: url(../images/bg-home-blog.png) no-repeat top left;
    width: 411px;
    margin-right: 9px; }

#container #highlights #blog:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #highlights #blog .left {
    width: 116px; }

#container #highlights #blog .right {
    width: 295px; }

#container #highlights #blog .author {
    color: #666;
    height: 30px;
    margin-left: 7px; }

#container #highlights #blog .related {
    margin-left: 7px; }

#container #highlights #blog .related li {
    margin: 2px 0px; }

#container #highlights #blog .related a {
    font-size: 11px;
    color: #666;
    text-decoration: none; }

#container #highlights #blog .related a:hover {
    text-decoration: underline; }

#container #highlights #blog .date {
    margin-top: 10px;
    color: #666; }

#container #highlights #blog .date:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }

#container #highlights #blog .date .day {
    font-size: 35px;
    font-weight: bold; }

#container #highlights #blog .date #day {
    margin-left: 8px; }

#container #highlights #blog .date .month {
    text-transform: uppercase; }

#container #highlights #blog .date .left {
width: 40px; }

#container #highlights #blog .date #month-year {
    font-weight: bold;
    margin-left: 5px;
    width: 40px;
    font-size: 15px; }

#container #highlights #press {
    background: url(../images/bg-home-press.png) no-repeat top left;
    margin-right: 9px;
    width: 284px; }

#container #highlights #press .details {
    color: #666;
    line-height: 1.3em;
    margin-bottom: 10px; }

#container #highlights #press .source {
    font-size: 14px;
    font-weight: bold; }

#container #highlights #account {
    background: url(../images/bg-home-account.png) no-repeat top left;
    width: 194px; }

#container #highlights #account li {
    margin: 10px 0px; }

#container #highlights #account li a {
font-family: "Trebuchet MS"; }

#container #footer {
    margin-top: 10px;
    width: 980px;
    text-align: center;
    height: 28px;
    background: url(../images/bg-footer.png) no-repeat top left;
    font-size: 9px;
    padding-top: 10px; }
#container #footer span, #container #footer a {
    margin: 0px 1px; }
#container #footer a {
    text-decoration: none;
    color: #333; }
      
#container #footer a:hover {
    text-decoration: underline; }

body #container #content #main .sided {
  width: 424px;
  margin: 0px 0px 0px 80px; }
  
body.wide #container #content #main .sided{
    margin: 0px 0px 0px 288px;}

body #container #content #main .sided .inner {
    margin: 0; }

body #container #content #main .sided .inner h3 {
    margin-top: 0;
    padding-top: 0; }

body #container #content #main .sided .inner p {
    margin-bottom: 0;
    padding-bottom: 0; }

body #container #content #main .sided .bottom {
    height: 12px; }

body #container #content #main .sided.white .inner {
    background: #fff; }

body #container #content #main .sided.white .top {
    background: url(../images/sided-white-top.png) no-repeat top left;
    height: 13px; }

body #container #content #main .sided.white .bottom {
    background: url(../images/sided-white-bottom.png) no-repeat bottom left;
    height: 13px; }
    
body #container #content #main .sided.blue .inner {
    background: url(../images/main-sided-background.png) repeat top left #18a6d4; }
    
body #container #content #main .sided.blue .top {
    background: url(../images/main-sided-blue-top.png) no-repeat top left;
    height: 12px; }
    
body #container #content #main .sided.blue .bottom {
    background: url(../images/main-sided-blue-bottom.png) no-repeat bottom left;
    height: 12px;
    width: 424px; }
    
body #container #content #main .sided.tan .top {
    background: url(../images/sided-tan-top.png) no-repeat top left;
    height: 10px; }
    
body #container #content #main .sided.tan .bottom {
    background: url(../images/sided-tan-bottom.png) no-repeat bottom left;
    height: 13px; }
    
body #container #content #main .rounded {
    width: 456px; }
    
body #container #content #main .rounded .inner h3 {
    margin-top: 0;
    padding-top: 0; }
    
body #container #content #main .rounded .inner p {
    margin-bottom: 0;
    padding-bottom: 0; }
    
body #container #content #main .rounded.tan .inner {
    margin: 0px;
    padding: 0px 20px;
    background: #CBBF8E;
    color: #4A4841; }
    
body #container #content #main .rounded.tan .top {
    background: url(../images/main-rounded-tan-top.png) no-repeat top left;
    height: 11px; }
    
body #container #content #main .rounded.tan .bottom {
    background: url(../images/main-rounded-tan-bottom.png) no-repeat bottom left;
    height: 9px; }
    
body #container #sidebar {
    width: 195px; }
    
body #container #sidebar h3 {
    font-size: 15px; }
    
body #container #sidebar p {
    padding: 3px 0px; }

body #container #sidebar .text {
    width: 162px; }

body #container #sidebar {
    margin: 5px 5px 5px 0px; }

body #container #sidebar .inner {
    padding: 0px 10px; }

body #container #sidebar .bottom {
    width: 195px; }

body #container #sidebar .top {
    width: 195px; }

body #container #sidebar .sided {
    margin-right: 10px;
    width: 195px; }

body #container #sidebar .sided .white h3 {
    color: #333; }

body #container #sidebar .sided.white .top {
    background: url(../images/sided-white-top.png) no-repeat top left;
    height: 13px; }

body #container #sidebar .sided.white .inner {
    background: #fff;}

body #container #sidebar .sided.white .bottom {
    height: 14px;
    background: url(../images/sided-white-bottom.png) no-repeat bottom left; }

body #container #sidebar .sided.tan {
    background: none; }

body #container #sidebar .sided.tan h3 {
    color: #591030; }

body #container #sidebar .sided.tan .top {
    background: url(../images/sided-tan-top.png) no-repeat top left;
    height: 12px; }

body #container #sidebar .sided.tan .inner {
    background: #CBBF8E; }

body #container #sidebar .sided.tan .bottom {
    background: url(../images/sided-tan-bottom.png) no-repeat bottom left;
    height: 13px; }

body.wide #container #content #main{
    width: 742px;}

body.wide #container #content #main #main-top{
    background: url(../images/wide-main-top.png) no-repeat top left;}

body.wide #container #content #main #main-bottom{
    background: url(../images/wide-main-bottom.png) no-repeat bottom left;}

div.inner div{
    line-height: normal;}