html, body { background:#747679; margin:0; padding:0; font-family:Arial; font-size:12px; line-height:18px; color:#cac9c7; }
h1 { font-family:Arial; font-size:12px; font-weight:bold; line-height:18px; color:#cac9c7; margin:0; padding:0; }
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }
ul { margin-left:0; padding-left:20px; }
ul li { padding:2px 0; }
ul.arrow { list-style-type:none; list-style-image:url(../images/arrow.png); }
#container { width:1150px; height:550px; background:#4d4e53 url(../images/container_bg.png) no-repeat; border:solid 1px #afafaf; position:absolute; top:50%; left:50%; margin:-275px 0 auto -575px; }
#menu { position:absolute; left:400px; top:92px; width:604px; height:21px; }
.clear { clear:both; }
.cols2 { margin:184px 0 0 60px;  }
.cols2 .col1 { float:left; width:316px; margin-top:10px; }
.cols2 .col2 { float:left; width:706px; margin-left:30px; }
.cols3 { margin:184px 0 0 60px;  }
.cols3 .col1 { float:left; width:316px; margin-top:10px; }
.cols3 .col2 { float:left; width:290px; margin-top:10px;  margin-left:20px; }
.cols3 .col3 { float:left; width:406px; margin-left:20px; }
#footer { position:absolute; width:700px; bottom:12px; right:42px; color:#b2b2b2; font-size:10px; }
#footer .copyright { float:left; }
#footer .links { float:right; }
.tighter { line-height:15px; }
.tightest { line-height:12px; }
.tightest p { margin:0; padding:0; }
.tightest h1 { margin-top:10px; }
.tightest ul { padding-left:15px; margin-top:0; }
.tightest ul li { padding:0 0; }
.yellow { color:#fee000; }
.green { color:#8dc63f; }
.white { color:#fff; }
.form { margin:204px 0 0 280px; }
.form .field { margin:20px 0; height:30px; }
.form .field .label { float:left; width:180px; text-align:right; line-height:22px; margin-right:12px; }
.form .field input.text { float:left; width:200px; height:22px; }
.form .field .buttons { width:398px; text-align:right; }
.form .field .buttons .button { font-family:Arial; font-size:12px; font-weight:bold; line-height:18px; color:#f0f0f0; background:#808084; border:solid 2px #f0f0f0; padding:3px 8px; }
.form .field .buttons .button:hover { color:#fff; border:solid 2px #fff; }
.gallery { margin:184px 0 0 60px; }
.gallery .col1 { float:left; width:346px; margin-top:10px; }
.gallery .col1 ul { float:left; width:155px; margin-left:15px; padding-left:0; list-style-type:none; list-style-image:url(../images/arrow.png); padding:0 0; }
.gallery .col1 ul li { padding:2px 0; line-height:13px; }
.gallery .col1 ul li a { color:#cac9c7; }
.gallery .col1 ul li a:hover { color:#fff; }
.gallery .col1 ul li a.active { color:#fff; }
.gallery .col2 { float:left; width:681px; height:306px; margin-left:30px; background:url(../images/gallery_bg.png) no-repeat; }
.gallery .col2 .locations { float:left; width:160px; padding:10px; }
.gallery .col2 .locations .label { float:left; width:70px; }
.gallery .col2 .locations .detail { float:left; width:90px; font-size:10px; }
.gallery .col2 .photo { float:left; width:496px; margin-top:5px; }
.gallery .col2 .photo .coming-soon { width:486px; height:259px; padding:10px 0 0 10px; }
.gallery .col2 .photo img { width:496px; height:269px; }
.gallery .col2 .photo .bottom { line-height:28px; padding:0 10px; }
.gallery .col2 .photo .bottom .name { float:left; color:#fff; font-weight:bold; }
.gallery .col2 .photo .bottom .nav { float:right; font-size:11px; }
.gallery .col2 .photo .bottom .nav a { color:#fff; text-decoration:none; cursor:default; }
.gallery .col2 .photo .bottom .nav a:hover { text-decoration:none; }
.gallery .col2 .photo .bottom .nav a.active { color:#8dc63f; text-decoration:none; cursor:pointer; }
.gallery .col2 .photo .bottom .nav a.active:hover { text-decoration:underline; }


#menu a { display:block; float:left; height:16px; }
.menu-home { width:52px; background:url(../images/menu/home.png) no-repeat 0 0; }
.menu-about { width:79px; background:url(../images/menu/about.png) no-repeat 0 0; }
.menu-services { width:74px; background:url(../images/menu/services.png) no-repeat 0 0; }
.menu-green { width:64px; background:url(../images/menu/green.png) no-repeat 0 0; }
.menu-gallery { width:67px; background:url(../images/menu/gallery.png) no-repeat 0 0; }
.menu-associations { width:99px; background:url(../images/menu/associations.png) no-repeat 0 0; }
.menu-contact { width:90px; background:url(../images/menu/contact.png) no-repeat 0 0; }
.menu-ftp { width:78px; background:url(../images/menu/ftp.png) no-repeat 0 0; }
/*
.menu-contracting { width:124px; background:url(../images/menu/contracting.png) no-repeat 0 0; }
.menu-pm { width:136px; background:url(../images/menu/pm.png) no-repeat 0 0; }
.menu-design{ width:88px; background:url(../images/menu/design.png) no-repeat 0 0; }
*/
.menu-contracting { width:116px; background:url(../images/menu/contracting.png) no-repeat 0 0; }
.menu-pm { width:119px; background:url(../images/menu/pm.png) no-repeat 0 0; }
.menu-design{ width:75px; background:url(../images/menu/design.png) no-repeat 0 0; }

#menu a:hover { background-position:0px -16px; }
#menu a.active { background-position:0px -16px; }
#menu .submenu { padding-top:3px; }
#menu .submenu a { height:14px; background-position:0px -2px; clear:left; margin:2px 0; }
#menu .submenu a:hover { background-position:0px -16px; }
#menu .submenu a.active { background-position:0px -16px; }