@charset "utf-8";
/* CSS Document */
*{ margin:		0 auto;}

body{
	background-color: #ecf1eb;
	font-family:		Arial;
	font-size:			12px;
	
	}
#container{
	width:		936px;
	padding-top:15px;
}

a:link{
	color:#000000;
	text-decoration:none;
	}

a:visited{
	color:	#000;
	text-decoration: none;
	}
a:hover{
	color:#009900;
	text-decoration: underline;
	}

#logo{
	width:		185px;
	height:		680px;
	float:		left;
	}
		

#banner{
	width:		736px;
	height:		307px;
	float:		right;
	background-color:#999;
	margin-bottom:	15px;
	}
/*for green border*/
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:14px; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #00a200;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:185px; 
float:left; 
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
background:#f6f6f6;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#f6f6f6; 
border-left:1px solid #00a200;
border-right:1px solid #00a200;
}
.xb1 {
margin:0 5px; 
background:#00a200;
}
.xb2 {
margin:0 3px;
border-width:0 1px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #00a200; 
border-width:0 1px; 
height:auto;
background-color:#f6f6f6;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#00a200;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
#menu_gap{
	width:		160px;
	height:		170px;
	float:		left;
	}
#gap{
	float:	right;
	height:	15px;
	width:	170px;}
/*#gap{
	width:		185px;
	height:		15px;
	float:		left;
	*padding-top: 7px;}*/
/*end of boxes*/

/* for body curved box*/
#main_round h1, #main_round h2, #main_round p {margin:0 15px; padding:0;}
#main_round h1 {}
#main_round h2 {border:0;}
#main_round p {padding-bottom:13px;}
#main_round h2 {padding-top:15px;}
#main_round {background: transparent; margin:0;}

.main_top, .main_bottom {display:block; background:transparent; font-size:1px;}
.main_topxb1, .mian_topxp2, .mian_topxp3, .mian_topxp4 {display:block; overflow:hidden;}
.main_topxb1, .mian_topxp2, .mian_topxp3 {height:1px;}
.mian_topxp2, .mian_topxp3, .mian_topxp4 {background:#fff; border-left:1px solid #00a200; border-right:1px solid #00a200;}
.main_topxb1 {margin:0 5px; background:#00a200;}
.mian_topxp2 {margin:0 3px; border-width:0 2px;}
.mian_topxp3 {margin:0 2px;}
.mian_topxp4 {height:2px; margin:0 1px;}

.main_roundxboxcont {display:block; background:#fff; border:1px solid #00a200; border-width:0 1px; padding:   10px; 
text-align:justify;
line-height:20px;}

/*end*/

#mainbody{
	width:		736px;
	float:		right;
	margin:		0;
	padding:     0;
	}
#navigation{
	width:		711px;
	float:		right;
	margin-bottom:15px;
	background:		url(images/bg.gif) repeat-x;
	padding-left:   25px;
	}
#mainbody_image{
	float:		left;
	margin:		0 10px 0 7px;
	}
#member_container{
	width:		936px;
	height:		117px;
	float:		left;
	}
#member_partner{
	width:301px;
	float:		left;
	margin:    0 0 0 30px;
	}
#member_sea{
	width:		299px;
	height:		71px;
	float:		right;
	margin-right:    30px;
	}
#members_top{
	width:		936px;
	height:		7px;
	float:		left;
	background:	url(images/top_box.jpg) no-repeat;}
#members_content{
	width:		936px;
	height:		100px;
	float:		left;
	background:	url(images/mid_box.jpg) repeat-y;
	}
#members_bottom{
	width:		936px;
	height:		5px;
	float:		left;
	background:	url(images/box_bottom.jpg) repeat-x;
	}
#footer{
	width:		926px;
	height:		20px;
	float:		left;
	border-bottom:#008009 1px solid;
	border-top:		#008009 1px solid;
	margin-top:	2px;
	}
#footer_base{
	width: 916px;
	height:	100%;
	float:	left;
	padding-left: 5px;
	}
.left_base{
	text-align:		left;
	float:			left;
	}
.right_align{
	text-align:		right;
	font-family:	Arial;
	padding:    	5px 10px 5px 0;
	}

img{
	border:		0px;
	}
.r{	width:		150px;
	float:		right;
	padding-right:10px;
	text-align:	right;}	
#home{
	width:			100%;
	float:			left;
	}
b{
	text-decoration:	underline;
	}


/*menu css*/
#info {height:500px;}


/* style the outer div to give it width */
.menu {
width:750px; 
font-size:0.85em;
padding-bottom:10px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:140px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:140px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#fff; 
width:139px; 
height:27px; 
background: url(final_drop2_files/bg.gif) repeat-x; 
padding-left:6px; 
line-height:28px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:140px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#01b10d;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#01b10d;
}
.menu ul ul :hover > a.drop {
background:#01b10d;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#01b10d;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#02940b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:140px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:27px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#02940b; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#01b10d;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#01b10d;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/*ends here*/

/*for left menu box*/
#box_top{
	width:		185px;
	height:		10px;
	float:		left;
	background:	url(images/leftcolumn_top2.jpg) no-repeat;
	padding:    0;
	margin:0;
	}
