@import 'reset.css';
@import 'typography.css';

/* MAIN TAGS
  ------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical;}
body {margin: 0px;background: #c5c38a url(/media/images/body_background.jpg) top left repeat-x; color: #000;}
body.login {background-color: #c5c38a;background-image: none;}

/* LINK STYLES
  ------------------------------------------------------------------------------*/
a:link, a:active, a:visited, a:hover {color: #063; text-decoration: underline;}
a:hover {text-decoration: none;}

/* FORMS
  ------------------------------------------------------------------------------*/
form fieldset {margin-bottom: 10px;}
form legend {padding: 10px; background-color: #ff9; font-weight: bold; margin: 0 -7px; /* IE Win */}
fieldset label { width: 150px; display: block; float: left; /*line-height: 1.8;*/ }
fieldset ol {margin: 0 auto; padding: 0;}
fieldset li {list-style: none; list-style-image: none; padding: 5px; margin: 0 auto;}
fieldset fieldset {border: none; margin: 3px 0 0;}
fieldset fieldset legend {padding: 10px; font-weight: normal;}
fieldset fieldset label {display: block; width: auto;}
form em {font-weight: bold; font-style: normal; color: #f00;}
fieldset fieldset label {margin-left: 143px;}
/*\*//*/ form.default legend { display: inline-block; } /* IE Mac legend fix */

form input.validation_error {border: 1px solid #EF8686;}

#content form {margin: 0;padding: 0;}
#content fieldset {margin: 1em 0;border: none;border-top: 1px solid #C5C38A;}
#content legend {margin: 1em 0;padding: 0 .5em;color: #063;background: transparent;font-size: 1.3em;font-weight: bold;}
#content label {float: left;width: 100px;padding: 0 1em;text-align: right;}
#content fieldset div {margin-bottom: .5em;padding: 0;display: block;}
#content fieldset div input, #content fieldset div textarea {width: 300px;border-top: 1px solid #555;border-left: 1px solid #555;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 1px;color: #333;}
#content fieldset div textarea {margin-left: 125px;width: 500px;}
#content fieldset div select {padding: 1px;}
#content #submit {margin: 20px 0 20px 125px; clear: both;}
#content fieldset div.req {font-weight: bold;}

/* STRUCTURAL CONTAINERS
  ------------------------------------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    width: 960px;
    display: block;
    min-height: 310px;
    background: transparent url(/media/images/container_background.jpg) top left no-repeat;
}

#login {margin: 100px auto 100px auto;width: 400px;height: 200px;background: #063 url(/media/images/login_background.jpg) top left no-repeat;}
#login h2 {margin: 0;padding: 0;width: 400px;height: 61px;display: block;clear: both;text-indent: -5000px;background: #33855C url(/media/images/login_heading.jpg) top left no-repeat;}
#login form {margin: 0 auto;width: 390px;height: 134px;background-color: #fff;}
#login form p {margin: 0 0 5px 0;padding:0;text-align: center;}
#login form label {width: 75px;line-height: 1.6em;}
#login form input {width: 297px;}
#login form input.button {margin-left: 75px;width: 300px; height: 30px;}

/* HEADER
  ------------------------------------------------------------------------------*/
#header {margin: 0;width: 960px;height: 150px;display: block;clear: both;}
#header .logo {width: 300px;float: left;}
#header .logo img {margin: 30px 0 0 10px;}

/* NAVIGATION
  ------------------------------------------------------------------------------*/
#header #navigation {width: 600px;float: right;}

#navigation .login {margin-top: 10px;float: right;display: block;clear: both;}
#navigation .nav {margin: 45px 40px 0 0;float: right;display: block;clear: both;}

#navigation ul {list-style: none;}
#navigation li {list-style-type: none;margin: 0;padding: 0;float: left;}

#navigation a {height: 36px;display: block;}
#navigation a.plans {width: 129px;background: url(/media/images/nav_plans_off.jpg) no-repeat;}
#navigation a.plans:hover {background: url(/media/images/nav_plans_on.jpg) no-repeat;}
#navigation a.advantage {width: 134px;background: url(/media/images/nav_advantage_off.jpg) no-repeat;}
#navigation a.advantage:hover {background: url(/media/images/nav_advantage_on.jpg) no-repeat;}
#navigation a.about {width: 124px;background: url(/media/images/nav_about_off.jpg) no-repeat;}
#navigation a.about:hover {background: url(/media/images/nav_about_on.jpg) no-repeat;}
#navigation a.contact {width: 110px;background: url(/media/images/nav_contact_off.jpg) no-repeat;}
#navigation a.contact:hover {background: url(/media/images/nav_contact_on.jpg) no-repeat;}
#navigation a strong {display: none;}

/* CONTENT
  ------------------------------------------------------------------------------*/
#content {
    width: 950px;
    margin-bottom: 10px;
    display: block;
    clear: both;
    background: #fff;
    border: 5px solid #DCDBB9;
    text-align: left;
    min-height: 400px;
}

#content h2 {margin: 20px 0 0 20px;}
#content h3.heading {margin: 10px;padding: 10px;border-bottom: 5px solid #c5c38a;}
#content p {font-size: 1.2em;font-weight: normal;line-height: 1.4em;}
#content ul {font-size: 1.2em;}
#content li {margin-top: 5px;list-style-image: url(/media/images/list_bullet.jpg);}
#content li.nobullet {margin-top: 10px;list-style-type: none;list-style-image: none;}
#content ul.imagelist li {list-style-type: none;list-style-image: none;}
#content .container {/*margin: 5px;*/}
#content .container h3 {margin: 0; padding: 0; display: block; clear: both; color: #063;font-size: 1.2em;}
#content .container p.meta { margin: 0; padding: 0; font-size: .9em; }

.presentation {margin-bottom: 10px;width: 960px;height: 200px;display: block;clear: both;}
.presentation .slideshow {width: 550px;height: 200px;float: left;background: transparent url(/media/images/slideshow_background.jpg) top left no-repeat;}
.presentation .slideshow img {margin: 18px 0 0 15px;;width: 520px; height:160px;}
.presentation .slideshow .loading {margin: 70px auto 0 auto; width: 24px; height: 24px;}
.presentation .slideshow .loading img {width: 24px; height: 24px;}
.presentation .locater {width: 400px;height: 200px;float: right;background: transparent url(/media/images/locater_background.jpg) top left no-repeat;}
.presentation .featured {width: 400px;height: 200px;float: right;}
    .presentation .featured img {float:right;}
.presentation form {margin: 55px auto 0 auto;width: 375px;height: 200px;}
.presentation .locater label {width: 60px;font-size: 1.2em;line-height: 1.4em;text-align: left;}
.presentation .locater input {width: 290px;}
.presentation .locater .button {width: 360px;height: 32px;}
.presentation .locater .miles {width: 180px; float: left;}
.presentation .locater .miles select {width: 120px;}
.presentation .locater .zip {width: 170px; float: left;}
.presentation .locater .zip input {width: 100px;}
.presentation .locater .break {display: block;clear: both;}


/* INDEX ONLY STYLES
  ------------------------------------------------------------------------------*/
#welcome {display: block;clear: both;}
#welcome .left {margin: 20px 0 0 20px;width: 500px;float: left;}
#welcome .left h2 {margin: 0 0 20px 0;width: 491px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/homepage_welcome.jpg) top left no-repeat;}
#welcome .right {margin: 0 20px 0 0;width: 400px;float: right;}
#welcome .right ul {list-style: none;}
#welcome .right li {margin: 0;padding: 0;height: 112px;display: block;clear: both;list-style-type: none;}

#brochures {display: block;clear: both;}
#brochures .series {width: 710px;float:left;}
#brochures .book {margin-top:40px;width:230px;float:right;}
#brochures h2 {width: 228px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/brochures_heading.jpg) top left no-repeat;}
#brochures ul {margin: 0 auto; list-style: none;}
#brochures ul li {margin-bottom: 25px; width:142px;display: block; float: left; text-align: center; list-style-type: none;}
#brochures ul li h3 {height:20px;font-size: 0.8em; color: #063;}
#brochures ul li img {margin: 0 auto 10px auto; width: 110px; height: 110px; display: block; clear: both;}
#brochures ul li a {font-size: 0.8em; line-height: 1.2em; display: block; clear: both; }

#learn_more {margin: 20px auto 5px auto;width: 939px;display: block;clear: both;background: #ededdc;}
#learn_more p {padding: 5px;font-size: 1em;}
#learn_more a {
    width: 89px;
    height: 23px;
    float: right;
    font-size: 0.9em;
    line-height: 2em;
    text-align: center;
    color: #fff;
    background: transparent url(/media/images/learn_more_btn_background.jpg);
    text-decoration: none;
}
#learn_more a:hover {text-decoration: underline;}
#learn_more h2 {margin: 0;padding: 0;width: 939px;height: 51px;text-indent: -5000px;background: #c5c38a url(/media/images/learn_more_heading.jpg) top left no-repeat;}
#learn_more .heading {display: block;clear:both;}
#learn_more .body {display: block;clear:both;}
#learn_more .overview, #learn_more .showcase {width: 430px;display: block;}
#learn_more .overview img, #learn_more .showcase img {margin: 0 10px 0 0;float: left;}
#learn_more .overview {margin: 20px 0 0 20px;float: left;}
#learn_more .showcase {margin: 20px 20px 0 0;float: right;}
#learn_more h3 {text-indent: -5000px;float: left;}
#learn_more .overview h3 {width: 266px;height: 24px;background: transparent url(/media/images/learn_more_overview_heading.jpg) top left no-repeat;}
#learn_more .showcase h3 {width: 261px;height: 24px;background: transparent url(/media/images/learn_more_showcase_heading.jpg) top left no-repeat;}

/* PLANS ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.plans h2 {width: 192px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/plans_heading.jpg) top left no-repeat;}
#content.plans .plan_container {display: block;clear: both;}
#content.plans .plan_style {width: 233px;float: left;}
#content.plans .plan_style ul {font-size: 1em;}
#content.plans .plan_style p {padding: 5px;font-size: 0.9em;}

#content.browse .plan {margin-bottom: 20px;display: block;clear: both;}
#content.browse .plan h3, #content.display .plan h3, #search h3 {padding: 10px;background-color: #dcdbb9;border-bottom: 5px solid #c5c38a;}
#content.browse .plan a.thumbnail {width: 200px;height: 125px;/*border: 1px solid #c5c38a;*/float: left;text-align: center;}
#content.browse .plan img {}
#content.browse .plan ul {width: 440px;float: right;}
#content.browse .plan li, #content.display .plan li {list-style: none;list-style-image: none;}
#content.display .photo-thumbs a.thumbnail {margin: 10px; width: 200px; float: left;}

#search form {margin: 0;padding: 0;font-size: 0.9em;}
#search fieldset {margin: 0;padding: 0; border: none;}
#search li {padding: 0;list-style-type: none; list-style-image: none;}
#search label {width: 85px;font-size: 1.2em;line-height: 1.4em;text-align: left;}
#search input, #search select {width: 75px;}
#search #submit {margin: 0 0 0 15px; padding: 0;}
#search .button {width: 167px;height: 28px;}

/* ADVANTAGE ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.advantage h2 {width: 527px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/advantage_heading.jpg) top left no-repeat;}

/* ABOUT ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.about h2 {width: 413px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/about_heading.jpg) top left no-repeat;}

/* CONTACT ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.contact h2 {width: 527px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/contact_heading.jpg) top left no-repeat;}

/* MAINTENANCE ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.maintenance h2 {width: 325px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/maintenance_heading.jpg) top left no-repeat;}
#content.maintenance p {height: 300px;margin: 20px;}

/* PLANS/ADVANTAGE/SALES CENTERS/ABOUT/CONTACT ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.plans .left,#content.advantage .left,#content.about .left,#content.contact .left {margin: 20px 0 0 20px;width: 200px;float: left;}
#content.plans .left p,#content.advantage .left p,#content.about .left p,#content.contact .left p {font-size: 1em;}
#content.plans .left,#content.advantage .left strong,#content.about .left strong,#content.contact .left strong {color: #063;}
#content.plans .right,#content.advantage .right,#content.about .right,#content.contact .right {margin: 20px 20px 0 0;width: 700px;float: right;}

/* PRIVACY POLICY/TERMS ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.privacy h2 {width: 170px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/privacy_heading.jpg) top left no-repeat;}
#content.terms h2 {width:164px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/terms_heading.jpg) top left no-repeat;}
#content.privacy h4,
#content.terms h4 {margin: 0 20px;font-size: 1.6em;color: #063;}
#content.privacy p, #content.terms p {margin: 10px 20px;}

/* SALES CENTERS ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.salescenters h2 {width:425px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/locater_heading.jpg) top left no-repeat;}
#content.salescenters hr {margin-bottom: 20px; height: 2px; background-color: #c5c38a; border: none;}

/* BUILDER ONLY STYLES
  ------------------------------------------------------------------------------*/
.builder #content {border-color: #063;}
.builder #content p {margin:0;padding:0;font-size: 1.2em;}
.builder #content.company h3,
.builder #content.series h3 {margin: 10px auto;padding-bottom: 5px;font-size: 1.6em;color: #063;border-bottom: 2px solid #c5c38a;}
.builder #navigation .nav {width: 388px;} /* ie fix */
.builder #navigation a.news {width: 118px;background: url(/media/images/builder_nav_news_off.jpg) no-repeat;}
.builder #navigation a.news:hover {background: url(/media/images/builder_nav_news_on.jpg) no-repeat;}
.builder #navigation a.company {width: 124px;background: url(/media/images/builder_nav_company_off.jpg) no-repeat;}
.builder #navigation a.company:hover {background: url(/media/images/builder_nav_company_on.jpg) no-repeat;}
.builder #navigation a.series {width: 110px;background: url(/media/images/builder_nav_series_off.jpg) no-repeat;}
.builder #navigation a.series:hover {background: url(/media/images/builder_nav_series_on.jpg) no-repeat;}
.builder #content.news h2 {width: 403px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/builder_news_heading.jpg) top left no-repeat;}
.builder #conetnt.news h3 {margin: 0;padding: 0;border: none;font-size:20em;color:#fff;}
.builder #content.news .post {margin: 20px auto;width: 900px;}
.builder #content.news .post p {padding:5px;font-size: 1.4em;line-height: 1.6em;}
.builder #content.news .post p.title {margin:0;padding:0;padding-bottom:2px;font-size: 1.6em;color: #063;}
.builder #content.company h2 {width: 482px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/builder_company_heading.jpg) top left no-repeat;}
.builder #content.series h2 {width: 310px;height: 30px;text-indent: -5000px;background: #fff url(/media/images/builder_series_heading.jpg) top left no-repeat;}
.builder #content .container {margin: 20px auto;width:900px;}
.builder #content .left {width: 300px;float: left;}
.builder #content .right {width: 580px;float: right;}

/* CLIENT ONLY STYLES
  ------------------------------------------------------------------------------*/
#content.clients h2 {width: 559px;height: 31px;text-indent: -5000px;background: #fff url(/media/images/client_heading.jpg) top left no-repeat;}
#content.clients h3 {margin: 10px auto;padding-bottom: 5px;font-size: 1.6em;color: #063;border-bottom: 2px solid #c5c38a;}
#content.clients .container {margin: 20px;}

/* BUILDER/CLIENT ONLY STYLES
  ------------------------------------------------------------------------------*/
.builder #content .nav, #content.clients .container .nav {margin: 10px 0;display: block; clear: both;font-size: 1em;}
.builder #content .nav ul, #content.clients .container .nav ul {list-style: none;}
.builder #content .nav li, #content.clients .container .nav li {list-style-type: none; list-style-image: none; float: left;padding: 5px;}

/* FOOTER
  ------------------------------------------------------------------------------*/
#footer {
    width: 960px;
    display: block;
    clear: both;
    color: #333;
}
#footer .txt {width: 600px;float: left;}
#footer .img {width: 200px;float: right;}
#footer p {margin: 0;padding: 0;line-height: 1.2em;text-align: left;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }