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

body {
margin:0 auto; padding:0px 0px 0px 0px;
background-color: #ffffff;
background-image:url(../img/bg.jpg);
background-repeat:no-repeat;
background-position:top-center;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
line-height:17px;
color:#666666;
}

#container {
margin: 0 auto;
width:100%;
min-height:400px;
}

#topcontainer {
margin: 0 auto;
width:935px;
height:135px;
background-image: url(../img/topbg.png);
margin-top:25px;

}

#top {
margin: 0 auto;
width:100%;
height:127px;
}

#logo {
float:left;
width:329px; 
height:108px; 
padding-left:15px;
padding-top:14px;
display:inline;
}

#topcontent {
margin: 0 auto;
width:100%;
height:303px;
padding-bottom:50px;
}

#topcontentcontainer {
margin: 0 auto;
width:951px;
height:303px;
background-image: url(../img/topcontentbg.gif);
margin-top:25px;
color:#FFFFFF;
line-height:17px;
letter-spacing:2px;
font-size:11px;

}

#content-right {
text-align:right;
width:550px; 
display:block;
padding-right:46px;
float:right;
color:#666666;

}

#content-left {
text-align:left;
width:300px; 
display:block;
padding-top:8px;
padding-left:20px;
float:left;
}

h1 { font-size: 25px; font-family: californian FB, Arial, Helvetica, sans-serif; color: #EAD9BF; font-weight: bold; padding-top: 6px; line-height: normal; }

h2 { font-size: 17px; font-family: californian FB, Arial, Helvetica, sans-serif; color: #7D913A; font-weight: bold; padding-top: 15px; line-height: normal; }


#greencontent {
margin: 0 auto;
width:100%;
min-height:350px;
background-color:#D9E2B8;
overflow:hidden;
}

#greencontentcontainer {
margin: 0 auto;
width:950px;
min-height:350px;
color:#FFFFFF;

}

#green-left {
width:300px; 
display:inline;
float:left;
color:#666666;
padding-left:20px;
}

#green-left2 {
width:800px; 
display:inline;
float:left;
color:#666666;
padding-left:20px;
}

#green-middle {
width:200px; 
display:inline;
color:#666666;
float: left;
padding-left:20px;
}

#green-right {
padding-left:60px;
width:350px; 
display:inline;
float:left;
color:#666666;
}

#green-right2 {
padding-left:60px;
width:550px; 
display:inline;
float:left;
color:#666666;
}

#footer {
  margin: 0 auto;
  width: 980px;
  clear: both;
  padding-bottom: 10px;
  background-color: #ffffff;
}

#footer p { font-size: 11px; color: #7D913A; padding-top: 7px; }

#footer-main { clear: both; }

.f-links { margin-left: 40px; margin-top: 24px; float: left; display: inline; }

#copy {
  clear: both;
  margin-left: 40px;
  margin-top: 10px;
}

#copy p { font-size: 10px; color: #7D913A; clear: both; }

a:link, a:visited { text-decoration: underline; color: #7D913A; }
a:hover { color: #4F9AD2; }

/*top navigation*/

#navcontainer {
clear:both;
margin: 0 auto;
width:400px;
height:14px;
margin-left:350px;
}


#nav a:link, #nav a:visited {
  text-decoration:none;
  list-style:none;
  background-position: 0 0;
}

#nav li a:hover {
  list-style:none;
  background-position: 0 -19px;
  display:block;
	height: 16px;
}

#nav li a {
  display:block;
	height:  16px;
}

#nav {
  margin-left:100px;
  width:500px; 
  padding:0px 0 0 0px;
  list-style:none;
  text-indent: -5000px;
  
}

#nav li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0px;
  text-align: center;
  float: left;
  list-style: none;
  margin-left: 20px;
  margin-top:-15px;
}

#nav li #home {
  background-image: url(../img/buttons/home.gif); 
  width:47px; 
}

#nav li #services {
  background-image: url(../img/buttons/services.gif); 
  width:68px; 
}

#nav li #portfolio {
  background-image: url(../img/buttons/portfolio.gif); 
  width:75px; 
}

#nav li #contact {
  background-image: url(../img/buttons/contact.gif);
  width:93px;  
}

#nav li #patterns {
  background-image: url(../img/buttons/stamps.gif);
  width:68px;  
}

/*green-dude*/

#green-dude a:link, #green-dude a:visited {
  text-decoration:none;
  list-style:none;
  background-position: 0 0;
}

#green-dude li a:hover {
  list-style:none;
  background-position: 0 -34px;
  display:block;
	height: 34px;
}

#green-dude li a {
  display:block;
	height:  34px;
}

#green-dude {
  margin-left:150px;
  width:600px; 
  padding:0px 0 0 0px;
  list-style:none;
  text-indent: -5000px;
  
}

#green-dude li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0px;
  text-align: center;
  float: left;
  list-style: none;
  margin-left: 0px;
  margin-top:-5px;
}

#green-dude li #service {
  background-image: url(../img/services.png); 
  width:180px; 
}