/* CSS Document */

body 
{
margin: 0px;
padding: 0px;
color: #000;
background: #E1C2A6 url(../images/background.jpg) top left repeat-x;
}


									/* SITE BODY ELEMENTS  */
/* holds everything */
.container
{
overflow: hidden;
margin: 30px auto 20px auto;
width: 800px;
background: #FFF;
border: 1px solid #734D26;
}

/* holds logo */
.logo
{
float: left;
width: 800px;
height: 125px;
background: url(../images/logo.gif) top left no-repeat;
}

/* holds banners above menu */
.banner
{
float: left;
width: 800px;
height: 175px;
background: #CC9966;
}

/* menu background see "navigation" below for the menu workings*/
.menu
{
float: left;
width: 800px;
height: 40px;
background: #CC9966 url(../images/textbackground.gif) left bottom no-repeat;
}

/* index page text */
.text
{
float: left;
width: 510px;
padding: 0px 15px;
margin: 20px 0px 0px 0px;
background: #FFF;
}

/* values page text */
.valuestext
{
float: left;
width: 760px;
margin: 20px 0px 0px 15px;
}

/* services page text */
.servicestext
{
float: left;
width: 770px;
margin: 20px 0px 0px 15px;
padding: 0px 15px 0px 0px;
background: url(../images/servicesbackground.jpg) no-repeat;
background-position: 35em 15em;
}

/* index page text */
.gallery
{
float: left;
width: 770px;
padding: 0px 15px;
margin: 20px 0px 0px 0px;
}

/* contact page text */
.contacttext
{
float: left;
width: 410px;
margin: 20px 0px 0px 15px;
}

/* contact page form holder */
.contact
{
float: right;
width: 360px;
margin: 20px 15px 20px 0px;
}

.feature
{
float: right;
width: 218px;
padding: 10px 10px 0px 10px;
margin: 25px 15px 0px 0px;
background: #efefef;
border: 1px solid #ccc;
}

.featurewhite
{
float: right;
width: 218px;
padding: 0px 10px 0px 10px;
margin: 20px 15px 15px 0px;
background: #FFF;
border: 1px solid #ccc;
}

/* holds the award logo n text on the contact page */
.award
{
float: left;
width: 800px;
padding: 10px 15px 10px 15px;
background: #fff;
border-top: 1px solid #ccc;
}

.column
{
float: left;
width: 243px;
padding: 0px 10px 0px 0px;
}

.columnright
{
float: right;
width: 250px;
padding: 65px 0px 0px 0px;
}

.footer
{
clear: both;
padding: 15px 0px 5px 0px;
width: 100%;
background: #E1C2A6;
border-top: 1px solid #734D26;
}


									/* NAVIGATION */

/* all lists in this menu */
#nav, #nav ul 
{ 
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 800px;
}

#nav li 
{ 
position: relative;
float: left;
line-height: 1.3em;
margin-bottom: 0px;
width: 160px;
height: 30px;
}

#nav li a 
{
width: 160px;
height: 25px;
display: block;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color : #FFF;
text-align: center;
text-decoration: none;
background: url(../images/menu.gif) top center no-repeat;
padding : 5px 0px 0px 0px;
}
	
#nav li a:hover 
{
color: #FFF;
background: #CC9966;
}


										/* LIST STUFF */


