body {
background-color: #ffffff;
color: #2f2f32;
font-family: Arial, Verdana, "Times New Roman", Sans-serif;
font-size: 80%
}


/* --------------------------------------------- */
/* ------------- Alignment Styles -------------- */
/* --------------------------------------------- */


.cntr {
text-align: center
}

.right {
text-align: right
}

.mid {
vertical-align: middle
}

.midright {
text-align: right;
vertical-align: middle
}


/* ------------------------------------------------ */
/* ------------- General HTML Styles -------------- */
/* ------------------------------------------------ */


td {
vertical-align: top
}

td.mid {
vertical-align: middle
}

td.gallerypicname {
border: 1px solid #abaaae;
font-size: 85%;
text-align: center
}

form {
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
}

select {
font-size: 90%
}

a.menu {
background-color: #ffffff;
color: #565656;
text-decoration: none
}
a:hover.menu {
background-color: #ffffff;
color: #2f2f32
}

.onmenu {
background-color: #ffffff;
color: #2f2f32
}

a {
background-color: #ffffff;
color: #16437b
}

a.whitelink {
background-color: #3c7095;
color: #ffffff;
text-decoration: none
}
a:hover.whitelink {
text-decoration: underline
}

a.titlebarlink {
background-color: #21567c;
color: #ffffff;
text-decoration: none
}
a:hover.titlebarlink {
text-decoration: underline
}

a.blacklink {
background-color: #ffffff;
color: #2f2f32;
text-decoration: none
}
a:hover.blacklink {
text-decoration: underline
}

a.bold {
background-color: #ffffff;
color: #16437b;
font-weight: bold;
text-decoration: none
}
a:hover.bold {
text-decoration: underline
}

img {
border: 0px
}

.border {
border: 1px solid #abaaae
}

.rightimg {
border: 1px solid #abaaae;
float: right;
margin-left: 6px;
margin-bottom: 1px;
margin-right: 10px;
}

.leftimg {
float: left;
margin-right: 3px;
margin-bottom: 1px
}

.leftimage {
border: 1px solid #abaaae;
float: left;
margin-right: 6px;
margin-bottom: 6px
}

hr {
background-color: #ffffff;
color: #408631;
height: 1px
}

.bold {
font-weight: bold
}

.underline {
text-decoration: underline
}

.italic {
font-style: italic
}

.newstitle {
background-color: #ffffff;
color: #23347a;
font-weight: bold
}

.smalltext {
font-size: 80%
}

.red {
background-color: #ffffff;
color: red
}

input.button {
background-color: #16437b;
color: #ffffff;
height: 25px;
width: 75px
}

textarea {
font-family: Arial, Verdana, "Times New Roman", Sans-serif;
font-size: 105%
}

h4 {
margin-bottom: 0px
}

.leftmargin {
margin-left: 20px;
}


/* ------------------------------------------- */
/* ------------- div placements -------------- */
/* ------------------------------------------- */



/* ------- Design Elements -------- */


#logo {
height: 100px;
left: 0px;
position: absolute;
top: 0px;
width: 94px;
z-index: 1
}

#bassetts {
height: 30px;
left: 105px;
position: absolute;
top: 3px;
width: 260px;
z-index: 2
}

#address {
background-color: #ffffff;
color: #565656;
height: 40px;
left: 110px;
font-size: 80%;
font-style: italic;
position: absolute;
top: 35px;
width: 285px;
z-index: 3
}

#menu1 {
background-color: #ffffff;
background-image: url(images/menuitem.gif);
background-repeat: no-repeat;
color: #565656;
height: 100px;
left: 410px;
font-size: 130%;
padding-left: 17px;
padding-top: 20px;
position: absolute;
top: 0px;
width: 80px
}

#menu2 {
background-color: #ffffff;
background-image: url(images/menuitem.gif);
background-repeat: no-repeat;
color: #565656;
height: 100px;
left: 500px;
font-size: 130%;
padding-left: 17px;
padding-top: 20px;
position: absolute;
top: 0px;
width: 80px
}

#menu3 {
background-color: #ffffff;
background-image: url(images/menuitem.gif);
background-repeat: no-repeat;
color: #565656;
height: 100px;
left: 590px;
font-size: 130%;
padding-left: 17px;
padding-top: 20px;
position: absolute;
top: 0px;
width: 80px
}