#box_cont{
	width:		185px;
	background:		url(images/leftcolumn_mid.jpg) repeat-y;
	float:			right;	
	}
#box_bot{
	width:		185px;
	height:		5px;
	float:		left;
	background:		url(images/leftcolumn_bottom.jpg) no-repeat;
	}
#boox{
	width:		185px;
	float:		left;
	height:		170px;
	margin-bottom:15px;}
	
/*For vertical menu */
.caption, .caption ul { width: 175px;padding:0; margin:0; list-style:none;}
.caption {margin:0;}
.caption {width:175px; background:#daecd7;  position:relative; z-index:797;}
.caption table {border-collapse:collapse; padding:0; margin:0 0 0px 0; width:0; height:0; font-size:1em;}
.caption ul {position:absolute; left:-9999px;}

.caption li {width:175px; height:30px; float:left; border:	1px #e7f7ea solid;}

.caption li a {display:block; width:175px; height:30px; line-height:30px; color:#000; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 50px; float:left;}

.caption li.sub a { z-index: 697; }

.caption li a:hover {white-space:nowrap; position:relative; }

.caption li.sub a:hover { color:#003300; background:#00CC00; }
.caption li.sub a b {display:block; color:#003300; font-weight:normal; background:#00CC00; }

.caption li:hover {position:relative;}
.caption li:hover.sub > a { color:#003; padding-right:-15px; background:#00CC00; }

.caption li.home {background:url(breadcrumbs/home.gif) no-repeat 10px center;}
.caption li.products {background:url(breadcrumbs/graph.gif) no-repeat 10px center;}
.caption li.services {background:url(breadcrumbs/services.gif) no-repeat 10px center; }
.caption li.shop {background:url(breadcrumbs/flower.gif) no-repeat 10px center;}
.caption li.contacts {background:url(breadcrumbs/mail.gif) no-repeat 10px center;}

.caption :hover ul
{width:120px; height:auto; left:175px; top:7px; background:#00CC00; }
.caption :hover ul :hover ul,
.caption :hover ul :hover ul :hover ul,
.caption :hover ul :hover ul :hover ul :hover ul,
.caption :hover ul :hover ul :hover ul :hover ul :hover ul
{width:120px; height:auto; left:120px; background:#00CC00; }

.caption :hover ul ul,
.caption :hover ul :hover ul ul,
.caption :hover ul :hover ul :hover ul ul,
.caption :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0; background:#00CC00;}

.caption :hover ul li,
.caption :hover ul li a
{width:120px; height:25px; line-height:25px; text-indent:10px; float:none;}

.caption :hover ul li.sub a,
.caption :hover ul :hover ul li.sub a,
.caption :hover ul :hover ul :hover ul li.sub a,
.caption :hover ul :hover ul :hover ul :hover li.sub a,
.caption :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(breadcrumbs/grey.gif) no-repeat 100px center; color:#777;}

.caption :hover ul li.sub a:hover,
.caption :hover ul :hover ul li.sub a:hover,
.caption :hover ul :hover ul :hover ul li.sub a:hover,
.caption :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(breadcrumbs/blue.gif) no-repeat 100px center;
color:#000;
background:  #000}
.caption :hover ul li.sub:hover > a,
.caption :hover ul :hover ul li.sub:hover > a,
.caption :hover ul :hover ul :hover ul li.sub:hover > a,
.caption :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; 
color:#000;
background: #black;}

.caption :hover ul li a,
.caption :hover ul :hover ul li a,
.caption :hover ul :hover ul :hover ul li a,
.caption :hover ul :hover ul :hover ul :hover ul li a,
.caption :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; 
color:#000;
background:  #FFF}

.caption :hover ul li a:hover,
.caption :hover ul :hover ul li a:hover,
.caption :hover ul :hover ul :hover ul li a:hover,
.caption :hover ul :hover ul :hover ul :hover ul li a:hover,
.caption :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#FFF; color:#003300;}

.caption li.sub a b,
.caption :hover li.sub a b,
.caption :hover ul :hover li.sub a b,
.caption :hover ul :hover ul :hover li.sub a b,
.caption :hover ul :hover ul :hover ul :hover li.sub a b,
.caption :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#003300; font-weight:normal;}

.caption li.sub a.selected b,
.caption :hover ul li.sub a.selected b,
.caption :hover ul :hover ul li.sub a.selected b,
.caption :hover ul :hover ul :hover ul li.sub a.selected b,
.caption :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.caption :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#003300; color:#06f; font-weight:normal;}


pre{
	font-weight:		500;
	font-size:		12px;
	padding-left:    10px;}
	
strong
{color:#00a200;
}