@charset "UTF-8";

#wrapper {
	height: auto;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
}
#wrapper #navbar {
	float: left;
	height: 102px;
	width: 552px;
	background-image: url(images/menu-bar.png);
	background-repeat: no-repeat;
	margin-left: -48px;
	margin-top: -40px;
}
#wrapper #navbar #home a{
	float: left;
	height: 30px;
	width: 60px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	margin-top: 41px;
	margin-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #navbar #home a:hover {
	color: #FFC;
}
#wrapper #navbar #gallery a{
	float: left;
	height: 30px;
	width: 70px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	margin-top: 41px;
	margin-left: 41px;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #navbar #gallery a:hover {
	color: #FFC;
}
#wrapper #navbar #services a{
	float: left;
	height: 30px;
	width: 70px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	margin-top: 41px;
	margin-left: 41px;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #navbar #services a:hover {
	color: #FFC;
}
#wrapper #navbar #contact a{
	float: left;
	height: 30px;
	width: 70px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	margin-top: 41px;
	margin-left: 41px;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #navbar #contact a:hover {
	color: #FFC;
}
#wrapper #logo {
	float: left;
	width: 264px;
	height: 102px;
	background-image: url(images/logo1.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: -40px;
}
#wrapper #content {
	float: left;
	width: 270px;
	height: 300px;
	padding-right: 10px;
	margin-top: -15px;
}
#wrapper #mainviewingareagallery {
	width: 768px;
	height: 680px;
	margin-top: -15px;
}
#wrapper #servicecontentleft {
	float: left;
	width: 270px;
	height: 615px;
	padding-right: 10px;
	margin-top: -15px;
}
#wrapper #servicecontentright {
	float: left;
	width: 488px;
	height: 615px;
	margin-top: -15px;
}
#wrapper #servicecontentright #service1 {
	float: left;
	width: 430px;
	height: 155px;
	background-image: url(images/service1.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 30px;
}
#wrapper #servicecontentright #servicelink1 a {
	float: left;
	width: auto;
	height: 20px;
	margin-top: 70px;
	margin-left: 55px;
	text-align: center;
	text-decoration: none;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #servicecontentright #servicelink1 a:hover {
	color: #FFF;
	text-shadow: #FFF 0.05em 0.05em 0.1em;
}
#wrapper #servicecontentright #service2 {
	float: left;
	width: 430px;
	height: 150px;
	background-image: url(images/service2.png);
	background-repeat: no-repeat;
	margin-left: 30px;
}
#wrapper #servicecontentright #servicelink2 a {
	float: left;
	width: auto;
	height: 20px;
	margin-top: 69px;
	margin-left: 160px;
	text-align: center;
	text-decoration: none;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #servicecontentright #servicelink2 a:hover {
	color: #FFF;
	text-shadow: #FFF 0.05em 0.05em 0.1em;
}
#wrapper #servicecontentright #service3 {
	float: left;
	width: 430px;
	height: 150px;
	background-image: url(images/service3.png);
	background-repeat: no-repeat;
	margin-left: 30px;
}
#wrapper #servicecontentright #servicelink3 a {
	float: left;
	width: auto;
	height: 20px;
	margin-top: 69px;
	margin-left: 55px;
	text-align: center;
	text-decoration: none;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #servicecontentright #servicelink3 a:hover {
	color: #FFF;
	text-shadow: #FFF 0.05em 0.05em 0.1em;
}
#wrapper #servicecontentright #service4 {
	float: left;
	width: 430px;
	height: 150px;
	background-image: url(images/service4.png);
	background-repeat: no-repeat;
	margin-left: 30px;
}
#wrapper #servicecontentright #servicelink4 a {
	float: left;
	width: auto;
	height: 20px;
	margin-top: 70px;
	margin-left: 180px;
	text-align: center;
	text-decoration: none;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #servicecontentright #servicelink4 a:hover {
	color: #FFF;
	text-shadow: #FFF 0.05em 0.05em 0.1em;
}
#wrapper #contentcontact {
	float: left;
	width: 270px;
	height: 619px;
	padding-right: 10px;
	margin-top: -15px;
}
#contentabout{
	float:left;
	width:330px;
	height:619px;
	padding-right: 10px;
	margin-top: -15px;
}
#wrapper #pic1 {
	float: left;
	width: 488px;
	height: 300px;
	background-image: url(images/indeximg1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: -15px;
}
#wrapper #link {
	float: left;
	width: 768px;
	height: 34px;
	background-image: url(images/talktous.png);
	background-repeat: no-repeat;
	background-position: left;
}
#wrapper #link #talktous a{
	float: left;
	text-align: center;
	text-decoration: none;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px;
}
#wrapper #link #talktous a:hover {
	color: #FFF;
}
#wrapper #pic2 {
	float: left;
	width: 768px;
	height: 285px;
	background-image: url(images/indeximg2.png);
	background-repeat: no-repeat;
	background-position: 30px;
}
#wrapper #copyright {
	float: left;
	width: 653px;
	height: 31px;
	margin-top: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
#wrapper #oberonmedia {
	float: left;
	width: 115px;
	height: 31px;
	margin-top: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
.titlefont {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 40px;
	color: #472017;
	letter-spacing: 5px;
}
.titlefont2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 35px;
	color: #472017;
	letter-spacing: 5px;
}
.contentfont {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #472017;
}
.textInput {
border: 1px solid #472017;
background: #FCFAFA;
height: 20px;
width: 300px;
}
.textAreaInput {
border: 1px solid #472017;
background: #FCFAFA;
width: 300px;
}

/***Services pages***/
#leftcolumn{
float: left;
width: 290px;
height: 615px;
padding-right: 10px;
margin-top: -15px;
font-family:Verdana, Geneva, sans-serif;
}

#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
color: #472017;
}

#leftcolumn a:hover{
color: #093;
}

#rightcolumn{
float:left;
width: 428px;
height: 615px;
margin-top: -15px;
margin-left:40px;
font-family:Verdana, Geneva, sans-serif;
color:#472017;
}

* html #rightcolumn{ /*IE only style*/
height: 615px;
}
#irrigation {
	width:290px;
	height: 34px;
	float:left;
	background-image: url(images/talktous.png);
	background-repeat: no-repeat;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px;
	text-align: left;
	letter-spacing:1px;
}