body {	
background-color: #F4F4E6;
padding: 15px 0 15px 0;
text-align:center;
}
/*Header tags*/
h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 0;
}
h1{
margin: 0 0 0.5em 0;
font-weight: bold;
font-size: 1.3em;
}
h2 {
margin: 0 0 0.5em 0;
font-size: 1.2em;
}
h3 {	
font-size: 1.1em;		
}
h4, h5, h6 {
font-size: 1.05em;
}
div {
margin:0; 
padding:0;
}
#page{
width: 55.7em;
text-align:left;
margin:auto;
background: #fff;
}
#headerbox{
width:100%;
background:#243338 url(../images/site/header_spots.gif) no-repeat top right;
}
#header{
padding:30px 0 10px 20px;
color: #f9f8f3;
}
#header img{
margin: 0 0 5px 0;
}
.headertext{
font-size: 1.1em;
padding-left:1px;
letter-spacing:0.1em;
}
/* NAVIGATION */
#mainnav{
clear:both;
width: 100%;
float: left;
background-color: #D3F96B;
font-size:110%;
}
#mainnav ul {
margin: 0;
padding: 0;
}
#mainnav ul li {
display: inline;
}
#mainnav ul li a, #mainnav ul li strong{
color:#243338;
background-color: #D3F96B;
padding: 5px 20px;
float: left;
border-right: 3px solid #f3f4e6;
text-decoration:none;
display:block;
}
#mainnav ul li a:hover{
background-color: #243338;
color: #fff;
}
#mainnav .current, #mainnav ul li strong{
background-color: #fff;
color: #243338;
font-weight:bold;
}
/* END NAVIGATION */
#content{
padding: 0 20px 0 20px;
line-height:1.5em;
}
#leftcol {
background-color:#fff;
width: 45em;
/* hide \*/
width: 50%;
/* end hide */
padding: 0 20px 0 0;
}
#about_content, #services_content, #topcontent, #contact_content, #links_content, #sitemap_content, #style_content{
border-top:20px solid #fff;
clear:both;
}
#about_content{
background: url(../images/pages/spiral_steps.jpg) no-repeat top right;
}
#services_content{
background: url(../images/pages/bee.jpg) no-repeat top right;
}
#contact_content{
background: url(../images/pages/ladder.jpg) no-repeat top right;
}
#links_content{
background: url(../images/pages/ferns.jpg) no-repeat top right;
}
#sitemap_content{
background: url(../images/pages/olives.jpg) no-repeat top right;
}
#style_content{
background: url(../images/pages/fish.jpg) no-repeat top right;
}
#clients_content{
border-top:20px solid #fff;
width:70%;
display:inline-block;
/* hide \*/
float:left;
/* end hide */
}
#content h2{
background-color:#f1fdd7;
padding: 5px 10px;
}
#content h3 a{
color: #243338;
}
.introbox{
border:3px solid #e8fcbf;
padding: 5px 10px;
font-size: 110%;
font-weight:bold;
margin: 0 0 1em 0;
}
/* HOME STYLES */
#topcontent{
border-top:20px solid #fff;
clear:both;
background: url(../images/pages/starfish_pebbles.jpg) no-repeat top right;
margin-bottom:20px;
} 
.homeintro{
font-weight:bold;
font-size:110%;
}
#homebottom{
display:block;
}
.borderbox, .bgbox{
width:32.6%;
display:inline-block;
background-color:#e8fcbf;
}
.borderbox{
/* hide \*/
float:left;
/* end hide */
margin: 0 1% 20px 0;
}
/* hide IE7 */
[className="borderbox"] {margin: 0 1% 0 0; }
.bgbox{
background-color:#e8fcbf;
/* hide \*/
float:right;
/* end hide */
}
.boxpadding{
padding:5px 10px;
margin:3px;
background-color: #fff;
}
.bgbox .boxpadding{
background-color: #e8fcbf;
}
#content .boxpadding h2{
background-color:transparent;
padding:0;
font-size:1.1em;
margin-bottom: 5px;
}
.boxpadding img{
margin-bottom: 5px;
}
/*END HOME STYLES */ 
.aligncenter{
text-align:center;
}
/* FOOTER */
#footerbox{
background-color: #243338;
border-top: 3px solid #D3F96B;
text-align:center;
clear:both;
}
#footer{
padding:7px 0 7px 0;
font-size: 95%;
}
#footer ul{
display: inline;
padding: 0;
margin:0;
}
#footer li{
display: inline;
list-style-type:none;
padding: 0 15px;
margin:0;
}
#footer li a{
color: #f9f8f3;
}
/* hide \*/
#footer li{
padding: 0 10px;
/*border-right: 2px solid #f9f8f3;*/
background: url(../images/site/footer_bullet.gif) no-repeat left;
margin:0;
}
/* END FOOTER */
.arrow{
background: url(../images/site/pink_right_arrow.gif) no-repeat right;
padding-right: 15px;
}
/* end hide */
/* HTML */
#content ul{
margin-left:1.5em;
padding-left:0;
}
#content ul li{
list-style-type:none;
background:url(../images/site/bullet.gif) no-repeat left 0.5em;
margin-left:0;
padding-left: 1.3em;
}
#content li{
padding-bottom:0.2em;
}
#content ul, #content ol{
margin-top:0;
}
#sitemap_content ul a{
color: #243338;
}
/* Back to top */
.top{
padding: 0 0 1em 0;
clear:both;
}
#content .top a{
background:transparent url(../images/site/pink_up_arrow.gif) no-repeat right;
padding:0 14px 0 0;
}

/* IMAGES */
.imageleft{
/*border: 1px solid #243338;*/
margin: 5px 10px 15px 0;
float:left;
}
.imageright{
margin: 5px 0 15px 10px;
float:right;
}
.bigimage{
margin-bottom:10px;
}
/*
.imageborder{
border: 1px solid #243338;
}
*/
/*  SUB NAV*/
#subnavbox{
clear:both;
border-top:20px solid #fff;
width:28%;
display:inline-block;
/* hide \*/
float:left;
/* end hide */
}
#subnav{
border:3px solid #e8fcbf;
margin-right:20px;
}
#subnav h2{
margin:0;
padding:0;
font-size:1.1em;
}
#subnav h2 a{
margin:0;
padding:5px 10px;
background-color:#f1fdd7;
background-image:none;
}
#subnav a{
color: #243338;
display:block;
padding:1px 10px 1px 20px;
background: url(../images/site/bullet.gif) no-repeat 10px 0.5em;
}
#subnav a:hover, #clients_content h3 a:hover, #sitemap_content ul a:hover{
color: #E00056;
}
#subnav li strong{
display:block;
padding:1px 10px 1px 20px;
background: url(../images/site/bullet.gif) no-repeat 10px 0.5em;
}
#content #subnav ul{
margin:3px 0;
padding:0;
}
#content #subnav li{
margin:0;
padding:0;
list-style-type:none;
background:none;
/*list-style-image:url(../images/site/bullet.gif);*/
}