body {
	margin: 0px;
	padding: 0px;
	background:#fff;
	font-family:"Trebuchet MS";
}
ul, li, h1, h2, h3, h4, h5, h6, p{
	margin:0px;
	padding:0px;
}
a{
	text-decoration:none;
}
#main{
	width:100%;
	background:#FFFFFF;
	padding-bottom:30px;
}
#main #header{
	width:100%;
}

#main #header .menu_area .nav_bg .mini_nav{
	width:198px;
	height:61px;
	margin:3px 25px 0 0;
	float:right;
}
#main #header .menu_area .nav_bg h6{
	width:350px;
	text-align:center;
	line-height:30px;
	font-weight:normal;
	color:#5cf3ff;
	font-size:80%;
	margin:25px 0 0 0;
	border:0px solid #fff;
	float:left;
}

#main #header .menu_area .nav_bg .mini_nav .home a{
	width:65px;
	background:url(../images/home.jpg) no-repeat;
	height:69px;
	float:left;
}
#main #header .menu_area .nav_bg  .mini_nav .home a:hover{
	width:65px;
	background:url(../images/home_icon.jpg) no-repeat;
	height:69px;
}
#main #header .menu_area .nav_bg  .mini_nav .aboutus a{
	width:65px;
	height:69px;
	background:url(../images/aboutus.jpg) no-repeat;
	float:left;
}
#main #header .menu_area .nav_bg .mini_nav .aboutus a:hover{
	width:65px;
	background:url(../images/aboutus_icon.jpg) no-repeat;
	margin-bottom:1px;
	height:69px;
}
#main #header .menu_area .nav_bg .mini_nav .contact a{
	width:65px;
	height:69px;
	background:url(../images/contact.jpg) no-repeat;
	float:left;
}
#main #header .menu_area .nav_bg .mini_nav .contact a:hover{
	width:65px;
	background:url(../images/contact_icon.jpg) no-repeat;
	height:69px;
}
#main #header .menu_area .nav_bg .mini_nav a img{
	border:none;
}
#main #header .menu_area .nav_bg .mini_nav a img :hover{
	background:url(../images/aboutus_icon.jpg) no-repeat;
}
#main #header .menu_area{
	width:100%;
	height:176px;
	background:url(../images/top_green_bg.jpg) repeat-x;
}
#main #header .menu_area .nav_bg{
	width:980px;
	background:url(../images/logo_bg.jpg) no-repeat center 85px;
	margin:0 auto;
}
#main #header .menu_area .nav_bg .div_nav{
	width:980px;
	margin:9px 0 0 0;
	float:left;
}
#main #header .menu_area .nav_bg .div_nav .currve{
	width:22px;
	height:74px;
	margin:0 auto;
	float:left;
}
#main #header .menu_area .nav_bg .div_nav .nav_mid{
	width:936px;
	height:74px;
	margin:0 auto;
	background:url(../images/menu_bg.jpg) repeat-x;
	float:left;
}
#main #header .menu_area .nav_bg .logo{
	width:347px;
	height:93px;
	margin:0px 0 0 0;
	float:left;
}
#main #header .menu_area .nav_bg .div_nav .nav_mid ul{
	width:552px;
	margin-top:0px;
	list-style:none;
	float:right;
}
#main #header .menu_area .nav_bg .div_nav .nav_mid ul li .sep{
	width:86px;
	height:30px;
	margin:11px auto 0px 4px;
	padding:20px 0 0 0;
	text-align:center;
	float:left;
}
#main #header .menu_area .nav_bg .div_nav .nav_mid ul li{
	width:92px;
	height:62px;
	margin-top:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	background:url(../images/sep.jpg) no-repeat left;
	float:left;
}
#main #header .menu_area .nav_bg .div_nav .nav_mid ul li a{
	text-decoration:none;
	color:#0a5e6f;
}
#main #header .menu_area .nav_bg .div_nav .nav_mid ul li a:hover{
	background:url(../images/hover_img.jpg) no-repeat;
	height:34px;
	padding:15px 0 0 0;
	color:#fff;
}
#main #header .menu_area .nav_bg .div_nav .nav_mid ul li .visited{
	background:url(../images/hover_img.jpg) no-repeat;
	height:34px;
	width:86px;
	text-align:center;
	margin:11px 0 0 5px;
	padding:15px 0 0 0;
	color:#fff;
	float:left;
}
#main #header .banner_bg{
	width:100%;
	height:300px;
	margin:0 auto;
	background:url(../images/banner_bg.jpg) repeat-x;
}
#main #header .banner_bg .div_banner{
	width:980px;
	height:300px;
	margin:0 auto;
	background:url(../images/banner_img.jpg) no-repeat;
}
.clear{
	clear:both;
}
#main #cantainer{
	width:980px;
	padding:40px 0px 0 0px;
	margin:0 auto;
	border:0px solid #ebebeb;
}
#main #cantainer .left{
	width:650px;
	float:left;
	margin-left:10px;
	border:0px solid #ebebeb;
}
#main #cantainer .left .box{
	width:650px;
	border:0px solid #ebebeb;
}
#main #cantainer p{
	color:#6c6e72;
	font-size:13px;
	text-align:justify;
	line-height:20px;	
	padding:10px 0 0 0;
}
#main #cantainer p strong{
	color:#4c84db;
}
#main #cantainer .left h1{
	color:#4c84db;
	font-size:160%;
	margin-bottom:10px;
	font-weight:normal;
	font-family:"Tw Cen MT";
}
#main #cantainer .left h1 strong{
	color:#39537a;
	font-size:110%;
	font-family:"Tw Cen MT";
}
#main #cantainer .left h2{
	color:#202020;
	font-size:150%;
	background:#fbfbfa;
	border:1px solid #dedede;
	padding:10px;
	margin:20px 0 0px 0;
	font-weight:normal;
	font-family:"Tw Cen MT";
}
#main #cantainer .cantainer_in h3{
	color:#4c84db;
	font-size:150%;
	background:#fbfbfa;
	border:1px solid #dedede;
	margin:20px 0 20px 0;
	padding:31px 10px 30px 0;
	font-weight:normal;
	font-family:"Tw Cen MT";
}
#main #cantainer h4{
	color:#4c84db;
	width:170px;
	text-align:center;
	line-height:30px;
	font-size:140%;
	margin:2px 2px 10px 0;
	padding:20px 10px 50px 0;
	font-weight:normal;
	font-family:BibleScrT;
	float:right;
}
#main #cantainer h5{
	color:#4c84db;
	line-height:30px;
	font-size:140%;
	margin:2px 0px 10px 0px;
	padding:20px 0px 20px 10px;
	font-weight:normal;
	border-bottom:1px solid #4c84db;
	font-family:BibleScrT;
}
#main #cantainer h5 img{
	margin:0 0 -25px 0;
}
#main #cantainer h1 img{
	margin:0px 0 -15px 0;
}
#main #cantainer .cantainer_in h3 img{
	float:left;
	margin:-31px 0 0px 0;
}
#main #cantainer .left ul{
	width:620px;
	float:right;
	list-style-position:outside;
	border:0px solid #ebebeb;
}
#main #cantainer .left li{
	color:#0092dd;
	line-height:25px;
	font-size:13px;
}
#main #cantainer .right{
	width:278px;
	margin-right:10px;
	float:right;
	border:0px solid #ebebeb;
}
#main #cantainer .right .box{
	width:278px;
	margin-bottom:30px;
	float:left;
}
#main #cantainer .right .box .add{
	width:278px;
	float:left;
}
#main #cantainer .right .box .add img{
	width:276px;
	border:1px solid #C5C916;	
	border-bottom-style:inset;
	margin-bottom:15px;
}
#main #cantainer .right .box .detail{
	width:276px;
	border-left:1px solid #ffa2a2;
	border-right:1px solid #ffa2a2;
	float:left;
}

