body { text-align: center; background: url(background.gif) repeat-x; padding: 0px; margin: 0px; }
div#page { background: #ffffff; overflow: hidden; text-align: left; font-family: "helvetica", sans-serif; margin: 30px auto auto auto; font-size: 12px; width: 955px; padding: 0px 5px 0px 5px; }
div.hr { height: 2px; background: url(ruler.gif) repeat-x; padding: 0px; margin: 0px; }
div.hr hr { display: none; padding: 0px; margin: 0px; }
div.content { width: 955px; display: table; padding: 0px; margin: 0px; }

div#witty { color: #008c98; width: 853px; height: 59px; text-align: right; margin: -59px 0px 10px 102px; padding: 8px 0px 0px 0px; }
div#header ul { line-height: 0px; list-style: none; padding: 0px; margin: 3px 0px 3px 0px; display: block; height:36px; }
div#header h1 { text-indent: -9999px; height: 59px; width: 87px; background: url(logo.gif) no-repeat; margin: 0px; padding: 0px; }
div#header h2 { font-size: 16px; margin: 0px; padding: 0px; }
div#header h3 { font-size: 12px; margin: 3px 0px 0px 0px; padding: 0px; }
div#header ul li a#nav_home { background: url(nav_home_blue.gif) no-repeat; }
div#header ul li a#nav_home:hover { background: url(nav_home_black.gif) no-repeat; }
div#header ul li a#nav_home.active { background: url(nav_home_black.gif) no-repeat; }
div#header ul li a#nav_home.active:hover { background: url(nav_home_blue.gif) no-repeat; }
div#header ul li a#nav_about_us { background: url(nav_about_us_blue.gif) no-repeat; }
div#header ul li a#nav_about_us:hover { background: url(nav_about_us_black.gif) no-repeat; }
div#header ul li a#nav_about_us.active { background: url(nav_about_us_black.gif) no-repeat; }
div#header ul li a#nav_about_us.active:hover { background: url(nav_about_us_blue.gif) no-repeat; }
div#header ul li a#nav_partners { background: url(nav_partners_blue.gif) no-repeat; }
div#header ul li a#nav_partners:hover { background: url(nav_partners_black.gif) no-repeat; }
div#header ul li a#nav_partners.active { background: url(nav_partners_black.gif) no-repeat; }
div#header ul li a#nav_partners.active:hover { background: url(nav_partners_blue.gif) no-repeat; }
div#header ul li a#nav_philosophy { background: url(nav_philosophy_blue.gif) no-repeat; }
div#header ul li a#nav_philosophy:hover { background: url(nav_philosophy_black.gif) no-repeat; }
div#header ul li a#nav_philosophy.active { background: url(nav_philosophy_black.gif) no-repeat; }
div#header ul li a#nav_philosophy.active:hover { background: url(nav_philosophy_blue.gif) no-repeat; }
div#header ul li a#nav_services { background: url(nav_services_blue.gif) no-repeat; }
div#header ul li a#nav_services:hover { background: url(nav_services_black.gif) no-repeat; }
div#header ul li a#nav_services.active { background: url(nav_services_black.gif) no-repeat; }
div#header ul li a#nav_services.active:hover { background: url(nav_services_blue.gif) no-repeat; }
div#header ul li a#nav_portfolio { background: url(nav_portfolio_blue.gif) no-repeat; }
div#header ul li a#nav_portfolio:hover { background: url(nav_portfolio_black.gif) no-repeat; }
div#header ul li a#nav_portfolio.active { background: url(nav_portfolio_black.gif) no-repeat; }
div#header ul li a#nav_portfolio.active:hover { background: url(nav_portfolio_blue.gif) no-repeat; }
div#header ul li a#nav_careers { background: url(nav_careers_blue.gif) no-repeat; }
div#header ul li a#nav_careers:hover { background: url(nav_careers_black.gif) no-repeat; }
div#header ul li a#nav_careers.active { background: url(nav_careers_black.gif) no-repeat; }
div#header ul li a#nav_careers.active:hover { background: url(nav_careers_blue.gif) no-repeat; }
div#header ul li a#nav_contact { background: url(nav_contact_blue.gif) no-repeat; }
div#header ul li a#nav_contact:hover { background: url(nav_contact_black.gif) no-repeat; }
div#header ul li a#nav_contact.active { background: url(nav_contact_black.gif) no-repeat; }
div#header ul li a#nav_contact.active:hover { background: url(nav_contact_blue.gif) no-repeat; }
div#header ul li a#nav_contact { margin: 0px; }
div#header ul li a { float:left; width: 115px; height: 36px; text-indent: -9999px; display: block; margin: 0px 5px 0px 0px; }

