body  {background:transparent url(images/top-bg.jpg) no-repeat top center; margin:0; padding:0; text-align:center; font-family:Arial; font-size:12px; color:#000;}

html {
   background:#3e1819 url(images/main.jpg) repeat-x;
   height:100%;
}

html>body {
 min-height:100%;
 height:auto;
}

.wrapper {width:960px; margin:0 auto; text-align:left;}

/* 3 Boxes Top
----------------------------------------------------------------------------*/
#topBoxes {
   width:960px;
   float:left;
   margin-top:6px;
}

#box1 {
   width:310px;
   height:340px;
   float:left;
   background:transparent url(images/box-bg.jpg) repeat-x;
}

#box2 {
   width:310px;
   height:340px;
   float:left;
   margin-left:16px;
   background:transparent url(images/box-bg.jpg) repeat-x;
}

#box3 {
   width:310px;
   height:340px;
   float:left;
   margin-left:14px;
   background:transparent url(images/box-bg.jpg) repeat-x;
}

#inBox1 {
   width:290px;
   height:330px;
   float:left;
   margin-left:10px;
   margin-top:10px;
   background:transparent url(images/garden-terrace.jpg) no-repeat;
   overflow:hidden;
}

#inBox2 {
   width:290px;
   height:330px;
   float:left;
   margin-left:10px;
   margin-top:10px;
   background:transparent url(images/clarke-square.jpg) no-repeat;
   overflow:hidden;
}

#inBox3 {
   width:290px;
   height:330px;
   float:left;
   margin-left:10px;
   margin-top:10px;
   background:transparent url(images/garden-place.jpg) no-repeat;
   overflow:hidden;
}

#picTxt1 {
   width:284px;
   height:50px;
   float:left;
   margin-top:278px;
   text-align:right;
   color:#3e1819;
   font-size:11px;
   line-height:15px;
   font-family:"Trebuchet MS", Arial;
   background:transparent url(images/hd-garden.gif) no-repeat top left;
}

#picTxt2 {
   width:284px;
   height:50px;
   float:left;
   margin-top:275px;
   padding-top:3px;
   text-align:right;
   color:#3e1819;
   font-size:11px;
   line-height:15px;
   font-family:"Trebuchet MS", Arial;
   background:transparent url(images/hd-clarke.gif) no-repeat top left;
}

#picTxt3 {
   width:284px;
   height:50px;
   float:left;
   margin-top:278px;
   text-align:right;
   color:#3e1819;
   font-size:11px;
   line-height:15px;
   font-family:"Trebuchet MS", Arial;
   background:transparent url(images/hd-garden2.gif) no-repeat top left;
}

/* Mid
----------------------------------------------------------------------------*/
#mid {
   width:951px;
   height:102px;
   float:left;
   margin-top:34px;
   margin-left:9px;
   overflow:hidden;
}

#slogan {
   width:460px;
   height:102px;
   float:left;
   background:transparent url(images/line.gif) no-repeat top right;
   overflow:hidden;
   font-family:"Trebuchet MS", Arial;
}
#slogan h1 {font-size:40px; color:#ffbe5f; font-weight:normal; margin-top:20px; margin-bottom:0px; line-height:40px;}
#slogan h2 {font-size:18px; color:#ffbe5f; font-weight:normal; margin-top:0px; margin-bottom:0px; line-height:18px; background:transparent url(images/hline.gif) no-repeat; width:430px; text-align:center; display:block;}

#quote {
   width:486px;
   float:left;
   font-size:18px;
   line-height:24px;
   color:#ffbe5f;
   font-family:"Trebuchet MS", Arial;
}
#quote ul {list-style-type:none; padding:0; margin:0 0 0 22px;}

/* bottom
----------------------------------------------------------------------------*/
#bottom {
   width:960px;
   height:730px;
   float:left;
   margin-top:17px;
   background-color:#220d0e;
}

#aboutBox {
   width:920px;
   float:left;
   margin-left:13px;
   font-family:Verdana;
   font-size:14px;
   line-height:21px;
   color:#ffbe5f;
}
#aboutBox h3 {font-size:22px; color:#e14320; font-weight:normal; margin-top:10px; margin-bottom:0px; font-family:"Trebuchet MS", Arial; line-height:23px;}
#aboutBox p {margin-top:16px; margin-bottom:16px;}

/* Form Field Area
----------------------------------------------------------------------------*/
#contactEmail {
   width:897px;
   float:left;
   margin-top:18px;
   margin-left:46px;
}

#fieldBox {
   width:571px;
   height:281px;
   float:left;
   background:transparent url(images/line2.gif) no-repeat top right;
   overflow:hidden;
}
#fieldBox h4 {font-size:20px; color:#e94520; font-weight:normal; margin-top:28px; margin-bottom:0px; font-family:"Trebuchet MS", Arial; text-indent:68px;}

#fields {
   width:570px;
   float:left;
   margin-top:18px;
}

#email {
   width:67px;
   float:left;
   margin-top:7px;
   font-family:"Trebuchet MS", Arial;
   color:#e94520;
   font-size:18px;
   font-weight:bold;
}

#txtField {
   width:351px;
   float:left;
}

#submit {
   width:150px;
   float:left;
}

#contact {
   width:264px;
   float:left;
   margin-top:32px;
   margin-left:62px;
   font-size:14px;
   color:#ffbe5f;
   font-weight:bold;
   font-family:"Trebuchet MS", Arial;
}
#contact h5 {font-size:20px; color:#ffbe5f; margin-top:0px; margin-bottom:8px;}
#contact a {color:#fff; text-decoration:none; font-weight:normal;}
#contact a:hover {color:#ffbe5f; text-decoration:none; font-weight:normal;}

/* Classes
----------------------------------------------------------------------------*/
.sub {font-size:12px; font-weight:bold;}
.text_field {height:37px; width:335px; border:none; background:transparent url(images/field-bg.gif) repeat-x; font-size:24px;}
a img {border:none;}
form {padding:0px; margin:0px;}