/*  
Bokashicycle.com
Description: Design by Brennan Tuttle
http://www.brennantuttle.com

*/

body {
	background: #419638 url(images/background.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:0px;
	padding:0px;
	text-align:left;
}

.green {
color:#419638;
font-weight:bold;
}


a {
color: #006633;
text-decoration:underline;
}

a:visited {
color: #419638;
}

a:hover {
color:#4B93D1;
text-decoration:none;
}

a:active {
color: #419638;
}

a img {
border: 0px;
}

h1, h2, h3, h4, h5, h6 {
font-size:16px;
color:#543600;
}


#container {
width: 950px;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: left;
vertical-align: top;
}

#container p {
text-align:left;
margin: 0px;
padding:0px;
}

#header {
float:left;
width:950px;
height:89px;
background-color: #ffffff;
}

#header_logo {
width:304px;
height:50px;
margin: 23px 0px 16px 64px;
}

#navi_a {
position:absolute; left:446px; top:63px;
background:none;
width:65px;
height:26px;

}


#navi_b {
position:absolute; left:511px; top:63px;
background:none;
width:148px;
height:26px;

}
	

#navi_c {
position:absolute; left:659px; top:63px;
background:none;
width:58px;
height:26px;

}

#navi_d {
position:absolute; left:717px; top:63px;
background:none;
width:54px;
height:26px;

}

#navi_e {
position:absolute; left:771px; top:63px;
background:none;
width:82px;
height:26px;
}


#navi_f {
position:absolute; left:853px; top:63px;
background:none;
width:97px;
height:26px;
}

#dnav {
float: left;
width: 950px;
height: 25px;
background: none;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-size: 12px;
text-align: right;
}

#dnav li {
list-style-type: none;
display: inline;
}

#dnav li a {
float: right;
display: block;
text-decoration: none;
color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px 10px 0px 10px;
line-height: 25px;
}

#dnav a:hover {
text-decoration: none;
color: #ffffff;
background-color: #84bb7e;
}

#dnav ul {
margin: 0px;
padding: 0px;
}

/* COMMERCIAL NAV */

#cnav {
float: left;
width: 762px;
height: 30px;
background: none;
margin: 0px;
padding: 0px;
color: #419638;
font-size: 12px;
text-align: right;
}

#cnav li {
list-style-type: none;
display: inline;
}

#cnav li a {
float: right;
display: block;
text-decoration: underline;
color: #419638;
text-align: center;
margin: 0px;
padding: 0px 10px 0px 10px;
line-height: 25px;
}

#cnav a:hover {
text-decoration: none;
color: #ffffff;
background-color: #84bb7e;
}

#cnav ul {
margin: 0px;
padding: 0px;
}

/* END COMMERCIAL NAV */



#main {
float: left;
margin:0px;
padding:0px;
width:950px;
}


#mainbox_topl {
float:left;
background: transparent url(../images/bokashi_index_update_02.jpg) no-repeat;
width: 950px;
height:358px;
}

#mainbox_topl_header {
float: left;
width: 405px;
margin: 25px 0px 0px 225px;
padding: 0px 20px;
display:inline;
}

#mainbox_topl_header p {
padding:0px 15px 10px 0px;
margin: 0px;
text-align:left;
line-height:100%;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #444344;
}

#mainbox_topl h1{
padding: 0px;
margin: 0px;
text-align:left;
line-height:125%;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 26px;
color: #444344;
} 

#mainbox_topl h1 a {
	text-decoration:underline;
	color: #444344;
}

#mainbox_topl h1 a:hover {
	text-decoration: none;
}

#mainbox_topl_text {
	float: left;
	width: 269px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	display: inline;
}

#mainbox_topl_text h1 {
	font-size: 18px;
	margin-bottom: 5px;
}

#mainbox_topl h2, h3, h4, h5 {
padding:0px 0px 2px 0px;
margin: 0px;
text-align:left;
line-height:100%;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #444344;
} 

#mainbox_topl_text p {
padding:0px 15px 10px 0px;
margin: 0px;
text-align:left;
line-height:100%;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #444344;
} 

#mainbox_topl_text a {
text-decoration: underline;
color: #444344;
}

#mainbox_topl_text a:hover {
text-decoration: none;
color: #444344;
}


#main_topr {
float: left;
background: #3b781b;
width:950px;
height:35px;
margin: 0px 0px 0px 0px;
}

#main_topr h6 {
margin-bottom:0px;
padding:0px 0px 0px 20px;
margin: 0px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
line-height:155%;
color: #ffffff;
font-size: 20px;
} 

#main_topr p {
margin:0px 0px 10px 0px;
padding: 0px 10px 0px 25px;
text-align:left;
line-height:125%;
} 

#sub_nav {
float:left;
width:428px;
height:25px;
margin: 0px 0px 0px 12px;
}

#sub_nav img{
margin:5px 0px 0px 0px;
}

#main_petcycle{
float: left;
background: none;
width: 225px;
height: 243px;
margin: 0px 0px 0px 0px;
}

#main_commercial{
float: left;
background: transparent url(../images/bokashi_index_update_05.jpg) no-repeat;
width: 215px;
height: 243px;
margin: 0px 0px 0px 0px;
}

#main_commercial p, #main_mix p {
padding:187px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
} 

#main_orderhere a, #main_commercial a, #main_mix a {
	text-decoration: none;
	color: #ffffff;
}

#main_orderhere a:hover, #main_commercial a:hover, #main_mix a:hover {
	text-decoration: underline;
	color: #ffffff;
}
	

#main_mix{
float: left;
background: transparent url(../images/bokashi_index_update_06.jpg);
width: 230px;
height: 243px;
margin: 0px 0px 0px 0px;
}

