/* CSS Document */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	font-size: 62.5%;
	background-color: #e8e0c3;
	padding: 0px 8px 0px 8px;
}

#container {
	width: 750px;
	height: auto;
	margin: 0 auto 0 auto;
}

div#overlord { 
 width: 750px; 
 }
 
/* ************************* HEADER ************************** */

div#topnav {
width: 750px;
	height: auto;
	margin: 0 auto 0 auto; 
padding:0; 
border: 0;
background: url('images/background.gif') repeat;
}

#topimages {
width: 730px;
height: 117px;
margin: 0 auto 0 auto; 
padding:0; 
border: 0;
background: url('images/top_pictures.jpg') no-repeat;
}

#waves {
width: 730px;
height: 224px;
margin: -117px auto 0 auto; 
padding:0; 
border: 0;
background: url('images/wave.gif') no-repeat;
}

#logotop {
width: 164px;
height: 89px;
float: left;
margin: -205px 0 0 65px; 
padding:0; 
border: 0;
background: url('images/logo.gif') no-repeat;
}


#mainbackgd {
width: 750px;	
height: auto;
margin: 0; 
padding:0; 
border: 0;
background: url('images/background.gif') repeat-y;
float: right;
}


 /* ************************* LEFT COLUMN ************************** */
 
div#containerleft {
width: 198px;
height:auto;
margin: 0; border: 0; padding: 0;
float: left;
}
 
#columnleft {
width: 188px;
height: auto;
margin: 0; border: 0; padding: 0;
float: right;
}

#menubox {
width: 168px;
height: 400px;
margin: 10px auto 0 auto;
padding:0; 
border: 0;
}

#menubutton {
width: 168px;
height: 25px;
margin: 5px auto 0 auto; 
padding:0; 
border: 0;
}

#brochure {
width: 168px;
height: 42px;
margin: 30px auto 0 auto; 
padding:0; 
border: 0;
}

#getacrobat {
width: 88px;
height: 31px;
margin: 40px auto 0 auto; 
padding:0; 
border: 0;
}

 /* ************************* RIGHT COLUMN ************************** */
div#containerright {
width: 542px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
background: url('images/right_corner.gif') top right no-repeat;}


#leftcontent {
width: 265px;
height: auto;
padding: 0; 
border: 0; 
margin: 0 0 0 10px;
float: left;
}

#title {
width: 265px;
height: auto;
font: bold 14px Helvetica, Arial, sans-serif;
text-align: right;
color: #391b12;
margin: 10px 0 0 0;
float: right;
}

#contenthome {
width: 250px;
height: auto;
font: 12px Helvetica, Arial, sans-serif;
text-align: justify;
color: #391b12;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: right;
}

#accessprod {
width: 265px;
height: 42px;
margin: 20px 0 0 0; 
text-align: center;
float: left;
}

#detailsright {
width: 230px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#homedetails {
width: 208px;
height: auto;
float: right;
padding: 0; 
border: 0; 
margin: 85px 15px 0 0;
font: bold 12px Helvetica, Arial, sans-serif;
text-align: right;
color: #006026;
}

#grasspic {
width: 223px;
height: 155px;
float: right;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
text-align: left;}

#quotehome {
width: 230px;
height: 36;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: right;
text-align: center;
font: 14px Helvetica, Arial, sans-serif;
color: #391b12;
}


/* ************************* FOOTER HOMEPAGE ************************** */

div#containerbottom {
width: 740px;
height:auto;
margin: 0; border: 0; padding: 0;
float: left;
}

#backgbottom {
	width: 730px;
	height: 30px;
	margin: 0; 
	border: 0; 
	padding: 0;
	background: url('images/bottom.gif') repeat;
	float: right;
}

#credits {
width: 720px;
height: auto;
margin: 2px auto 0 auto;
text-align: center;
color : #fff;
font : 10px Arial, Helvetica, sans-serif;
}

 /* ************************* OTHER PAGES ************************** */
 
#leftcontent2 {
width: 480px;
height: auto;
padding: 0; 
border: 0; 
margin: 0 0 0 10px;
float: left;
}

#contentother {
width: 440px;
height: auto;
font: 12px Helvetica, Arial, sans-serif;
text-align: justify;
color: #391b12;
padding: 0; 
border: 0; 
margin: 10px 0 0 15px;
float: left;
}

#tablebox {
width: 300px;
height: auto;
border: solid 1px #198829;
padding: 4px;
margin: 5px auto 0 auto;
}

.clear { clear: both; margin: 0; }

  .white:link {color: #fff; text-decoration:underline;}
 .white:visited {color: #fff; text-decoration:underline;}
 .white:hover {color: #9dc12a; text-decoration:none;}
 
 .brown:link {color: #391b12; text-decoration:none;}
 .brown:visited {color: #391b12; text-decoration:none;}
 .brown:hover {color: #9dc12a; text-decoration:underline;}
 
  .green:link {color: #7EB61C; text-decoration:underline;}
 .green:visited {color: #7EB61C; text-decoration:underline;}
 .green:hover {color: #391b12; text-decoration:none;}

.basic {
font: 11px Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
}

.title1 {
font: bold 18px Helvetica, Arial, sans-serif;
text-align: left;
color: #391b12;
}

.title2 {
font: bold 12px Helvetica, Arial, sans-serif;
text-align: left;
color: #198829;
}

.title3 {
font: bold 14px Helvetica, Arial, sans-serif;
text-align: center;
color: #7EB61C;
}