#main #cantainer .right .box .cust_detail{
	width:276px;
	color:#aaa9a9;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	float:left;
}

#main #cantainer .right .box img{
	width:278px;
	float:left;
}
#main #cantainer .cantainer_in{
	width:955px;
	background:url(../images/stage.jpg) no-repeat center 220px;
	margin:20px auto 0 auto;
	border:0px solid #ebebeb;
}
#main #cantainer .right .box .detail ul{
	list-style-position:inside;
	border-top:1px solid #ffa2a2;
	padding-left:0px;
}
#main #cantainer .right .box .detail ul li{
	color:#bc0101;
	font-size:13px;
	position:relative;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #ffa2a2;
}
#main #cantainer .right .box .detail ul li a{
	color:#bc0101;
}
#main #cantainer .right .box .detail ul li ul{
	width:200px;
	border:none;
	border:0px solid #ffa2a2;
	padding:11px 0 7px 0;
	background:url(../images/ul_bg.jpg) no-repeat bottom ;
	position:absolute;
	display:none;
	z-index:1;
	top:17px;
	left:76px;
}
#main #cantainer .right .box .detail ul li ul li{
	padding:5px 5px 5px 10px;
	width:185px;
	background:#bc0101;
	color:#fff;
	border-left:0px solid #ffa2a2;
	border-right:0px solid #ffa2a2;
	border-top:1px solid #ffa2a2;
	border-bottom:0px solid #ffa2a2;
}
#main #cantainer .right .box .detail ul li:hover ul{
	display:block;
}
#main #cantainer .right .box .cust_detail ul{
	list-style:none;
	border-top:1px solid #ebebeb;
	padding-left:5px;
}
#main #cantainer .right .box .cust_detail ul li{
	font-size:13px;
	padding:5px 5px 5px 0px;
	border-bottom:1px solid #ebebeb;
}
#main #cantainer .right .box .cust_detail ul li img{
	margin:5px 2px 0 0 ;
}

