body { margin: 0px; }
#portfolio-wrapper { margin: 0px auto; width: 853px; margin-top: 20px; font-family: segoe, "segoe", "segoe ui", verdana, arial, sans-serif;font-size: small;}

#breadcrumb {display: none;}

#portfolio-subnav { display: block; clear: both; width: 100%; height: 40px; background: url(../images/portfolio/bg-portfolio-nav.gif) no-repeat 0 30px;}
#portfolio-subnav ul { float: right; padding-top: 9px; margin-right: 10px; height: 31px; }
#portfolio-subnav li { display: block; float: left; height: 31px; padding: 0 5px 0 5px; }
#portfolio-subnav li a { display: block; float: left; height: 31px; color: #575f64; text-decoration: none; text-transform:uppercase; }
#portfolio-subnav li a.active { background: url(../images/portfolio/bg-portfolio-nav-active.gif) no-repeat center 21px; }

#pagecontent {display: block; clear: both; width: 908px; height:570px; margin: 0; padding: 0; background: url(../images/portfolio/bg-portfolio.gif) #fff no-repeat 0 0; border: solid 1px #adacac; border-top: solid 1px #b3b9bc; }

#pagebody-portfolio { display: block; clear: both; width: 908px; height:570px; background-color: transparent; border: none; }

#portfolio-content { display: block; float: left; width: 853px; height: 520px; background-color: #3f494f; color: #ffffff; border: none; margin: 0; text-align: left;}


/*.development a { border-bottom: #ffffff 1px dotted; color: #ffffff; text-decoration: none }
.design a { border-bottom: #ffffff 1px dotted; color: #ffffff; text-decoration: none }
.management a { border-bottom: #ffffff 1px dotted; color: #ffffff; text-decoration: none }

#about_left p a { border-bottom: #ffffff 1px dotted; color: #ffffff; text-decoration: none }
#project-info .list a { border-bottom: #ffffff 1px dotted; color: #ffffff; text-decoration: none }
.development a:hover { border-bottom: #ebca28 1px dotted; color: #ebca28 }
.design a:hover { border-bottom: #ebca28 1px dotted; color: #ebca28 }
.management a:hover { border-bottom: #ebca28 1px dotted; color: #ebca28 }
#about_left p a:hover { border-bottom: #ebca28 1px dotted; color: #ebca28 }

#project-info .list a:hover { border-bottom: #ebca28 1px dotted; color: #ebca28 }
#portfolio-content_right { width: 6px; background: url(../images/portfolio2/content_right_bg.jpg) no-repeat; float: left; height: 295px }
#portfolio-content_right_work { width: 6px; background: url(../images/portfolio2/work_right_bg.jpg) no-repeat; float: left; height: 295px }
#portfolio-content_right_about { width: 6px; background: url(../images/portfolio2/about_right_bg.jpg) no-repeat; float: left; height: 295px }

#container_index { margin: 0px auto; width: 853px; background: url(../images/portfolio2/container_bg_index.jpg) no-repeat  }
#top_index { width: 853px; height: 94px }
#index_head_middle { margin: 0px 0px 0px 517px; width: 217px; background: url(../images/portfolio2/index_head_middle.jpg) no-repeat; height: 13px }

#portfolio-content .design_top { padding-bottom: 0px; margin: 28px 0px 12px; padding-left: 33px; width: 227px; padding-right: 23px; padding-top: 0px }
#portfolio-content .design_top h3 { margin: 0px; width: 154px; background: url(../images/portfolio2/info_title_1.jpg) no-repeat; height: 12px }
#portfolio-content .development_top { padding-bottom: 0px; margin: 28px 0px 12px; padding-left: 22px; width: 227px; padding-right: 23px; padding-top: 0px }
#portfolio-content .development_top h3 { margin: 0px; width: 127px; background: url(../images/portfolio2/info_title_2.jpg) no-repeat; height: 11px }
#portfolio-content .management_top { padding-bottom: 0px; margin: 28px 0px 12px; padding-left: 22px; width: 227px; padding-right: 34px; padding-top: 0px }
#portfolio-content .management_top h3 { margin: 0px; width: 127px; background: url(../images/portfolio2/info_title_3.jpg) no-repeat; height: 11px }
#portfolio-content .title { padding-bottom: 7px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
#portfolio-content .border { padding-bottom: 0px; padding-left: 0px; padding-right: 10px; border-right: #c3c3c3 1px solid; padding-top: 0px }
#portfolio-content .design { padding-bottom: 0px; margin: 0px 0px 28px; padding-left: 33px; width: 227px; padding-right: 23px; border-right: #c3c3c3 1px solid; padding-top: 0px }
#portfolio-content .development { padding-bottom: 0px; margin: 0px 0px 28px; padding-left: 22px; width: 227px; padding-right: 23px; border-right: #c3c3c3 1px solid; padding-top: 0px }
#portfolio-content .management { padding-bottom: 0px; margin: 0px 0px 28px; padding-left: 22px; width: 227px; padding-right: 34px; padding-top: 0px }
#portfolio-content .design2 { padding-bottom: 0px; margin: 0px 0px 28px; padding-left: 33px; width: 227px; padding-right: 23px; padding-top: 0px }
#portfolio-content .development2 { padding-bottom: 0px; margin: 0px 0px 28px; padding-left: 22px; width: 227px; padding-right: 23px; padding-top: 0px }*/

