/* define color, font, text */
@charset "utf-8";
/* this is the main window of scrolling div */
body {background-color: #ffffff;margin-top:0px;top:0px; font-size:13px; font-family: Arial, Helvetica, sans-serif;}
#ssWindow{margin:10px 0px 0px 0px;padding:0px;margin-left:3px;width:720px;float:left;}
#projDetails{margin-top:122px;margin-left:203px;height:40px; width:720px; position:absolute;  
z-index:1;display:none;}
div#window{position:relative;   height:335px;width:834px;    overflow:hidden;}
div#win11 { position:absolute; margin-top:5px;   
  left:0;   top:5;  width:160px;   height:170px;   clip:rect(0, 160px, 180px, 0);   overflow:hidden;}
#lyr11 { width:160px;}
#scroll_links1 {position:relative;  left:150px;  top:188px;  height:25px;  font-size:1px;}
/********************************************/
.deimg img{ width: 500px;}

#container{margin: auto;width: 925px;padding-top: 35px; }
#container_index{margin: auto;width: 940px; padding-top:10px; }
#header{width: 925px;height:33px;}
#btn{width: 925px;height: 20px;}
#slogan{position:relative;_position:relative;width:924px;height:16px;top:350px;background-image:url(../images/slogan.jpg);background-repeat:no-repeat;text-align:right;}
/*-------left main style--------*/
#left_nav{background: #000000;float: left;width: 200px;height: 425px;margin: 10px 0px 0px 0px;float: left;top:0px;position:relative;}
#left_nav UL {margin:10px 0px 0px 6px;padding:0px; }

#left_nav UL LI:hover,#left_nav UL LI a:hover {list-style-image:url(../images/arrow2.jpg);color: #C58C2B; }
#left_nav UL LI.selected a{padding-left:-5px;text-indent: -1px;list-style-image:url(../images/arrow2.jpg);color: #C58C2B; }
#left_nav UL LI.not-selected{margin-left:15px;padding-left:-5px;text-indent: -1px;}
.left_sub_nav {float: left;width: 200px;top:50px;position:relative;}
#showProjects{float:left;opacity: 1;filter: alpha(opacity=100);display: block;}
#commercial{float:left;opacity: 1;filter: alpha(opacity=100);display: block;}
#residential{float:left;opacity: 0;filter: alpha(opacity=0);display: none;}
#retail{float:left;opacity: 0;filter: alpha(opacity=0);display: none;}

/*-----subpage content area-------*/#content_area {background-color:#000000; color: #dddddd;float: left;width: 859px;top:0px;position:relative;height: 393px;margin:0px;;padding: 12px 60px 22px 6px;}
#space {background: #111111;margin: 0;padding:0;}
#space2 {margin: 0;padding:0;background:#000000;}
#subtitle{background-image:url(../images/subtitle_bg.jpg);background-repeat:repeat;height:21px;width:879px;padding:0;margin:0;}

div#content_main { 
margin:0;height:316px;width:834px;overflow:hidden; }

#arrow_div {margin:0;padding:0;height:15px;width:879px;text-align:right;}
#bottom_line{margin:0;padding:0;background-image:url(../images/subtitle_bg.jpg);background-repeat:repeat;height:21px;width:879px;}
#scroll_links2 {float:left; width:25px; height:336px; position: absolute; left: 859px; top: 32px; vertical-align:top;padding-top:0px;}


div#scrollbar1 {  position:relative;  left:150px;  top:148px;  height:25px;  font-size:1px; }

#arrow_dn{position: relative;width:25px; height:291px;padding-bottom:10px;vertical-align:text-bottom; }


.pic1 {width:290px;height:436px;padding:0px 0px 10px 20px;}
.pic2 {width:290px;height:221px;padding:0px 20px 10px 0px;}
.photo {width:120px;height:155px;padding:0px 20px 10px 0px;}


/*-----top thumnail style-------*/
#thumnails{height: 55px;width: 720px;margin: 10px 0 0px 5px;padding: 0;float: left;}
/*---------main style-----------*/
#main{width: 720px;height: 365px;float:left;margin: 3px 0 0 5px;background-repeat:no-repeat; 
position:relative; }
#main_info {opacity: .8;filter: alpha(opacity=80);background-color: #ffffff;cursor: pointer;height: 15px;overflow: visible; bottom: -1px;position:absolute;}

#main_text {font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #111111;padding: 10px;background-color: #ffffff;display: none;float: left;opacity: 0;filter: alpha(opacity=0);}


#footer{font-family:Arial, Verdana; position:relative;font-size: 11px;margin:0px;padding:0px;width: 924px;height: 16px;float:left;text-align:right;line-height:16px;background-color: #111111;}


/*--------- thumnail black & white mouse over effect------------*/.gray{filter:progid:DXImageTransform.Microsoft.Fade(duration=0.1);zoom:1;cursor: hand;height:50px;margin-right:4px;}

.gray img{filter: gray();cursor: pointer;border: none;}
.colored img{filter: none;}
.gray a:hover img {filter: none;}
/* Styles for scrolling layers and scrollbars  */
div#wn1  {  position:absolute;   left:0;   top:5;  width:150px;   height:150px;   clip:rect(0, 150px, 150px, 0);   overflow:hidden; }
/* op7 needs width set here too (?) */  
#lyr1 { width:150px; }
#win10{height:150px;    }
#lyr10{height:150px;}