div#footer { color: #185086; font-weight: bold; }
div#footer ul { list-style: none; width: 465px; padding: 0px; margin: 10px auto 0px auto; }
div#footer ul li { float: left; margin: 0px 5px 0px 0px; }
div#footer ul li#first a { background: none; }
div#footer ul li a { text-decoration: none; color: #185086; text-transform: lowercase; padding: 0px 0px 0px 5px; display: block; background: url(marker.gif) no-repeat left; }
div#footer ul li a:hover { text-decoration: underline; }
div#footer p { text-align: center; width: 650px; margin: 0px auto 2px auto; }
div#footer div#liner br { line-height: 1px; }

div#left_col { float: left; width: 175px; margin: 0px; padding: 0px 2px 0px 0px; background: url(vertical.gif) repeat-y right; }
div#left_col ul { display: block; list-style: none; margin: 0px; padding: 32px 0px 0px 0px; text-align: right; }
div#left_col ul li { display: block; font-weight: bold; height: 44px; margin: 0px 0px -10px 0px; padding: 4px 0px 4px 0px; text-align: right; background: url(item.gif) repeat-x;}
div#left_col ul li a { display: block; width: 163px; height: 12px; margin: 0px; padding: 16px 10px 8px 0px; text-decoration: none; color: #000000; }
div#left_col ul li.active a { background: #185086; color: #ffffff; }
div#left_col ul li a:hover { background: #185086; color: #ffffff; }
div#left_col img { margin-top: 5px; margin-bottom: 5px; }

div#right_col { float: left; width: 765px; margin: 0px 0px 0px -2px; padding: 0px 0px 10px 10px; background: url(vertical.gif) repeat-y left; }
div#right_col h2 { color: #008c98; font-size: 16px; margin: 0px 0px 0px -10px; padding: 0px 0px 0px 10px; width: 765px; line-height: 34px; background: url(ruler.gif) repeat-x bottom; }

div#portfolio div.images img { border: 1px #000000 solid; }

div#home table { margin: 5px 0px 5px 0px; width: 955px; border-collapse: collapse; border-spacing: 0px; }
div#home table td.last img { padding-right: 0px; }
div#home img#green { width: 200px; height: 135px; }
div#home img#h_banner { width: 745px; height: 135px; }
div#home img#gray { width: 337px; height: 124px; display: block;  margin-bottom: 6px; padding: 0px; }
div#home img#three { width: 337px; height: 170px; }
div#home img#one,  div#home img#two, div#home img#four { width: 200px; height: 300px; }
div#home table td { vertical-align: top; margin: 0px; padding: 0px; border: none; line-height: 0px; }

div#portfolio  { margin-bottom: 10px; }
h1.banner { text-indent: -9999px; height: 115px; width: 955px; background: url(banner.jpg) no-repeat; margin: 3px 0px 3px 0px; padding: 0px; }

div#contact_us th { text-align: right; width: 100px; }
div#contact_us td { padding-left: 10px; }
div#contact_us tr#message_row th { vertical-align: top; }
div#contact_us input#submit { float: right; clear: left; margin: 10px 0px 10px 0px; }
div#contact_us span { background-color: #FFFFFF; color: #FF0000; font-weight: bold; margin-left: 10px; }
div#contact_us span#message_msg { display: block; margin: 5px 0px 0px 0px; }

div#contact_us .gray { color: #000000; background-color: #F0F0F0; border: solid 1px #000000; }
div#contact_us .white { color: #000000; background-color: #FFFFFF; border: solid 1px #000000; }
div#contact_us .red { color: #000000; background-color: #FFFFFF; border: solid 1px #FF0000; }