#portfolio-content h4 { padding-bottom: 0px; line-height: 22px; text-transform: uppercase; margin: -5px 0px 0px; padding-left: 0px; padding-right: 0px; color: #ffffff; font-size: 18px; font-weight: normal; padding-top: 0px }
#portfolio-content h4 a { border-bottom: 0px; color: #ffffff; text-decoration: none }
#portfolio-content h4 a:hover { border-bottom: 0px; color: #cdcdcd; text-decoration: none }
#portfolio-content p { line-height: 1.5em; margin: 10px 0px 0px; font-family: "lucida grande", geneva, arial, helvetica, sans-serif; color: #d0d0d0; font-size: 1em }
#portfolio-content p b { color: #ffffff }

#portfolio_container { position: relative }

#work { margin: 0px 30px; width: 786px; height: 520px; overflow: hidden }
#project_title_design { padding-bottom: 10px; margin: 0px; padding-left: 0px; padding-right: 0px; background: url(../images/portfolio/project_title_design.jpg) no-repeat 0px 33px; padding-top: 33px }
#work h4 { padding-bottom: 12px; padding-left: 0px; padding-right: 0px; font-family: "lucida grande", helvetica, geneva, arial, sans-serif; font-weight: normal; padding-top: 0px }
#work_date { padding-bottom: 10px; text-transform: uppercase; padding-left: 0px; padding-right: 0px; float: right; color: #c2c2c2; padding-top: 33px }

/* PROJECT IMAGE */
#work_image { margin: 35px 0px 10px; width: 780px; height: 370px; overflow: hidden; border: solid 3px #909297; }
#work_image img{ width: 780px; height: 370px;}

/* PROJECT INFO */
#work_info { margin: 0px; width: 630px; height: 75px; overflow: hidden; float: left; color: #d0d0d0; }
#work_info p { padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
#work_info .list { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; color: #fff; padding-top: 0px }
#work_info span { color: #ebca28; font-weight: bold; }
#work_info a { color: #fff; }
#work_info a:hover { color: #ebca28 }

/* PROJECTS */
#work1, #work2, #work3, #work4, #work5, #work6, #work7, #work8, .work_div { margin: 0px 38px 0px 0px; width: 766px }

#work_nav { z-index: 3000; position: absolute; padding: 20px 20px 0 20px; width: 99px; height: 70px; background: #3f494f; top: 425px;  left: 685px;}

#work_nav ul { padding: 0; list-style-type: none; margin: 0px; list-style-image: none; }
#work_nav ul li { padding: 0; margin: 0px; float: left; }
#work_nav ul .left a { display: block; padding: 0; margin: 5px 11px 0px 0px; width: 38px; height: 38px; background: url(../images/portfolio/project-nav-left.jpg) no-repeat 0px 0px; }
#work_nav ul .left a:hover { background: url(../images/portfolio/project-nav-left.jpg) no-repeat 0px -38px    }
#work_nav ul .left a:active { background: url(../images/portfolio/project-nav-left.jpg) no-repeat 0px -76px    }
#work_nav ul .sep { width: 1px; background: #818a90; height: 50px }
#work_nav ul .right a { display: block; padding: 0; margin: 5px 0px 0px 11px; width: 38px; height: 38px; background: url(../images/portfolio/project-nav-right.jpg) no-repeat 0px 0px;  }
#work_nav ul .right a:hover { background: url(../images/portfolio/project-nav-right.jpg) no-repeat 0px -38px    }
#work_nav ul .right a:active { background: url(../images/portfolio/project-nav-right.jpg) no-repeat 0px -76px    }


/*#portfolio-content_footer { padding-bottom: 14px; margin: 10px 0px 20px; padding-left: 29px; padding-right: 29px; font-family: arial, verdana, sans-serif; padding-top: 14px }
#portfolio-content_footer a { color: #414141; text-decoration: none }
#portfolio-content_footer a:hover { border-bottom: #414141 1px dotted; color: #1a1a1a }
#portfolio-content_footer_left { width: 50%; float: left; color: #414141; font-size: 14px }
#portfolio-content_footer_right { text-align: right; text-transform: uppercase; width: 50%; float: right; color: #777777; font-size: 12px }
#portfolio-content_footer_right span { color: #414141 }*/

.center { text-align: center }
.clear { clear: both }
.left { float: left }
.right { float: right }
.active { display: block }
.disable { display: none }
.title_image { z-index: 99999; text-indent: -2000em; display: block; font-size: 6px }
a img { border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px }
a { outline-style: none; outline-color: invert; outline-width: 0px }*/