/* CSS Document */
body{
margin:0 !important;
padding:0 !important;
background:url(../images/tile_bottom.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
text-align:center;
color:#F6E001;
}
a{
font-weight:bold;
color:#F6E001;
}
a:hover{
text-decoration:none;
}
img{
border:none;
}
p img{
padding:0 0 20px 20px;
float:right;
}
#left-col{
background:url(../images/tile_left.jpg);
position:absolute;
top:0;
left:0;
width:50%;
height:550px;
}
#right-col{
background:url(../images/tile_right.jpg);
position:absolute;
top:0;
left:50%;
width:50%;
height:550px;
}
#main-container{
position:relative;
margin-left:auto;
margin-right:auto;
width:771px;
text-align:left;
}
#main-box{
float:left;
width:100%;
background:url(../images/main_image.jpg) no-repeat;
}

#left-sub-col{
background:url(../images/tile_sub_left.jpg);
position:absolute;
top:0;
left:0;
width:50%;
height:614px;
}
#right-sub-col{
background:url(../images/tile_sub_right.jpg);
position:absolute;
top:0;
left:50%;
width:50%;
height:614px;
}
#main-sub-container{
position:relative;
margin-left:auto;
margin-right:auto;
width:884px;
}
#main-sub-box{
float:left;
width:100%;
background:url(../images/main_sub_image.jpg) no-repeat;
min-height:608px;
}
#main-sub-unit{
position:relative;
margin-left:auto;
margin-right:auto;
width:775px;
text-align:left;
}

#logo-box{
float:left;
width:100%;
padding-top:15px;
}
#logo-botaneco{
float:left;
}
#logo-Hydresia{
float:right;
}
#nav{
float:right;
width:200px;
padding:20px 20px 0 0;
}
#nav a{
height:13px;
background:0 -13px no-repeat;
display:block;
text-decoration:none;
float:right;
}
#nav #nav-one a{
background-image:url(../images/nav/nav_contact.gif);
width:75px;
}
#nav #nav-one a:hover{
background-position:0 0;
}
#nav #nav-two a{
background-image:url(../images/nav/nav_news.gif);
width:75px;
}
#nav #nav-two a:hover{
background-position:0 0;
}
#body-text{
float:left;
width:100%;
padding:60px 0 82px 0;
}
table{
clear:both;
font-size:0.9em;
}
td{
vertical-align:top;
}
.spot{
background:url(../images/spot_bottom.gif);
width:249px;
padding-bottom:15px;
}
.spot-space{
float:left;
width:10px;
}
#spot-source{
float:left;
background:url(../images/spot_source.jpg) no-repeat;
width:249px;
min-height:157px;
}
#spot-performance{
float:left;
background:url(../images/spot_benefits.jpg) no-repeat;
width:249px;
min-height:157px;
}
#spot-choices{
float:left;
background:url(../images/spot_choices.jpg) no-repeat;
width:249px;
min-height:157px;
}
.spot img{
padding:9px 12px;
}
.spot-copy{
float:left;
padding:80px 12px 0 12px;
}
.spot-first{
padding-bottom:10px;
}
.spot a{
font-weight:normal;
cursor:pointer;
text-decoration:none;
}
.spot a:hover{
color:#fff;
}
.inset-first{
padding-bottom:20px;
}
.button-text{
font-size:6px;
visibility:hidden;
}
#sub-copy-container{
float:right;
background:url(../images/tile_backplate.jpg);
width:571px;
margin-top:48px;
}
#sub-copy-box{
float:right;
background:url(../images/backplate.jpg) no-repeat;
width:571px;
}
.product{
min-height:469px;
}
#img-box{
float:right;
width:153px;
padding:20px 20px 20px 0;
}
#sub-copy{
float:left;
padding:5px 20px 20px 20px;
}
.partial-copy{
width:358px;
}
#footer{
float:right;
width:200px;
clear:both;
padding-top:5px;
font-size:0.8em;
margin-bottom:60px;
}
#sub-nav{
float:left;
width:193px;
padding-top:298px;
}
#page-title{
padding:20px 20px 0 20px;