@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

img, div, a, div a img { behavior: url(iepngfix.htc) }

a img, img {
outline: none;
border: none;
}

.clear {
clear: both;
}

body { 
color: #444;
margin: 0px; 
padding: 0px; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 14px;
background: url(../images/bg1.jpg) fixed repeat-x #bf9259;
}


/* Typographic Elements */

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
color: #454545;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #454545;
padding-top:10px;
padding-bottom: 2px;
}


h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #454545;
padding-top:10px;
padding-bottom: 2px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #454545;
padding-top:10px;
padding-bottom: 2px;

}

h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #454545;
padding-top:10px;
padding-bottom: 2px;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #454545;
padding-top:10px;
padding-bottom: 2px;
}

a, a:visited, a:active {
color: #82362f;
text-decoration: underline;
}

a:hover {
color: #82362f;
text-decoration: underline;
}

p {
padding: 4px 0;
}

#testimonial p {
font-size: 12px;
}

#testimonial h3 {
font-size: 16px;
}

#testimonial p.from  {
float: right;
font-size:11px;
margin-top:-10px; 
float:right; 
clear:both;
}

#testimonial p.person  {
float: right;
font-size:12px;
}

#footer p {
color: #FFF;
}

#footer a, #footer a:visited {
color: #FFF;
text-decoration: none;
}

#footer a:hover {
color: #FFF;
text-decoration: underline;
}

#footer-left img {
padding: 0 5px;
}

#interior-page img {
padding: 4px;
margin: 0 10px 3px 0;
border: 1px solid #ccc;
float: left;
}

#quote-page img.get-in-touch {
border: none;
float: right;
margin: 15px 25px 0 0;
}

/* List Elements */

#right-column-top ul {
list-style: circle inside;
padding: 7px 0 0 0;
}

#right-column-top li {
padding: 5px 0 3px 20px;
text-indent: -12px;
}

#interior-page ul, #quote-page ul {
list-style: circle inside;
padding: 7px 0 0 0px;
}

#interior-page ul li, #quote-page ul li {
margin-left: 10px;
padding: 5px 0 3px 10px;
text-indent: -10px;
}

#gallery-page ul {
margin-left: 0;
padding: 0;
text-indent: 0;
list-style:none;
}

#gallery-page ul li {
margin-left: 0;
padding: 0;
text-indent: 0;
}



/* Background Image Based Typography Elements */

.hide {
text-indent: -9999px;
}

.headingimg {
float: left;
clear: none;
}

.top-headingbg {
clear: none;
margin: 4px 0 0 -25px;
padding: 45px 0 0 25px;
min-height: 141px;
width: 343px;
background: url(../images/headingbg.png) no-repeat;
}

p.top-headingbg {
float: left;
clear: both;
}

.bottom-left-headingbg {
margin: 10px 0 0 -25px;
padding: 45px 0 0 25px;
min-height: 141px;
background: url(../images/headingbg.png) no-repeat;
}

p.bottom-left-headingbg {
float: left;
}

.bottom-right-headingbg {
margin: 10px 0 0 -25px;
padding: 45px 0 0 25px;
min-height: 141px;
background: url(../images/headingbg.png) no-repeat;
}

p.bottom-right-headingbg {
float: right;
clear: both;
}


/* Container Elements */

#container {
margin: 0 auto;
position: relative;
width: 969px
}

#logo {
height: 185px;
margin: 25px 0 10px 10px;
}

#nav {
background: url(../images/navbg.png) no-repeat;
width: 902px;
height: 82px;
float: right;
margin-top: -50px;
}

#content-top {
background: url(../images/content-top.png) no-repeat;
height: 39px;
}

#content {
background: url(../images/content-middle.png) repeat-y;
}

#content-bottom {
background: url(../images/content-bottom.png) no-repeat;
height: 47px;
}

#left-column-top {
float: left;
width: 600px;
}

#right-column-top {
padding: 10px 0 0 0;
float: right;
width: 355px;
}

