/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #47647a;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 13px; line-height: normal; color: #313744;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}

:focus {outline: 0;}

h2 {margin: 0 0 15px 0; font-size: 18px; line-height: normal; color: #2b4a66;}
h3 {margin: 0 0 15px 0; font-size: 16px; line-height: normal; color: #1f6c7c;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#master {width: 980px; margin: auto; background: #d0d1cc;}

#header {position: relative; height: 69px; border-bottom: solid 1px #a0927c; background: #313845;}
#header .logo a {position: absolute; top: 23px; left: 70px; width: 384px; height: 28px; background-image: url(../images/logo.gif); text-indent: -10000px;}
#header .phone {position: absolute; top: 35px; right: 75px; width: 205px; height: 16px; background-image: url(../images/call-christie.gif);}

#nav {margin: 0; padding: 11px 0 0 70px; list-style-type: none; font-size: 1px; line-height: 1px; border-top: solid 1px #a0927c; height: 28px; background: #323946 url(../images/bg-nav.gif) repeat-x;}
#nav li {float: left; padding: 0 20px 0 0;}
#nav li a {float: left; display: block; width: 41px; height: 16px; text-indent: -10000px; background: url(../images/nav-sprites.gif) no-repeat;}
#nav li.item2 a {width: 96px; background-position: -62px 0;}
#nav li.item3 a {width: 67px; background-position: -178px 0;}
#nav li.item4 a {width: 46px; background-position: -266px 0;}
#nav li.item5 a {width: 53px; background-position: -333px 0;}
#nav li.item1 a:hover {background-position: 0 -16px;}
#nav li.item2 a:hover {background-position: -62px -16px;}
#nav li.item3 a:hover {background-position: -178px -16px;}
#nav li.item4 a:hover {background-position: -266px -16px;}
#nav li.item5 a:hover {background-position: -333px -16px;}

#banner {width: 980px; height: 240px; position: relative; background: url(../images/bg-banners.jpg) no-repeat;}
#banner h1 {position: absolute; top: 55px; left: 200px; width: 354px; height: 32px;}
#banner p {margin: 0;}
#banner .content {position: absolute; top: 105px; left: 140px; width: 590px; font-family: Georgia, Times New Roman, Serif; font-size: 15px; line-height: 20px; color: #4b2e0c;}

#footer {background: #babfbf; font-size: 12px; color: #313847; text-align: center; padding: 10px;}

.main-content-area {width: 700px; padding: 80px 140px 60px 140px; background: url(../images/bg-main-content-area.gif) repeat-x;}

/**
 * Front page
 */
body.front #banner {height: 365px;}
body.front #banner h1 {height: 33px; top: 95px; left: 175px;}
body.front #banner .content {width: 520px; font-family: Arial, Verdana, Sans-Serif; font-size: 13px; line-height: normal; color: #482d12; top: 140px; left: 90px;}
body.front #banner img {position: absolute; right: 45px; bottom: 11px; display: block;}
body.front #banner .button {position: absolute; top: 285px; left: 185px; width: 324px; height: 59px; background-image: url(../images/view-sample-business-plans.png);}
body.front #banner .button:hover {background-position: 0 -59px;}

#front {background: url(../images/bg-dots-front.gif) repeat-y 490px 0;}
#front > div {background: url(../images/bg-front.gif) repeat-x; padding: 28px 0 50px 90px;}
#front .column {float: left; width: 360px; padding: 0 80px 0 0;}
#front h2 {margin-bottom: 55px; height: 21px;}
#front h3 {color: #2a4c66;}
#front .right h2 {background-position: 0 -21px;}

/**
 * Page variations
 */
body.plans #banner {height: 250px; background-position: 0 -365px;}
body.plans #banner h1 {background-position: 0 -34px;}
body.plans #banner .plan-types { position: absolute; top: 210px; left: 95px; margin: 0; padding: 0; list-style-type: none; width: 788px; height: 18px; background-image: url(../images/plan-types.gif);}
body.plans #banner .plan-types li {visibility: hidden;}

body.plans .three-column-grid h2 {height: 16px;}
body.plans .three-column-grid .col-1 h2 {background-position: 25px -42px;}
body.plans .three-column-grid .col-2 h2 {background-position: 66px -90px;}
body.plans .three-column-grid .col-3 h2 {background-position: 35px -106px;}
body.plans .three-column-grid .button {width: 277px; height: 42px; background-image: url(../images/button-sprites.png);}
body.plans .three-column-grid .button:hover {background-position: 0 -42px;}
body.plans .three-column-grid .foot .col {width: 277px; padding: 0 35px 0 0;}
body.plans .three-column-grid .foot .col-2 .button {background-position: 0 -84px;}
body.plans .three-column-grid .foot .col-2 .button:hover {background-position: 0 -126px;}
body.plans .three-column-grid .foot .col-3 .button {background-position: 0 -168px;}
body.plans .three-column-grid .foot .col-3 .button:hover {background-position: 0 -210px;}

body.faq #banner {background-position: 0 -855px;}
body.faq #banner h1 {height: 41px; background-position: 0 -131px;}

body.clients #banner {background-position: 0 -615px;}
body.clients #banner h1 {height: 34px; background-position: 0 -66px; top: 53px;}

body.contact #banner {background-position: 0 -1095px;}
body.contact #banner h1 {height: 31px; background-position: 0 -100px; top: 56px;}

/**
 * Miscellaneous
 */
.text-graphic {margin: 0; font-size: 1px; line-height: 1px; text-indent: -10000px; background: transparent no-repeat;}
 
h1.text-graphic {background-image: url(../images/heading-sprites.gif);}
h2.text-graphic {background-image: url(../images/sub-heading-sprites.gif);}

a.button {float: left; display: block; background: transparent no-repeat; text-indent: -10000px;}

.three-column-grid .col {float: left; width: 245px; padding: 0 65px 0 0;}
.three-column-grid .col-3 {padding-right: 0;}
.three-column-grid {background: url(../images/bg-front.gif) repeat-x;}
.three-column-grid .head {padding: 30px 0 35px 60px; background: url(../images/bg-three-column-heading-dots.gif) no-repeat 335px 22px;}
.three-column-grid .body {padding: 25px 0 0 60px; background: url(../images/bg-three-column-dots.gif) no-repeat 335px 0;}
.three-column-grid .foot {padding: 20px 0 50px 40px; margin-top: 5px; height: 56px; background: #7c8b95 url(../images/bg-three-column-footer-dots.gif) no-repeat 335px 5px;}

.client-list {margin: 0 0 30px 0; padding: 20px 0; background: #bfc5c5 url(../images/bg-client-list.gif) repeat-y 230px 0;}
.client-list ul {float: left; width: 200px; margin: 0; padding: 0 15px 0 20px; list-style-type: none;}
.client-list ul.col-3 {padding-right: 0;}

.contact form {float: left; width: 380px;}
.contact form label {display: block; margin: 0 0 5px 0; font-weight: bold;}
.contact form .row {margin-bottom: 10px;}
.contact form input[type="text"],
.contact form textarea {width: 360px;}
.contact form input[type="submit"] {display: block; width: 194px; height: 42px; font-size: 1px; line-height: 1px; text-indent: -10000px; padding: 0; border-width: 0; background: url(../images/send-to-christie.png) no-repeat; cursor: pointer; position: relative; left: -4px;}
.contact form input[type="submit"]:hover {background-position: 0 -42px;}
.contact .testimonials {float: right; width: 260px; padding: 15px 20px; background: #bfc5c5; font-style: italic;}
.contact .testimonials p {margin-bottom: 10px;}
.contact .testimonials strong {font-style: normal;}
.contact .phone {font-size: 16px; font-weight: bold; color: #313944; margin-bottom: 15px;}
.contact .thanks {font-weight: bold; font-style: italic; color: #3d838f;}

/**
 * Forms
 */
input[type="text"],
textarea {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; padding: 4px 5px; border: solid 1px #3d454f;}

/**
 * PrettyPhoto
 */
.pp_description,
.pp_social {display: none;}
.pp_bottom,
.pp_bottom .pp_left,
.pp_bottom .pp_middle,
.pp_bottom .pp_right {height: 10px;}

/*
.pp_top,
.pp_button {height: 10px;}
.pp_details {display: none;}
.pp_content_container .pp_left {padding-left: 10px;}
.pp_content_container .pp_right {padding-right: 10px;}
*/