body { background: #ffffff; font-family: Helvetica,Arial,sans-serif; font-size: 11px; line-height: 18px; color: #000000; text-align: left; margin: 0 0 0 0; }

#container {width: 960px; margin: 40px auto 0 auto; background: #ffffff; overflow: hidden;}
#header {width: 960px; height: 140px; margin: 15px 0 0 0;}
#header-left {width: 230px; height: 140px; float:left; margin-left: 15px;}
#header-right {width: 700px; height: 140px; float:left; background: url("images/bg-interface-lines.png"); }
#content {width: 930px; min-height: 445px; float: left; margin: 45px 0 15px 15px;}
#content-left {width: 215px; min-height: 425px; float:left;}
#content-right {width: 700px; float:left; margin: 15px 0 0 15px;}
#book-content-right {width: 700px; float:left; margin: 0 0 0 15px;}
#content-right-index {width: 700px; float:left; margin: 4px 0 0 15px;}

#content-left-wide {width: 450px; float:left; min-height: 425px;}
#content-right-wide {width: 450px; float:left; margin-left: 30px;}


#address {width: 960px;  font-size: 7px; line-height: 10px;float: left; margin-top: 15px; color: #707070;}
#address-left {width: 125px; float:left; }
#address-right {width: 100px; float:left; }
#footer {width: 960px; margin: 0 auto 0 auto; font-size: 9px; text-align: right; letter-spacing: .25px;}

.project-info-left {width: 80px; float:left; text-transform: uppercase; font-size: 9px; font-weight: bold;}
.project-info-right {width: 110px; float:left; text-transform: uppercase; font-size: 9px; font-weight: bold; margin-left: 10px;}
#project-description {width: 200px; float:left; margin: 0 0 15px 0; font-size: 11px;}

#testimonial {width: 400px; margin-top: 20px; text-transform: uppercase; float:right; text-align: right; font-weight: bold;}

#people-shell {margin: 10px 0 0 15px;}

.sitemap-cell {width: 165px; float:left; margin-left: 10px;}

#navigation {margin: 10px 0 0 0;}
#nav-bg {width: 115px; height: 125px; background: url("images/bg-interface-lines-vertical.png"); overflow: hidden; float:left;}
#nav-bg-wide {width: 135px; height: 125px; background: url("images/bg-interface-lines-vertical.png"); background-repeat: no-repeat; overflow: hidden; float:left;}


/* --------------------- Text ----------------------- */
a:link, a:visited { color:#333333; text-decoration:none; outline: none;}
a:hover, a:active { color: #000000; text-decoration:none; outline: none;}
p {margin-top: 0px;}
h1 {color: #000000; font-size: 14px; margin: 0px 0px 10px 0px; text-transform: uppercase;}
h2 {color: #000000; font-size: 12px; margin: 10px 0px 0px 0px; text-transform: uppercase;}
h3 {color: #000000; font-size: 10px; margin: 10px 0px 0px 0px; text-transform: uppercase;}

/* --------------------- Gallery ---------------------- */
#gallery-shell {width: 700px; height: 405px; overflow: hidden;} 
#gallery-top {width: 700px; float:left;}
#gallery-bottom {width: 700px; float:left; margin-top: 12px;}
.img-gallery { margin-right: 10px; outline: none; }
.img-gallery-last { margin-right: 0px;outline: none; }

/* --------------------- Other ---------------------- */
a img {border: 0;}
.img-social-media {margin: 15px 10px 0 0;}
.img-history {margin: 0 0 20px 130px;}
.img-asul-office {margin-top: 71px;}
.img-homes {margin-left: 40px;}
.img-strategy-chart {margin: -25px 0 0 25px;}
.img-findings {margin: -25px 0 0 0;}
.img-prototype {margin: -25px 0 0 0;}
.img-structure {margin: -12px 0 0 0;}
.img-customization {margin-left: 210px;}
.img-work {margin: -12px 0 0 0;}

hr {height: 1px; border-style: none; background-color: #999999;}



a.black {color: #000000;}

.product-sm {padding: 1px; border: 1px solid #a930a2;}