/* global font setting */
body{font:13px/1.231 Verdana,Arial,'Liberation Sans',FreeSans,sans-serif;}
h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:123.1%;}
h4{font-size:100%;}
h5{font-size:100%;}
h6{font-size:100%;}
p {font-size:108%;line-height:135%;}
select,input,button,textarea,button{font:99% Verdana,Arial,'Liberation Sans',FreeSans,sans-serif;}
table{font-size:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

/* base setting */
body {background:#000000 url(../ui/main_bg.png) repeat-x;color:#ffffff;}
a {text-decoration:none;color:#327ca8;}
a:hover {color:#5da8d4;}

/* details */
#header {width:940px;height:241px;overflow:hidden}
#maincontent {background:#000000 url(../ui/ui_contentbg.gif) repeat-y;min-height:650px;}
#maintop {background:url(../ui/ui_top.gif) top left no-repeat;padding-top:12px; overflow:hidden}

#topnav {overflow:hidden;background-image:url(../ui/nav_sliced.png);background-repeat:no-repeat;background-position:0 0;height:43px;margin-left:113px;margin-bottom:10px;padding-left:20px}
#topnav .hidden { display:none;} /* hide the txt */
#topnav a {height:43px;display:block; float:left;}
#topnav #What_we_do{width:82px;}
#topnav #Who_we_are{width:75px}
#topnav #Portfolio{ width:128px}
#topnav #Recent_Projects{width:123px}
#topnav #Press_Room{width:85px;}
#topnav #Media_Service{width:92px}
#topnav #Blog{width:74px;}
#topnav #Contact_Us{width:115px}
#topnav.What_we_do{background-position:0 -43px;}
#topnav.Who_we_are{background-position:0 -86px;}
#topnav.Portfolio{background-position:0 -129px;}
#topnav.Recent_Projects{background-position:0 -172px;}
#topnav.Press_Room{background-position:0 -215px;}
#topnav.Media_Service{background-position:0 -258px;}
#topnav.Blog{background-position:0 -301px;}
#topnav.Contact_Us{background-position:0 -344px;}

#breadcrumbs {font-size:80%;margin-top:20px;overflow:hidden;}
#breadcrumbs li {display:block; float:left}
#breadcrumbs a {padding:2px;padding-right:5px;}

.content {margin-top:50px;margin-right:30px;color:#cccdcd}
.content h2 {font-weight:normal;border-bottom:1px solid #666666;margin-top:30px;padding-left:5px;color:#ffffff}
.content h2 small {color:#327ca8;font-size:x-small;float:right;margin-top:7px;padding-right:5px;}
.content .meta {font-size:x-small;margin:0;color:#ffffff;padding-left:5px;}
.content .write {padding:0 55px 0 5px;}
.content ol {list-style:decimal;margin-left:40px;font-size:12px;}
.content ol ol {list-style:lower-alpha;margin-left:20px;}
.content ol ul {margin-left:20px;}
.content ul {list-style:disc;margin-left:40px;font-size:12px;}
.content ul ul {list-style:square;margin-left:20px;}
.content ol ul {margin-left:20px;}
.content li {margin:.6em 0;} 
.content p {margin:1.1em 0;font-size:100%;font-family:Verdana,Arial,'Liberation Sans',FreeSans,sans-serif;}
.content .category a,.content .category,.content .comments a,.content .comments{color:#a2cb5e;}
.content .category a:hover,.content .comments a:hover{color:#527716;}
.content address {margin-top:25px;font-style:normal;font-size:100%;}
.content .phone {white-space:nowrap;}
.content dt {margin-top:20px;margin-bottom:5px}
.content dd {margin-bottom:5px}
.content #projectlist h4 {background-color:#333333;padding:5px;margin-top:20px}
.content #projectlist ul {list-style:none;margin:0;background-color:#1B1B1B;padding:5px;}

#navigation {position:relative;top:10px;left:40px;z-index:5}
#navcontain {padding-left:2px;font-size:100%;}
#navigation #nav {position:absolute;top:0px; left:-38px;z-index:10;width:36px;height:100%;background-color:#000000;}/* background-image:url(../ui/lnav_slider.png);background-repeat:no-repeat;background-position:top right; */
#navigation .home {border-right:3px solid #666666;}
#navigation .whatwedo{border-right:3px solid #c43383;}
#navigation .whoweare{border-right:3px solid #4a26d2;}
#navigation .portfolio{border-right:3px solid #26adce;}
#navigation .recentprojects{border-right:3px solid #63c336;}
#navigation .pressroom {border-right:3px solid #c7cc3a;}
#navigation .mediaservice {border-right:3px solid #d96b27;}
#navigation .blog {border-right:3px solid #d22d26;}
#navigation .contactus {border-right:3px solid #d126b9;}

#sliding-nav{list-style:none;font-size:.75em;margin:30px 0;padding:0;}
#sliding-nav li h3,
#sliding-nav li a{display:block;width:180px;padding:5px 18px;margin:0;margin-bottom:5px;}
#sliding-nav li a span {display:block;color:#a2cb5e;}
#sliding-nav li h3{color:#fff;background:#333 url(../ui/lnav_hd_bg.jpg) repeat-y;font-weight:normal;}
#sliding-nav li a{color:#999;background:#222 url(../ui/lnav_tab_bg.jpg) repeat-y;border:1px solid #1a1a1a;text-decoration:none;}
#sliding-nav li a:hover {color:#ffff66;}

.form label {overflow:hidden;display:block;padding-bottom:5px;}
.form label span {width:100px;display:block;float:left;padding-right:10px;text-align:right}
.form select, .form input {width:300px;}
.form input.button{width:auto}
.form input.checkbox {width:auto;margin-left:85px;}
.form textarea {margin-left:20px;width:450px;height:150px;}

#footer {background:url(../ui/ui_sliced.gif) 0px -20px no-repeat;height:45px;padding-top:37px;}
#footer p {text-align:right;font-size:80%;padding-right:10px;}