body { background-color: #f3ece7; background-image: url(../images/body_bg.gif); background-position: 0px 30px; background-repeat: repeat-x; font-size: 70%; margin: 46px 0px 0px 0px; padding: 0px; text-align: center; }
body,input,textarea,select { font-family: lucida sans unicode, verdana, sans-serif; }
a { color: #FFF; text-decoration: underline; }
a:hover { color: #635953; text-decoration: underline; }
.clear { clear: both; height: 20px; }
#container { margin-right: auto; margin-left: auto; padding: 0px; text-align: left; width: 990px; }
h1 { margin: 0px 0px 16px 0px; padding: 0; }
h2 { background-color: #C5BEB9; border: 1px solid #CFC7C2; color: white; font-size: 110%; margin: 20px 0 10px 0; padding: 3px; text-transform: uppercase; }
h3 { font-size: 110%; margin: 20px 0px 2px 0px; padding: 0; }
h4 { font-size: 110%; margin: 0; padding: 0; }
p { font-size: 105%; margin: 0 0 20px 0; }
ul { font-size: 105%; }
img.imgBorder { border: 3px solid #9F938B; padding: 1px; }
img.imgRight { margin: 0 0 20px 20px; }

/* ----------- COL 1 ---------- */
#col1 { float: left; height: 320px; margin-top: 30px; padding: 20px 15px; position: relative; text-align: center; width: 150px; }
#col1 a img { border: none; display: block; }
#col1 a.logo { display: block; }
#col1 .contactDetails { color: #5F5B59; display: block; line-height: 18px; position: absolute; bottom: 16px; }
#col1 .contactDetails a { color: #5F5B59; }

/* ----------- COL 2/FOLIO ---------- */
#col2 { background-color: #b1aaa4; background-image: url(../images/col2_bg.gif); background-position: bottom right; background-repeat: no-repeat; color: #FFF; float: left; _height: 400px; line-height: 16px; min-height: 400px; overflow: hidden; padding: 20px 20px 0px 20px; width: 590px; }
#col2Home { background-color: #beb8b3; background-image: url(../images/col2_bg.gif); background-position: top right; background-repeat: no-repeat; color: #FFF; float: left; _height: 420px; min-height: 420px; width: 630px; }
#colFolio { background-color: #FFF; color: #FFF; float: left; _height: 420px; line-height: 16px; min-height: 420px; padding: 0px; width: 630px; }

/* ----------- COL 3 ---------- */
#col3 { background-image: url(../images/col3_bg.gif); background-repeat: repeat-y; float: left; font-size: 11px; height: 320px; margin-top: 30px; padding: 20px 0px 20px 0px; width: 180px; }
#col3 img { margin: 0px 0px 0px 24px; }
#col3 .break { margin: 0px 0px 120px 0px; }
#col3 ul.nav { list-style: none; margin: 10px 0px 0px 0px; padding: 0px; }
#col3 ul.nav li { margin: 0px; padding: 0px; }
#col3 ul.nav li a { border-left: 4px solid #9d948e; color: #7F7A77; display: block; height: 18px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; text-decoration: none; }
#col3 ul.nav li a:hover { border-left: 4px solid #4F4945; color: #4F4945; text-decoration: none; }
#col3 ul.nav li a.active,
#col3 ul.nav li a:hover.active { border-left: 4px solid #4F4945; color: #4F4945; text-decoration: none; }

/* ------------ PORTFOLIO ------------ */
#col2 ul.portfolio { list-style: none; margin: 20px 0px 0px 0px; padding: 0px; }
#col2 ul.portfolio li { margin: 0px; padding: 0px; }
#col2 ul.portfolio li a { background-color: #D3CCC7; border-left: 4px solid #4F4945; color: #4F4945; display: block; height: 26px; line-height: 26px; margin: 6px 0px; padding: 0px 20px 0px 8px; text-decoration: none; }
#col2 ul.portfolio li a:hover { background-color: #4F4945; border-left: 4px solid #4F4945; color: white; text-decoration: none; }
#folioImage { border: 5px solid #D3CCC7; height: 410px; width: 620px; }
#folioImage img { display: none; border: 10px solid white; }
.folioToolBar { background-color: #f3ece7; color: #bab1ac; height: 52px; padding: 8px 0px 0px 0px; width: 630px; }
.folioToolBar h2 { background: none; border: none; color: #7F7A77; font-size: 120%; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; }
.folioToolBar a#prev,
.folioToolBar a#next { background-color: #7F7A77; border: 1px solid #7F7A77; color: white; display: block; float: right; font-size: 10px; padding: 0 3px; text-transform: uppercase; text-decoration: none; width: 35px; }
.folioToolBar a#next { margin-left: 6px; }
.folioToolBar a#prev:hover,
.folioToolBar a#next:hover { background-color: #4F4945; border: 1px solid #4F4945; color: white; }
#projectDetails { background-color: #FFF; color: #9d948e; float: left; height: 340px; filter: alpha(opacity=90); moz-opacity: 0.9; opacity: 0.9; padding: 25px; width: 180px; margin: 15px 0px 0px 15px; position: absolute; z-index: 900; }
#projectDetails img { margin: -10px -30px 0px 0px; _margin: -12px -30px 0px 0px; }
#projectDetails a { color: #9d948e; text-decoration: underline; }

/* ------------ PRESS ------------ */
#col2 ul.press { list-style: none; margin: 20px 0px 0px 0px; overflow: hidden; padding: 0px; width: 625px; }
#col2 ul.press li { display: block; float: left; height: 212px; margin: 0 36px 20px 0; padding: 0; width: 120px; }
#col2 ul.press li a { display: block; height: 212px; text-decoration: none; }
#col2 ul.press li a:hover { color: #635953; text-decoration: none; }

/* ----------- CONTACT FORM ---------- */
#contactForm { background-color: #DBD6D2; margin: 0 0 20px 0; width: 410px; }
#contactForm td { color: #4F4945; font-weight: bold; padding: 10px 10px 10px 10px; }
#contactForm td .formfield { border-right: 3px solid #9d948e; border-top: none; border-left: none; border-bottom: none; color: #333; font-size: 11px; font-weight: normal; padding: 6px; width: 180px; }
#contactForm td .button { margin: 0px 6px 5px 0px; }
#errors { margin-bottom: 10px; }