/* CSS Document */

*
{
margin:0px;
padding:0px;
}
body
{
margin:0;
padding:0;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ccc;
}

.clear
{
clear:both;
}
a
{
color:#767676;
text-decoration:none;
}
a:hover
{
color:#fff;
text-decoration:none;
}

h1 h2 h3 h4 {
margin:0;
padding:0;
color:#000;
}

img {
border:none;}

a img {
border:none;
}


.main {
margin:0 auto;
width:1050px;
height:auto;
background-color:#FFFFFF;
}



.wrapper { width:1050px; height:341px;}
.wrapper .header { width:1050px; height:341px; background:url(../images/page_bg.jpg) repeat-y;}
.header_top { width:1050px; height:20px; background:url(../images/wrpper_top.jpg) no-repeat top;}
.head_banner { width:1038px; height:320px; margin:0 auto; border:1px solid #FFFFFF; border-left:none; border-right:none; border-top:none;}

.logo { width:300px; height:200px; position:absolute; top:5px; left:0px;  z-index:3; }


.flash_ban { width:1030px; height:320px; margin:0 auto; position:relative; left:0px; top:0px; z-index:1; }



.logo img { width:206px; height:93px; margin:10px 0 0 10px;}
.top_menu { width:1032px; height:30px; position:absolute; top:273px; left:0px;  z-index:3;}
.top_menu .menu { width:450px; height:26px; background:url(../images/menu_bg.png) no-repeat; float:right; margin:4px 15px 0 0;}
.menu ul {  padding:5px 0 0 30px;}
.menu li { float:left; text-decoration:none; list-style:none; padding:0px 12px 0 0; color:#FFFFFF;}
.menu li a { text-decoration:none; list-style:none; color:#999999;}
.menu li a:hover { color:#fff; text-decoration:underline;}
.menu li img { float:left; margin-top:2px;}
.menu .visited { color:#FFFFFF; text-decoration:underline;}




.content_page { margin:0; padding:0; width:1050px; height:auto; background-color:#000000;}
.content_page .page { width:1050px; height:auto; background:url(../images/page_bg.jpg) repeat-y; float:left;}

.left_page { width:520px; height:auto; float:left;}
.welcome { width:510px; height:260px; border:solid #ccc 1px; border-bottom:none; border-top:none; margin-left:5px;}
.welcome img { margin:15px 0 20px 0px;}
.welcome p { width:400px; text-align:justify; padding:0 0 10px 90px; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#cccccc;}

.welcome_01 { width:510px; height:210px; border:solid #ccc 1px; border-bottom:none; margin-left:5px;}
.welcome_01 img { margin:15px 0 30px 0px;}
.welcome_01 p { width:400px; text-align:justify; padding:0 0 20px 90px; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#cccccc;}

.center_page { width:300px; height:auto;  float:left;}
.center_page img { margin:15px 0 20px 0px;}
.current { width:290px; height:380px;}
.current img { margin:15px 0 20px 30px;}

.current_menu { width:280px; height:30px; float:left; }
.current_menu ul { float:left;}
.current_menu li { float:left; text-decoration:none; list-style:none; padding:0px 0px 0 5px; color:#FFFFFF;}
.current_menu li a { text-decoration:none; list-style:none; color:#999999;}
.current_menu li a:hover { color:#fff; text-decoration:underline;}
.current_menu li img { float:left; margin-top:2px;}

.right_page { width:230px; height:auto; float:left;}
.right_inner { width:220px; height:auto; border:1px solid #CCCCCC; border-right:none; border-top:none; border-bottom:none; float:left;}
.contact_img { margin:15px 0 15px 0;}
.feedback { width:220px; height:420px;  float:left; }
.feedback .lab { float:left; padding:20px 0 0 5px; width:50px;}
.feedback .inp { float:left; margin:17px 0 0 0; margin-left:10px; width:140px;}
.msg_box { width:180px; height:170px; margin-top:5px; margin-left:20px; float:left;}


.about_page { margin:0 auto; padding:0; width:1050px; height:auto;}
.about_left { float:left; width:750px; height:auto;}
.about_entry { width:700px; height:auto; margin:0 auto; }
.about_entry img { margin:30px 0; }
.about_entry p { text-align:justify; padding-right:5px; padding-bottom:20px; line-height:18px; }
.about_right { float:left; width:300px; height:auto;}
.redbox { width:249px; height:auto; margin:0 auto; margin-top:15px;}
.redbox .toppage { width:249px; height:10px; background:url(../images/about_box_top.jpg) no-repeat; }
.redbox .centerpage { width:249px; height:auto; background:url(../images/about_box_center.jpg) repeat-y; _margin-top:-5px;}
.project { width:230px; height:220px;}
.project h2 { padding:0; text-align:center; font-size:16px;}
.project img { margin:15px 0 10px 13px;}
.project p { padding:0 0 0px 30px; float:left;}
.project p a { text-decoration:underline; color:#FFFFFF;}
.redbox .bottompage { width:249px; height:10px; background:url(../images/about_box_bottom.jpg) no-repeat;}


.contact_page { margin:0 auto; padding:0; width:1050px; height:auto;}

.contact_left { float:left; width:633px; height:437px; background:url(../images/contct_form_img_01.jpg) no-repeat; }
.contact_form { width:350px; height:300px; float:right; margin-top:43px;}
.contact_form .lab_01 { float:left; padding:20px 0 0 5px; width:50px; color:#000000;}
.contact_form .inp_01 { float:left; margin:20px 0 0 0; margin-left:10px; width:170px; height:18px; border:#FFFFFF solid 1px;}
.queries { width:270px; height:85px; margin-top:30px; margin-left:10px; float:left; background:transparent; border:none; }
.sub_btn { width:70px; height:25px; float:right; margin:55px 55px 0 0; background:transparent; border:none; }

.contact_right { float:left; width:417px; height:auto;}
.address { width:410px; height:auto; }
.address h2 { background-color:#b0232b; width:412px; height:30px; margin-top:80px; text-align:center; padding-top:8px; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.address p { text-align:center; padding-top:15px; line-height:25px;}


.project_page { margin:0 auto; padding:0; width:1050px; height:auto;}
.project_left { float:left; width:250px; height:auto;}
.project_icon { width:181px; height:137px; background:url(../images/project_icon.jpg) no-repeat; margin:0 auto; margin-top:15px; }
.project_icon img { margin:12px 0 0 12px;}
.project_icon p { padding:18px 0 0 0px; text-align:center; font-size:14px; font-weight:bold;}

.project_right { float:left; width:800px; height:auto;}
.project_gal { width:746px; height:auto; margin:0 auto; }

.gal_menu { width:746px; height:30px; background-color:#000000; margin:20px 0 0 0; ; }
.gal_menu ul { padding-left:40px;}
.gal_menu li { float:left; text-decoration:none; list-style:none; padding:10px 10px 0 0; color:#FFFFFF;}
.gal_menu li a { text-decoration:none; list-style:none; color:#999999;}
.gal_menu li a:hover { color:#fff; text-decoration:underline;}
.gal_menu li img { float:left; margin-top:2px;}

.blackbox { width:746px; height:auto; margin:0 auto; margin-top:15px;}
.blackbox .toppage_b { width:746px; height:14px; background:url(../images/project_top.jpg) no-repeat; }
.blackbox .centerpage_b { width:746px; height:auto; background:url(../images/project_center.jpg) repeat-y;}
.beach { width:700px; height:auto; margin:0 auto;}
.beach img { margin:10px 0 20px 0;}
.beach p { padding:10px 0 0 10px; line-height:30px; font-size:16px; color:#FFFFFF;}
.blackbox .bottompage_b { width:746px; height:14px; background:url(../images/project_bottom.jpg) no-repeat;}

.complex { width:700px; height:auto; margin:0 auto;}
.complex img { margin:10px 0 20px 0;}
.complex p { padding:10px 0 0 10px; line-height:30px; font-size:16px; color:#FFFFFF;}
.hai { float:left; width:341px; margin:0 12px 0 0;}





.content_page .contact_bottom { width:1050px; height:11px; background:url(../images/footer_img02.jpg) no-repeat; float:left;}
.content_page .page_bottom { width:1050px; height:11px; background:url(../images/footer_img.jpg) no-repeat; float:left;}
.content_page .page_bottom_home { width:1050px; height:11px; background:url(../images/footer_new.jpg) no-repeat; float:left; margin-top:-2px;}



.footer { margin:0; padding:0; width:1050px; height:auto; background-color:#000000; }
.footer .footer_bg { width:1050px; height:auto; background-color:#000000; }
.copyright { width:620px; height:50px; background-color:#000; float:left;}
.copyright p { float:left; color:#999; padding:10px 120px 0 20px;}
.footer_menu { width:430px; height:50px; background-color:#000000; float:left; }
.footer_menu ul { float:right; padding:0 10px 0 0;}
.footer_menu li { float:left; text-decoration:none; list-style:none; padding:10px 10px 0 0; color:#FFFFFF;}
.footer_menu li a { text-decoration:none; list-style:none; color:#999999;}
.footer_menu li a:hover { color:#fff; text-decoration:underline;}
.footer_menu li img { float:left; margin-top:2px;}