#main #cantainer .right .box .cust_detail ul li a{
	color:#aaa9a9;
}
#main #cantainer .right .box .cust_detail ul li a:hover{
	color:#666666;
	text-decoration:underline;
}
#main #cantainer .cantainer_in .soft_devel{
	width:277px;
	background:url(../images/soft_develop.jpg) no-repeat center top ;
	float:left;
	border:0px solid #ebebeb;
}

#main #cantainer .cantainer_in .vb_c{
	width:277px;
	background:url(../images/vb_c.jpg) no-repeat center top;
	float:left;
	border:0px solid #ebebeb;
}

#main #cantainer .cantainer_in .designs{
	margin:0 62px 0 62px;
	width:277px;
	background:url(../images/our_designs.jpg) no-repeat center top;
	float:left;
	border:0px solid #ebebeb;
}
.read_more{
	width:102px;
	margin-top:20px;
	float:right;
}
#main #cantainer .cantainer_in h6{
	font-weight:normal;
	font-size:90%;
}

#main #cantainer .cantainer_in h6 a{
	color:#0399bc;
}
#main #cantainer .cantainer_in h6 a:hover{
	color:#0399bc;
	text-decoration:underline;
}

#main #cantainer .contact_div{
	width:860px;
	padding:0 0 20px 0;
	padding:50px 50px 0 50px;
	margin:0 auto;
	background:url(../images/contact_us_copy.jpg) no-repeat;
}
#main #cantainer .contact_div h1{
	color:#034c52;
	font-family:"Tempus Sans ITC";
	font-size:200%;
	padding:10px 0 30px 0;
	text-decoration:underline;
	text-align:center;
}
#main #cantainer .contact_div .contact_left{
	width:380px;
	margin:0;
	float:left;
	border:0px solid #000;
}
#main #cantainer .contact_div .contact_left .address{
	height:200px;
	width:350px;
	margin:10px auto 0 auto;
	border:1px solid #000;
}
#main #cantainer .contact_div .contact_left .map{
	width:350px;
	margin:0px auto 0 auto;
	position:relative;
	padding-bottom:10px;
	border-bottom:1px solid #4c84db;
}

#main #cantainer .contact_div .contact_right{
	width:380px;
	margin:0;
	float:right;
	border:0px solid #000;
}
#main #cantainer .contact_div .contact_right .form{
	width:280px;
	height:500px;
	margin:0 auto;
	color:#FD7E00;
	padding-top:20px;
	border:0px solid #000;
}
#main #cantainer .contact_div .contact_right .form input{
	margin:0 auto;
	float:left;
	color:#FD7E00;
	border:none;
}
#main #cantainer .contact_div .contact_right .form .name, .subject, .email{
	width:235px;
	height:23px;
	float:left;
	padding:5px 5px 5px 40px;
	
}
#main #cantainer .contact_div .contact_right .form .name{
	background:url(../images/name.jpg) no-repeat;
	margin:10px 0 0px 0;
}
#main #cantainer .contact_div .contact_right .form .email{
	background:url(../images/e_mail.jpg) no-repeat;
	margin:10px 0 0px 0;
}
#main #cantainer .contact_div .contact_right .form .subject{
	margin:10px 0 0px 0;
	background:url(../images/subject.jpg) no-repeat;
}
#main #cantainer .contact_div .contact_right .form textarea{
	width:235px;
	height:168px;
	margin:10px 0 0px 0;
	border:0px;
	color:#FD7E00;
	float:left;
	background:url(../images/message.jpg) no-repeat;
	padding:10px  5px 5px 40px;
}
#main #cantainer .contact_div .contact_right .form button{
	width:99px;
	height:38px;
	color:#fff;
	text-align:center;
	border:none;
	padding:10px 0 10px 0;
	float:left;
	margin:10px 0 0px 0;
	background:url(../images/btn_bg.jpg) no-repeat;

}
#main #cantainer .contact_div .contact_right .form .submit{
	float:left;
}
#main #cantainer .contact_div .contact_right .form .reset{
	float:right;
}
#footer{
	width:100%;
	height:231px;
	padding-bottom:5px;
	background:url(../images/footer_bg.jpg) repeat-x;
}

