@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
#house{
	width: 390px;
	height: 98px;
	float: left;
	background-image: url(images/house-390.jpg);
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	text-align: center;
	font-weight: bold;
	color: #0E2F0E;
	margin-bottom: 0px;
	padding-top: 27px;
	text-shadow: 3px 2px 3px #D4E5D4;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	text-align: center;
	font-weight: bold;
	color: #8B9E8B;
	margin-bottom: 0px;
	padding-top: 25px;
	text-shadow: 3px 2px 3px #CADBCA;
}

@media only screen and (max-width: 550px) {
	
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
}
p {
	padding-left: 40px;
}
#banner{
	width: 550px;
	height: 98px;
}
#tree1{
    display: none;
}
#tree2{
    display: none;
}
#tree3{
    display: none;
}
#fence{
	width: 550px;
	height: 38px;
}
#fence-01{
    display: none;
}
#fence-02{
    display: none;
}
#fence-03{
    display: none;
}
#fence-10{
    display: none;
}
#fence-11{
    display: none;
}
#main-block{
	width: 550px;
	overflow: hidden;
}
#left-bar{
    display: none;
}
#content{
	width: 540px;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 0px;
	text-align: justify;
	font-size: 20px;
	color: #052E05;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -20px;
}
#green-blue{
	width: 100%;
	height: 125px;
	padding-top: 20px;
	padding-left: 50px;
}
#gb1{
	width: 96px;
	height: 99px;
	float: left;
}
#gb-out{
    display: none;	
}
#right-bar{
    display: none;
}
#bottom-nav{
    display: none;
}
#copyright{
	width: 550px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	font-family: pt-sans, Arial, sans-serif, "Gill Sans MT", Verdana;
	font-style: normal;
	font-weight: 400;
	font-size: small;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	text-align: center;
	font-weight: bold;
	color: #7F987F;
	margin-bottom: 8px;
	text-shadow: 4px 3px 3px #BACCBA;
}

}
@media only screen and (min-width: 551px) and (max-width: 768px) {

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
}
#banner{
	width: 820px;
	height: 98px;
}
#tree1{
    display: none;
}
#tree2{
	width: 180px;
	height: 98px;
	float: left;
	background-image: url(images/trees-2.jpg);
}
#tree3{
	width: 90px;
	height: 98px;
	float: left;
	background-image: url(images/trees-3.jpg);
}
#fence{
	width: 820px;
	height: 38px;
}
#fence-01{
    display: none;
}
#fence-02{
    display: none;
}
#fence-03{
	width: 75px;
	height: 25px;
	float: left;
	background-image: url(images/fence-pane.jpg);
}
#fence-10{
	width: 75px;
	height: 25px;
	float: left;
	background-image: url(images/fence-pane.jpg);
}
#fence-11{
	width: 75px;
	height: 25px;
	float: left;
	background-image: url(images/fence-pane.jpg);
}
#main-block{
	width: 820px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
}
#left-bar{
	float: left;
	width: 160px;
	overflow: hidden;
	background-color: #E4FAE5;
	padding-bottom: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CFE7CF;
	text-align: left;
	font-size: 14px;
	border-top: 1px solid #A8B8A8;
}
#content{
	position: static;
	left: 160px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #FFF;
	padding-top: -5px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	text-align: justify;
	font-size: 13px;
	color: #052E05;
	line-height: 20px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
}
#green-blue{
	width: 100%;
	height: 125px;
	padding-top: 20px;
}
#gb1{
	width: 96px;
	height: 99px;
	float: left;
}
#gb-out{
	width: 96px;
	height: 99px;
	float: left;		
}
#right-bar{
    display: none;
}
#bottom-nav{
	width: 820px;
	overflow: hidden;
	background-color: #006600;
	color: #E4FAE5;
	font-family: pt-sans, Arial, sans-serif, "Gill Sans MT", Verdana;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	min-height: 27px;
	text-align: center;
	padding-top: 7px;
	letter-spacing: 1px;
}
#copyright{
	width: 820px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	font-family: pt-sans, Arial, sans-serif, "Gill Sans MT", Verdana;
	font-style: normal;
	font-weight: 400;
	font-size: small;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	text-align: center;
	font-weight: bold;
	color: #7F987F;
	margin-bottom: 0px;
	padding-top: 14px;
	text-shadow: 4px 3px 3px #BACCBA;
}
}
@media only screen and (min-width: 769px) {

.gridContainer {
	width: 98.6111%;
	max-width: 1232px;
	padding-left: 0.6944%;
	padding-right: 0.6944%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#banner{
	width: 1000px;
	height: 98px;
}
#tree1{
	width: 180px;
	height: 98px;
	float: left;
	background-image: url(images/tree-1.jpg);
}
#tree2{
	width: 180px;
	height: 98px;
	float: left;
	background-image: url(images/trees-2.jpg);
}
#tree3{
	width: 90px;
	height: 98px;
	float: left;
	background-image: url(images/trees-3.jpg);
}
#fence{
	width: 1000px;
	height: 38px;
}
#fence-01{
	width: 75px;
	height: 25px;
	float: left;
	background-image: url(images/fence-pane.jpg);
}
#fence-02{
	width: 75px;
	height: 25px;
	float: left;
	background-image: url(images/fence-pane.jpg);
}
#fence-03{
	width: 75px;
	height: 25px;
	float: left;
	background-image: url(images/fence-pane.jpg);
}
#fence-10{
	width: 75px;
	height: 25px;
	float: left;
	background-image: url(images/fence-pane.jpg);
}
#fence-11{
	width: 75px;
	height: 25px;
	float: left;
	background-image: url(images/fence-pane.jpg);
}
#main-block{
	width: 1000px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
}
#left-bar{
	float: left;
	width: 160px;
	overflow: hidden;
	background-color: #E4FAE5;
	padding-bottom: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CFE7CF;
	text-align: left;
	font-size: 14px;
	border-top: 1px solid #A8B8A8;
}
#content{
	position: static;
	left: 160px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #FFF;
	padding-top: -5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
	text-align: justify;
	font-size: 13px;
	color: #052E05;
	line-height: 20px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
}
#green-blue{
	width: 100%;
	height: 125px;
	padding-top: 20px;
	padding-left: 20px;
}
#gb1{
	width: 96px;
	height: 99px;
	float: left;
}
#gb-out{
	width: 96px;
	height: 99px;
	float: left;		
}
#right-bar{
	float: right;
	width: 180px;
	overflow: hidden;
}
#bottom-nav{
	width: 1000px;
	overflow: hidden;
	background-color: #006600;
	color: #E4FAE5;
	font-family: pt-sans, Arial, sans-serif, "Gill Sans MT", Verdana;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	min-height: 27px;
	text-align: center;
	padding-top: 7px;
	letter-spacing: 1px;
}
#copyright{
	width: 1000px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	font-family: pt-sans, Arial, sans-serif, "Gill Sans MT", Verdana;
	font-style: normal;
	font-weight: 400;
	font-size: small;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	text-align: center;
	font-weight: bold;
	color: #7F987F;
	margin-bottom: 0px;
	padding-top: 14px;
	text-shadow: 4px 3px 3px #BACCBA;
}

}