* {margin:0;padding:0}
/* mac hide \*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
text-align:center;
min-height:500px;/* for good browsers*/
min-width:800px;/* for good browsers*/
background-color: #988788;
font-size: 80%;
font-family: Verdana, Arial, Sans-Serif;
color:#555;
}

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#outer2 {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height:500px
}

strong {
	font-weight: bold;
	color: #444;
}

a {color: #988788;
text-decoration:none}
a:visited {color:#988788;}
a:hover {color:#660033}
a:active {color:#326822;}

h1 {
color:#7b6d6a;
font-size: 1.6em;
font-weight: normal;
font-family: Verdana, Arial, Sans-Serif;
padding: 15px 15px 10px 15px;
margin:0px;
}

.growb {
height: 48px;
padding: 0px;
background-image: url(images/businessgrow.gif);
background-repeat: no-repeat;
text-indent:-9999px;
}

.contact {
height: 48px;
padding: 0px;
background-image: url(images/contact.gif);
background-repeat: no-repeat;
text-indent:-9999px;
}

.howtofind {
height: 48px;
padding: 0px;
background-image: url(images/howtofind.gif);
background-repeat: no-repeat;
text-indent:-9999px;
}

.maps {
height: 48px;
padding: 0px;
background-image: url(images/maps.gif);
background-repeat: no-repeat;
text-indent:-9999px;
}

.subscribe {
height: 48px;
padding: 0px;
background-image: url(images/keepup.gif);
background-repeat: no-repeat;
text-indent:-9999px;
}

h2 {
font-size: 1em;
font-weight: normal;
padding: 25px 0 0 25px;
margin: 0;
}

h3 {
font-size: 0.95em;
font-weight: normal;
color: #fff;
background-color: #326822;
padding:5px 15px;
margin:0px;
}
h4 {
font-size: 1em;
font-weight: lighter;
font-style: italic;
padding: 10px 0 0 25px;
margin:0px;
}
h6 {
font-size: 1em;
font-weight: strong;
padding: 25px 0 0 25px;
margin:0px;
}



/* ----------container to center the layout---------- */
#container {
	background-color: #988788;
	width: 780px;
	padding:15px 15px 15px 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 550px;
	vertical-align:middle;

} 


/* --------------top navi------------- */
#logo {
float:left;
}

#topnav {
background-color: #988788;
margin: 0 0 2px 0;
height:33px;
}

#topnav ul {
list-style: none;
margin: 0px;
padding: 10px 0 0 0;
text-align: right;
}

#topnav li {
display:inline;
}

#topnav img {
float:left;
}

#topnav a:link, #topnav a:visited {
padding: 0px 15px 0px 40px;
font-size: 0.85em;
color: #fff;
text-decoration: none;
}

#topnav a:hover {
color: #ccff00;
}

.active {
color:#fff;
}

/* ----------------- main ------------------- */
/* A container for left and content with background colour that
   shines through the left layer */
#wrapper {
	background-color: #fff;
	height:350px;
	margin:0px;
	padding: 15px;
	text-align:left;
}

/* --------------left navi------------- */


 #left {
 background-color: #ebdfdf;
 width: 530px;
 height:350px;
 padding:0px;
 margin-right:0px;
 border:0px;
 }
 
 #left img {
 border:0px;
 margin:0px;
 padding:0px;
 }
 
 #left li{
 margin-left: 20px;
 font-size:0.9em;
 }
 
.table {
margin:10px 0 10px 15px;
}



/* -----------------content--------------------- */
#content{
	background-color: #ebdfdf;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:right;
	padding:0px;

}
 

p{
	padding: 5px 15px 0 15px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 1.4em;
	text-decoration: none;
}

#content a:link,#content a:visited{
text-decoration:none;
}

#content a:hover {
color:#990033;
}
#content img {
border:solid 6px #fff;
text-decoration:none;
}


/*  ----------------main---------------------- */ 

#main {
	width:530px;
	float:left;
	margin-right:0;
	background-color: #fff;
}


.maintable {
margin-left:15px;
}
/*  ----------------lownav---------------------- */ 
#lownav {
clear: both;
background-color:#ccff00;
padding: 0px;
margin:none;
text-align: center;
font-size:0.8em;
}

#lownav ul {
list-style: none;
margin: 0px;
padding: 7px 0 7px 0;
text-align:center;
}

#lownav li {
display: inline;
}


#lownav a:link, #lownav a:visited {
	padding: 7px 25px 7px 25px;
	color: #333333;
	text-decoration: none;
}

#lownav a.lemonhover:hover{
background-color:#FFFF33;
}

#lownav a.limehover:hover{
background-color:#CCFF00;
}
#lownav a.orangehover:hover{
background-color:#FFB73F;
}

#lownav a:hover, #lownav a:active {
color:#333333;
background-color:#fff;
}

.active {
background-color:#fff;
}

.lime {
background-color:#ccff00;
}

.lemon {
background-color:#FFFF00
}

.orange {
background-color:#FF9933;
}

.strawberry {
background-color:#FF3366;
}


/*  ----------------footer---------------------- */ 
#footer {
clear: both;
margin:0;
padding: 35px 0 0 0;
text-align: center;
}