/****************************************
*  Site specific css definitions
****************************************/

html,
body {
  background-color:#F5F3F4;
  text-align:center;
}

div.contact-info {
  background-image:url(/images/layout/bg_contact.png);
  background-position:top left;
  background-repeat:no-repeat;
  display:block;
  height:22px;
  left:0px;
  position:absolute;
  top:0px;
  width:293px;
}

div.delivery-directions {
  left:187px;
  position:absolute;
  top:257px;
}

div.estimate {
  position:absolute;
  top:-135px;
  left:413px;
}

div.start-project {
  left:280px;
  position:absolute;
  top:45px;
}

div.facebook-photo {
  border:#000000 1px solid;
  background-color:#FFFFFF;
  padding:4px 4px 4px 4px;
  margin:24px 0px 28px 14px;
  display:table-cell;
  float:right;
}

div.header-gradient {
  background-image:url(/images/layout/bg_header_gradient.png);
  background-position:top center;
  background-repeat:repeat-x;
}

div.map {
  border:#000000 1px solid;
  height:267px;
  left:29px;
  position:relative;
  top:40px;
  overflow:hidden;
  width:386px;
}

div.relative {
  position:relative;
}

div.text-box-image-float {
  position: absolute;
  top: -38px;
  left: -2px;
}

table.bg-callout {
  height:136px;
  width:535px;
  background-image:url(/images/layout/bg_callout.png);
  background-position:bottom left;
  background-repeat:no-repeat;
  margin:0px 0px 0px 20px;
}

