/* Body styling - with tiled background*/
body {
background:url('images/site_bg.gif');
background-repeat:repeat;
color:#ffffff;
font-family:Helvetica, Verdana, sans-serif;
font-size:12px;
margin:0 auto;
}

/* Pattern theme top of page*/
#pageheader {
background:url('images/header.gif');
border-left:3px solid #fff;
border-right:3px solid #fff;
height:100px;
margin:0 auto;
width:774px;
}

/* Business logo div*/
#logo {
background:url('images/logo.gif');
border-bottom:3px solid #fff;
border-left:3px solid #fff;
border-right:3px solid #fff;
border-top:3px solid #fff;
height:80px;
margin:0 auto;
width:774px;
}

/* Navigation menu styling & positioning */
#menu {
border-left:3px solid #fff;	
background-color: #ab5d29;
border-bottom:2px solid #fff;
border-right:3px solid #fff;
height:30px;
margin:0 auto;
overflow:hidden;
width:774px;
}

/* Navigation menu links styling & positioning */
a.navlink {
color:#fff;
display:block;
float:left;
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
height:30px;
line-height:30px;
margin-right:auto;
outline:none;
text-align:center;
text-decoration:none;
width:108px;
}

/* Navigation menu links hover styling */
a.navlink:hover {
color:#4A3308;
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
height:30px;
}

/*Wrapper containing textleft & imageright divs - used for most pages except for contact & privacy*/
#container {
background-color: #311706;
border-top:1px solid #fff;
border-left:3px solid #fff;
border-right:3px solid #fff;
color:#fff;
font-size:10px;
margin:0 auto;
position:relative;
text-align:left;
width:774px;
}

/*Beginning of styling and positioning for textleft div - main text content on pages*/
#textleft {
background-color:#533d30;
border-right:3px solid #fff;
float:left;
width:441px;
height: 500px;
}

/* Main text h1 content heading */
#textleft h1 {
color:#dad7a0;
font-family:Helvetica, Verdana, sans-serif;
font-size:22px;
margin-left:100px;
margin-top:50px;
text-align:left;
width:280px;
}

/* Main text content paragraph */
#textleft p {
color:#fff;
font-family:Helvetica, Verdana, sans-serif;
font-size:12px;
margin-left:100px;
margin-top:20px;
text-align:left;
width:250px;
}

/* Beginning of services page link styling & positioning */
#textleft a {
font-size: 11px;
color: #92b68f;
text-decoration: underline;
}

#textleft a:hover {
font-size: 11px;
color: #7d9c7a;
text-decoration: underline;
}
/* End of services page link styling & positioning */

/* Positioning & styling of back to services page button*/
.imglink {
border:0px;
position:absolute; left:360px; top:90px;
}

.imglink2 {
border:0px;
position:absolute; left:360px; top:75px;
}

/* List positioning & styling for commercial/residential pages */
#textleft li {
color:#92b68f;
font-family:Helvetica, Verdana, sans-serif;
font-size:14px;
list-style-type:square; 
margin-top:10px;
}

/* List area positioning for commercial/residential pages */
#list {
height:280px;
margin-left:55px;
margin-top:20px;
width:380px;
}

/* List h1 heading positioning commercial/residential pages */
#listhead h1 {
margin-left:75px;
}

/* Positioning & styling for projectviewer div on projects page */
#projectviewer {
width: 280px;
height: 400px;
position:absolute; left:72px; top:55px;
}
/*End of styling and positioning for textleft div - main text content on pages*/

/*Beginning of styling and positioning for textleft2 div - services page*/
#textleft2 {
background-color:#533d30;
border-right:3px solid #fff;
float:left;
width:441px;
height: 500px;
}

/* Main text h1 content heading */
#textleft2 h1 {
color:#dad7a0;
font-family:Helvetica, Verdana, sans-serif;
font-size:15px;
margin-left:100px;
margin-top:50px;
text-align:left;
width:280px;
}

/* Main text h2 content heading */
#textleft2 h2 {
color:#dad7a0;
font-family:Helvetica, Verdana, sans-serif;
font-size:15px;
margin-left:100px;
margin-top:35px;
text-align:left;
width:280px;
}

#textleft2 h3 {
color:#dad7a0;
font-family:Helvetica, Verdana, sans-serif;
font-size:15px;
margin-left:100px;
margin-top:35px;
text-align:left;
width:280px;
}

/* Main text content paragraph */
#textleft2 p {
color:#fff;
font-family:Helvetica, Verdana, sans-serif;
font-size:12px;
margin-left:100px;
margin-top:15px;
text-align:left;
width:250px;
}

/* Beginning of services page link styling & positioning */
#textleft2 a {
font-size: 11px;
color: #92b68f;
text-decoration: underline;
}

#textleft2 a:hover {
font-size: 11px;
color: #7d9c7a;
text-decoration: underline;
}
/*End of styling and positioning for textleft2 div - services page*/

/*Begiinning of styling and positioning for imageright div - main image/movie content on pages*/
#imageright {
background-color:#311706;
width:327px;
height: 500px;
}

/* Image size & positioning */
.image {
background-color:#311706;
border-bottom:3px solid #FFFFFF;
border-left:3px solid #FFFFFF;
border-right:3px solid #FFFFFF;
border-top:3px solid #FFFFFF;
margin-left:20px;
position:absolute; right:72px; top:55px;
}

