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

h1, h2, h3, h4, h5, h6, span, p, ul, li, form, texfield, default{ margin:0px; padding:0px;}
.clearfix:after {
clear:both;

display:block;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix {

}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}
clear {
clear:both;
}
a{ text-decoration:none; color:#515151; font-weight:bold;}



/*------------------------------------------------------home-work-----------------------------------------------------------------*/
#mainbox{ width:950px; height:100%; margin:0px auto; padding:0px; background-color:#FFFFFF;}

/*-----------------------------------------------------top-boxs------------------------------------------------------------------*/
#top-box{ width:950px; height:75px; float:left;}
#logo-box{ width:245px; height:60px; float:left; margin:0px; padding:15px 0px 0px 5px;}
#right-top{ width:700px; height:75px; float:left; margin:0px; padding:0px;}
#link-box{ width:241px; height:35px; padding:5px 14px 0px 445px;  float:left;}

.top-link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:lighter; text-align:right;}
.top-link span{ color:#FF0000; font-weight:bold;} 
.top-link a.current{ color:#FF0000;}

.top-link a{ text-decoration:none; color:#000000;font-weight:lighter;}
.top-link a:hover{ color:#FF0000;}
/*-----------------------------------------------------navigation----------------------------------------------------------------*/

#navigation-main{ width:950px; height:25px; padding:5px 0px; margin:0px; float:left;}
#navi-left{ height:25px; width:4px; float:left;}
#navi-right{ height:25px; width:4px; float:right;}
#navigation-1{width:942px; height:25px; background-image:url(../images/navi_mid1.jpg); background-repeat:repeat-x; background-position:left top; float:left;}
#navigation-1 ul{  list-style:none; }
#navigation-1 ul li{ padding:0px 0px; float:left;line-height:25px;}
#navigation-1 ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1a2737; font-weight:bold;  text-decoration:none;  padding:0px 35px; line-height:25px; display:block;}
#navigation-1 ul li a:hover{text-decoration:underline; color:#99cc03;}



#navigation-1 ul li ul { padding:0px; margin:0px;
display: none; position:relative; z-index:1; top:53px; 
}
#navigation-1 ul li:hover ul {display:block;
   position: absolute;top: 102px; width:170px; 
}
#navigation-1 ul li:hover ul.scroller {
height:138px; width:100%; overflow:auto;}
#navigation-1ul li:hover ul.endstop {
left:-90px;
}
#navigation-1 ul li:hover ul li ul {
display: none; position:relative; z-index:+1;
}
#navigation-1 ul li:hover ul li a {display:block; text-indent:inherit; 
 color:#1a2737;height:auto;line-height:15px;padding:5px 10px; margin:0px ; width:150px;border-bottom:#061d47 solid 1px; background-color:#ecf3fb; z-index:+1; position:relative;
}


#navigation-1ul li:hover ul li a.drop {
background:#a6b4d1;
}
#navigation-1 ul li:hover ul li a:hover {
color:#FFFFFF; background: #061d47; text-decoration:none;
}



#main-banner{ padding:0px ; width:950px; height:100%; float:left; background-color:#FFFFFF; margin:0px;}
#banner{  padding:0px; margin:0px; width:950px; height:175px; float:left; background-color:#FFFFFF;}
#view-portfolio{  padding:0px; width:950px; height:44px; float:left; background-color:#FFFFFF; background-image:url(../images/portfolio-bg.gif); background-repeat:repeat-x;}
#view-portfolio1{width:950px; height:30px; float:left; padding:5px 0px;}


#view-portfolio-left{width:600px; height:34px; float:left; font-family:"Century Gothic"; font-size:17px; font-weight:bold;  color:#0b5791; text-align:right; padding:10px 5px 0px 0px; }

#view-portfolio-right{width:335px; height:34px; float:right; padding-top:10px; }
#view-portfolio-right img{ padding-right:10px;}
#view-portfolio-left1{width:80px; height:25px; float:left; background-color:#eeedec; }