table.bg-callout-home {
  height:112px;
  width:385px;
  background-image:url(/images/layout/bg_callout_home.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
  margin:13px 0px 0px 0px;
}

table.gallery-border {
  height:336px;
  width:535px;
  border:#cbc5c0 1px solid;
  background-color:#FFFFFF;
  margin:37px 0px 0px 20px;
}

table.list {
  width:287px;
  margin:0px 0px 30px 28px;
}

table.skinny-list {
  width:200px;
  margin:4px 0px 10px 15px;
}

table.page {
  width:998px;
}

table.testimonial {
  width:355px;
}

table.text-box {
  background-image:url(/images/layout/bg_text_box.png);
  background-position:top left;
  background-repeat:repeat;
  border:#cbc5c0 1px solid;
  width:100%;
}

td.bottom-border {
  height:16px;
  background-color:#4d4d4f;
}

td.callout-padding {
  padding:50px 38px 0px 38px;
}

td.callout-home-padding {
  padding:18px 0px 0px 24px;
}

td.column-left {
  width:414px
}

td.column-right {
}

td.col-spacer {
  width:35px;
  background-image:url(/images/layout/col_divider.jpg);
  background-position:top center;
  background-repeat:no-repeat;
}

td.contact-info {
  width:330px;
}

td.content-area {
  background-image:url(/images/layout/bg_content_area.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  border-top:#dcd5d5 solid 1px;
}

td.content-area-home {
  background-image:url(/images/layout/bg_content_area.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  border-top:#dcd5d5 solid 1px;
  padding:0px 0px 36px 0px;
}

td.content-left {
  padding:37px 0px 0px 58px;
}

td.content-left-home {
  padding:37px 0px 20px 28px;
}

td.content-one-column {
  padding:37px 46px 142px 58px;
}

td.content-right {
  padding:41px 46px 142px 37px;
}

td.dotted-vertical-line {
 width:2px;
 background-image:url(/images/layout/dotted_vertical_line.png);
 background-position:top center;
 background-repeat:repeat-y;
}

td.dotted-grey-line {
  background-image:url(/images/layout/dotted_grey_line.png);
  background-position:top left;
  background-repeat:repeat-x;
  height:2px;
}

td.footer {
  height:349px;
  background-color:#64686c;
}

td.footer-column-left {
  width:266px;
}

td.footer-content {
  padding:36px 0px 36px 0px;
}

td.footer-content-left {
  padding:0px 16px 0px 10px;
}

td.footer-content-right {
  padding:0px 16px 0px 16px;
}

td.form-padding {
  padding:0px 10px 0px 0px;
}

td.form-cell-spacing {
  width:50px;
}

td.form-line-spacing {
  height:20px;
}

td.form-line-spacing-text {
  padding:0px 0px 6px 0px;
}

td.gallery-padding {
  padding:15px 0px 0px 16px;
}

td.header {
  height:262px;
  background-image:url(/images/layout/bg_header.jpg);
  background-position:top center;
  background-repeat:repeat;
}

td.header-content {
  padding:70px 20px 0px 20px;
}

td.header-content-home {
  padding:50px 20px 0px 20px;
}

td.header-glow {
  background-image:url(/images/layout/bg_header_glow.png);
  background-position:top center;
  background-repeat:no-repeat;
}

td.logo {
  width:414px;
}

td.list-item {
  padding:0px 5px 0px 0px;
}

td.map {
  width:434px;
}

td.navigation {
  height:40px;
  background-color:#490407;
  background-image:url(/images/layout/bg_navigation.jpg);
  background-position:top center;
  background-repeat:repeat-x;
}

td.quote-request {
  height:1px;
}

td.services {
  width:189px;
}

td.services-padding {
  padding:0px 0px 0px 18px;
}

td.sub-content-left {
  width:234px;
}

td.sub-content-right {
  width:231px;
}

td.service-areas {
  height:22px;
}

td.testimonials-top-padding {
  height:10px;
}

td.testimonials-padding {
  padding:0px 44px 0px 20px;
}

td.text-box-padding {
  padding:24px 26px 10px 28px;
}

td.top-border {
  height:3px;
  background-color:#64686c;
}

td.vertical-line {
  width:1px;
  background-color:#838589;
}

td.valign-middle {
  vertical-align:middle;
}

img.facebook {
  margin:0px 11px 10px 0px;
}

img.logo {
  margin:39px 0px 0px 82px;
}

img.paint-can {
  margin:5px 0px 10px 0px;
}

blockquote.faqs {
  margin:0px 100px 0px 40px;
}

/******************************
  Text Options
*******************************/

p,
li {
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-style:normal;
  font-weight:normal;
  line-height:19px;
  padding:0px 0px 10px 0px;
}

p.bottom-border {
  font-size:11px;
  line-height:12px;
  padding:10px 0px 10px 0px;
  color:#000000;
}

p.bullet {
  font-size:12px;
  line-height:16px;
  background-image:url(/images/layout/bullet.png );
  background-position:top left;
  background-repeat:no-repeat;
  padding:0px 0px 3px 28px;
}

p.bullet-bottom {
  padding-bottom:10px;
}

ul {
  padding:0px 0px 0px 30px;
  margin:0px 0px 0px 0px;
}

li {
  padding:0px 0px 0px 0px;
}

p.dotted-black-line {
  font-size:10px;
  line-height:10px;
  margin:5px 0px 2px 0px;
  padding:4px 0px 4px 0px;
  background-image:url(/images/layout/dotted_black_line.png);
  background-position:center left;
  background-repeat:repeat-x;
}

p.dotted-grey-line {
  font-size:9px;
  line-height:9px;
  margin:0px 0px 8px 0px;
  padding:0px 0px 0px 0px;
  background-image:url(/images/layout/dotted_grey_line.png);
  background-position:top left;
  background-repeat:repeat-x;
}

p.dotted-red-line {
  font-size:10px;
  line-height:10px;
  margin:0px 0px 0px 0px;
  padding:4px 0px 4px 0px;
  background-image:url(/images/layout/dotted_red_line.png);
  background-position:center left;
  background-repeat:repeat-x;
}

p.huge {
  font-size:32px;
  line-height:32px;
  padding:0px 0px 0px 0px;
}

p.large {
  color:#4d4d4f;
  font-size:16px;
  line-height:24px;
}

p.medium {
  font-size:14px;
  line-height:20px;
}

p.paint-can-text {
  font-size:11px;
  line-height:11px;
  padding:0px 0px 10px 0px;
}

p.small {
  font-size:12px;
  line-height:18px;
  padding:0px 0px 0px 0px;
}

p.small span {
  color:#cccccc;
  font-size:10px;
  line-height:19px;
}

p.tiny {
  font-size:11px;
  line-height:11px;
  padding:0px 0px 2px 0px;
}

table.list p {
  padding:0px 0px 4px 0px;
  line-height:20px;
}

p.x-large {
  font-size:24px;
  line-height:24px;
  padding:0px 0px 0px 0px;
}

div.testimonials p {
  font-style:italic;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

h1 {
  color:#0f6894;
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;
  font-style:normal;
  font-weight:normal;
  line-height:28px;
  padding:0px 0px 4px 0px;
  text-transform:uppercase;
}

h1.footer {
  color:#a8c1ce;
  font-size:22px;
  line-height:26px;
  padding:0px 0px 8px 0px;
}

h2 {
  color:#ae1f2d;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:normal;
  line-height:20px;
  padding:6px 0px 10px 0px;
  text-transform:uppercase;
}

h3 {
  border-top:#a7a9ac solid 1px;
  border-bottom:#a7a9ac solid 1px;
  background-image:url(/images/layout/bg_text_gradient.png);
  background-position:top center;
  background-repeat:repeat-y;
  color:#64686c;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-style:italic;
  font-weight:normal;
  line-height:18px;
  margin:0px 0px 12px 0px;
  padding:4px 0px 4px 0px;
  text-align:center;
}

h4 {
  color:#0f6894;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-style:normal;
  font-weight:normal;
  line-height:30px;
  padding:0px 0px 0px 0px;
}

p.nomargin,
.nomargin {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

/*******************************
  Form Options
*******************************/

input.text,
textarea.text,
select.text {
  background-color:#FFFFFF;
  border:#cbc5c0 1px solid;
  height:40px;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  line-height:25px;
  font-style:normal;
  font-weight:normal;
  padding:6px;
  width:242px;
}

/******************************
  Link Styles
*******************************/

a:link,
a:visited,
a:hover,
a:active {
  color:#d49a0f;
  text-decoration:none;
  outline:none;
}

a.contact:link,
a.contact:visited,
a.contact:hover,
a.contact:active {
  color:#eaeaea;
  text-decoration:underline;
}

a.footer:link,
a.footer:visited,
a.footer:hover,
a.footer:active,
a.callout:link,
a.callout:visited,
a.callout:hover,
a.callout:active {
  color:#f1e6aa;
}

a.footer:hover,
a.callout:hover {
  color:#a8c1ce;
}

h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active {
 color:#0f6894;
}

a.plain:link,
a.plain:visited,
a.plain:hover,
a.plain:active {
  color:#000000;
}

a.delivery-directions:link,
a.delivery-directions:visited,
a.delivery-directions:active {
  background-image:url(/images/layout/delivery_directions.png);
  background-position:top left;
  background-repeat:no-repeat;
  height:46px;
  width:244px;
  margin:0px 0px 0px 0px;
  display:block;
}

a.delivery-directions:hover {
  background-position:bottom left;
}

a.start-project:link,
a.start-project:visited,
a.start-project:active {
  background-image:url(/images/layout/start_your_project.png);
  background-position:top left;
  background-repeat:no-repeat;
  height:40px;
  width:176px;
  margin:0px 0px 0px 0px;
  display:block;
}

a.start-project:hover {
  background-position:bottom left;
}

a.submit:link,
a.submit:visited,
a.submit:active {
  background-image:url(/images/content/btn_submit.png);
  background-position:top left;
  background-repeat:no-repeat;
  height:40px;
  width:176px;
  margin:0px 0px 0px 0px;
  display:block;
}

a.submit:hover {
  background-position:bottom left;
}

a.text-nav:link,
a.text-nav:visited,
a.text-nav:active {
  color:#eaeaea;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:normal;
  line-height:12px;
  margin:0px 0px 0px 0px;
  padding:14px 13px 14px 13px;
  display:block;
}

a.text-nav:hover {
  background-image:url(/images/navigation/nav_on.png);
  background-position:top center;
  background-repeat:repeat-x;
}

/*****************************
        Color Styles
*****************************/

.blue,
div.blue p {
  color:#0f6894;
}

.testimonial-grey {
  color:#64686c;
}

.grey {
  color:#505052;
}

.light-grey {
  color:#eaeaea;
}

.yellow {
  color:#f6cc67;
}

.white {
  color:#FFFFFF;
}

.red,
p.red {
  color:#ae1f2d;
}

/**************************
   FNI Slider Styles
**************************/

div.slide-div {
  height:161px;
  width:375px;
  position:absolute;
  left:-375px;
}

div.slide-mask {
  position:relative;
  width:355px;
  height:161px;
  overflow:hidden;
  margin:0px 0px 0px 0px;
}

td.slide-box-spacer {
  width:9px;
}

td.slide-box {
  height:10px;
  width:10px;
  cursor:pointer;
  cursor:hand;
  background-position:center center;
  background-repeat:no-repeat;
}

td.slide-box-area {
  padding:5px 0px 0px 0px;
}

/**********************************
     FNI FADER CSS STYLES
**********************************/

div.fade-wrapper {
  height: 303px;
  width: 501px;
}

div.fade-box {
  position: absolute;
  height: 303px;
  width: 501px;
  background-position:top center;
  background-repeat:no-repeat;
  z-index:99;
}

div.select-box {
  position: absolute;
  top:13px;
  left:-88px;
  z-index:10`;
}

div.select-box-wrapper {
  z-index:100;
}

td.btn-space {
  height:12px;
}

img.btn {
  border:1px #000000 solid;
  cursor:pointer;
}

/******************************
  Facebook
*******************************/

table.post {
  width:100%;
  table-layout:fixed;
}

td.post p span{
  color:#f1e6aa;
  font-size:12px;
  text-transform:uppercase;
}

table.post td p {
  color:#ffffff;
  font-size:12px;
  margin-right: 10px;
}

table.post td a {
  word-wrap: break-word;
}

.honey {
  display: none;
}

.facebook-post {
  padding: 79px 29px 36px;;
}

.post-text {
  padding-left: 29px;
}

.post-image {
  width: 386px;
}

.post-image img {
  width: 386px;
  border: 1px solid #000000;
}