html, body { border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; font-size:12px; overflow:hidden;}
body { background: #fff; font-family: Arial, Helvetica, sans-serif; min-width:1000px; color:#666 }
::selection { color: #fff;  background: #d96766; }
::-moz-selection { color: #fff;  background: #d96766; }
table, img, form { border: 0; margin: 0; padding: 0; font-size: 1em; outline: none; }
* { outline: none; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
table th, table td { padding: 0; vertical-align: top; text-align: left; }
form * { font-size: 1em; }
input, textarea, select, button, pre { font-family: Arial; }
textarea, button { font-size: 100%; margin: 0; }
textarea { resize: none; }
pre { font-size: 80%; font-family: 'Courier New', monospace; }
ins, del { display: block; text-decoration: none; }
p { padding: 0; margin: 0; }
hr { display: block; height: 1px; line-height: 1px; font-size: 1px; margin: 0; border: 0; background-color: #b67624; color: #b67624; }
h1 { font-size: 200%; margin: 0; padding: 0; font-weight: normal; }
h2 { font-size: 150%; margin: 0; padding: 0; font-weight: normal; }
h3 { margin: 0; padding: 0; font-weight: bold; font-size: 100%; }
a { color: #666; -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear;}
a:hover { color: #d96766;  }
a:active, li:active {  outline: none; }
.bold { font-weight: bold; }
.center { text-align: center; }
.with-clear { height: 1%; position: relative; }
html>body .with-clear { height: auto; }
html>body .with-clear:after { content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;  }
.wrapper { display:block; width:1000px; margin:0 auto; }
ol, ul, li, dl, dt, dd { list-style-type: none; display: block; margin: 0; padding: 0; font-size: 100%; }
.middle { margin-top: .5em; margin-bottom: .5em; }
.right{float:right}
.hidden { display: none; }
.clear { display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden; }
/*cc6666*/
.mainmenuBack{display:block; position:fixed; z-index:15000; width:230px; height:100%; background:#FFF; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }

.mainmenu{ display:block; position:fixed; z-index:16000; top:25px; left:25px; width:168px; font-size:12px;}
#logo{ cursor:pointer;}
.assets{display:block; margin-top:35px; height:15px; text-align:right; font-size:11px; cursor:default; color:#d96766;}
.assets a{color:#666; text-decoration:none; text-transform:uppercase;}
.assets a:hover{color:#d96766; }
ul.menu{display:block; margin-top:5px;}
ul.menu li{display:block; width:100%; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; position:relative; }
ul.menu li a{display:block; padding:10px 0; color:#666; font-weight:700; text-decoration:none;}
ul.menu li a:hover{color:#d96766; }
ul.menu li:hover, ul.menu li.enabled{color:#d96766; outline: none; border-bottom:1px solid #d96766; border-top:1px solid #d96766;  z-index:10!important;}
ul.menu li.enabled a.menuitem, ul.menu li.enabled:hover,.submenu a.enabled{color:#d96766; cursor:default;outline: none;}

#ProfileMenu{z-index:1 }
#ApproachMenu{z-index:2; top:-1px; }
#ServicesMenu{z-index:3; top:-2px; }
#ClientsMenu{z-index:4; top:-3px; }
#PeopleMenu{z-index:5; top:-4px; }
#ContactMenu{z-index:6; top:-5px; }
#ProjectsMenu{z-index:7; top:-6px;}

ul.menu li .submenu{display:block; position: relative; overflow:hidden; width:168px; height:298x}
ul.menu li .submenu .scrollCont{display:block; overflow:hidden; width:100%; height:261px; margin-bottom:4px; border-top:1px solid #e1e1e1; }
ul.menu li .submenu a{display:block; width:100%; padding:8px 0; border-bottom:1px dotted #ccc; font-size:11px; line-height:13px; font-weight:100; line-height:16px; }
ul.menu li .submenu a:hover{background-position:0 -272px;}

#ProjectsMenu a.menuitem{position:relative;z-index:2;width: 100px; }
#ProjectsMenu #proj_pagin{position:absolute; top:0; right:0;}
#ProjectsMenu #proj_pagin .num{display: block;float:left;margin-top:11px; padding:0; color: #666;text-decoration: none; margin-left:5px; font-size:11px; font-weight:100  }
#ProjectsMenu #proj_pagin .num:hover,#ProjectsMenu #proj_pagin .num.selected{color:#d96766;}

a.locked{display:block; background:url(../images/site_layout/navigation.png) no-repeat right -169px; padding-right:10px; font-size:11px}
a.locked:hover{background-position:right -184px;}
span.unlocked{display:block; width:10px; height:12px; background:url(../images/site_layout/navigation.png) no-repeat right -199px; font-size:11px; float:right; margin-left:7px;}


a.lockedIcon{display:block; background:url(../images/site_layout/navigation.png) no-repeat right -185px; width:10px; height:10px; margin-top:1px;}
a.lockedIcon:hover{background-position:right -215px;}

.mainContent{display:block; position:fixed; top:25px; left:250px; width:2950px; background:#FFF;}
.contSection{display:block;position:relative; overflow:hidden;}
.contSection .block{display:block; float:left; padding:6px 0; margin-right:65px; background:#FFF; cursor:pointer; position:relative; }
.contSection .block .textcont{ display:block; overflow:hidden; width:100%; height:390px; margin-top:53px;}
.contSection .block .textcont.list{margin-top:51px; height:392px;}
.contSection .block.info{ width:330px; height:490px; border-top:1px solid #d96766; border-bottom:1px solid #d96766;}
.contSection .block.info .textcont{ width:330px; line-height:17px; }
.contSection .block.info.map, .contSection .block.info.map .textcont{ width:515px; }
.contSection .block.project{ width:515px; height:418px;  position:relative;  margin-right:30px; padding-top:0; }
.contSection .block.project .textcont{position:absolute; display:block; top:0; left:0; z-index:350; width:515px; height:360px; background:transparent url(../images/site_layout/trans_project.png) repeat; margin:0;  }
.contSection .block.project .prjtxt{line-height: 17px; display:block; width:485px; height:340px; margin:15px; margin-bottom:0; color:#666}
.contSection .block.project .projectTile{display:block; padding-bottom:10px; border-bottom:1px solid #d96766; }
.contSection .block.project .projectSubTile{display:block; height:12px; }
.scrollBarcontainer{display:block; width: 100%;	height: 350px; overflow: auto;}
.clearSection, .clearSectionFirst{display:block; width:100%; height:20px; clear:both;}
.clearSectionFirst{height:15px;}
.peopleDescItem{display:block; margin-top:5px; -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear; }
.peopleDescItem span{color:#666;}
.peopleDescItem.opened{color:#d96766;}
.peopleDesc{display:block;width:inherit;margin-bottom:5px; }
.imgProfile{display:block; margin:5px 0;}
.downloadFile{display:block; width:16px; height:12px; background:url(../images/site_layout/navigation.png) no-repeat 0 -140px;  margin-left:4px;}
.downloadFile:hover{background-position:0 -155px;}
.showInfo{display:block; width:14px; height:14px; background:url(../images/site_layout/navigation.png) no-repeat 0 -380px;}
.showInfo:hover{background-position:0 -400px;}
.showInfo.selected{background-position:0 -420px;}
.showInfo.selected:hover{background-position:0 -440px;}
.peopleDesc .downloadFile{margin:5px 0;}
.contSection .block.moreprojects{ width:515px; height:564px; border-top:1px solid #d96766; border-bottom:1px solid #d96766;}
.contSection .block.moreprojects .textcont{ width:515px; height:464px;}
.moreprojectsList li, .moreprojects .peopleDescItem{ display:block; }
.peopleDescItem.disabled:hover{color:#666; cursor:default }
.moreprojects .peopleDesc{margin-top:5px; margin-bottom:15px; }

.sectionTitle{font-weight:700; }
.sectionTitle, .projectTile{font-family: Arial; font-size:12px; }
.arrowCont{ display:block; width:100%; margin-top:20px; }

.leftArrow{display:block; cursor:pointer; width:7px; height:11px;  background:url(../images/site_layout/navigation.png) no-repeat; background-position:0 -60px; float:left }
.leftArrow:hover{background-position:right -60px;}

.rightArrow{display:block; cursor:pointer; width:7px; height:11px;  background:url(../images/site_layout/navigation.png) no-repeat; background-position:0 -75px; float:right }
.rightArrow:hover{background-position:right -75px;}

.contSection .block.project .lockedIcon{ margin-top:2px}
.contSection .block.project .leftArrow, .contSection .block.project .rightArrow{ margin-top:4px}

.contSection .block.moreprojects .leftArrow, .contSection .block.moreprojects .rightArrow{ margin-top:2px}

.slideshow { position:relative; width:515px; height:360px; margin-bottom:10px; }
.slideshow div { position:absolute; display:block; top:0; left:0;  z-index:8; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0; max-width:515px; max-height:360px; }
.slideshow div img{max-width:515px; max-height:360px;}
.slideshow div.active { z-index:10; display:block; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }
.slideshow div.last-active { z-index:9; }
.slideshow div.maskOver{position:absolute; display:block; top:0; left:0; z-index:300; width:515px; height:360px; background:#d96766; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

.slideNavigation{ display:block; font-size:10px; height:15px; margin-bottom:5px; margin-left:15px; float:left; width:480px; }

.slideNavigation a.pause{display:block; width:7px; height:11px;  background:url(../images/site_layout/navigation.png) no-repeat; background-position:0 -30px; float:left;}
.slideNavigation a.pause:hover{background-position:right -30px;}

.slideNavigation a.play{ display:block; width:7px; height:11px;  background:url(../images/site_layout/navigation.png) no-repeat; background-position:0 -45px; float:left;}
.slideNavigation a.play:hover{background-position:right -45px;}

.slideNavigation a.prev{display:block; width:7px; height:11px;  background:url(../images/site_layout/navigation.png) no-repeat; background-position:0 -15px; float:left; margin-left:5px;}
.slideNavigation a.prev:hover{background-position:right -15px;}

.slideNavigation a.next{display:block; width:7px; height:11px;  background:url(../images/site_layout/navigation.png) no-repeat; background-position:0 0; float:left; margin-right:10px;}
.slideNavigation a.next:hover{background-position:right 0;}

.slideNavigation .currNum{ display:block; float:left; margin-left:7px;margin-top:3px;}
.slideNavigation .linemiddle{display:block; width:1px; height:11px; border-left:1px #666 solid; float:left; margin:0 5px; margin-top:4px;}
.slideNavigation .totalNum{display:block; float:left; margin-right:7px;margin-top:3px;}
.slideNavigation a{margin-top:4px;}
.slideNavigation .downloadFile{ float:right; margin:0 5px; margin-top:3px; }
.slideNavigation .showInfo{ float:right; margin-top:3px; height:12px}
.slideNavigation .slideTitle{display:block; font-size:11px; margin-top:4px; margin-left:7px; float:left;}


.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; height:15px; background:transparent url(../images/site_layout/navigation.png) no-repeat 0 -106px;}
.jScrollPaneDrag:hover{background-position: 0 -121px;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {}
a.jScrollArrowDown:hover {}

.transpBlock{display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:250; background:transparent url(../images/site_layout/trans.gif) repeat;}
.block.info .transpBlock{background:#d96766; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; z-index:9999;  }
.overlaytodo{display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:450; background:transparent url(../images/site_layout/over_patt.png) repeat; }

.block{-webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;}
.block:hover{filter:alpha(opacity=60);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.block.selected:hover{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; } 

.block .navcont{display:none; }
.block.selected .navcont{display:block; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
 .jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:9px;height:100%;background:transparent url(../images/site_layout/trans.gif);}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:transparent url(../images/site_layout/trans.gif);}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:transparent url(../images/site_layout/trans.gif); position:relative}
.jspDrag{height:15px; background:transparent url(../images/site_layout/navigation.png) no-repeat 0 -106px;position:relative;top:0;left:0;cursor:pointer}
.jspDrag:hover{background-position: 0 -121px;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4;float:left;height:100%}
/* Yuk! CSS Hack for IE6 3 pixel bug:( */
* html .jspCorner{margin:0 -3px 0 0}