.bullet-square
{
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-square li
{
background-image: url(../images/bullet-square.gif);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em 0em;
}

.bullet-square li p
{
line-height: 1em;
}

ol
{
margin-left: -20px;
}
										
ol li
{
font-size: 12px;
} 




										/* FONTS */

h1
{
clear: left;
font: 22px Geneva, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px 0px 10px 0px;
}

.footer h1
{
font: 14px Geneva, Arial, Helvetica, sans-serif;
clear: left;
text-align: center;
line-height: 1.7em;
margin-top: 0px;
}

h2
{
clear: left;
font: 16px Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}

.footer h2
{
font-size: 14px;
color: #000;
text-align: center;
}

h3
{
clear: left;
font: 16px Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
color: #B8562E;
}

.award h3
{
clear: none;
margin-top: 5px;
}

h4
{
clear: left;
font: 22px Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
color: #99CC00;
font-style: italic;
}

h5
{
font: 13px Arial, Helvetica, sans-serif;
color: #B8562E;
clear: left;
text-align: center;
line-height: 1.7em;
margin-top: 0px;
}

p
{
font: 13px Arial, Helvetica, sans-serif;
clear: left;
text-align: justify;
line-height: 1.7em;
margin-top: 0px;
}

.contacttext p
{
line-height: 1em;
}

.contact p
{
line-height: 1em;
margin: 10px 0px 5px 0px;
}

.feature p
{
clear: none;
}

.footer p
{
color: #000;
text-align: center;
}

.caption p
{
font-size: 11px;
line-height: 1.4em;
margin-bottom: 0px;
}

.caption em
{
color: #5E5E5E;
font-style: normal;
}

.featurewhite p
{
line-height: .7em;
}

.footer em
{
font-size: 18px;
color: #000;
}



										/* GRAPHICS */


.container img
{
border: none;
}

.text img
{
border: none;
}

.thumbright
{
clear: both;
float: right;
width: 220px;
margin: 5px 0px 5px 15px;
padding: 3px 3px 1px 3px;
border: 1px solid silver;
}

.thumbbea
{
float: left;
margin: 0px 0px 0px 0px;
width: 198px;
height: 75px;
background: url(../images/BEAlogo.gif) top center no-repeat;
}

.thumbvalues
{
float: right;
width: 220px;
margin: 0px 0px 15px 15px;
}

.caption
{
float: left;
width: 210px;
padding: 3px 5px 5px 5px;
border-top: 1px solid #fff;
background: #EFEFEF;
}

.graphicleft
{
clear: left;
float: left;
width: 220px;
padding: 10px;
margin: 0px 25px 20px 0px;
background: #E1C2A6;
}

.graphicmid
{
float: left;
width: 220px;
padding: 10px;
margin: 0px 25px 20px 0px;
background: #E1C2A6;
}

.graphicright
{
float: left;
width: 220px;
padding: 10px;
margin: 0px 0px 20px 0px;
background: #E1C2A6
}

.logothumb
{
float: left;
width: 50px;
margin: 3px 5px 0px 0px;
}



				
										/* LINKS  */

											
/* standard link */
.body a:link 
{
color: #B8562E;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:visited 
{
color: #B8562E;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:hover 
{
color: #fff;
background: #B8562E;
border-bottom: none;
}
											
/* graphics pages back link */
.back a:link 
{
color: #B8562E;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px dotted;
background: transparent url(../images/icon-back.gif) no-repeat top left;
zoom: 1;
}

.back a:visited 
{
color: #B8562E;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px dotted;
background: transparent url(../images/icon-back.gif) no-repeat top left;
zoom: 1;
}

.back a:hover 
{
color: #FFF;
padding-left: 10px;
background: #B8562E url(../images/icon-backhover.gif) no-repeat top left;
zoom: 1;
}
											
/* standard link */
.next a:link 
{
color: #B8562E;
padding-right: 10px;
text-decoration: none;
border-bottom: 1px dotted;
background: transparent url(../images/icon-next.gif) no-repeat top right;
zoom: 1;
}

.next a:visited 
{
color: #B8562E;
padding-right: 10px;
text-decoration: none;
border-bottom: 1px dotted;
background: transparent url(../images/icon-next.gif) no-repeat top right;
zoom: 1;
}

.next a:hover 
{
color: #FFF;
padding-right: 10px;
background: #B8562E url(../images/icon-nexthover.gif) no-repeat top right;
zoom: 1;
}
											
/* standard link */
.title a:link 
{
color: #88A901;
text-decoration: none;
}

.title a:visited 
{
color: #88A901;
text-decoration: none;
}

.title a:hover 
{
color: #fff;
background: #99CC00;
border-bottom: 1px dotted;
}