#view-portfolio-right1{width:860px; height:20px; float:left;  color:#4d4e4f; padding-right:10px; background-color:#eeedec; padding-top:5px;}

/*---------------------------------------------content-main----------------------------------------------------------------------*/

#content-main{ width:950px; height:100%;padding:0px 0px 5px 0px;float:left; }

/*-----------------------------------------------content-left--------------------------------------------------------------------*/

#content-left{ width:708px; height:auto; float:left; margin-right:7px;}

.boxs{ width: 216px;border:#d2d3d6 solid 1px; background-color:#FFFFFF; padding:5px; font-size:12px; font-weight:normal; color:#515151; height:95px; float:left; margin:0px; text-align:left;}
.boxs h2{ font-size:12px; font-weight:normal; color:#515151;  text-align:left; margin:0px; padding:0px;}


.boxs-web{ width: 350px; height:auto;  float:left; margin:0px;}
.boxs-bott{ width: 350px; height:3px;  float:left; margin:0px; background-image:url(../images/web-bott.gif); background-repeat:no-repeat; background-position:top left;  font-size:1px;}
.boxs-top{ width:350px; height:3px;  float:left; margin:0px; background-image:url(../images/web-top.gif); background-repeat:no-repeat; background-position:bottom left; font-size:1px;}
.boxs-mid{ width: 339px; height:94px;  float:left; margin:0px; background-image:url(../images/web-mid.gif); background-repeat:repeat-x; background-position:left top; background-color:#ffffff; border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px; padding:5px;}


.boxs-mid h1{ font-size:15px; font-weight:bold; color:#203360; font-family:"Myriad Pro"; padding-bottom:2px}
.boxs-mid a:hover{ color:#3b5998; font-size:10px; text-decoration:underline; font-weight:normal;}
.boxs-mid a{ color:#3b5998; font-size:10px; text-decoration:none; font-weight:normal;}
.boxs-mid img{ text-decoration:none;}









.boxs-web2{ width: 350px; height:auto;  float:right; margin:0px;}



.box-spacing-horiz{ width:708px; height:10px; float:left; margin:0px; padding:0px; font-size:1px;}
.box-spacing-verti{ width:6px; height:105px; float:left; margin:0px; padding:0px;}

/*-----------------------------------------------/content-left-------------------------------------------------------------------*/

/*-----------------------------------------------content-right-------------------------------------------------------------------*/

#content-right{ width:223px; height:auto; float:left; border:1px solid #d2d3d6; padding:4px;}
#content-right h2{ margin:0px; font-size:12px; font-weight:normal;}
#content-right img{ margin:0px; padding:0px;}
#content-right a{ font-size:10px;  font-weight:normal; color:#061d47; text-decoration:none;}
#content-right a:hover{ text-decoration:underline; }

#content-right-top{ width:235px; height:156px; float:left;}
#content-right-mid{ width:223px; height:58px; float:left; border-left:#e9e9e9 solid 1px;border-right:#e9e9e9 solid 1px; padding:5px; color:#515151; line-height:15px; font-size:12px; }
#content-right-mid a{ color:#3b5998; font-size:10px; text-decoration:none;}
#content-right-mid a:hover{ color:#3b5998; font-size:10px; text-decoration:underline;}

/*-----------------------------------------------/content-right------------------------------------------------------------------*/

/*---------------------------------------------/content-main---------------------------------------------------------------------*/

#footer-main{ width:950px; height:39px; border-top:#b1bdd6 solid 2px; float:left; margin:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b5998; }
#footer-main span{ color:#777777;}

#footer-top{ width:430px; height:12px;  float:right; padding:5px 0px 0px 0px;}
.footer ul{  list-style:none; text-align:left;}
.footer ul li{ margin:0px;float:left; padding:0px 3px;}
.footer ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b5998; font-weight:normal;  text-decoration:none; text-align:right;}
.footer ul li a:hover{text-decoration:underline;}

#footer-left{ width:515px; height:14px; float:left; padding-left:3px; padding-top:2px; }
#footer-left img{ margin-top:5px;}
#footer-right{ width:950px; height:20px;  float:left; margin:0px; }

/*------------------------------------------------------/home-work---------------------------------------------------------------*/

/*------------------------------------------------------inner-page-work------------------------------------------------------------*/

/*---------------------------------------------------content-left-inner----------------------------------------------------------*/

#content-left-inner{ width:186px; height:100%; float:left; margin-right:10px; }
.left-heading{ background-color:#d8dfea; line-height:27px; padding-left:5px; width:181px; font-size:12px; font-weight:bold; color:#324c71; display:block;}
.left-heading img{ padding-top:2px;}

.left-links a{ border-bottom:1px solid #D9D9D9;color:#1D446C;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;padding-bottom:1px;padding-left:8px; width:178px; text-decoration:none; display:block; line-height:25px;}
.left-links a:hover{ color:#000000;}


.contact-left-panel{color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal; padding-left:5px; margin-top:10px; }
.contact-left-panel img{ margin-right:0px;}

.contact-left-panel h1{color:#045176;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;  }
.contact-left-panel h2{color:#045176;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;  }

.contact-left-panel a{color:#000000; text-decoration:none;}

.contact-left-panel a:hover{color:#045176; text-decoration:underline;}

/*--------------------------------------------------content-right-inner----------------------------------------------------------*/

#content-right-inner{ width:754px; height:100%; float:right;}
#content-right-left-inner{ width:547px; height:100%; float:left; margin-right:4px; padding:0px 5px 0px 0px; }
#content-right-left-top-inner{ width:542px; height:24px; float:left;  border-bottom:#085f87 dotted 1px; font-size:10px; color:#1c436c; font-weight:normal; text-decoration:none; line-height:24px;}
#content-right-left-mid-inner{ width:542px; height:100%; float:left; font-size:12px; font-weight:normal; text-decoration:none; margin-top:3px;}
#content-right-left-mid-inner ul{ padding-left:20px;}

#content-right-left-mid-inner h1{  font-size:15px; color:#04557a; font-weight:normal; text-decoration:none; font-family:"Trebuchet MS"; font-weight:bold; }
#content-right-left-mid-inner h1 a{  font-size:15px; color:#04557a; font-weight:normal; text-decoration:none; font-family:"Trebuchet MS"; font-weight:bold; }
#content-right-left-mid-inner h2{  font-size:13px; color:#04557a; font-weight:normal; text-decoration:none; font-family:"Trebuchet MS"; font-weight:bold; }
#content-right-left-mid-inner h2 a{  font-size:13px; color:#04557a; font-weight:normal; text-decoration:none; font-family:"Trebuchet MS"; font-weight:bold;  }





#content-right-main-inner{ width:197px; height:100%; float:left; background-color:#FFFFFF;}
#content-rightbanner-inner{ width:195px; height:100%; padding-top:5px; float:right;}

.right-links{ font-size:12px; color:#000000; text-decoration:none; font-weight:normal; border-bottom:#d9d9d9 solid 1px; float:right; width:99%; height:100%; line-height:17px; }
.right-links h1{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold; border-bottom:#3f3f3f solid 1px; line-height:26px; float:left; display:block; width:100%; height:26px;}
.right-links a{ color:#515151; text-decoration:none; }
.right-links a:hover{ color:#6d84b4; text-decoration:none; }




#content-right-text-inner{ width:187px; height:100%; padding:4px; float:left; border-left:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; color:#515151; line-height:15px; font-size:12px; font-weight:normal; }
#content-right-text-inner a{color:#309dcf; font-size:10px; text-decoration:none;} 
#content-right-text-inner a:hover{color:#309dcf; font-size:10px; text-decoration:underline;} 

#content-right-banner-inner{ width:752px; height:131px; float:right; border:#085f87 solid 1px;}



/*-------------------------------------------------------frm------------------------------------*/
.frmtext h2{ font-family:arial; color:#0482be; font-size:12px; padding-left:10px; font-weight:bold;}
.frmtext h1{ font-family:arial; color:#0482be; font-size:16px; padding-left:10px;}
.frmtext{ font-family:arial; color:#000000; font-size:10px;}
.frminput{ font-family:arial; color:#000000; font-size:10px; width:150px; height:17px; border:#a9acae solid 1px; padding:2px;}
.frminput1{ font-family:arial; color:#000000; font-size:10px; width:150px; height:50px; border:#a9acae solid 1px; padding:2px;}

.boder{ border:#999999 solid 1px;}
/*-------------------------------------------------------/frm-----------------------------------*/




#button_ads {height: auto;width: 100%;float:left; margin:0px;}

.txtfiled {width:450px;padding-left:20px;margin:1px 0px 18px 0px;font-family:"Lucida Sans Unicode","Lucida Grande", Arial, sans-serif;font-size:11px;line-height:14px;font-weight:normal;color:#838383; text-align:left;}
.filed label {padding:0px;margin:0px;width:120px;height:auto;font-family:"Lucida Sans Unicode","Lucida Grande", Arial, sans-serif;font-size:11px;float:left;font-weight:normal;color:#838383;text-align:left; clear:both;}
.filed {/*width:473px;*/padding:5px 10px 5px 0px;margin:0px;text-align:right;clear:both;}
.filed-but {/*width:178px;*/padding:5px 295px 5px 0px;margin:0px;text-align:right;clear:both;}
.filed1 {/*width:473px;*/padding:5px 10px 5px 0px;margin:0px;/*background:#3c3c3c;*/text-align:right;clear:both;}
.filed1 label {padding:0px;margin:0px;width:120px;height:auto;font-family:"Lucida Sans Unicode","Lucida Grande", Arial, sans-serif;font-size:11px;float:left;font-weight:normal;color:#838383;text-align:left; clear:both;}
.inp1 {font-family: Arial, Helvetica, sans-serif;font-size: 15px; margin:0px;font-weight: normal;color:#3b5999;padding:0px  1px  0px  4px;border:1px solid #3b5999; width: 342px;   height:18px; background-color:#eef1f6; }
.textarea_inp1 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #666666;text-decoration: none;padding: 3px;border: 1px solid #c5c5c5;width: 300px;}
.textarea_inp2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #666666;text-decoration: none;padding: 3px;border: 1px solid #c5c5c5;width: 300px;}
.textarea_inp3 {font-family: Arial, Helvetica, sans-serif;font-size: 15px;font-weight: normal;color: #3b5999;text-decoration: none;padding:3px 0 0 4px;border: 1px solid #3b5999;width: 342px; height:100px; background-color:#eef1f6;}
.textarea_inp4 {font-family: Arial, Helvetica, sans-serif;font-size: 15px;font-weight: normal;color: #3b5999;text-decoration: none;padding:3px 0 0 4px;border: 1px solid #3b5999;width: 342px; height:100px; background-color:#eef1f6; }



.buttonstyle{ height:25px;font-family:arial; font-size:13px; color:#04577e; border:#ebeeef solid 1px; font-weight:bold; cursor:pointer; background-image:url(../images/button-bg.jpg); background-repeat:repeat-x; background-position:top left;   text-align:center; padding-bottom:2px;}
.buttonstyle:hover{ border:#f3f0f0 solid 1px; cursor:pointer; background-image:url(../images/button-hover-bg.jpg); background-repeat:repeat-x; background-position:top left; color:#000000;  }

.fieldset-1{border: 1px solid #a7d3e7; padding:5px; margin-bottom:10px;}


#photos-container {	width: 542px;	height:auto;	padding:0px;	background-color: #FFFFFF;	 text-align:center; margin:0px; float:inherit;}
.pic1{	width:168px;	height:120px;	margin:6px 6px 0px 0px;	padding:0px ;	text-align:center;	float:left; border:#333333 solid 1px;	color:#FF0000;}
.pic1 a{	display:block;	width:168px;	height:120px; padding:0px; margin:0px; color:#FF0000;}
.pic1 a:hover{	display:block; 		}