#main_orderhere{
float: left;
background: transparent url(../images/bokashi_index_update_07.jpg);
width: 279px;
height: 243px;
margin: 0px 0px 0px 0px;
}

#main_orderhere p {
padding:190px 0px 0px 95px;
margin: 0px;
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #ffffff;
} 



#main_orderhere img {
margin-top: 68px;
margin-left: 74px;
border: 0px;
}

#main_bottoml h3 {
margin-top:0px;
margin-bottom:0px;
padding:15px 25px 0px 0px;
text-align:right;
line-height:175%;
} 

#main_bottoml p {
margin:0px 0px 0px 0px;
padding: 5px 25px 0px 10px;
text-align:right;
line-height:125%;
} 

#main_bottomr {
float:left;
background: #ffffff url(images/bluebucket.gif) no-repeat;
width:428px;
height:327px;
margin: 12px 0px 0px 12px;
}

#main_bottomr h4 {
margin-top:0px;
margin-bottom:0px;
padding:15px 0px 0px 25px;
text-align:left;
line-height:175%;
} 

#main_bottomr p {
margin:0px 0px 10px 0px;
padding: 0px 10px 0px 25px;
text-align:left;
line-height:125%;
} 



#footer {
float:left;
width: 950px;
height: 40px; 
vertical-align:middle;
color:#ffffff;
}

#footer p {
font-size:10px;
text-align:center;
padding: 10px 0px 0px 0px;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:active  {
color:#ffffff;
text-decoration:underline;
text-transform:none;
}

#footer a:hover {
text-decoration:none;
color:#4B93D1;
text-transform:none;
}


#left_column {
float:left;
width: 167px;
background-color:#ffffff;
margin:0px 5px 5px 5px;
padding:5px;
}

#right_column {
float:left;
width:763px;
background-color:#ffffff;
margin:0px 0px 5px 0px;
padding:10px 0px 10px 0px;
}

#right_column h1, h2 {
padding: 0px 5px 0px 10px;
margin:0px;
line-height:125%;
}

#right_column h3 {
padding: 0px 5px 0px 10px;
margin:0px;
font-size:12px;
color:#000000;
}

#right_column ul {
margin:0px;
padding: 5px 10px 10px 10px;
line-height:125%;

}

#right_column li {
margin:0px 0px 0px 10px; 
line-height:125%;
list-style:square;
}

#right_column img{
padding:0px 0px 0px 10px;
}

#right_column p {
padding: 0px 10px 10px 10px;
line-height:125%;
}

#right_column_green {
margin:0px 0px 5px 187px;
padding:10px 0px 10px 10px;
float:left;
width: 753px;
background-color:#BDDBB2;
}

#right_column_green p {
line-height:125%;
padding: 0px 10px 5px 0px;
font-style:italic;
}

#inside_subnav {
float:left;
width:950px;
height:25px;
margin: 0px 0px 0px 0px;
}

#inside_subnav img {
margin: 5px 0px 0px 0px;
}

/* BOKASHI PET CYCLE PAGE STYLE */

#pets {
	float: left;
	width: 669px;
	height: 358px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
#pets img {
	padding: 0px;
	margin: 0px;
	border: none;
}

#petslist {
	float: left;
	width: 280px;
	height: 358px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/bokashipetcycle_03.jpg);
	overflow: hidden;
	}
	
#petslist img {
	padding: 0px;
	margin: 0px;
	border: none:
}

#petslist h1 {
	font-size: 12px;
	color: #1a4700;
	margin: 34px 0px 0px 14px;
	padding: 0px;
}

#petslist ul li {
	font-size: 12px;
	color: #1a4700;
	margin: 0px 15px 0px 0px;
}

#petslist li {
	list-style: disc;
	line-height: 13px;
	padding: 0px 0px 5px 0px;
}

#garden {
	float: left;
	width: 307px;
	height:  235px;
	padding: 0px;
	margin: 5px 9px 0px 5px;
	background-image: url(../images/bokashipetcycle_06.jpg);
	overflow: hidden;
}

#garden img {
	padding: 0px;
	margin: 0px;
	border: none:
}

#garden h2 {
	font-size: 14px;
	color: #FFFFFF;
	margin: 24px 0px 20px 5px;
}

#garden p {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 10px 0px 15px;
	line-height: 15px;
}

#garden a {
	color: #FFFFFF;
	text-decoration: non;
}

#garden a:hover {
	color: #f58020;
	text-decoration: underline;
}

#saveearth {
	float: left;
	width: 306px;
	height: 235px;
	padding: 0px;
	margin: 5px 9px 0px 0px;
	background-image:url(../images/bokashipetcycle_08.jpg);
	overflow: hidden;
}

#saveearth img {
	padding: 0px;
	margin: 0px;
	border: none:
}

#saveearth h3 {
	font-size: 14px;
	color: #FFFFFF;
	margin: 24px 0px 20px 15px;
}

#saveearth p {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 10px 0px 15px;
	line-height: 15px;
}

#saveearth a {
	color: #FFFFFF;
	text-decoration: non;
}

#saveearth a:hover {
	color: #f58020;
	text-decoration: underline;
}


#buynow {
	float: left;
	width: 311px;
	height: 235px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	background-image:url(../images/bokashipetcycle_10.jpg);
	overflow:hidden;
}

#buynow img {
	padding: 0px;
	margin: 0px;
	border: none:
}

#buynow h4 {
	font-size: 14px;
	color: #000000;
	margin: 24px 0px 0px 15px;
}

#buynow h5 {
	font-size: 33px;
	color: #69a24b;
	margin: 10px 0px 0px 15px;
}
	

#buynow p {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 10px 0px 15px;
}