@charset "utf-8";
/* CSS Document */

body
{
	background:url(../images/INDO_Aquatics_topline.jpg) repeat-x top #FFF; font-family:"Trebuchet MS"; font-size:14px; color:#666; margin:0px; padding:0px;
}
h1,h2,h3,h4,h5,h6,p,ul,li
{
	margin:0px; padding:0px;
}
a
{
	outline:none; list-style-type:none; text-decoration:none; color:#079cd3;
}
a:hover
{
	outline:none; list-style-type:none; text-decoration:none; color:#333333;
}
.clear 
{
	width:100%; height:10px; float:left;
}
.main_body
{
	width:952px; height:auto; margin:0px auto;
}
.main_body .header_main
{
	width:952px; height:auto; margin:0px; padding:10px 0px 0px; float:left;
}
.main_body .header_main .logo
{
	width:auto; height:auto; margin:0px; padding:0px; float:left;
}
.main_body .header_main .logo img
{
	width:auto; height:auto; border:none; margin:0px; padding:0px; float:left;
}
.main_body .header_main .icon_main
{
	width:auto; height:auto; margin:0px; padding:0px; float:right;
}
.main_body .header_main .icon_main strong
{
width:auto; height:auto; font-weight:normal; margin:0px; padding:0px; float:right;
}
.main_body .header_main .icon_main img
{
	width:auto; height:auto; border:none; margin:0px; padding:0px; float:left;
}
.main_body .header_main .menu_main
{
	width:952px; height:52px; background:url(../images/INDO_Aquatics_menubg.jpg) repeat-x; margin:20px 0px; padding:0px; float:left;
}
#nav li {
	margin:0px; padding:0 0 8px; float:left; position:relative; list-style: none; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:16px; font-weight:normal;
}
/* main level link */
#nav a {
	text-decoration: none; display: block; border-right:#a7a7a7 1px solid; width:auto; height:52px; line-height:57px; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:16px; color:#575757; text-align:center; font-weight:normal; list-style-type:none; text-decoration:none; margin:0px; padding:0px 37px; float:left;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	width:auto; height:52px; line-height:57px; background:url(../images/INDO_Aquatics_menu_hover.png) center top no-repeat; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:16px; color:#05a1db; text-align:center; font-weight:normal; list-style-type:none; text-decoration:none; margin:0px; padding:0px 37px; float:left;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none; border: none; color: #666; margin:-8px 0px -8px; padding:0px 25px; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:16px; font-weight:normal; float:left;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a:hover {
	background: none; border: none; color: #05a1db; margin:-8px 0px -8px; padding:0px 25px; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:16px; font-weight:normal; float:left;
}
#nav ul a:hover {
	width:auto; height:52px; line-height:57px; background:url(../images/INDO_Aquatics_menu_hover.png) center top no-repeat; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:16px; color:#05a1db; text-align:center; font-weight:normal; list-style-type:none; text-decoration:none; margin:0px; padding:0px 37px; float:left;

}
/* level 2 list */
#nav ul {
	background: #ddd;  display: none; margin:0; padding:0; width:205px; position:absolute; z-index:999; top:50px; left:0; border:solid 1px #b4b4b4;	
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none; margin:0; padding:0;
}
#nav ul a {
	font-weight: normal; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:16px; color:#05a1db; 
	
}
/* level 3+ list */
#nav ul ul {
	left: 181px; top: -3px;
}
#nav:after {
	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:16px; font-weight:normal;
}
#nav {
	margin:0px; padding:0px; float:left;
}
#nav #bordernone
{
	width:auto; height:52px; border:none !important; margin:0px; padding:0px 25px; float:left;
}

.main_body .banner_main
{
	width:952px; height:296px; background:url(../images/INDO_Aquatics_bannerbg.png) no-repeat; margin:0px; padding:0px; float:left;
}

#container 
{
	width:935px; background:#fff; padding:20px 17px 20px 8px; float:left;
}
.contbox .director
{
	width:952px; height:auto; margin:10px 0px 25px; border-bottom:#333 1px  dashed; padding:0px; float:left;
}
.contbox .director img
{
	width:135px; height:141px; border:none; margin:0px 10px 0px 0px; padding:0px; float:left;
}
.contbox .director strong
{
	width:790px; height:auto; color:#333333; font-size:16px; font-weight:bold; margin:0px; padding:0px; float:left;
}
.contbox .director span
{
	width:790px; height:auto; color:#773c08; font-size:11px; font-weight:normal; margin:0px; padding:0px; float:left;
}
.contbox .director p
{
	width:790px; height:auto; color:#333333; font-size:12px; font-weight:normal; margin:0px; padding:5px 0px 0px; float:left;
}


