/*  

Theme Name: 
Theme URI: http://
Description: 
Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com

*/

/* PRESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol {list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }



/* LAYOUT */
.clear { clear: both; }

/* TYPE */
body { font: 75%/170% Arial, Verdana, sans-serif; background-color: #677f77; color: #000; line-height:1.55em; }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; } 
.tstyle-1 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; } 
.page-title { font: bold 18px Arial, Helvetica, sans-serif; color: #677f77; font-variant:small-caps; line-height:1.75em; }
.sub-title { font: bold 12px Arial, Helvetica, sans-serif; color: #000; line-height:3em; }
.em-title { font: bold 14px Arial, Helvetica, sans-serif; color: #06654b; line-height:1.75em; }
.p-title { font: bold 13px Arial, Helvetica, sans-serif; color: #000; line-height:1.25em;  }
.bp-title { font: bold 12px Arial, Helvetica, sans-serif; color: #000; line-height:1.5em;  }
.c-title { font:bold 15px Arial, Helvetica, sans-serif; color: #06654b; line-height:2em; }
.cs-title { font: bold 12px Arial, Helvetica, sans-serif; color: #79817f; line-height:1.75em; }
.adr-text { font: bold 12px Arial, Helvetica, sans-serif; color: #000; line-height:1.75em; }
.dis-text {font: 70%/170% Arial, Helvetica, sans-serif; line-height:1.25em; }
.disc-title {font: bold 10px Arial, Helvetica, sans-serif; line-height:1.25em; }



p { font: 100%/170% Arial, Verdana, sans-serif; color: #000; line-height:1.6em; }

a { color:#077557; text-decoration:none; cursor:pointer; font-weight:bold; }

a:hover { color:#5aad8e; text-decoration:none; font-weight:bold; }

a:visited { text-decoration:none; }


/* container */
#container { width:900px; height:auto; position:relative; margin:auto; } 

/* header */

#header { width: 900px; height: auto; margin: 25px 0 0 0; position: relative; }
#logo a { background:url(../images/logo.jpg) no-repeat; width:284px; height:140px; position:absolute; float:left; text-indent: -900em; overflow:hidden; left:0;}
#logo.home a { cursor: default !important; }
#header-img { background:url(../images/header_img.jpg) no-repeat; width:616px; height:140px; position:relative; float:right;  }

/* navigation */
#navigation { width: 900px; height: 25px; position: relative; }
#navigation #nav { margin: 0; padding: 0; }
#navigation #nav li { display: inline;  }
#navigation #nav li a { background:url(../images/menu.jpg) no-repeat; float: left; height: 25px; overflow: hidden;  }


/* buttons */
#navigation #nav li#nav-home a { background-position: 0 0; width:72px; height:25px; }
#navigation #nav li#nav-profile a { background-position: -72px 0; width:162px; height:25px; }
#navigation #nav li#nav-investment a { background-position: -234px 0; width:188px; height:25px; }
#navigation #nav li#nav-portfolio a { background-position: -422px 0; width:204px; height:25px; }
#navigation #nav li#nav-team a { background-position: -626px 0; width:101px; height:25px; }
#navigation #nav li#nav-news a { background-position: -727px 0; width:72px; height:25px; }
#navigation #nav li#nav-contact a { background-position: -799px 0; width:101px; height:25px; }

/* OVER STATES */
#navigation #nav li#nav-home a:hover { background-position: 0 -25px; width:72px; height:25px; }
#navigation #nav li#nav-profile a:hover { background-position: -72px -25px; width:162px; height:25px; }
#navigation #nav li#nav-investment a:hover { background-position: -234px -25px; width:188px; height:25px; }
#navigation #nav li#nav-portfolio a:hover { background-position: -422px -25px;  width:204px; height:25px; }
#navigation #nav li#nav-team a:hover { background-position: -626px -25px; width:101px; height:25px; }
#navigation #nav li#nav-news a:hover { background-position: -727px -25px; width:72px; height:25px; }
#navigation #nav li#nav-contact a:hover { background-position: -799px -25px; width:101px; height:25px;  }

/* ON STATES */
#navigation.home #nav li#nav-home a { background-position: 0 -50px; width:72px; height:25px; cursor: default !important; }
#navigation.profile #nav li#nav-profile a { background-position: -72px -50px; width:162px; height:25px; cursor: default !important; }
#navigation.investment #nav li#nav-investment a { background-position: -234px -50px; width:188px; height:25px; cursor: default !important; }
#navigation.portfolio #nav li#nav-portfolio a { background-position: -422px -50px; width:204px; height:25px; cursor: default !important; }
#navigation.team #nav li#nav-team a { background-position: -626px -50px; width:101px; height:25px; cursor: default !important; }
#navigation.news #nav li#nav-news a { background-position: -727px -50px; width:72px; height:25px; cursor: default !important; }
#navigation.contact #nav li#nav-contact a { background-position: -799px -50px; width:101px; height:25px; cursor: default !important; }


/* IS-menu */

#menu { width: 230px; height: auto; position: relative; padding: 20px 0 25px 0; border-top: 1px solid #bac0be; border-bottom: 1px solid #bac0be; }
#menu #IS-menu li { display: block; margin-left:-8px; }
#menu #IS-menu li.current a {  color:#bac0be; cursor:default !important; }
#menu #IS-menu li a { font: bold 13px Arial, Helvetica, sans-serif; line-height:1.95em; }
.btn { float:left; width:25px; height:25px; bottom:3px;   position:relative;}
#menu #sub-menu { padding-bottom: 5px; }
#menu #sub-menu li { display: block;  }
#menu #sub-menu li a { font: 11px Arial, Helvetica, sans-serif; line-height:1.75em; margin-left:18px; }
#menu #sub-menu li.current a {color:#bac0be; cursor:default !important; }
.pf-title { font: bold 14px Arial, Helvetica, sans-serif; color: #677f77; line-height:1em; padding:15px 0 0 0;  }


/* tm-menu */

#tm-menu { width:220px; height:auto; position: relative; padding: 20px 0 25px 0; border-top: 1px solid #bac0be; border-bottom: 1px solid #bac0be;  }
#tm-menu a { font: bold 12px Arial, Helvetica, sans-serif; line-height:1.25em; }
.tm-title { font: bold 12px Arial, Helvetica, sans-serif; line-height:1.25em;  }
.t-title { font: bold 14px Arial, Helvetica, sans-serif; color: #677f77; line-height:1.5em; padding:15px 0 0 0;  }
.lf-sp { width:220px; height:45px; position:relative; }

#bp-list { width: 385px; height: auto; position: relative; padding: 20px 0 25px 0; }
#bp-list li {display:block; font: 11px Arial, Helvetica, sans-serif; line-height:1.5em; color: #000; margin-left:-8px; margin-bottom:15px; }
.bp-btn { float:left; width:25px; height:25px; bottom:8px;   position:relative;}

#reservice-list { width: 520px; height: auto; position: relative; padding: 10px 0 5px 0; }
#reservice-list li {display:block; font: 11px Arial, Helvetica, sans-serif; line-height:1.45em; color: #000; margin-left:-8px; margin-bottom:10px; }
.bp-btn2 { float:left; width:25px; height:45px; bottom:8px;   position:relative;}


/* content */

#content { width: 900px; height: auto; margin: 0 0; position: relative; }
#flash-content { background-color:#eff7f9; width:424px; height:445px; position:relative; float:left; }
#home-content { background-color:#eff7f9; width:476px; height:445px; position:relative; float:right; }
#main-content { background-color:#eff7f9; width:900px; height:auto; position:relative; margin:0 0; }

#intro { width: 262px; height:auto; padding: 25px 0 0 144px; text-align:justify; }
#intro-img { background:url(../images/welcome_img.jpg) no-repeat; width:395px; height:30px; position:relative; margin: 65px 0 0 20px;  }
#main-text { width: 520px; height:auto; padding: 25px 0 75px 70px; text-align:justify; float:left; }
#main-text2 { width: 520px; height:auto; padding: 25px 0 5px 70px; text-align:justify; float:left; }
#is-img a { background:url(../images/is-img.jpg) no-repeat; bottom:-1px; width:476px; height:62px; position:absolute; text-indent: -900em; }
#is-img a:hover { background:url(../images/is-img_hover.jpg) no-repeat; }


#privacy-text { width: 700px; height:auto; padding: 25px 0 100px 100px; text-align:justify; float:left; font-size: 11px; }


#pr-column { width: 185px; height:auto; float:right; padding: 81px 100px 0 8px; position:relative;   } 
#img-01 { background:url(../images/invest-img2.jpg) no-repeat; width:185px; height:265px; position:relative; padding-bottom: 6px; }
#img-02 { background:url(../images/invest-img1.jpg) no-repeat; width:185px; height:265px; position:relative; padding-bottom: 6px;}
#img-03 { background:url(../images/invest-img3.jpg) no-repeat; width:185px; height:265px; position:relative; padding-bottom: 6px;}
#img-04 { background:url(../images/profile-img1.jpg) no-repeat; width:185px; height:265px; position:relative; padding-bottom: 6px;}

#inv-column { width: 180px; height:auto; float:right; padding: 159px 105px 0 8px; position:relative; overflow:hidden;  } 
#inv-img-01 { background:url(../images/profile-img3.jpg) no-repeat; width:185px; height:265px; position:relative; padding-bottom: 6px;}
#inv-img-02 { background:url(../images/profile-img2.jpg) no-repeat; width:185px; height:265px; position:relative; padding-bottom: 6px;}



#rg-column { width: 400px; height:auto; padding: 25px 180px 45px 0; text-align:justify; float:right; position:relative; overflow:hidden; }
#i-img { background:url(../images/investment_chart.jpg) no-repeat; width:400px; height:335px; text-indent: -900em; }

#lf-column { width:220px; height:auto; padding: 85px 50px 0 50px ; float:left; position:relative; overflow:hidden; }
#IS-column { width: 520px; height:auto; padding: 25px 60px 75px 0; text-align:justify; float:right; position:relative; overflow:hidden; }

.project-thumb {width:285px; height:169px; float:left; position:relative; }
.project-info { width:225px; height:auto; float:right; position:relative; margin-left: 10px;  }
#project { width:520px; height:200px; margin-bottom:10px; overflow:hidden; }
#bp-project { width:520px; height:260px; margin-bottom:10px; overflow:hidden; }
.bp-plan { float:left; font: bold 14px Arial, Helvetica, sans-serif; line-height:1.5em; width:285px; height:20px; margin-top:10px; text-align:center; overflow:hidden; }
.divider { border-bottom: 1px solid #bac0be; width:520px; margin: 0 0 35px 0;  }
.bp-divider { border-bottom: 1px solid #bac0be; width:520px; margin: 0 0 45px 0;  }

#bp-project2 { width:520px; height:auto; margin-bottom:10px; overflow:hidden; }
.project-info2 { width:225px; height:auto; float:left; position:relative; margin-left: 10px;  }
.project-thumb2 {width:385px; height:228px; float:left; position:relative; }
.bp-text { width:385px; height:auto; margin: 25px 0 25px 0; }


.team-img {width:110px; height:165px; float:left; padding: 0 10px 10px 0; }
.tm-divider { border-bottom: 1px solid #bac0be; width:400px; margin: 45px 0 50px 0;  }
.tm-divider2 { border-bottom: 1px solid #bac0be; width:400px; margin: 10px 0 50px 0;  }
#gotop a { background:url(../images/btop-img.jpg) no-repeat; display:block; position:fixed; z-index:9999; text-indent:-9999px; width:100px; height:25px; float:right; margin-top:85px; overflow:hidden; right:80px;
bottom:5px; }
* html #gotop a { display:none; }

#map-img { width:400px; height:350px; position:relative; margin: 25px 0 15px 0; }
.sp { font: bold 12px Arial, Helvetica, sans-serif; color: #79817f; line-height:1.75em; margin-bottom: 25px; }






/* footer */

#footer { background-color: #42554f; width: 900px; height: 25px; position: relative;  }
#fn-1 { font: 9px Arial, Helvetica, sans-serif; color:#81908b; width:200px; height:25px; float:left; left:10px; position:relative; line-height: 2.75em; }
#fn-2 { clear:right;} 
#fn-2 a { font: 9px Arial, Helvetica, sans-serif; color:#81908b; width:100px; height:25px; float:right; right:10px; position:relative; line-height: 2.75em; text-align:right; }
#fn-2 a:hover { color:#a3bfae;} 

#fn-3 { font: 9px Arial, Helvetica, sans-serif; color:#42554f; width:200px; height:25px; float:left; left:10px; position:relative; line-height: 2.75em; }
#fn-3 a { color:#42554f; }
#fn-3 a:hover { color:#a3bfae;}