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

/*/////////// HTML //////////*/

body {
	margin: 50px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #1f3875;
	
}

/*/////////// layout //////////*/

#container {
	margin: 0 auto;
	width: 980px;
	background-color: #FFF;
	
}


#header {
	width: 980px;
	height: 225px;
	background-image: url(../Images/header_bg.jpg);
	background-repeat: no-repeat;	
}

#sub_header {
	width: 980px;
	height: 245px;
	background-image: url(../Images/header_bg.jpg);
	background-repeat: no-repeat;	
}


#content {
	width: 980px;
	height:380px;
	background: #ffffff url(../Images/content_bg.jpg) no-repeat bottom;
	
}

#sub_content {
    margin: 20px auto;
	border-top: solid 1px #009ac7;
	width: 820px;
	height:250px;
		padding: 20px 0 0 30px; /* (top, right, bottom, left) */
	text-align:center;
	color:#1f3875;
	font-size:16px;
	
	
}

#team_content {
    margin: 20px auto;
	border-top: solid 1px #009ac7;
	width: 820px;
	height:380px;
	padding: 20px 0 0 0px; /* (top, right, bottom, left) */
	color:#1f3875;
	font-size:12px;
}

#contact_content {
    margin: 20px auto;
	border-top: solid 1px #009ac7;
	width: 820px;
	height:200px;
		padding: 20px 0 0 0px; /* (top, right, bottom, left) */
	color:#1f3875;
	font-size:12px;
}

#invest_content {
    margin: 20px auto;
	border-top: solid 1px #009ac7;
	width: 820px;
	height:360px;
	padding: 10px 0 0 0px; /* (top, right, bottom, left) */
	color:#1f3875;
	font-size:16px;
}

#blue{
float:left;
width:200px;
height:285px;
background-color:#2b5bad;
padding: 0px 0px 0px 0px;/* (top, right, bottom, left) */
}

#gray{
float:left;
width:605px;
height:285px;
background-color:#9d9fa2;
margin: 0px 0px 5px 10px;/* (top, right, bottom, left) */	
}

.invest_text1{
	margin: 20px 0px 5px 50px;/* (top, right, bottom, left) */
	font-size: 16px;
	color:#FFFFFF;
}

.invest_text2{
	margin: 20px 0px 5px 50px;/* (top, right, bottom, left) */
	font-size: 16px;
	color:#FFFFFF;
}

.invest_text3{
	margin: 20px 0px 5px 50px;/* (top, right, bottom, left) */
	font-size: 16px;
	color:#FFFFFF;
}

.invest_text4{
	margin: 37px 0px 5px 50px;/* (top, right, bottom, left) */
	font-size: 16px;
	color:#FFFFFF;
}

.invest_text5{
	margin: 55px 0px 5px 50px;/* (top, right, bottom, left) */
	font-size: 16px;
	color:#FFFFFF;
}


.gray_text{
	margin: 20px 0px 5px 10px;/* (top, right, bottom, left) */
	font-size: 16px;
	color:#FFFFFF;
}


#port_content {
	margin: 20px auto;
	border-top: solid 1px #009ac7;
	width: 820px;
	height:380px;
	padding: 10px 0 0 0px; /* (top, right, bottom, left) */
	color:#1f3875;
	font-size:16px;
	text-align: center;
	overflow:auto;
}

#port_logo {
float:left;
width:335px;
height:215px;
font-size:12px;
}

#port_image {
float:right;
width:450px;
height:155px;
text-align:right;
}

#port_image img{
margin: 0px 0px 15px 8px;/* (top, right, bottom, left) */
}

#footer {
	width: 980px;
	height:25px;
	background-color: #1f3875;
	text-align:left;
	color:#FFFFFF;
	font-size:16px;
	padding-top:5px;
    border-bottom: solid 1px #ffffff;
}


#home_slogan {
	width: 560px;
	height:25px;
	margin: 60px 0px 5px 200px;/* (top, right, bottom, left) */	
	padding: 5px 0 0 30px; /* (top, right, bottom, left) */
	font-size: 16px;
	color: #009ac7;
	border-top: solid 1px #009ac7;
	border-bottom: solid 1px #009ac7;
background: #ffffff url(../Images/slogan.jpg) no-repeat;
}

#sub_slogan {
	width: 820px;
	height:20px;
	margin: 0px 0px 30px 80px;/* (top, right, bottom, left) */	
	padding: 5px 0 0 0px; /* (top, right, bottom, left) */
	font-size: 16px;
	color: #009ac7;
	border-top: solid 1px #009ac7;
	border-bottom: solid 1px #009ac7;
background: #ffffff url(../Images/sub_slogan.jpg) no-repeat;
}


#team_left {
float:left;
width:400px;
}

#team_right {
float:right;
width:400px;
text-align:right;
}

/*/////////// Menus //////////*/


#home_menu {
	width: 710px;
	height:20px;
	margin: 10px 0px 5px 150px;/* (top, right, bottom, left) */	
	padding: 5px 0 0 10px; /* (top, right, bottom, left) */
	font-size: 16px;
	color: #009ac7;
	border-top: solid 1px #009ac7;
	border-bottom: solid 1px #009ac7;
}

#sub_nav {
float:left;
width:250px;
margin: 110px 0px 0px 0px;/* (top, right, bottom, left) */	

}

#sub_nav li {
width:250px;
	list-style-type: none;
	padding:0px 0 2px 0px; /* (top, right, bottom, left) */
	margin:0px;
	font-size: 15px;
	color: #009ac7;
}

#sub_nav li a {
width:250px;
	padding:0px 0 2px 30px; /* (top, right, bottom, left) */
	margin:0px;
	font-size: 15px;
	color: #009ac7;
}

#sub_nav li a:hover {
width:250px;
	padding:0px 0 2px 30px; /* (top, right, bottom, left) */
	margin:0px;
	font-size: 15px;
	color: #1f3875;
	background: url(../Images/arrow.jpg) left no-repeat;
}

#sub_nav li a:hover {
width:250px;
	padding:0px 0 2px 30px; /* (top, right, bottom, left) */
	margin:0px;
	font-size: 15px;
	color: #1f3875;
	background: url(../Images/arrow.jpg) left no-repeat;
}

.active {
width:250px;
	padding:0px 0 2px 30px; /* (top, right, bottom, left) */
	margin:0px;
	font-size: 15px;
	color: #1f3875;
	background: url(../Images/arrow.jpg) left no-repeat;
}

a:link {
	color: #009ac7;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #009ac7;
}
a:hover {
	text-decoration: none;
	color: #1f3875;
}
a:active {
	text-decoration: none;
}

.fix {
clear:both;
}

.address {
width:250px;
margin: 50px 0px 0px 280px;/* (top, right, bottom, left) */
text-align:center;
}

.fix2 {
clear:both;
border-bottom: solid 1px #009ac7;
width: 820px;
	margin: 10px 0px 0px 0px;/* (top, right, bottom, left) */
}