.project_highlights
{
	width:646px; height:auto; margin:0px; padding:20px 0px; float:left;
}
.project_highlights .head_text
{
	width:276px; height:auto; line-height:20px; margin:0px; padding:10px 0px; float:left;
}
.project_highlights .p_text
{
	width:226px; height:auto; line-height:20px; margin:0px; padding:10px 0px; float:left;
}

.contbox .newsevents
{
	width:952px; height:auto; margin:10px 0px 25px; border-bottom:#333 1px  dashed; padding:0px 0px 10px; float:left;
}
.contbox .newsevents strong
{
	width:952px; height:auto; color:#333333; font-size:16px; font-weight:bold; margin:0px; padding:0px; float:left;
}
.contbox .newsevents span
{
	width:952px; height:auto; color:#773c08; font-size:11px; font-weight:normal; margin:0px; padding:0px; float:left;
}
.contbox .newsevents p
{
	width:952px; height:auto; color:#333333; font-size:12px; font-weight:normal; margin:0px; padding:5px 0px 0px; float:left;
}
.contbox .left_content .investoe_shers
{
	width:315px; height:auto; margin:0px; padding:0px; float:left;
}
.investoe_shers > h4{
	clear:both !important
}
.whole-div{
	float: left;
    width: 640px;
	padding-top: 10px;
}
.whole-div h4{
	text-decoration:underline;
	padding-bottom: 5px;
	font-weight:normal;
}
.whole-left{
	float: left; 
    width: 49%;
}
.whole-right{
	float: left;
    width: 48%;
}
.holding
{
	width:315px; height:auto; margin:0px; float:left; clear:both;padding: 10px 0;
}
.contbox .left_content
{
	width:646px; height:auto; margin:0px; padding:0px; float:left;
}
.contbox .left_content p span
{
	margin:0px; padding:10px 0px 10px; text-decoration:underline; display:block;
}
.contbox .news_main
{
	width:266px; height:auto; margin:0px 0px 10px; padding:0px; float:right;
}
.contbox .news_main .top_bg
{
	width:266px; height:auto; background:#f7f7f7; margin:0px; padding:0px 0px 20px; float:left;
}
.contbox .news_main .top_bg h3
{
	width:251px; height:auto; line-height:35px; color:#333333; font-size:18px; font-weight:normal; border-bottom:#9d9d9d 1px solid; margin:0px; padding:0px 0px 0px 15px; float:left;
}
.contbox .news_main .top_bg strong
{
	width:251px; height:auto; color:#333333; font-size:16px; font-weight:normal; margin:0px; padding:10px 0px 0px 15px; float:left;
}
.contbox .news_main .top_bg span
{
	width:251px; height:auto; color:#773c08; font-size:11px; font-weight:normal; margin:0px; padding:0px 0px 0px 15px; float:left;
}
.contbox .news_main .top_bg p
{
	width:251px; height:auto; color:#333333; font-size:12px; font-weight:normal; margin:0px; padding:5px 0px 0px 15px; float:left;
}
.contbox .news_main .top_bg samp
{
	width:251px; height:auto; line-height:25px; color:#333333; font-size:12px; font-weight:normal; margin:0px; padding:5px 0px 0px 15px; float:left;
}
.contbox .news_main .bottom_bg
{
	width:266px; height:11px; background:url(../images/INDO_Aquatics_news_bg.png) no-repeat; margin:0px; padding:0px; float:left;
}
.contbox 
{
	width:100%; height:auto; float:left;
}
.news h1, #container h2 
{
	font-size:20px; color:#079cd3; display:block; padding:3px 0px 15px 0px; margin:0px;
}
.news h1 a, #container h2 a 
{
	font-size:20px; color:#079cd3; display:block; list-style-type:none; text-decoration:none; padding:0px; margin:0px;
}
#leftcont 
{
	width:248px; height:auto; float:left;
}
#leftcont h1 
{

	background:#2a040b; font-size:14px; height:auto; color:#fff; width:238px; padding:7px 0px 7px 10px; float:left;
}
#leftcont ul 
{
	margin:0px; padding:0px;
}
#leftcont li 
{
	list-style:none; display:block; padding:7px 0px 7px 28px; background:url(../images/bullet_red.gif) no-repeat 12px 11px; border-bottom:1px solid #e6e6e6;
}
#leftcont a 
{
	text-decoration:none; color:#2a040b; font-size:12px;
}
#leftcont .a_link  
{
	width:auto; height:auto; margin:0px; padding:10px 0px 0px;
}
#leftcont .a_link a
{
	text-decoration:none; color:#079CD3; font-size:14px; line-height:20px; float:left;
}
#leftcont .a_link a:hover
{
	text-decoration:none; color:#333; font-size:14px; line-height:20px; float:left;
}
#leftcont a:hover, #leftcont .select 
{
	text-decoration:none; color:#AD0424; font-size:12px;
}
#Rightcont 
{
	width:642px; height:auto; float:right;
}
.login
{
        width:450px; height:360px; margin:auto; padding-left:50px; padding-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
font-size:12px; color:#666666; float:left;
}
.textfill_bg
{
background:url(../images/textfil_bg.gif) center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px; outline:none; color:#666666; width:246px; height:30px; margin-bottom:5px; border:none; padding:0px 2px;
}
.textfill_bg1
{
background:url(../images/textfil_bg1.gif) center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px; outline:none; color:#666666; width:280px; height:104px; border:none; padding:0px 2px;
}
.btn_bg
{
background:url(../images/btn_bg.png) no-repeat center; width:105px; height:29px; cursor:pointer; color:#FFF; border:none; margin:10px 0px 0px; padding:0px;
}

