*{margin:0;padding:0;outline:none}
html,body{font-size:10pt;font-family:Arial;background:#f2f2f2;color:#606060}

a{text-decoration:none;color:#606060}
a:hover{text-decoration:none;color:red}
#container{width:1070px;height:637px;padding-top:9px;background:#ffffff;margin:auto;margin-top:30px;position:relative;}
#sitelogo{margin-left:7px;}
#menu{position:absolute;top:8px;left:646px;}
#menu ul{list-style-type:none;}
#menu ul li{display:inline;margin-right:50px;}
#menu ul li a{font-size:15px;}
#footer{width:1066px;margin:auto;font-family:arial;font-size:9pt;padding-top:1px;position:relative;}
#footer #socialnetwork{font-family:arial;font-size:9pt;position:absolute;left:646px;top:1px;width:100px;}
#footer #socialnetwork div{position:absolute;top:0px;left:55px;}
#contentDiv{position:absolute;height:525px;top:115px;width:100%;}
#leftDiv{position:absolute;height:100%;z-index:2;background:lightblue}
#rightDiv{position:absolute;height:100%;z-index:1;left:646px;width:405px;}
.indexLayer{position:absolute;border:solid 5px #E6E6E6;height:403px;width:403px;background:white;cursor:pointer}
.indexLayer div.image{height:285px;width:361px;margin-left:21px;overflow:hidden;margin-top:20px;}
.indexLayer div.image img{}
.indexLayer span{display:block;font:10pt arial;}
.indexLayer span.title{font-family:arial;position:absolute;top:336px;left:20px;color:black;font-size:10pt}
.indexLayer span.subtitle{font-family:arial;position:absolute;top:353px;left:20px;font-size:10pt}
.indexLayer span.detailBtn{font-family:arial;position:absolute;top:370px;left:20px;color:red;font-size:10pt}
.indexLayer span.detailBtn a{color:red}
#DetailBox{display:none;position:absolute;left:0;top:0;height:403px;width:403px;border:solid 5px #E6E6E6;background:white;}
#DetailBox div#image{position:relative;height:285px;width:361px;margin-left:21px;overflow:hidden;margin-top:20px;background:#E6E6E6;  
filter:alpha(opacity=10);/* for IE */
opacity:0.1;}/* CSS3 standard */


#DetailBox div#image img{position:absolute;height:100%;width:100%}
#DetailBox div#image img#imglow{display:none;}
div#infoBox{display:none;position:absolute;top:20px;left:531px;height:390px;width:287px;}      
div#infoBox div.title{color:red;font-size:14pt}
div#infoBox div.subtitle{font-size:14pt;font-weight:normal;}
div#infoBox div.detail{height:230px;}
div#infoBox div.detail table{height:100%;width:100%}
div#infoBox div.detail table td{vertical-align:middle;height:100%;width:100%;font:10pt arial}
div#infoBox div.Thumbs{height:45px;position:absolute;top:333px;}
div#infoBox div.Thumbs ul{list-style:none}
div#infoBox div.Thumbs ul li{float:left;height:45px;width:45px;margin-right:10px;}
div#infoBox div.closeBtn{float:right;cursor:pointer;}
div#infoBox div.pauseBtn{position:absolute;z-index:2;width:45px;text-align:right;height:18px;top:365px;left:238px;cursor:pointer;}
div#infoBox div.pauseBtn:hover{color:red}
div#infoBox div.thumbBar{position:absolute;height:3px;background:#ededed;top:382px;}
ul li img{cursor:pointer}
#bar{position:absolute;height:3px;width:45px;background:red;top:0;left:0;z-index:4}
               
#anchora,#anchorb{position:absolute;left:0;top:0}
#opacityLayer{position:absolute;width:100%;height:100%;background:white;z-index:30;top:0;left:0;display:none;
filter:alpha(opacity=0);/* for IE */
opacity:0}
table.fifty{width:100%;}
table.fifty td{width:50%;}

/*====================== PORTFOLIO ===================*/
#sliderP{width:1050px;margin:auto;position:relative;margin-top:85px;height:10px;background:#ededed;}
#sliderP #slider{height:10px;height:10px;width:315px;position:absolute;top:0;left:0;cursor:pointer;}
#sliderP #slider img{display:block;}
#galleryOutter{position:relative;margin-top:7px;width:1070px;height:345px;overflow:hidden;}
#galleryOutter #gallaryHolder{position:absolute;top:0;left:0;width:5000px;}
#galleryOutter #gallaryHolder .galleryItem{float:left;position:relative;height:315px;width:203px;margin-right:-200px;padding:10px;border:solid 5px #ededed;background:white;}
#galleryOutter #gallaryHolder .galleryItem span.title{display:block;margin-top:60px;color:black;font:10pt arial;}
#galleryOutter #gallaryHolder .galleryItem span.subtitle{display:block;font:10pt arial}
#galleryOutter #gallaryHolder .galleryItem span.detailBtn{color:red;cursor:pointer;font:10pt arial;}

/*====================== Portfolio Listview ============*/
#thumbview{position:relative;margin-top:103px;height:308px;}
#viewDetail{position:relative;margin-left:7px;width:268px;height:100%;float:left;}
#viewDetail div.title{color:red;font-size:14pt}
#viewDetail div.subtitle{font-size:14pt;font-weight:normal;}
#viewDetail div.detail{height:220px;;}
#viewDetail div.detail table{height:100%;width:100%}
#viewDetail div.detail table td{vertical-align:middle;height:100%;width:100%;font:10pt arial}
#viewDetail div.Thumbs{height:45px;position:absolute;top:263px;}
#viewDetail div.Thumbs ul{list-style:none}
#viewDetail div.Thumbs ul li{float:left;height:45px;width:45px;margin-right:10px;}
#viewDetail div.pauseBtn{position:absolute;z-index:2;width:45px;text-align:right;height:18px;top:290px;left:218px;cursor:pointer;font:10pt arial}
#viewDetail div.pauseBtn:hover{color:red}
#viewDetail div.thumbBar{position:absolute;height:3px;background:#ededed;top:312px;}
#middleDiv{position:relative;width:258px;height:258px;border:solid 5px #ededed;padding:20px;margin-left:40px;float:left;}
#middleDiv img#largeImg{position:absolute;z-index:4;}
#middleDiv img#largeImgLow{position:absolute;display:none;z-index:1;}
#listview{position:relative;width:415px;height:100%;float:left;margin-left:22px;}
table.listviewTbl{border:none;}
table.listviewTbl tr.on td a{color:red;}
table.listviewTbl td{padding:2px 0 10px 2px;font:10pt arial;vertical-align:top}
table.listviewTbl td.left{width:205px;}
table.listviewTbl td.right{padding-left:10px;width:190px;}

/* ==============   SERVICES ============== */
#serviceLeft{float:left;margin-left:10px;width:180px;height:474px;}
#serviceLeft ul{list-style:none;}
#serviceLeft ul li{display:block;height:20px;color:red;}

#MiddleContainer{float:left;margin-left:23px;position:relative;height:474px;width:414px;}
#MiddleContainer #serviceMiddle{position:relative;width:364px;padding:20px;border:solid 5px #bfbfbf;height:424px;}
#serviceMiddle #indexTitle{height:40px;color:red;}
#serviceMiddle div#img{height:274px;width:364px;overflow:hidden;}
#serviceMiddle div#img img{width:364px;}
#serviceMiddle #layerTitle{position:absolute;top:394px;color:black;font:10pt arial}
#serviceMiddle #layerSubtitle{position:absolute;top:411px;font:10pt arial}
#serviceMiddle #layerDetailBtn{position:absolute;top:428px;font:10pt arial;color:red;cursor:pointer}
#layerSelectPanel{position:absolute;width:384px;left:20px;top:469px;height:30px;}
div.tab{position:absolute;top:469px;height:20px;width:121px;border:solid 5px #ededed;line-height:20px;font-size:10pt;color:red;cursor:pointer;}
div#tab1{left:15px;z-index:20;}
div#tab2{left:141px;z-index:10;}
div#tab3{left:267px;z-index:10;}
div.selected{border-color:#bfbfbf;}
div.selected span{position:absolute;background:white;display:block;height:5px;width:121px;top:-5px;left:0}
#serviceRight{float:left;margin-left:18px;width:414px;height:474px;}
/*=================== Profile Overview ==================*/
#overviewBox{float:left;margin-left:23px;position:relative;height:474px;width:846px;}
#overviewBox table{border:none;}

/* ================== Leadership ================= */
ul#nameList{list-style:none}
ul#nameList li {display:block;font:14pt arial}
ul#nameList li a.on{color:red}
#photoDiv{height:189px;width:189px;border:solid 0px gray;float:right;margin-right:20px;}
#photoDiv img{}
#introDiv{position:relative;height:460px;overflow:hidden;width:414px;}
#introDiv #scrollDiv{position:absolute;left:0;top:0;font:10pt arial;width:399px;}
#barB{width:5px;background:#ededed;position:absolute;left:409px;top:0;height:460px;display:none;}
#barB #scrollbar{width:5px;background:red;position:absolute;left:0;top:0;height:276px;cursor:pointer;}
/*============= Archive ===============*/
#archiveWrapper{position:relative;margin-left:-14px;height:474px;width:848px;overflow:hidden;}
#archiveWrapper #scrollDiv{position:absolute;top:0;left:0;width:100%}
#scrollDiv .archiveBox{position:relative;padding:10px;border:solid 5px #ededed;width:172px;height:172px;float:left;margin:0 10px 10px 0;cursor:pointer}
#scrollDiv .archiveBox div.img{height:90px;width:100%;overflow:hidden}
#scrollDiv .archiveBox div.img img{width:100%}
#scrollDiv .archiveBox div.atitle{font:10pt arial;color:black;position:absolute;top:133px;}
#scrollDiv .archiveBox div.asubtitle{font:10pt arial;position:absolute;top:150px;}
#scrollDiv .archiveBox div.adetailBtn{font:10pt arial;color:red;position:absolute;top:167px;cursor:pointer}
#barA{float:left;width:5px;background:#ededed;position:relative;height:474px;margin-left:-10px;}
#barA #scrollbarA{width:5px;background:red;position:absolute;left:0;top:0;height:212px;cursor:pointer;}
/*==============Contact===============*/
div#cLeft{position:relative;float:left;margin-left:10px;height:474px;width:310px;}
div#cMiddle{position:relative;float:left;width:310px;height:414px;margin-left:5px;}
div#cRight{position:relative;float:left;margin-left:10px;width:364px;height:364px;padding:20px;border:solid 5px #e6e6e6}

div#select{position:relative;width:100%;background:#efefef;height:26px;line-height:26px;}
div#select div{line-height:26px;}
div#select div.selected{z-index:1;position:absolute;height:100%;width:96%;padding:0 2%;font:10pt arial;background:#e6e6e6;
line-height:26px;cursor:pointer;}
div#select div.title{z-index:2;position:absolute;height:100%;width:96%;padding:0 2%;font:10pt arial;background:#e6e6e6;
line-height:26px;cursor:pointer;top:0;left:0;color:red;display:none}
div#select div.option{position:absolute;height:100%;width:96%;padding:0 2%;font:10pt arial;background:#e6e6e6;
line-height:26px;cursor:pointer;display:none;}
div.field{clear:both;margin-top:10px;height:26px;}
div.field input{display:block;float:left;width:306px;height:24px;border:solid 1px #e6e6e6;padding-left:2px;color:#606060;}
.inputfield{font:10pt arial;}
div.field textarea{font:10pt arial;display:block;width:304px;height:90px;border:solid 1px #e6e6e6;padding:2px;color:#606060;padding-left:2px;}
div.button{width:47%;background:#e6e6e6;padding-left:4px;line-height:26px;height:26px;}