body{
margin: 0 auto;
background-image:url(../images/bg-top.jpg);
background-repeat:repeat-x;
font-family:"Century Gothic";
}
.main{
width:980px;
margin: 0 auto;
}
@font-face {
    font-family: "Alex Brush";
    src:url('../fonts/ALEXBRUSH-REGULAR.TTF') format('truetype');	 
    font-style: normal;
	
	}


.logo{
float:left;
margin: 10px 0px 0px 0px;
}
.style1 {
	font-family: "Century Gothic";
	font-size: 20px;
	color: #C03921;
}
.menu-right{
float:right;
margin: 20px 20px 0px 0px;
}
/*-------middle------------*/
.middle{
background-image:url(../images/middle-bg.jpg);
background-repeat:repeat-x;
height:154px;
}
.service{
width:980px;
margin: 0 auto;
}
.serivce-001{
float:left;
background-image:url(../images/perfect-box.jpg);
background-repeat:no-repeat;
height:154px;
width:223px;
}
.serivce-002{
float:left;
background-image:url(../images/container.jpg);
background-repeat:no-repeat;
width:237px;
height:154px;
}
.serivce-003{
float:left;
background-image:url(../images/container.jpg);
background-repeat:no-repeat;
width:263px;
height:154px;
}
.serivce-004{
float:left;
background-image:url(../images/container.jpg);
background-repeat:no-repeat;
width:246px;
height:154px;
}
.serivce-001 div,.serivce-002 div,.serivce-003 div,.serivce-004 div {
	font-family: "Century Gothic";
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	padding: 20px 0px 0px 20px;
}
.serivce-001 p,.serivce-002 p,.serivce-003 p,.serivce-004 p{
font-size:10px;
font-weight:bold;
padding: 75px 8px 0px 8px;
}