div.content {  position:absolute; visibility:hidden;   left:0; top:50; }  
div#scrollbar1 {  position:relative;  left:150px;  top:148px;  height:25px;  font-size:1px; }
.indexheadA p{margin: 0; padding: 0;}
.indexheadA a{font-size:13px; color:#666666; text-decoration:none;}
.indexheadA a:hover{font-size:13px; color:#236355; text-decoration:none;}
.mainContentA{border-top:1px solid #236355; border-bottom:1px solid #236355; height:390px;  
 /*overflow:auto; scrollbar-shadow-color:  #ffffff;  scrollbar-face-color: #236355; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff;*/ padding:0px 5px 0px 0px;}
 
.MainimgA {float:left;  margin:0px 10px 10px 0px;}
.mainContentB{color:#236355; font-size:16px; margin:10px 0px 10px 0px; text-align:left}
.mainContentC{line-height:20px; }
.mainContentC p{margin: 0; padding: 0;}
.AboutHeightA{height:400px; overflow:auto; text-indent:2em; scrollbar-shadow-color:  #ffffff;  scrollbar-face-color: #333333; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #808080; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #191919; scrollbar-arrow-color: #CCCCCC; width:720px; margin:10px 0px 10px 0px;}
.xpborderA{border:1px solid #cccccc}
.newsFontA a{color:#7b7b7b; font-weight:bold; text-decoration:none; font-size:12px;}
.newsFontA a:hover{color:#d00f10; font-weight:bold; text-decoration:none;}
.newsFontAE a{color:#7b7b7b; font-weight:bold; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.newsFontAE a:hover{color:#d00f10; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif}
.newfontB{color:#999999; font-size:12px;}
.newfontBE{color:#999999; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.newfontBE1{color:#999999; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px;}
.newfontB1{color:#333333; font-size:13px;}
.newfontB a{color:#d00f10; font-size:12px; text-decoration:none}
.newfontC{color:#dbdbdb; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.newfontC1 a{color:#d00f10; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none}
.newfontD{color:#9f9c9c; font-size:14px; font-weight:bold; }
.newfontDE{color:#9f9c9c; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
.newfontB2{color:#999999; font-size:12px; font-weight:100;}
.newfontB2 a{color:#999999; font-size:12px; text-decoration:none;font-weight:100;}
.newfontB3 a{color:#999999; font-size:12px; text-decoration:none;font-weight:100;}
.newfontB3 a:hover{color:#d00f10; font-size:12px; text-decoration:none;font-weight:100;}
.newfontBE3 {color:#999999; font-size:12px; text-decoration:none;font-weight:100; font-family:Arial, Helvetica, sans-serif}
.newfontBE3 a{color:#999999; font-size:12px; text-decoration:none;font-weight:100; font-family:Arial, Helvetica, sans-serif}
.newfontBE3 a:hover{color:#d00f10; font-size:12px; text-decoration:none;font-weight:100;font-family:Arial, Helvetica, sans-serif}
.newfontBE4 {color:#d00f10; font-size:13px; text-decoration:none;font-weight:100; font-family:Arial, Helvetica, sans-serif}
.newfontBE4 a{color:#d00f10; font-size:13px; text-decoration:none;font-weight:100; font-family:Arial, Helvetica, sans-serif}
.newfontBE4 a:hover{color:#999999; font-size:13px; text-decoration:none;font-weight:100;font-family:Arial, Helvetica, sans-serif}
.hrdA{background:url(../images/jiaruwomen.gif) repeat-x bottom;}
.hrdbackA{border-bottom:1px solid #cccccc; }
.hrdfontA{text-indent:1em; padding:10px 0px 0px 0px;}
.imgfloatA{height:200px; float:left; margin:0px 15px 10px 0px;}

#center-three-main {WIDTH: 745px; HEIGHT: 150px}
#center_three_main_left {FLOAT: left; WIDTH: 60px; PADDING-TOP: 50px; HEIGHT: 100px; TEXT-ALIGN: center}
#center-three-main-center {FLOAT: left; WIDTH: 667px; HEIGHT: 150px; TEXT-ALIGN: center}
#center-three-main-center LI {FONT-SIZE: 12px; FLOAT: left; WIDTH: 160px; COLOR: #002443; LINE-HEIGHT: 25px; PADDING-TOP: 15px; HEIGHT: 25px; TEXT-ALIGN: center}
#center-three-main-center LI IMG {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid}
#center-three-main-center LI A {COLOR: #002443}
#center-three-main-center LI A:hover {COLOR: #c00}
#center_three_main_right {FLOAT: left; WIDTH: 60px; PADDING-TOP: 50px; HEIGHT: 100px; TEXT-ALIGN: center}
.ClassP a{text-decoration:none; color:#ffffff; margin:0px 0px 0px 40px;}
.ClassP a:hover{text-decoration:none; color:#ff0000; margin:0px 0px 0px 40px;}
.ClassP2{text-decoration:none; color:#ffffff; padding:0px 0px 0px 40px; font-family:Arial, Helvetica, sans-serif}
.ClassP1 a{text-decoration:none; color:#ffffff; margin:0px 0px 0px 40px; font-family:Arial, Helvetica, sans-serif}
.ClassP1 a:hover{text-decoration:none; color:#ff0000; margin:0px 0px 0px 40px;font-family:Arial, Helvetica, sans-serif}