/* Gallery size & positioning */
#imagegallery {
border: 3px solid #FFFFFF;
padding: 0;
width: 175px;
height: 275px;
position:absolute; right:72px; top:55px;
}
/*End of styling and positioning for imageright div - main image/movie content on pages*/

/*Wrapper containing contactform & contactdetails divs - used for contact page*/
#container2 {
background-color: #533d30;
border-top:1px solid #fff;
border-left:3px solid #fff;
border-right:3px solid #fff;
color:#fff;
font-size:12px;
margin:0 auto;
position:relative;
text-align:left;
width:774px;
height: 600px;
}

/*Beginning of styling and positioning for contact details div - contact form*/
#contactform {
width: 327px;	
position:absolute; right:22px; top:45px;
}

#contactform h1{
color:#dad7a0;
font-family:Helvetica, Verdana, sans-serif;
font-size:15px;
margin-top:5px;
text-align:left;
width:270px;
}

#name {
width: 250px;
border: 2px solid #b5ba7c;	
}

#email {
width: 250px;
border: 2px solid #b5ba7c;		
}

#subject {
width: 250px;
border: 2px solid #b5ba7c;		
}

#message {
width: 250px;
border: 2px solid #b5ba7c;	
overflow:auto;
}

label {  
width: 8em;  
color: #ffffff;
font-weight: bold;
display: block; 
}

.submit {
padding-left: 4px;
padding-right: 4px;
}

.clear {
padding-left: 8px;
padding-right: 8px;
}
/*End of styling and positioning for contact details div - contact form*/

/*Beginning of styling and positioning for contact details div - address details*/
#contactdetails h1 {
color:#dad7a0;
font-family:Helvetica, Verdana, sans-serif;
font-size:15px;
margin-left:100px;
margin-top:50px;
text-align:left;
width:270px;
}

#contactdetails p {
color:#fff;
font-family:Helvetica, Verdana, sans-serif;
font-size:12px;
margin-left:100px;
margin-top:20px;
text-align:justify;
width:250px;
word-spacing:0.001em;
}

.address {
color: #FFFFFF;
margin-left: 100px;
font-family:Helvetica, Verdana, sans-serif;
font-size:12px;
}

.address a {
color: #92b68f;
text-decoration: underline;		
}

.address a:hover {
color: #7d9c7a;
text-decoration: underline;	
}
/*End of styling and positioning for contact details div - address details*/

/*Wrapper containing privacytext div - used for privacy policy page*/
#container3 {
background-color: #533d30;
border-top:1px solid #fff;
border-left:3px solid #fff;
border-right:3px solid #fff;
color:#fff;
font-size:12px;
margin:0 auto;
position:relative;
text-align:left;
width:774px;
height: 1398px;
}

/*Beginning of styling and positioning for privacy policy page*/
#privacytext {
background-color:#533d30;
float:left;
width:774px;
}

#privacytext h1 {
color:#dad7a0;
font-family:Helvetica, Verdana, sans-serif;
font-size:15px;
margin-left:100px;
margin-top:45px;
text-align:left;
width:580px;
}

#privacytext h2 {
color:#fff;
font-family:Helvetica, Verdana, sans-serif;
font-size:13px;
margin-left:100px;
margin-top:35px;
text-align:left;
width:580px;
}

#privacytext p {
color:#fff;
font-family:Helvetica, Verdana, sans-serif;
font-size:11px;
margin-left:100px;
text-align:justify;
width:580px;
}

#privacylist { 
margin-left:55px;
margin-top:20px;
width:580px;
margin-left: 100px;
}

#privacytext li {
color:#ffffff;
font-family:Helvetica, Verdana, sans-serif;
font-size:11px;
list-style-type:square; 
margin-top:10px;
line-height: 3px;
}

#privacytext a {
font-size: 11px;
color: #92b68f;
text-decoration: none;
}

#privacytext a:hover {
font-size: 11px;
color: #7d9c7a;
text-decoration: none;
}
/*End of styling and positioning for privacy policy page*/

/* Beginning of siteinfo styling & positioning */
#siteinfo {
font-size: 9px;
color: #ffffff;
position:absolute; left:55px; bottom:3px;
}

#siteinfo a {
font-size: 9px;
color: #ffffff;
text-decoration: none;
}

#siteinfo a:hover {
font-size: 9px;
color: #7d9c7a;
text-decoration: none;
}
/* End of siteinfo styling & positioning */

/* Beginning of siteinfo styling & positioning for contact page - margin-left*/
#siteinfo2 {
font-size: 9px;
color: #ffffff;
position:absolute; left:220px; bottom:3px;
}

#siteinfo2 a {
font-size: 9px;
color: #ffffff;
text-decoration: none;
}

#siteinfo2 a:hover {
font-size: 9px;
color: #7d9c7a;
text-decoration: none;
}
/* End of siteinfo styling & positioning for contact page - margin-left*/

/* Beginning of pagefooter styling & positioning*/
#pagefooter {
background-color: #ffffff;
border-left:3px solid #fff;
border-right:3px solid #fff;
border-top:3px solid #fff;
border-bottom:1px solid #fff;
height:3px;
margin:0 auto;
width:774px;
}
/* End of pagefooter styling & positioning*/