@charset "UTF-8";
/* CSS Document */

html, body { height:101%; margin:0; padding:0; }
body { background:#535253 url(images/gradient.png) repeat-x top; margin: 0 auto; font-family: Helvetica, Arial, sans-serif; color:#c17e2b; font-size:13px; text-align:left; }

#nav { float:right; font-size:11px; font-weight:bold; padding-top:80px; margin-left:10px; }
#nav a { color:#585858; text-decoration:none; padding:0 8px 0 8px; }
#nav a:hover { color:#c17e2b; }
#nav a:active { color:#c17e2b; }

h2 { font-size:18px; font-weight:bold; float:right; }
h3 { font-size:18px; font-weight:bold; color:#ffa93c; }
.h3 { font-size:14px; font-weight:bold; color:#ffa93c; padding-bottom:13px; }
.h3b { font-size:18px; font-weight:bold; color:#ffa93c; line-height:12px; }
h4 { font-size:12px; font-weight:bold; color:#FFFFFF; line-height:26px; padding-bottom:30px; }
.h4 { font-size:13px; color:#FFFFFF; line-height:14px; padding-bottom:20px; }
.h4b { font-size:12px; font-weight:bold; color:#FFFFFF; line-height:28px; padding-bottom:30px; }
.h5 { font-size:24px; font-weight:bold; font-style:italic; color:#585858; padding-bottom:2px; }
.h6 { font-size:15px; font-weight:bold; padding-bottom:1px; color:#c17e2b; }
.h7 { font-size:14px; font-weight:bold; padding-bottom:13px; }
.h8 { font-size:13px; color:#585858; line-height:14px; padding-bottom:20px; }

a { text-decoration:none; color:#c17e2b; }
p { color:#585858; line-height:27px; }
.p2 { color:#585858; line-height:17px; padding-bottom:13px;}
.bull { background-color:#FFFFFF; width:6px; height:6px; margin:10px 10px 0 0; float:left; }
.bull2 { background-color:#c17e2b; width:6px; height:6px; margin:10px 10px 0 0; float:left; }
.bull3 { background-color:#FFFFFF; width:6px; height:6px; margin:14px 10px 0 0; float:left; }

#col1 { padding:320px 0 250px 70px; width:380px; float:left; color:#FFFFFF; background: #c17e2b; }
#col2 { padding:270px 0 0 70px; width:420px; float:left; }

#col3 { padding:280px 0 40px 70px; width:380px; float:left; color:#FFFFFF; background: #c17e2b; }
#col4 { padding:228px 0 0 70px; width:420px; float:left; }

#col5 { padding:300px 0 70px 70px; width:380px; float:left; color:#FFFFFF; background: #c17e2b; }
#col6 { padding:255px 0 0 70px; width:420px; float:left; }

#col7 { padding:310px 0 30px 90px; width:360px; float:left; color:#FFFFFF; background: #c17e2b; }
#col8 { padding:250px 0 0 80px; width:420px; float:left; }

#col9 { padding:300px 0 50px 90px; width:360px; float:left; color:#FFFFFF; background: #c17e2b; }
#col10 { padding:300px 0 0 60px; width:440px; float:left; }

#col11 { padding:320px 30px 30px 40px; width:380px; float:left; color:#FFFFFF; background: #c17e2b; }
#col12 { padding:275px 0 0 30px; width:485px; float:left; }

#col13 { padding:310px 30px 20px 40px; width:380px; float:left; color:#FFFFFF; background: #c17e2b; }
#col14 { padding:275px 0 0 25px; width:485px; float:left; }

#bkg { background: url(images/bkg.png) repeat-y; width:1050px; height:1px; }
#logo { background: url(images/logo2.png) no-repeat; width:366px; height:107px; margin:5px 0 0 37px; }
#swoosh_home { background: url(images/swoosh_home.png) no-repeat; width:1000px; height:330px; position:absolute; }
#swoosh_chen { background: url(images/swoosh_chen.png) no-repeat; width:1000px; height:330px; position:absolute; }
#swoosh_wang { background: url(images/swoosh_wang.png) no-repeat; width:1000px; height:330px; position:absolute; }
#swoosh_services { background: url(images/swoosh_services.png) no-repeat; width:1000px; height:330px; position:absolute; }
#swoosh_gallery { background: url(images/swoosh_gallery.png) no-repeat; width:1000px; height:330px; position:absolute; }
#swoosh_testimonials { background: url(images/swoosh_testimonials.png) no-repeat; width:1000px; height:330px; position:absolute; }
#swoosh_locations { background: url(images/swoosh_locations.png) no-repeat; width:1000px; height:330px; position:absolute; }
#swoosh_locations2 { background: url(images/swoosh_locations2.png) no-repeat; width:1000px; height:330px; position:absolute; }
#orange { background: #c17e2b; width:450px; }
#team { background: url(images/team.png) no-repeat; width:399px; height:199px; padding-bottom:10px; }
#chen { background: url(images/chen.png) no-repeat; width:216px; height:276px; padding-bottom:10px; margin-left:45px; }
#chentext { background: url(images/chentext.png) no-repeat; width:195px; height:80px; padding-bottom:15px; margin-left:45px; }
#wang { background: url(images/wang.png) no-repeat; width:216px; height:276px; padding-bottom:10px; margin-left:45px; }
#wangtext { background: url(images/wangtext.png) no-repeat; width:176px; height:56px; padding-bottom:20px; margin-left:45px; }
#gallery { background: url(images/gallery.png) no-repeat; width:419px; height:455px; padding-bottom:20px; }
#location { background: url(images/location1b.png) no-repeat; width:502px; height:235px; margin-top:15px; }
#location1 { background: url(images/location1.png) no-repeat; width:502px; height:235px; }
#location2 { background: url(images/location2.png) no-repeat; width:502px; height:258px; padding-bottom:20px; }
#grey { background: #585858; width:1000px; height: 30px; }

#office1 { background: url(images/office1.png) no-repeat; width:300px; height:200px; }
#office1sm { background: url(images/office1_sm.png) no-repeat; width:127px; height:84px; }
#office2 { background: url(images/office2.png) no-repeat; width:300px; height:200px; }
#office2sm { background: url(images/office2_sm.png) no-repeat; width:127px; height:84px; }
#office3 { background: url(images/office3.png) no-repeat; width:300px; height:200px; }
#office3sm { background: url(images/office3_sm.png) no-repeat; width:127px; height:84px; }
#office4 { background: url(images/office4.png) no-repeat; width:300px; height:200px; }
#office4sm { background: url(images/office4_sm.png) no-repeat; width:127px; height:84px; }
#office5 { background: url(images/office5.png) no-repeat; width:300px; height:200px; }
#office5sm { background: url(images/office5_sm.png) no-repeat; width:127px; height:84px; }
#office6 { background: url(images/office6.png) no-repeat; width:300px; height:200px; }
#office6sm { background: url(images/office6_sm.png) no-repeat; width:127px; height:84px; }
#office7 { background: url(images/office7.png) no-repeat; width:300px; height:200px; }
#office7sm { background: url(images/office7_sm.png) no-repeat; width:127px; height:84px; }
#office8 { background: url(images/office8.png) no-repeat; width:300px; height:200px; }
#office8sm { background: url(images/office8_sm.png) no-repeat; width:127px; height:84px; }
#office9 { background: url(images/office9.png) no-repeat; width:300px; height:200px; }
#office9sm { background: url(images/office9_sm.png) no-repeat; width:127px; height:84px; }
#office10 { background: url(images/office10.png) no-repeat; width:300px; height:200px; }
#office10sm { background: url(images/office10_sm.png) no-repeat; width:127px; height:84px; }
#office11 { background: url(images/office11.png) no-repeat; width:300px; height:200px; }
#office11sm { background: url(images/office11_sm.png) no-repeat; width:127px; height:84px; }
#office12 { background: url(images/office12.png) no-repeat; width:300px; height:200px; }
#office12sm { background: url(images/office12_sm.png) no-repeat; width:127px; height:84px; }
#office13 { background: url(images/office13.png) no-repeat; width:300px; height:200px; }
#office13sm { background: url(images/office13_sm.png) no-repeat; width:127px; height:84px; }
#office14 { background: url(images/office14.png) no-repeat; width:300px; height:200px; }
#office14sm { background: url(images/office14_sm.png) no-repeat; width:127px; height:84px; }


#footer1 { font-size:12px; margin:20px 0 0 70px; border-bottom:#585858 solid 1px; line-height:30px; width:860px; }
#footer2 { font-size:10px; padding:10px 0 20px 70px; color:#585858; }

.clear { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }

#tile { float:left; margin:0 16px 41px 0; }
.thumbnail { position:relative; }
.thumbnail:hover{ background-color:transparent; z-index:50; }
.thumbnail span{ /*CSS for enlarged image*/ background-color:#FFFFFF; padding:5px; left:0px; border:1px solid #787F7F; color:black; text-decoration:none; z-index:51; position:absolute; display:none;  }
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ position: absolute; visibility:visible; top:10px; z-index:51; display:block; /*position where enlarged image should offset horizontally */}