.footer_main
{
	width:100%; height:auto; background:#585858; margin:0px; padding:0px; float:left;
}
.footer_main .footer
{
	width:952px; height:75px; margin:0px auto;
}
.footer_main .footer img
{
	width:auto; height:auto; border:none; margin:20px 2px 0px; padding:0px; float:right;
}
.footer_main .footer img:hover
{
	width:auto; height:auto; border:none; opacity:0.3; margin:20px 2px 0px; padding:0px; float:right;
}
.footer_main .footer p
{
	width:952px; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFF; text-align:center; margin:-10px 0px 0px; padding:0px; float:left;
}
.footer_main .footer .links
{
	width:600px; height:auto; margin:0px; padding:15px 0px; float:left;
}
.footer_main .footer .links span
{
	width:auto; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFF; text-align:center; text-decoration:none; margin:0px; padding:0px; float:right;
}
.footer_main .footer .links a
{
	width:auto; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFF; text-align:center; text-decoration:none; margin:0px; padding:0px 10px; float:right;
}
.footer_main .footer .links a:hover
{
	width:auto; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#CCC; text-align:center; text-decoration:none; margin:0px; padding:0px 10px; float:right;
}
.footer_main .footer .links a.active
{
	width:auto; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#CCC; text-align:center; text-decoration:none; margin:0px; padding:0px 10px; float:right;
}




.gGrid { width:100%; height:auto; overflow:scroll; background-color: #fff; margin:10px 10px 10px 0px; border: solid 1px #525252; border-collapse:collapse; float:left; }
.gGrid td { padding:3px 7px; font-family:Arial; font-size:12px; margin:0px; border: solid 1px #c1c1c1; color: #232323; line-height:15px; }
.gGrid td a{ padding:3px 7px; font-family:Arial; font-size:12px; margin:0px; text-decoration:none; color: #232323; line-height:15px; }
.gGrid td a:hover{ padding:3px 7px; font-family:Arial; font-size:12px; margin:0px; text-decoration:none; color: #ad0424; line-height:15px; }
.gGrid th { padding:3px 7px; color: #fff; font-family:Arial; font-weight:normal; background:#333; border-left: solid 1px #525252; font-size:12px; }
.gGrid .alt { background:#FBFBFB; }
.gGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
.gGrid .pgr table { margin:3px 0; }
.gGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.gGrid .pgr a { color: #232323; font-family:Arial; font-size:12px; text-decoration: none; }
.gGrid .pgr a:hover { color: #232323; font-family:Arial; font-size:12px; text-decoration: none; }
.gGrid td img{width:20px !important; height:20px !important; margin:0px; padding:0px; border:none;}