#left-column-bottom {
float: left;
width: 500px;
margin: 0 0 0 50px;
}

#right-column-bottom {
padding: 0px 15px 0 0;
float: right;
width: 355px;
}

#interior-page{
padding: 10px 25px 0 0;
width: 680px;
float: right;
}

#quote-page{
padding: 10px 25px 0 30px;
width: 960;
}

#gallery-page {
padding: 10px 25px 0 30px;
width: 960;
}

#spotlights {
padding: 0px 20px 0 25px;
margin: 20px 15px 0 0;
width: 200px;
float: left;
border-right: 2px dashed #9e968d;
}

#request-quote {
float: right;
margin: 35px 25px 0 0;
}

#request-quote-interior {
padding: 60px 20px 0 20px;
}

#footer {
margin: 0px 0;
padding: 0;
float: left; 
clear: both;
width: 960px;
}

#footer-right {
padding: 15px 0 0 0;
float: right;
}

#footer-left {
float: left;
}




/* Slideshow Elements */

#slideshow {
width: 621px;
height: 481px;
margin: 0 0 0 -30px;
}

/* Navigation Elements */

#navigation {
margin: 19px 0 0 20px;
width: 902px;
}

#navigation ul {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}

#navigation ul li a {
margin: 0;
padding: 0;
float: left;
text-indent: -9999px;
}

/* Sprite Elements */

li a.services {
background-image: url(../images/navsprite.png);
background-position: 0 0;
width: 207px;
height: 62px;
display: block;
}

li a:hover.services {
background-image: url(../images/navsprite.png);
background-position: 0 -63px;
width: 207px;
height: 62px;
display: block;
}

li a.certification {
background-image: url(../images/navsprite.png);
background-position: -207px 0;
width: 253px;
height: 62px;
display: block;
}

li a:hover.certification {
background-image: url(../images/navsprite.png);
background-position: -207px -63px;
width: 253px;
height: 62px;
display: block;
}

li a.gallery {
background-image: url(../images/navsprite.png);
background-position: -460px 0;
width: 181px;
height: 62px;
display: block;
}

li a:hover.gallery {
background-image: url(../images/navsprite.png);
background-position: -460px -63px;
width: 181px;
height: 62px;
display: block;
}

li a.contact {
background-image: url(../images/navsprite.png);
background-position: -641px 0;
width: 211px;
height: 62px;
display: block;
}

li a:hover.contact {
background-image: url(../images/navsprite.png);
background-position: -641px -63px;
width: 211px;
height: 62px;
display: block;
}



/* Form Elements */

#form {
margin: 0 0 0 5px;
}

#form ul li {
list-style: none;
}

#form-fields input {
color: #666;
margin: 5px 15px;
}

#submit {
margin: 25px 0 0 0;
float: right; 
position: relative;
right: 15px;
}

#submit img {
border: none;
}

#captcha {
color: #666;
float: left;
padding: 0px 0 40px 15px;
width: 250px;
background: url(../images/emailarrow.png) no-repeat bottom left;
}

#captcha p {
margin: 0;
}

#answers input {
margin: 0 0 0 4px;
}

/* Gallery Elements */

#gallery-left {
float: left;
margin: 0;
width: 500px;
}

#gallery-right {
float: right;
width: 400px;
margin: 0;
}

#gallery img {
margin: 10px;
padding: 4px;
float: left;
border: 1px solid #CCC;
}

.successMessage{display:none;}


#contact-form {
width: 400px;
margin: 0px;
clear: both;

}

#contact-form input {
margin: 0 0 4px px
}


#contact-form ul li {
list-style: none;
text-indent: 0;
padding: 10px 0 0 0;
}

p.small {
color: 555;
font-size: 11px;
margin: 0;
padding: 0;
}

.fancy_title {
display: none;
}

#sister-site {
float: right;
clear: both;
margin: -30px 0 0 0;
}

#return-home {
float: right;
margin: -15px 0 0 0;
}