/* RESET CSS
********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}



/* MAIN CSS
********************************************************/
body{ background:#d4d4be; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#000; padding:0; margin:0;}	 
.container{ width:940px; margin:0 auto; }
.header{ padding:20px 0; background:#fff; }
.logo{ padding:0 0 0 50px;}

/* navigation */
.navigation {font: normal 20px/20px Arial, Helvetica, sans-serif; position:relative; margin:0; text-transform:uppercase; padding:72px 10px 0 0;}
/* get rid of the default padding - margin and bullets */
.menu ul{list-style-type:none;padding:0;margin:0;}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{float:left;position:relative;z-index:80;}

/* use the table to position the dropdown list */
.menu table{position:absolute;border-collapse:collapse;z-index:100;left:-1px;top:35px;}

/* style all the links */
.menu a, .menu :visited {
	display:block;
	font-size:20px;
	width:auto;
	padding:8px;
	color:#515a9f;
	text-decoration:none;
	margin-right:1px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;}
/* style the links hover */
.menu a:hover, .menu ul li:hover a.top{
color:#fff;
background:#515a9f;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:189px;
height:0;
background:#848bc2;
}
.menu ul ul a{ display:block; background:#848bc2; width:189px;}
.menu ul ul li{ display:block; background:#848bc2; width:189px;}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul,
.menu ul li:active,
.menu ul li:visited{
visibility:visible;
background: #848bc2;
}



/*banner */
.banner{ height:282px; background: url(../images/botanical_banner.jpg) top left no-repeat; margin-bottom:5px;}
.banner h1{ color:#fff; font-weight:normal; padding:90px 0 0 600px;}


.wrap_top, .wrap_bot{ height:10px; line-height:2px; font-size:2px;}
.wrap_top{ background:url(../images/wrap_top.gif) left top no-repeat;}
.wrap_bot{ background:url(../images/wrap_bot.gif) left top no-repeat;}
.wrap_main{ background:#fff; height:auto;}

.wrap_main p{ padding-bottom:10px;}
.content_home h4{ color:#A96600; padding-bottom:10px;}
/*content */
.content_home{ background:#fff; height:auto; margin:0; padding:0 18px 0 10px; width:288px;}
.home_img{ position:relative; margin:-10px 0 0 0;}
.inside_img{ position:relative; margin:100px 0 0 0; width: 500px;}

.form {padding-top: 35px;}
.form p{ padding:0;}
.form label{ font-size:14px; color:#6E6E6E; display:block; width:125px; float:left;}
.form input.textbox{ background:#fff; border:1px solid #b7b7b7; font-size:14px; color:#333; height:16px; width:236px; display:block; float: left; margin-bottom:10px;}
.textarea{ background:#fff; font-size:14px; color:#333; display:block; float: left; margin-bottom:10px;}


/* footer */
.footer{ margin:10px 0; background:url(../images/footer.gif) left top no-repeat; height:70px; padding:10px 10px 0 10px; margin-top:20px;}
.footer .fltlft p{ font: bold 18px/20px Arial, Helvetica, sans-serif; color:#002D6A; padding:6px 0 0 10px;}
.footerlink{width:285px;}
.footerlink p{ font: normal 12px / 16px Arial, Helvetica, sans-serif; color:#000; margin:15px 10px 0 0;}
.footerlink a{margin:0px 15px 0 0;}


/* inside 01 */
.content_inside { width:360px; padding:0 25px;}
h2.page_title{ color:#A96600; text-transform:uppercase; font-weight:normal; padding:10px 0 100px 0px;}
h2.inside_head{ color:#A96600; text-transform: uppercase; font-weight:normal; display: block; margin: 0px 0px 0px 10px; float: left; font-size:18px;}
.margin_right{margin-right: 100px;}
.padding_top{ padding-top: 75px;}
h4.inside_img{padding-top: 100px;}


/* FLOAT CSS
********************************************************/
h1, h2, h3, h4{ font-weight:bold; line-height:normal;}
h1{ font-size:36px;}
h2{ font-size:30px;} 
h4{ font-size:15px; color: #A96600}

/* FLOAT CSS
********************************************************/
.fltlft{ float:left;}
.fltrt{ float:right;}
.clrflt{ clear:both; line-height:1px; font-size:1px;}
.clear{ clear:both; line-height:1px; font-size:1px;}


body .wrap_main{ position:relative; z-index:95;}
body .wrap_main .flag{ position: absolute; z-index:101; margin:-10px 0 0 0; right:0;}
body .wrap_main .content_inside{ position: relative; z-index:102;}