#menu4 {
background-color: #ffffff;
background-image: url(images/menuitem.gif);
background-repeat: no-repeat;
color: #565656;
height: 100px;
left: 680px;
font-size: 130%;
padding-left: 17px;
padding-top: 20px;
position: absolute;
top: 0px;
width: 80px
}

.menuitem {
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
font-weight: bold;
height: 25px;
padding-left: 18px;
width: 180px
}

.menu {
margin: 0px;
padding: 0px;
}

.menu ul {
padding:0px;
margin:0px;
list-style:none;
}

#ecotech {
border: 2px solid #283780;
height: 180px;
left: 5px;
position: absolute;
top: 130px;
width: 240px
}

#ecotechbar {
background-color: #283780;
background-image: url(images/bluefader.gif);
background-repeat: repeat-x;
color: #a9b4dc;
font-weight: bold;
height: 21px;
padding-top: 4px;
width: 240px
}

#groundworks {
border: 2px solid #2b721d;
height: 180px;
left: 255px;
position: absolute;
top: 130px;
width: 240px
}

#groundworksbar {
background-color: #5aa147;
background-image: url(images/greenfader.gif);
background-repeat: repeat-x;
color: #a5da97;
font-weight: bold;
height: 21px;
padding-top: 4px;
width: 240px
}

#equestrian {
border: 2px solid #283780;
height: 180px;
left: 505px;
position: absolute;
top: 130px;
width: 240px
}

#equestrianbar {
background-color: #283780;
background-image: url(images/bluefader.gif);
background-repeat: repeat-x;
color: #a9b4dc;
font-weight: bold;
height: 21px;
padding-top: 4px;
width: 240px
}

#welcome {
font-size: 85%;
height: 180px;
left: 10px;
position: absolute;
top: 325px;
width: 225px
}

#ourservices {
font-size: 85%;
height: 180px;
left: 260px;
position: absolute;
top: 325px;
width: 225px
}

#latestnews {
font-size: 85%;
height: 180px;
left: 510px;
position: absolute;
top: 325px;
width: 225px
}

#header {
background-color: #ffffff;
color: #4c4c4c;
left: 10px;
position: absolute;
top: 130px;
}

#content {
left: 10px;
position: absolute;
top: 155px;
width: 750px
}

#servicesecotech {
background-color: #f0f8ff;
border: 1px solid #283780;
height: 390px;
left: 5px;
position: absolute;
top: 190px;
width: 240px
}

#servicesecotechbar {
background-color: #283780;
background-image: url(images/bluefader.gif);
background-repeat: repeat-x;
color: #a9b4dc;
font-weight: bold;
height: 21px;
padding-top: 4px;
width: 240px
}

#servicesgroundworks {
background-color: #f5fff0;
border: 1px solid #2b721d;
height: 390px;
left: 255px;
position: absolute;
top: 190px;
width: 240px
}

#servicesgroundworksbar {
background-color: #5aa147;
background-image: url(images/greenfader.gif);
background-repeat: repeat-x;
color: #a5da97;
font-weight: bold;
height: 21px;
padding-top: 4px;
width: 240px
}

#servicesequestrian {
background-color: #f0f8ff;
border: 1px solid #283780;
height: 390px;
left: 505px;
position: absolute;
top: 190px;
width: 240px
}

#servicesequestrianbar {
background-color: #283780;
background-image: url(images/bluefader.gif);
background-repeat: repeat-x;
color: #a9b4dc;
font-weight: bold;
height: 21px;
padding-top: 4px;
width: 240px
}

.servicescontent {
margin: 5px
}

#gallerytitle {
background-color: #ffffff;
color: #23347a;
font-weight: bold;
}

#gallerytitletext {
position: relative;
padding-left: 40px;
padding-top: 8px
}

#leftcolumn {
left: 10px;
position: absolute;
top: 105px;
width: 350px
}

#rightcolumn {
left: 400px;
position: absolute;
top: 105px;
width: 350px
}

#footer {
font-size: 80%;
left: 0px;
text-align: center;
width: 750px
}

#indexfooter {
font-size: 80%;
left: 0px;
position: absolute;
text-align: center;
top: 725px;
width: 750px
}

#servicesfooter {
font-size: 80%;
left: 0px;
position: absolute;
text-align: center;
top: 830px;
width: 750px
}