/* Zoe Biz 01 - By Jose Erlino M. Lontok. http://jelontok.com | http://myhedspace.com */

body {
margin:0;
padding:0;
text-align:center;
background-image:url(images/b.jpg);
background-color:#ffffff;
font-family: Arial, veredana, Helvetica, sans-serif;
}

h1, h2, h3, p {
margin:0;
padding:0;
font-weight:normal;
}

#wrap {
width:850px;
margin:0 auto;
text-align:left;
}

#header {
height:100px;
background:url(images/header_b.jpg) repeat-x;
}

#header h1{
font: 30px  Arial, "Trebuchet MS",Helvetica, sans-serif;
color:#BBDC4F;
text-transform:lowercase;
padding: 20px 0 0 20px
}

#header h1 a{
text-decoration:none;
color:#BBDC4F;
}

#header span {
font: 30px Arial, "Trebuchet MS", Helvetica, sans-serif;
color:#7D9849;
letter-spacing:-1px;
text-transform:lowercase;
}

#header small{
padding: 0 74px 0 20px;
background:url(images/powe.jpg) no-repeat right;
float:left;
color:#727272;
font: 12px  Arial, "Trebuchet MS",Helvetica, sans-serif;
}

#header small a {
color:#F9B719;
text-decoration:none;
}


#header small1{
padding: 0 94px 0 20px;
background:url(images/power.jpg) no-repeat right;
float:right;
}

.gross {
color:#F9B719;
}

.link {
text-decoration:none;
border:0px;
padding-bottom: 5px;
}

.link1 {
text-decoration:none;
border:0px;
padding-bottom: 5px;
margin-left: 0px;
}

#header .firma {
color:#BADB50;
font: 14px  Arial, "Trebuchet MS",Helvetica, sans-serif;
font-weight:normal;
text-transform:none;
}

#header .firma a {
color:#BADB50;
font: 14px  Arial, "Trebuchet MS",Helvetica, sans-serif;
font-weight:normal;
text-transform:none;
}

#header .firma a:hover {
color:#F9B719;
font: 14px  Arial, "Trebuchet MS",Helvetica, sans-serif;
font-weight:normal;
text-transform:none;
}

#topnav {
height:40px;
background:url(images/topnav_b.jpg) no-repeat;
}

#topnav_list {
float:right;
padding-top:12px;
}

#topnav_list ul {
list-style-type:none;
padding:0;
margin:0;
color:#666666;
text-transform:uppercase;
font: 12px Arial, Helvetica, sans-serif;
}

#topnav_list ul li{
float:left;
margin-right:5px;
}

#topnav_list ul li a{
color:#B48529;
font-size: 16px;
text-decoration:none;
}

#topnav_list ul li a:hover{
color:#F9B719;
text-decoration:underline;
}

#mid_banner {
height:201px;
background:url(images/mid_banner8.jpg) no-repeat;
clear:both;
}

#mid_banner_text {
width:320px;
font:11px  Arial, Verdana,Helvetica, sans-serif;
text-align:justify;
position:absolute;
margin: 20px 0 0 190px;
}

#mid_banner_text strong {
color:#2F6182;
}

#content {
background:url(images/content_b.jpg) #FFFFFF repeat-x;
padding:20px 0 0px 0;
margin:0;
color:#696969;
font: 12px  Arial, verdana, "Trebuchet MS", Helvetica, sans-serif;
}

#content a {
color:#7D9849;
font: 12px  Arial, verdana, "Trebuchet MS", Helvetica, sans-serif;
font-weight:normal;
text-transform:none;
}

#content a:hover {
color:#B0CF4B;
font: 12px Arial, verdana, "Trebuchet MS", Helvetica, sans-serif;
font-weight:normal;
text-transform:none;
text-decoration:none;
}

#content p {
font-size:12px;
color:#696969;
}

#content_box {
width:850px;
border:1px #B2D24B solid;
background: url(images/content_box_b.jpg) #fff bottom left no-repeat;
margin:0 auto;
}

#content_box h1, h2 {
margin-bottom: 10px;
color:#2F6182;
font-size:18px;
font-weight: normal;
font-family: Arial, verdana;

}

#content_box h3 {
margin-bottom: 10px;
color:#333300;
font-size:12px;
font-weight: bold;
font-family: Arial, verdana;

}

#content_box  h2, #content_box p{
padding: 5px 0;
text-align:justify;
}

#content_box_inside {
padding:30px 10px 10px 10px;
width:645px;
float:left;
}

#content_inside1 {
padding:10px 10px 10px 13px;
width:130px;
float:right;
margin:75px 20px 10px 10px;
border: 1px solid #e1e1e1;
background: #ffffff url(images/back1.jpg) top repeat-x;
}

#footer {
width:852px;
text-align:center;
padding: 20px 0;
background: #ffffff url(images/footer_line3.gif) top no-repeat;
font-size: 10px;
font-family: arial, verdana;
}

#footer a{
text-decoration:none;
color:#696969;
font-size: 10px;
font-family: arial, verdana;
}

.rainbow {
height:16px;
width:25%;
float:left;
}
#rain {
height:16px;
background-color:#7D9849;
}
#rain1 {
background-color:#BBDC4F;
}
#rain2 {
background-color:#B0CF4B;
}
#rain3 {
background-color:#97AC6D;
}


/* navigation */
.navigation {	
	background: #839B12 url(images/na.jpg);
	border-top: 2px solid #ffffff;
	height: 41px;
}
.navigation a {
	background: transparent url(images/na.jpg) left top repeat-x;
	border-left: 1px solid #D8EBD8;
	color: #333300;
	display: block;
	float: right;
	font: bold 12px arial, sans-serif;
	line-height: 41px;
	padding: 0 1.47em;
	text-decoration: none;
}
.navigation a:hover {
background: transparent url(images/nav.jpg) left bottom; 
color: #333300;
}

.box1 {width: 270px; float:left; padding:7px; border: 1px solid #e5e5e5;margin:5px 0 5px 30px;}
.box2 {width: 270px; float:left;padding:7px; margin:5px 0 5px 30px;border: 1px solid #e5e5e5;}
.cont { display:block;background-color:#F7F7F7;padding:8px;}
.cont:hover{ background-color:#fff;}