html {

background: url(../images/htmlBg.jpg) center top repeat-y;

}

body {

margin: 0 0 0 0;

}

/* Link style */

a {

color:#687e45;
text-decoration:none;

}

a:hover {

color:#586b3a;

}

/* Main container */

#container {

width:100%;
margin:0 auto 0 auto;

}

/* Header */

#header {

height: 168px;
background: url(../images/header.jpg) no-repeat center top;
margin:0 auto 0 auto;


}

/* Menu */

#body {

width: 809px;
margin:0 auto 0 auto;

}

#siteNav {

background: url(../images/menuBg.jpg) no-repeat center top;
height:20px;

}

#siteNav ul
{
padding: 0 0 0 0;
margin:0 0 0 225px;
float:left;

}

#siteNav ul li { 

display: inline;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;

}

#siteNav ul li.home a {

background:url(../images/home.jpg) left no-repeat;
width:80px;
height:21px;

}

#siteNav ul li.home a:hover {

background:url(../images/homeHover.jpg) left no-repeat;

}

#siteNav ul li.services a {

background:url(../images/services.jpg) left no-repeat;
width:120px;
height:21px;

}

#siteNav ul li.services a:hover {

background:url(../images/servicesHover.jpg) left no-repeat;

}

#siteNav ul li.gallery a {

background:url(../images/gallery.jpg) left no-repeat;
width:106px;
height:21px;

}

#siteNav ul li.gallery a:hover {

background:url(../images/galleryHover.jpg) left no-repeat;

}

#siteNav ul li.contact a {

background:url(../images/contact.jpg) left no-repeat;
width:108px;
height:21px;

}

#siteNav ul li.contact a:hover {

background:url(../images/contactHover.jpg) left no-repeat;

}

#siteNav ul li a
{
padding: 0;
float: left;

}

#siteNav ul li a:hover {


}



#footer {

background: url(../images/footerBg.jpg) no-repeat center top;
height:129px;

}

/* Gallery */

#galleryContainer {

background: url(../images/bodyBg.jpg) center top repeat-y;

}

#gallery {

background: url(../images/galleryBg.jpg) no-repeat center top;
padding-top:85px;

}

.galleryItem {

width:507px;
margin:0 0 0 140px;
clear:both

}

.galleryImg {

width:221px;
float:left;

}

.galleryImg a img{

border:none;

}

.galleryTextBefore {

width:283px;
height:200px;
float:right;
background: url(../images/thumbs/beforeBg.jpg) no-repeat left;


}

.galleryTextProgress {

width:273px;
height:200px;
float:right;
background: url(../images/thumbs/workInProgressBg.jpg) no-repeat left;


}

.galleryTextAfter {

width:273px;
height:200px;
float:right;
background: url(../images/thumbs/afterBg.jpg) no-repeat left;


}



.galleryText h1 {

font-size:1.3em;
color:#779b3b;
margin:0 0 0 0;
padding:20px 0 0 0;

}

.galleryText h2 {

font-size:1.2em;

}

.galleryText p {

margin:0 20px 0 0;
font-weight:bold;

}

.galleryPhoto {

margin:24px 0 0 27px;

}

/* Home page */

#home {

background: url(../images/homeBg.jpg) no-repeat center top;
height:621px;

}

#homeText {

width: 348px;
float:left;
margin:55px 0 0 124px;

}

.homeTextHeader {

width:348px;
height:63px;
background: url(../images/homeTextBgHeader.png) no-repeat left top;

}

.homeText {

background: url(../images/homeTextBg.png) no-repeat center bottom;
font-family:"Times New Roman", Times, serif;
font-size:1.2em;
color:#82102e;
margin:0 0 0 0;
padding:10px 40px 45px 30px;

}

.homeText p {

padding:0 0 0 0;
margin:0 0 0 0;

}

/* Services page */

#services {

background: url(../images/servicesBg.jpg) no-repeat center top;
height:621px;

}

#servicesTextContainer {

}

#servicesText {

background: url(../images/servicesTextBg.png) no-repeat left top;
width:511px;
margin:29px 0 0 166px;
float:left;

}

#servicesText p {

font-size:1em;
color:#a0c16a;
margin:0 0 0 0;
padding:45px 55px 0px 30px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;

}

#servicesTextFooter {

background: url(../images/servicesTextBgFooter.png) no-repeat left top;
width:511px;
margin:0 0 0 166px;
float:left;
height:26px;

}

#redCard {

width:288px;
margin:0 0 0 390px;
background: url(../images/redCardBg.png) no-repeat left top;
float:left;

}

#redCard p {

font-size:1.1em;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#fff;
margin:0 0 0 0;
padding:0 15px 0px 20px;

}

#redCardFooter {

width:288px;
height:33px;
margin:0 0 0 390px;
background: url(../images/redCardBgFooter.png) no-repeat left top;
float:left;

}

/* Contact page */

#contact {

background: url(../images/contactBg.jpg) no-repeat center top;
height:621px;

}

#contactText {

margin:300px auto 0 200px;
float:left;
width:480px;
font-family:"Times New Roman", Times, serif;
color:#687e45;

}

#contactText p {

margin:0 0 0 0;
padding:0 0 0 0;

}

#contactTextLeft {

width:50%;
float:left;
text-align:left;
font-size:1.5em;


}

#contactTextRight {

width:50%;
float:left;
text-align:left;
font-size:1.5em;

}

#contactTextBottom {

float:left;
width:400px;
text-align:center;
margin:15px 0 0 10px;
font-size:1.5em;
font-weight:bold;
color:#687e45;

}