* { margin: 0; padding: 0; }
body { width: 100%; background: #003C46; color: #666; font: 12px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; }

h1.custom_development { width: 250px; height: 43px; background: url(/images/header_custom_development.gif) no-repeat 0 0; text-indent: -9999px; }
h1.tool_kits { width: 250px; height: 43px; background: url(/images/header_tool_kits.gif) no-repeat 0 0; text-indent: -9999px; }
h1.hosting { width: 250px; height: 43px; background: url(/images/header_hosting_solutions.gif) no-repeat 0 0; text-indent: -9999px; }
h1.about { margin-bottom: 5px; width: 490px; height: 40px; background: url(/images/header_about.gif) no-repeat 0 0; text-indent: -9999px; }
h1.services { margin-bottom: 5px; width: 490px; height: 40px; background: url(/images/header_services.gif) no-repeat 0 0; text-indent: -9999px; }
h1.cases { margin-bottom: 5px; width: 490px; height: 40px; background: url(/images/header_cases.gif) no-repeat 0 0; text-indent: -9999px; }
h1.portfolio { margin-bottom: 5px; width: 490px; height: 40px; background: url(/images/header_portfolio.gif) no-repeat 0 0; text-indent: -9999px; }
h1.contact { margin-bottom: 5px; width: 490px; height: 40px; background: url(/images/header_contact.gif) no-repeat 0 0; text-indent: -9999px; }
h1.news { margin-bottom: 5px; width: 490px; height: 40px; background: url(/images/header_news.gif) no-repeat 0 0; text-indent: -9999px; }
h2.welcome { margin-bottom: 5px; width: 490px; height: 40px; background: url(/images/header_welcome.gif) no-repeat 0 0; text-indent: -9999px; }
h2.news { margin-bottom: 10px; width: 240px; height: 33px; background: url(/images/header_news.png) no-repeat 0 0; text-indent: -9999px; }
h3 { margin-bottom: 10px; font: 14px Verdana, Arial, Helvetica, sans-serif; color: #003c46; }

strong { color: #003c46; }
a { outline: none; }

/* HEADER & NAV RULES */
#header_wrap { padding: 0 0 25px 0; width: 100%; background: #fff; }
#blue_bar { width: 100%; height: 5px; display: block; background: #003c46; }

#header { margin: 0 auto; padding: 0 5px; width: 760px; height: 77px; }
#header h1 { display: inline; text-indent: -9999px; }
#header h1 a { width: 316px; height: 87px; display: block; float: left; background: url(/images/logo.gif) no-repeat 0 0; }
#header ul { width: 444px; display: inline; float: right; list-style-type: none; }
#header ul li { display: block; float: left; }
#header ul li a { width: 74px; height: 87px; display: block; text-indent: -9999px; }
#header ul li a:hover { background-position: 0 -87px; }
#header ul li a.selected { background-position: 0 -174px; }

a#home { background: url(/images/nav_home.gif) no-repeat 0 0; }
a#about { background: url(/images/nav_about.gif) no-repeat 0 0; }
a#services { background: url(/images/nav_services.gif) no-repeat 0 0; }
a#portfolio { background: url(/images/nav_portfolio.gif) no-repeat 0 0; }
a#cases { background: url(/images/nav_cases.gif) no-repeat 0 0; }
a#contact { background: url(/images/nav_contact.gif) no-repeat 0 0; }
a#logo { width: 316px; display: inline; float: left; }
a img { border: none; }

/* FEATURED AREA RULES */
#featured_wrap { width: 100%; height: 277px; background: #007e93; }
#featured { margin: 0 auto; padding: 5px 0 5px 5px; width: 765px; }
.box { margin: 0 5px 0 0; width: 250px; height: 268px; float: left; background: url(/images/white_stripes_over_aqua.gif) repeat 0 0; }
.box img { margin: 0 10px 10px 10px; display: block; border: 1px solid #007e93; }
.box p { margin: 0 10px; color: #fff; line-height: 20px; }
.box a { color: #fff; }
.box a:hover { text-decoration: none; }

/* CONTENT AREA RULES */
#home_outer_wrap { padding: 15px 0; width: 100%; background: #fff; }
#content_outer_wrap { padding: 0 0 15px 0; width: 100%; background: #fff; }
#content_wrap { margin: 0 auto; padding: 0 5px; width: 760px; }

#content_left { margin-right: 30px; width: 490px; display: inline; float: left; }
#content_left p { margin-bottom: 15px; line-height: 21px; }
#content_left a { color: #003c46; }
#content_left a:hover { text-decoration: none; }
#content_left hr { margin: 15px 0; width: 490px; height: 1px; background: url(/images/hr.gif) repeat-x 0 0; border: none; }
#content_left blockquote { padding: 15px; color: #888; background: #eeeeee; font: 13px Georgia, "Times New Roman", Times, serif; border: 1px solid #d6dcdd; line-height: 22px; }
#content_left blockquote p { margin-bottom: 0; }
#content_left blockquote .quotee { text-align: right; }

#content_left .service_list { width: 490px; display: block; list-style-type: none; }
#content_left .service_list li { margin: 0 5px 5px 0; display: block; float: left; text-align: center; }
#content_left .service_list li a { padding: 8px 5px 5px 5px; width: 150px; height: 17px; display: block; font-size: 12px;  background: url(/images/white_stripes_over_aqua.gif) repeat 0 0; color: #fff; text-decoration: none; cursor: pointer; }
#content_left .service_list li a:hover { background: #007e93; }
#content_left .service_list .last { margin-right: 0; }
#content_left #service_info { margin-top: 10px; }
#content_left #service_info a.close { padding: 2px 3px; display: block; color: #fff; background: #003c46; float: right; font-size: 12px; cursor: pointer; }

#content_left .portfolio_wrap { margin-bottom: 5px; display: block; }
#content_left .portfolio_wrap a { margin-right: 5px; width: 160px; height: 160px; display: block; float: left; background: #003c46; cursor: pointer; }
#content_left .portfolio_wrap a img { margin: 5px; border: none; }
#content_left .portfolio_wrap .last, #content_left .portfolio_info .last { margin-right: 0; }
#content_left .portfolio_wrap br { clear: left; }
#content_left .portfolio_info { margin-bottom: 5px; width: 490px; display: block; }
#content_left .portfolio_info p { margin: 0 5px 0 0; padding: 5px; width: 150px; display: block; background: #fff; float: left; font-size: 12px; line-height: 16px; }
#content_left .portfolio_info p span { color: #007e93; }
#content_left .portfolio_info a { cursor: pointer; }
#content_left .portfolio_info a.close { padding: 0 3px; display: block; color: #fff; background: #003c46; float: right; font-size: 12px; }

#content_left .case { margin-bottom: 5px; padding-bottom: 10px; width: 490px; background: url(/images/white_stripes_over_aqua.gif) repeat 0 0; }
#content_left .case h3 { margin-bottom: 0; padding: 10px; font: 15px Verdana, Arial, Helvetica, sans-serif; }
#content_left .case h3 a { color: #fff; text-decoration: none; }
#content_left .case h3 a:hover { color: #003c46; }
#content_left .case p { margin: 0 10px; color: #fff; line-height: 20px; }
#content_left .case strong { color: #fff; }
#content_left .case img { margin: 10px 10px 0 10px; float: right; border: 1px solid #007e93; }
#content_left .case a { color: #fff; }
#content_left .case a:hover { text-decoration: none; }
#content_left #case_detail .beauty_shot { margin-bottom: 10px; padding: 5px; width: 480px; display: block; background: url(/images/white_stripes_over_aqua.gif) repeat 0 0; }

#content_left .news_story a { color: #007e93; font-weight: bold; text-decoration: none; }
#content_left .news_story a:hover { text-decoration: underline; }

#content_left .pagination { color: #003c46; float: right; }
#content_left .pagination a { padding: 2px 3px; color: #fff; background: #003c46; font-size: 9px; text-decoration: none; }

#content_left .left { width: 245px; float: left; }
#content_left .right { width: 245px; float: right; }
#content_left label { margin-bottom: 5px; display: block; color: #003c46; }
#content_left input { margin-bottom: 5px; padding: 4px; width: 480px; height: 15px; border: 1px solid #003c46; color: #666; background: url(/images/blue_stripes_over_white.gif) repeat 0 0; font: 12px Verdana, Arial, Helvetica, sans-serif; }
#content_left textarea { margin-bottom: 10px; padding: 4px; width: 480px; height: 90px; border: 1px solid #003c46; color: #666; background: url(/images/blue_stripes_over_white.gif) repeat 0 0; font: 12px Verdana, Arial, Helvetica, sans-serif; }
#content_left #city, #content_left #state { margin-right: 10px; width: 165px; } 
#content_left #zip { width: 110px; }
#content_left #button { width: 60px; height: 25px; color: #fff; background: #003c46; border: none; }

#content_right { padding-bottom: 10px; width: 240px; display: inline; float: right; font-size: 10px; background: url(/images/blue_stripes_over_white.gif) repeat 0 0; color: #555; }
#content_right strong { color: #007e93; }
#content_right p { margin: 0 10px; line-height: 18px; }
#content_right a { color: #007e93; }
#content_right a:hover { text-decoration: none; }
#content_right hr { margin: 15px 10px; width: 220px; height: 1px; color: #aaa; background: #aaa; border: none; }
#content_right a.button { padding: 2px 6px; float: right; color: #003c46; background: #fff; border: 1px solid #003c46; text-decoration: none; }
#content_right a.button:hover { color: #fff; background: #003c46; }

/* FOOTER RULES */
#footer_wrap { width: 100%; height: 140px; background: url(/images/footer_bg.gif) repeat-x 0 0; color:#FFF; }
#footer_wrap a { color: #FFF; text-decoration: none; }
#footer_wrap a:hover { text-decoration: underline; }
#footer_wrap span { margin: 0 10px; }
#footer { margin: 0 auto; padding: 40px 5px 0 5px; width: 760px; text-align: center; }
#footer p { margin: 0 0 15px 0; }

/* MISC SITE WIDE RULES */
.clear { clear: both; }