.style3 {color: #012B54}
.style4 {color: #C03921}
/*-------text------------*/
.text{
background-image:url(../images/text-bg.jpg);
background-repeat:repeat-x;
margin: 10px 0px 0px 0px;
}
.textindex{
background-image:url(../images/text-bg.jpg);
background-repeat:repeat-x;
height:234px;
margin: 10px 0px 0px 0px;
}
.text-001{
width:980px;
margin: 0 auto;
}
.text-left{
width:730px;
float:left;
font-family: "Century Gothic";
font-size:14px;

text-align:justify;
color:#012B54;
}
.text-left div{
font-family:"Trebuchet MS";
font-size:22px;
color:#012B54;
padding: 20px 0px 10px 0px;
}


.text-right{
float:right;
width:230px;
background-color:#022B57;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 5px #252525;
	margin: 20px 0px 0px 0px;
	}
.text-right div{
color:#FFF;	
font-size:20px;
padding: 10px 0px 0px 30px;	
}
/*-----  about  -----*/
.text-about{
width:980px;
margin: 0 auto;
font-family: "Century Gothic";
font-size:14px;
line-height:21px;
text-align:justify;
color:#052F57;
height:450px;
}
.text-about div{
font-family:"Century Gothic";
font-size:24px;
color:#012B54;
padding: 20px 0px 10px 0px;
}
/*-----  chairman  -----*/
.text-chairman{
background-image:url(../images/text-border.png);
background-repeat:no-repeat;
width:980px;
margin: 0 auto;
font-family: "Century Gothic";
font-size:15px;line-height:21px;
text-align:justify;
color:#333333;
height:650px;}
.text-chairman div{
font-family:"Alex Brush";
font-size:44px;
color:#012B54;
padding: 70px 0px 10px 60px;
}
.text-chairman p{
color:#3F5185;
padding: 0px 60px 0px 60px;
 font-weight:600;
}
/*-----  mission  -----*/
.text-mission{
background-image:url(../images/text-border-2.png);
background-repeat:no-repeat;
width:980px;
margin: 0 auto;
font-family: "Century Gothic";
font-size:15px;
line-height:21px;
text-align:justify;
color:#333333;
height:500px;
}
.text-mission div{
font-family:"Alex Brush";
font-size:44px;
color:#012B54;
padding: 70px 0px 10px 60px;
}
.text-mission p{
color:#3F5185;
padding: 0px 60px 0px 60px; 
font-weight:600;}
/*-----  service  -----*/
.text-service{
width:980px;
margin: 0 auto;
font-family: "Century Gothic";
font-size:14px;
line-height:21px;
text-align:justify;
color:#052F57;
font-weight:600;
}
.text-service div{
font-family:"Century Gothic";
font-size:24px;
color:#012B54;
padding: 20px 0px 10px 0px;
}

/*-----  coman  -----*/
.text-coman{
width:980px;
margin: 0 auto;
font-family: "Century Gothic";
font-size:15px;
line-height:21px;
text-align:justify;
color:#3F5185; 
font-weight:600;}
.text-coman div{
font-family:"Alex Brush";
font-size:44px;
color:#012B54;
padding: 20px 0px 10px 0px;
}
/*-----  footer  -----*/
.footer{
background-image:url(../images/footer-top.jpg);
background-repeat:repeat-x;
height:83px;
}
.footer-top{
width:980px;
margin: 0 auto;
padding: 10px 0px 0px 0px;
}
.ftop-001{
width:350px;
font-family:"Century Gothic";
font-size:22px;
float:left;
color:#FFFFFF;
border-right: 1px #01182E solid;
}
.ftop-001 a{
font-family: "Century Gothic";
font-size:12px;
text-decoration:none;
color:#FFFFFF;
padding: 0px 0px 0px 205px;
}
.ftop-002 a{
font-family: "Century Gothic";
font-size:12px;
text-decoration:none;
color:#FFFFFF;
padding: 0px 0px 0px 240px;
}
.ftop-002{
width:350px;
font-family:"Century Gothic";
font-size:22px;
float:left;
color:#FFFFFF;
border-right: 1px #01182E solid;
padding: 0px 0px 0px 50px;
}
.ftop-003{
float:right;
}
/*-----  botom  -----*/
.footer-botom{
background-color:#000000;
}
.botom{
text-align:center;
font-size:12px;
width:980px;
color:#CCCCCC;
margin: 0 auto;

}
.botom a{
text-decoration:none;
color:#CCCCCC;
line-height:35px;
padding: 0px 10px 0px 10px;
}
/*-----  Index Portfolio  -----*/
.banner{ width:932px; margin:0 auto; padding: 45px 0px 0px 0px;}
#index_portfolio { float: left; width:100%; margin:0; padding:0; border: 1px #CCCCCC solid; }
.itemidx { float: right; overflow: hidden; cursor: pointer; position: relative; height: 313px; }
.itemidx img { margin:0; padding:0; float:none; }
#index_portfolio .itemidx a { width: 100%; height: 313px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 313px; float: left; position: absolute; display: block; }
#index_portfolio .itemidx .caption { position: absolute; padding: 0; float: left; }
#index_portfolio .itemidx .caption h2 { font-weight: bold; }
#index_portfolio .itemidx .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }
/*FBG*/

#nav {
font-family: "Century Gothic";
	position:absolute;
	z-index:100;
	float:right;
	margin:0 auto;
	padding: 0px 0px 0px 375px;

}
#nav li {
	margin: 0 0px;
	float: left;
	position: relative;
	list-style: none;
	border-right:1px #4D4A44 solid;
}


/* main level link */
#nav a {

font-size:14px;
font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	padding:  0px 15px;
	margin: 0;
	/*text-shadow: 0 1px 1px rgba(0,0,0, .3);*/
}
#nav a:hover {

	color: #fff;
}

/* main level link hover */
#nav .current a {
	font-family:"Century Gothic";	
	font-size:14px;	
	color: #012B54;
	padding:  0px 15px 0px 15px;
	


}
#nav li:hover > a {
		
	font-size:14px;
	
	/*background: #0099FF url(../images/mouseup.png) repeat-x 0 -40px;*/
	background: #FFFFFF url(../images/nav-btn-selected2.gif)  repeat-x 0 bottom;
	color: #012B54;
	border-bottom: solid 2px #C03921;
	padding:  0px 15px 10px 15px;


}
/* new*/
#nav ul li a{
font-size:14px;
padding:  5px 15px 5px;
}
#nav ul li a:hover{
font-size:14px;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #FFFFFF;
	padding:  5px 15px 5px;
}
#nav ul a:hover {
	background: #FFFFFF url(../css/img/gradient.png) repeat-x 0 -100px  !important;
	color: #012B54 !important;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 200px;
	position: absolute;
	top: 27px;
	left: 0;
	background: #C03921 url(../images/drop.gif) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {

}

/* level 3+ list */
#nav ul ul {
	left: 200px;
	top: -3px;
}

/*rounded corners of first and last link */
#nav ul li:first-child > a {
}
#nav ul li:last-child > a {

}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}
/* contact-us*/
.contact-left{
float:left;
width:300px;
}
.contact-left a{
color:#C03921;

}
.contact-right{
float:right;
width:650px;
}