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

#nav_a {
float: left;
width: 905px;
display:inline;
background:url(../images/nav_bg.jpg);
position:relative;
right:4px;
}

#nav_a li {
float: left;
list-style-type:none;
font-size: 100%;
}

#nav_a li a.home{
display: block;
margin:5px 0 0 0;
padding: 10px 25px 15px 8px;
color: #fff;
font-size:100%;
font-weight:bold;
background:url(../images/cofa-btn.png) no-repeat;
text-decoration:none;
}

#nav_a li a.home:hover{
display: block;
margin:5px 0 0 0;
padding: 10px 25px 15px 8px;
color: #999;
font-size:100%;
font-weight:bold;
background:url(../images/cofa-btn-hover.png) no-repeat;
}

#nav_a li a.style{
display: block;
margin:5px 0 0 0;
padding: 9px 25px 15px 10px;
color: #fff;
font-size:100%;
font-weight:bold;
background:url(../images/styles.png) no-repeat;
text-decoration:none;
}

#nav_a li a.style:hover{
display: block;
margin:5px 0 0 0;
padding: 9px 25px 15px 10px;
color: #999;
font-size:100%;
font-weight:bold;
background:url(../images/styles_hover.png) no-repeat;
text-decoration:none;
}

#nav_a li a.design{
display: block;
margin:5px 0 0 0;
padding: 9px 26px 15px 10px;
color: #fff;
font-size:100%;
font-weight:bold;
background:url(../images/design.png) no-repeat;
text-decoration:none;
}

#nav_a li a.design:hover{
display: block;
margin:5px 0 0 0;
padding: 9px 26px 15px 10px;
color: #999;
font-size:100%;
font-weight:bold;
background:url(../images/design_hover.png) no-repeat;
text-decoration:none;
}

#nav_a li a.market{
display: block;
margin:5px 0 0 0;
padding: 8px 29px 15px 10px;
color: #fff;
font-size:100%;
font-weight:bold;
background:url(../images/market.png) no-repeat;
text-decoration:none;
}

#nav_a li a.market:hover{
display: block;
margin:5px 0 0 0;
padding: 8px 29px 15px 10px;
color: #999;
font-size:100%;
font-weight:bold;
background:url(../images/market_hover.png) no-repeat;
text-decoration:none;
}

/* NAV TOP */

#nav2 {
float: left;
width: 550px;
margin:15px 0 0 120px;
display:inline;
color:#fff;
}

#nav2 li {
float: left;
list-style-type:none;
font-size: 13px;
}

#nav2 li a.home{
display: block;
padding: 7px 13px 6px 15px;
color: #DBE3EA;
font-size:12px;
background:url(../images/home-btn.png) no-repeat;
text-decoration:none;
}

#nav2 li a.home:hover { color:#999; }

#nav2 li a.team{
display: block;
padding: 7px 12px 6px 10px;
color: #DBE3EA;
font-size:12px;
background:url(../images/team.png) no-repeat;
text-decoration:none;
}

#nav2 li a.team:hover { color:#999; }

#nav2 li a.partner{
display: block;
padding: 7px 13px 6px 10px;
color: #DBE3EA;
font-size:12px;
background:url(../images/depart.png) no-repeat;
text-decoration:none;
}

#nav2 li a.partner:hover { color:#999; }

#nav2 li a.port{
display: block;
padding: 7px 10px 6px 11px;
color: #DBE3EA;
font-size:12px;
background:url(../images/port.png) no-repeat;
text-decoration:none;
}

#nav2 li a.port:hover { color:#999; }

#nav2 li a.serv{
display: block;
padding: 7px 15px 6px 14px;
color: #DBE3EA;
font-size:12px;
background:url(../images/port.png) no-repeat;
text-decoration:none;
}

#nav2 li a.serv:hover { color:#999; }

#nav2 li a.contact{
display: block;
padding: 7px 10px 6px 8px;
color: #DBE3EA;
font-size:12px;
background:url(../images/contact.png) no-repeat;
text-decoration:none;
}

#nav2 li a.contact:hover { color:#999; }


/* inner top nav */


/* NAV TOP */

#nav3 {
float: left;
width: 438px;
margin:65px 0 0 230px;
display:inline;
color:#fff;
}

#nav3 li {
float: left;
list-style-type:none;
font-size: 100%;
}

#nav3 li a.home{
display: block;
padding: 6px 10px 6px 12px;
color: #DBE3EA;
font-size:80%;
background:url(../images/home-btn.png) no-repeat;
text-decoration:none;
}

#nav3 li a.home:hover { text-decoration:underline; }

#nav3 li a.team{
display: block;
padding: 6px 10px 6px 7px;
color: #DBE3EA;
font-size:80%;
background:url(../images/team.png) no-repeat;
text-decoration:none;
}

#nav3 li a.team:hover { text-decoration:underline; }

#nav3 li a.port{
display: block;
padding: 6px 10px 6px 9px;
color: #DBE3EA;
font-size:80%;
background:url(../images/port.png) no-repeat;
text-decoration:none;
}

#nav3 li a.port:hover { text-decoration:underline; }

#nav3 li a.contact{
display: block;
padding: 6px 10px 6px 7px;
color: #DBE3EA;
font-size:80%;
background:url(../images/contact.png) no-repeat;
text-decoration:none;
}

#nav3 li a.contact:hover { text-decoration:underline; }


/* NAV TOP */

#nav4 {
float: left;
width: 540px;
margin:15px 0 0 137px;
display:inline;
color:#fff;
}

#nav4 li {
float: left;
list-style-type:none;
font-size: 100%;
}

#nav4 li a.home{
display: block;
padding: 6px 10px 6px 12px;
color: #DBE3EA;
font-size:80%;
background:url(../images/home-btn.png) no-repeat;
text-decoration:none;
}

#nav4 li a.home:hover { text-decoration:underline; }

#nav4 li a.team{
display: block;
padding: 6px 10px 6px 7px;
color: #DBE3EA;
font-size:80%;
background:url(../images/team.png) no-repeat;
text-decoration:none;
}

#nav4 li a.team:hover { text-decoration:underline; }

#nav4 li a.port{
display: block;
padding: 6px 10px 6px 9px;
color: #DBE3EA;
font-size:80%;
background:url(../images/port.png) no-repeat;
text-decoration:none;
}

#nav4 li a.port:hover { text-decoration:underline; }

#nav4 li a.serv{
display: block;
padding: 6px 13px 6px 11px;
color: #DBE3EA;
font-size:80%;
background:url(../images/port.png) no-repeat;
text-decoration:none;
}

#nav4 li a.serv:hover { text-decoration:underline; }

#nav4 li a.contact{
display: block;
padding: 6px 10px 6px 7px;
color: #DBE3EA;
font-size:80%;
background:url(../images/contact.png) no-repeat;
text-decoration:none;
}

#nav4 li a.contact:hover { text-decoration:underline; }


/* inner top nav */