#footer .footer_contant{
	width:960px;
	list-style-type:none;
	padding:25px 10px 0 10px;
	margin:0 auto;
}
#footer .footer_contant ul{
	list-style-type:none;
	font-size:13px;
}

#footer .footer_contant ul li{
	line-height:25px;
}

#footer .footer_contant a{
	color:#fff;
}
#footer .footer_contant p{
	color:#fff;
	margin-top:0px;
	font-size:11px;
	text-align:center;
}
#footer .footer_contant h6{
	color:#5cf3ff;
	margin-bottom:10px;
	font-weight:normal;
	font-size:100%;
	text-align:center;
}


#portfolio{
	width:100%;

	padding-top:50px;
	background:url(../images/portfolio_bg.jpg) repeat-x top #FDFDFD;
	border: 1px solid #ebebeb;
	border-top:0px;
}
.portfolio{
	width:980px;
	height:500px;
	margin:0 auto;
}
/*ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 font: bold 11px Verdana, Arial, Helvetica, Sans-serif;
	 
}


ul.dropdown {
	 position: relative;
	 z-index: 597;
	 float: left;
	 height:22px;     
	 border-bottom: 5px solid #d9e8ef;
	

}

ul.dropdown li {

	 float: right;
	 vertical-align: middle;
	 zoom: 1; 
	 line-height:1.8em;
	

}

ul.dropdown li.hover,
ul.dropdown li:hover {

	 position: relative;
	 z-index: 599;
	 cursor: hand!important;
	 height:22px;


}

ul.dropdown ul {
	
	 visibility: hidden;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 598;
	 

}

ul.dropdown ul li {
	 float: none;

}

ul.dropdown ul ul {
	 top: 1px;
	 left: 99%;

}

ul.dropdown li:hover > ul {
	 visibility: visible;

}

ul.dropdown {

	  font-weight: bold;
	  width: 732px;
	  background:#1da6d3 url("../images/menu-bg.gif") repeat-x; 
	  padding: 0px 10px;
	  margin:0;
 

}

        ul.dropdown li {
         padding: 0px 10px;
         height:22px;
         background:#1da6d3 url("../images/menu-bg.gif") repeat-x; 
      

        }

    
        ul.dropdown li:hover {
		background-color:#F68B1F;
         xbackground: #F68B1F;
         color: #fff;
    	 cursor: hand!important;
         text-decoration: none;
         height:22px;
	

        }


        ul.dropdown a:link,
        ul.dropdown a:visited {
				color: #fff;
				cursor: hand!important;
				text-decoration: none;
				

				}
        ul.dropdown a:hover    { 
			  	color: #fff; 
				text-decoration: none; 
	 			cursor: hand!important;
 			    background: inherit;
			
				 }
				 
        ul.dropdown a:active    {       
			text-decoration: none;
	        cursor: hand!important;

                }

     ul.dropdown li#current   {       
        
         height:22px;
         background: #d9e8ef; 
      		
                }

        		ul.dropdown li a.color {	
				  color: #053e5f!important;
		
				}*/
       

     	




  /* -- DROPDOWN DOWN SUBMENU-- */

       /* ul.dropdown ul {
         width: 205px;
         height:22px;
	     margin-left:-1px;
	
        }

                ul.dropdown ul li {

                font-weight: normal;
			    border-left:1px solid #fff;
		        border-right:1px solid #fff;
			    border-bottom:1px solid #fff;
			
                }*/