/* @import reset */
@import url('reset.css');
/* @end */

/* @group clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* @end */

body { background: url(../images/bg.png) top left repeat-x #DFDFDF; font: 12px/18px Arial, Helvetica, sans-serif; color: #787777; }
.clear { clear: both; }
a, a:visited, a:active { outline: none }
a, a:visited, a:active { color: #3F3E3B; text-decoration: underline; }
a.raspberry { color: #87004D; }
a:hover { color: #000; text-decoration: underline; }
h1 { font: 22px/22px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 15px; }
p { margin-bottom: 15px; }
.pink, a.pink { color: #EB91C2; }
.black-bold { color: #000; font-weight: bold; }
.js-error { text-align: center; color: #c00; font-weight: bold; text-transform: uppercase; }
.big { font-size: 15px; }

#wrapper { width: 1034px; margin: 0 auto; padding: 0; background: url(../images/bg-header.png) top left no-repeat #fff; }
#wrapper #header { height: 108px; margin: 0 16px 0 16px; }
#wrapper #header #logo { float: left; display: inline; width: 213px; margin: 14px 30px 0 27px; }
#wrapper #header #nav { float: left; display: inline; width: 570px; margin: 71px 0 0 0; }
#wrapper #header #nav ul { list-style-type: none; float: right; }
#wrapper #header #nav ul li { float: left; display: inline; width: 111px; height: 37px; margin-right: 3px; font: bold 10px arial, helvetica, sans-serif; color: #000; text-align: center; }
#wrapper #header #nav ul li a { display: block; width: 111px; height: 14px; padding: 12px 0 11px 0; text-decoration: none; background: url(../images/nav-tab-off.gif) no-repeat; }
#wrapper #header #nav ul li a:hover { background: url(../images/nav-tab-on.gif) no-repeat; color: #fff; }
#wrapper #header #nav ul li a.on { background: url(../images/nav-tab-on.gif) no-repeat #404041; color: #fff; }
#wrapper #header #nav ul.sub li a:hover { background: url(../images/nav-tab-on.gif) no-repeat #404041; color: #fff; }
#wrapper #header #phone { float: left; display: inline; width: 147px; margin: 71px 7px 0 7px; color: #A8005B; font-weight: bold; }
#wrapper #header #phone .number { display: block; text-align: right; margin-right: 5px; line-height: 8px; }
#wrapper #main { position: relative; width: 1002px; height: 518px; margin: 0 16px 0 16px; background: url(../images/bg-main-bottom.png) bottom no-repeat; border-bottom: 1px solid #E5E5E5; }
#wrapper #main .img1 { width: 1001px; height: 441px; background: url(../images/main-img-1.jpg) no-repeat; }

#wrapper #main #content { position: absolute; bottom: 27px; right: 5px; width: 470px; padding-bottom: 51px; }
.locations { margin: 10px 0 0 100px; }

#wrapper #main #content .top-cap { width: 470px; height: 18px; font-size: 0; line-height: 0; background: url(../images/bg-content-top.gif) no-repeat; }
#wrapper #main #content .bottom-cap { z-index: 0; width: 470px; height: 51px; position: absolute; bottom: 0; background: url(../images/bg-content-bottom.png) bottom left no-repeat; }
#wrapper #main #content .form-container { position: relative; background: #191719; }
#wrapper #main #content .form-container .intro-text { margin: 0 24px 10px 24px; line-height: 15px; color: #fff; }
#wrapper #main #content .form-container .intro-text h1 { font-size: 21px; color: #fff; margin-bottom: 10px; }
#wrapper #main #content .form-container .intro-text a { color: #EB91C2; }
#wrapper #main #content .form-container .get-started { width: 421px; height: 44px; margin: 0 6px 0 7px; padding: 10px 18px 0 18px; color: #fff; background: url(../images/bg-get-started.png) no-repeat; }
#wrapper #main #content .form-container .get-started h2 { font-size: 18px; padding: 0; margin: 0; }
#wrapper #main #content .form-container .form-interior { width: 421px; margin: 0 6px 0 7px; padding: 18px; background: #fff; }

/*================ TEMPLATE ==================*/
#wrapper #nav-bar { width: 999px; height: 18px; font-size: 0; margin: 0 18px 0 17px; background: url(../images/top-cap-template.png) no-repeat; }
#wrapper #template-container { z-index: 0; position: relative; width: 1034px; }
#wrapper #template-container #photo-header { z-index: -1; position: absolute; top: 0; left: 0; width: 1034px; height: 237px; }


/*================ COMMENTED OUT FOR EMERGENCY LICENSING ISSUE  ==================
.process1 { width: 1034px; height: 237px; background: url(../images/photos/main-img-5.jpg) top left no-repeat; }
.process2 { display: none; width: 1034px; height: 237px; background: url(../images/photos/main-img-7.jpg) top left no-repeat; }
.process3 { display: none; width: 1034px; height: 237px; background: url(../images/photos/main-img-4.jpg) top left no-repeat; }
.the-agency1,.the-experts1 { width: 1034px; height: 237px; background: url(../images/photos/main-img-7.jpg) top left no-repeat; }
.contact1 { width: 1034px; height: 237px; background: url(../images/photos/main-img-6.jpg) top left no-repeat; }
.contact2 { display: none; width: 1034px; height: 237px; background: url(../images/photos/main-img-8.jpg) top left no-repeat; }
.contact3 { display: none; width: 1034px; height: 237px; background: url(../images/photos/main-img-3.jpg) top left no-repeat; }
.thankyou1 { width: 1034px; height: 237px; background: url(../images/photos/main-img-6.jpg) top left no-repeat; }
.privacy { width: 1034px; height: 237px; background: url(../images/photos/main-img-6.jpg) top left no-repeat; }

.process1 { width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }
.process2 { display: none; width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }
.process3 { display: none; width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }
.the-agency1,.the-experts1 { width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }
.contact1 { width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }
.contact2 { display: none; width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }
.contact3 { display: none; width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }
.thankyou1 { width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }
.privacy { width: 1034px; height: 237px; background: url(../images/photos/header.jpg) top left no-repeat; }

*/

.process1 { width: 1034px; height: 237px; background: url(../images/photos/main-img-5.jpg) top left no-repeat; }
.process2 { display: none; width: 1034px; height: 237px; background: url(../images/photos/main-img-7.jpg) top left no-repeat; }
.process3 { display: none; width: 1034px; height: 237px; background: url(../images/photos/main-img-4.jpg) top left no-repeat; }
.the-agency1,.the-experts1 { width: 1034px; height: 237px; background: url(../images/photos/main-img-7.jpg) top left no-repeat; }
.contact1 { width: 1034px; height: 237px; background: url(../images/photos/main-img-6.jpg) top left no-repeat; }
.contact2 { display: none; width: 1034px; height: 237px; background: url(../images/photos/main-img-8.jpg) top left no-repeat; }
.contact3 { display: none; width: 1034px; height: 237px; background: url(../images/photos/main-img-3.jpg) top left no-repeat; }
.thankyou1 { width: 1034px; height: 237px; background: url(../images/photos/main-img-6.jpg) top left no-repeat; }
.privacy { width: 1034px; height: 237px; background: url(../images/photos/main-img-6.jpg) top left no-repeat; }



#wrapper #template-container #interior-container { z-index: 999; width: 1002px; margin: 0 auto 0 auto; padding-top: 171px; padding-bottom: 71px; border-bottom: 1px solid #E5E5E5; } 
#wrapper #template-container #interior-container .column-left { float: left; display: inline; width: 200px; }
#wrapper #template-container #interior-container .column-center { float: left; display: inline; width: 547px; margin-right: 25px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#wrapper #template-container #interior-container .column-center.expanded { width: 777px; }
#wrapper #template-container #interior-container .column-right { float: left; display: inline; width: 230px; }
#wrapper #template-container #interior-container .column-center .headline { font-size: 28px; font-weight: normal; color: #929292; line-height: 30px; margin-bottom: 26px; }
#wrapper #template-container #interior-container .column-center .headline.small{ font-size: 20px; }
#wrapper #template-container #interior-container .column-center h1 { font-size: 22px; color: #a8005b; margin: 0 0 1px 0; }
#wrapper #template-container #interior-container .column-center h2 { font-size: 22px; color: #000; font-family: arial, helvetica, sans-serif; margin: 0 0 10px 0; }
#wrapper #template-container #interior-container .column-center h3, #footer h3 { font-size: 17px; color: #000; margin-bottom: 3px; }
#wrapper #template-container #interior-container .column-right .get-started { margin-bottom: 20px; }
#wrapper #template-container #interior-container .column-right .get-started h2 { width: 202px; height: 24px; padding: 5px 14px 0 14px; background: url(../images/get-started-top-cap.png) no-repeat; color: #fff; font-size: 17px; }
#wrapper #template-container #interior-container .column-right .get-started .content { border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; background: #fafafa; padding: 16px 12px; }
#wrapper #template-container #interior-container .column-right .get-started .end-cap { position: relative; width: 230px; height: 37px; background: url(../images/get-started-bottom-cap.png) top left no-repeat; }
#wrapper #template-container #interior-container .column-right .get-started .end-cap img { position: absolute; bottom: 2px; right: 5px; }
#wrapper #template-container #interior-container .column-center .contact-form { margin-top: 30px; }
#wrapper #template-container #interior-container .column-center .contact-form .text { float: left; display: inline; width: 250px; padding: 0 50px 0 0; }
#wrapper #template-container #interior-container .column-center .contact-form .form-container { float: left; display: inline; width: 439px; padding: 5px 0 0 38px; background: url(../images/bg-contact-form.png) top left no-repeat; }


#wrapper #template-container #interior-container .column-center #lifestyle-support { margin-top: 20px; }
#wrapper #template-container #interior-container .column-center #lifestyle-support h3 { margin-bottom: 5px; }
#wrapper #template-container #interior-container .column-center #lifestyle-support .row { border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; }
#wrapper #template-container #interior-container .column-center #lifestyle-support .img { float: left; width: 100px; margin: 0 20px 20px 0; }
#wrapper #template-container #interior-container .column-center #lifestyle-support .text { float: left; width: 400px; }

/*================ CONTACT ==================*/
.left { float: left; display: inline; width: 190px; margin-right: 25px; margin-bottom: 10px; }
.right { float: left; display: inline; width: 190px; margin-bottom: 10px; }
.left.last,
.right.last { margin-bottom: 0; }
label { color: #696969; display: block; }
label.required { color: #B0216B; }
label.twentyone { font-size: 11px; }
input, select { width: 188px; font-size: 11px; padding: 2px; border: 1px solid #999; }
input.radio { width: 15px; border: 0; }
input.radio.last { margin-left: 15px; }
.submit-button { width: 103px; height: 25px; padding: 0; }
.submit-button { position: absolute; bottom: 0; right: 4px; border: 0; }
input.error { padding: 2px; font-size: 11px; background: #fff; border: 1px solid #a8005b; color: #a8005b }
#wrapper #template-container #interior-container .column-center .contact-form .form-container .submit-button-container { position: relative; width: 416px; height: 50px; background: url(../images/bg-contact-submit.png) top left no-repeat; text-align: right; padding: 2px 16px 0 0; }
#wrapper #template-container #interior-container .column-center .contact-form .form-container .submit-button { position: relative;  }

/*================ FOOTER ==================*/
#wrapper #footer { font-size: 10px; color: #787777; background: url(../images/bg-footer.png) no-repeat; min-height: 250px; height: auto !important; height: 250px; padding: 15px 0 20px 0; position:relative; }

#wrapper #footer #facebook { font-size:12px; line-height: 13px; float: left; width: 600px; margin:0 0 15px 20px; line-height: 30px; }
#wrapper #footer #facebook img { float: left; margin-right: 4px; }
#wrapper #footer #facebook a { color: #B0216B; text-decoration: underline; }

#wrapper #footer .facebook { float: left; width: 500px; margin-left: 20px; line-height: 30px; }
#wrapper #footer .facebook a { color: #B0216B; text-decoration: none; font-size: 12px; }
#wrapper #footer .facebook { color: #787777; text-decoration: none; font-size: 12px; }
#wrapper #footer .facebook img { float: left; margin-right: 4px; }

#wrapper #footer #twitter { font-size:12px; line-height: 13px; float: left; width: 600px; margin:0 0 15px 20px; line-height: 30px; }
#wrapper #footer #twitter img { float: left; margin-right: 4px; }
#wrapper #footer #twitter a { color: #B0216B; text-decoration: underline; }

#wrapper #footer .twitter { float: left; width: 500px; margin-top: 4px; margin-left: 20px; line-height: 30px; }
#wrapper #footer .twitter a { color: #B0216B; text-decoration: none; font-size: 12px; }
#wrapper #footer .twitter p { color: #787777; text-decoration: none; font-size: 12px; }
#wrapper #footer .twitter img { float: left; margin-right: 4px; }

#wrapper #footer #links { position:absolute; right:0; top:0; margin:20px 5px 0 0; }
#wrapper #footer #copyright { display: inline; }
#wrapper #footer ul { margin: 10px 0 10px 17px; }
#wrapper #footer ul li { list-style-type: disc; margin: 0; padding: 0 0 5px 0; line-height: normal; }