﻿#centerwell { position: relative; height: 450px; margin: 0; padding: 0; overflow: hidden; }
#centerwell li { position: relative; width: 200px; height: 450px; float: left; background: #ececec; overflow: hidden; cursor: pointer; }

#centerwell h3 { position: absolute; top: 0; left: 0; margin: 0;  width: 200px; height: 450px; }
#centerwell .dtext {
    width: 200px;
    height: 50px;
    background: rgba(0,0,0,.5);
    line-height: 50px;
    text-align: center;
    position: absolute;
	font-weight:normal;
    bottom: 0px;
    left: 0px;
    color: #FFF;
    font-size: 14px;
    font-family: "Microsoft YaHei";

}
#centerwell p { position:absolute; left:230px; top:50px; width: 343px; padding-top: 80px; height:216px; overflow:hidden; color: #5f5f5f; font-size: 15px; line-height: 27px; font-family:  "微软雅黑"; letter-spacing: 0pt;}
#behance h3 { background: url(../image/behance_btn.jpg) no-repeat white; }
#behance p { background: url(../image/behance_over_bg.gif) no-repeat; }
#flicker h3 { background: url(../image/flickr_btn.jpg) no-repeat; }
#flicker p { background: url(../image/facebook_over_bg.gif) no-repeat; }
#linkedin h3 { background: url(../image/linkedin_btn.jpg) no-repeat; }
#linkedin p { background: url(../image/flickr_over_bg.gif) no-repeat; }
#facebook h3 { background: url(../image/facebook_btn.jpg) no-repeat; }
#facebook p { background: url(../image/linkedin_over_bg.gif) no-repeat; }
#twitter h3 { background: url(404.png) no-repeat; }
#twitter p { background: url(404.png) no-repeat; }
#resume h3 { background: url(404.png) no-repeat; }
#resume p { background: url(404.png) no-repeat; }
#email h3 { background: url(404.png) no-repeat; }
#email p { background: url(404.png) no-repeat; }
#contact h3 { background: url(404.png) no-repeat; }
#contact p { background: url(404.png) no-repeat; }
#behance {}
#content { position: relative; width: 790px; padding-bottom: 135px; }
#primary_content { padding-left: 205px; padding-top: 30px; padding-right: 40px; width: 325px; }
#primary_content p, #primary_content span, #primary_content em { color: #657381; font-size: 12px; line-height: 16px; letter-spacing: 1px; }
#primary_content h2 { line-height: 33px; text-decoration: none; font-size: 35px; margin-bottom: 5px; font-family: GeogrotesqueLight, Helvetica, Arial, sans-serif; letter-spacing: 1px; }
#primary_content span.title.current { display: block; font-size: 15px; margin-bottom: 60px; font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif; }
#primary_content h2 a, #primary_content h1, #primary_content h2, #primary_content h3 { color: #00aaf0; }
#primary_content h3 { margin-top: 38px; margin-left: -213px; padding-left: 3px; border-left: #262b30 210px solid; font-size: 18px; font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif; letter-spacing: 1px; margin-bottom: 12px; }
#primary_content h5, #primary_content span.location { display: block; color: #9eaebe; font-family: GeogrotesqueMedium, Helvetica, Arial, sans-serif; font-size: 13px; letter-spacing: 1px; }
#primary_content span.title { }
#positions li { position: relative; margin-bottom: 20px; }
#positions li em { display: block; margin-bottom: 4px; }
#positions li span.date { position: absolute; color: #373e46; font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif; top: -1px; left: -90px; width: 85px; }
#secondary_content { position: absolute; top: 0; right: 0; width: 190px; background: #262b30; padding-top: 144px; padding-left: 15px; padding-right: 15px; padding-bottom: 40px; color: #9eaebe; font-size: 11px; overflow: hidden; }
#secondary_content h5 { color: #00aaf0; font-size: 18px; font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif; margin-bottom: 8px; letter-spacing: 1px; }
#secondary_content ul li h6 { color: #9eaebe; font-size: 13px; font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif; letter-spacing: 1px; line-height: 23px; }
#secondary_content ul li p { color: #657381; line-height: 15px; margin-bottom: 15px; }
#client_list { font-size: 18px; letter-spacing: 1px; font-family: GeogrotesqueReg, Helvetica, Arial, sans-serif; margin-bottom: 12px; margin-top: 40px; color: #00aaf0; }
#client_names { float: left; width: 200px; margin: 0; padding: 0; list-style: none; color: #657381; line-height: 16px; margin-bottom: 10px; }
#client_names li { float: left; width: 10em; margin: 0; padding: 0; }
#thecssawards { position: absolute; top: 20px; right: 0px; z-index: 555; }
#thecssawards a { width: 69px; height: 105px; text-indent: -8000px; display: block; background: url(404.png) no-repeat; }