body {margin: 0; padding: 0; color: #474747; background: #f8f8f8; font: 70% arial, sans-serif;}

a {color: #0e4172; outline: none;}
a:visited {color: #000;}
a:hover {color: #007308;}
img {border: 0;}
p {margin: 0 0 8px;}
h1 {color: #214f26; font-family: arial, sans-serif; font-size: 200%; margin: 20px 0 20px;}

#wrapper {width: 799px; border: 1px solid #dcdcdc; border-width: 6px 1px 1px 0; border-top-color: #737578; background: url(../img/bg-content.gif) repeat-y;}
#home #wrapper {border-top-color: #c1c3c5; background-image: url(../img/bg-h-content.gif);}
#header {background: #fff;}
#header img {display: block;}

#nav {background: #737578; height: 19px; padding: 8px 0 0 250px; border: 1px solid #c1c3c5; border-width: 16px 0 2px;}
#home #nav {border-width: 0;}
#nav ul, #nav ul li {margin: 0; padding: 0; list-style: none;}
#nav ul li {border-left: 1px solid #fff; height: 19px; float: left;}
#nav ul li.first {border-left: 0;}
#nav a {color: #fff; text-decoration: none; padding: 0 18px; float: left;}
#nav a:hover {color: #000;}

#banner {display: block; border: 2px solid #f8f8f8; border-width: 2px 0;}

* html #home #contentwrapper {height: 280px;}

#contentwrapper {
    position: relative; 
    min-height: 280px; 
    padding-bottom: 80px; 
    overflow: auto;
}
#home #contentwrapper {background-image: none;}

#contact #content {height: 100%; background-position: 0 61px;}
#content {margin-left: 265px; line-height: 1.5; background: url(../img/sep-doth.gif) 0 61px repeat-x; overflow: auto; height: 100%; position: relative;}
#home #content {background-position: 0 65px;}

#home #content h2 {margin: 18px 0 25px; font: 240% normal; color: #007308; text-indent: -4000px; width: 136px; height: 29px;}
#home #content div {width: 168px; float: left; margin-right: 10px; padding-left: 2px;}
#home #content .column1 h2 {background: url(../img/h-hd-internet.gif) no-repeat;}
#home #content .column2 h2 {background: url(../img/h-hd-software.gif) no-repeat;}
#home #content .column3 h2 {background: url(../img/h-hd-consulting.gif) no-repeat;}
#home #content .column3 {margin-right: 0;}
#home .readmore {display: block; width: 87px; height: 19px; text-indent: -4000px; background: url(../img/bt-readmore.gif) no-repeat;}
#home .readmore:hover {background-position: 0 -19px;}

#content .copy, #description {float: left; width: 320px;}
#description {margin-top: 10px;}
* html #content .testimonial {margin-right: 5px;}
#content .testimonial {
    float: right; 
    width: 180px; 
    margin-right: 15px; 
    color: #999; 
    font-weight: bold; 
    font-style: italic; 
    font-family: times, serif; 
    font-size: 140%; 
    padding-top: 0px;
    padding-bottom: 210px;
    background: url(../img/ph-cogs.jpg) bottom right no-repeat;
    
    }
#content .testimonial .attr {font-style: normal; line-height: normal;}
#details {float: right; width: 180px; margin: 10px 15px 0 0;}
#details ul, #details ul li {margin: 0; padding: 0; list-style: none;}
#details ul {margin-top: -6px;}
#details ul li {background: url(../img/li-blue.gif) 0 6px no-repeat; padding: 0 0 0 10px; margin: 0 0 2px 4px;}

#screenshots {width: 513px; border: 1px solid #fff; background: #85858b;}
#screenshots div {margin: 1px 1px 0; padding: 15px 14px 8px; color: #fff; font-weight: bold; font-size: 110%; visibility: hidden; display: none;}
#screenshots div img {display: block; margin-bottom: 8px; border: 1px solid #fff;}

#views {width: 485px; border-left: 1px solid #fff; background: #bdbfc3 url(../img/bg-views.gif) bottom right no-repeat; padding: 2px 14px; color: #51525b; font-weight: bold; font-size: 110%; display: none;}
#views a {color: #51525b; text-decoration: none; padding: 0 5px;}
#views a:hover {color: #f1f1f1;}
#views a.current {color: #fff;}

* html #sidebar {left: -251px;}
* html #home #sidebar {left: 14px;}
#sidebar {position: absolute; top: 26px; left: 14px; z-index: 1000; width: 202px; border-top: 1px solid #e6e6eb; padding: 0 1px 12px; background: url(../img/bg-sidebar.gif) bottom no-repeat;}
#home #sidebar {top: 18px;}
* html #sidebar h3 {font-size: 110%;}
#sidebar h3 {padding: 8px 13px; margin: 0 0 7px; color: #fff; background: #8f8f94; border-bottom: 1px solid #e6e6eb;}
#sidebar ul, #sidebar ul li {margin: 0; padding: 0; list-style: none;}
#sidebar ul {border-bottom: 1px solid #e6e6eb;}
#sidebar ul li {border-top: 1px solid #e6e6eb; background: url(../img/li-blue.gif) 5px 9px no-repeat; padding: 5px 0 4px 14px;}
#sidebar a {color: #000; text-decoration: none;}
#sidebar a:hover {color: #fff;}
#sidebar p {border: 1px solid #e6e6eb; border-width: 1px 0; padding: 14px; line-height: 1.5;}

/* info / error messages */
.info_message {width: 59%; padding: 8px 8px 8px 50px; margin: 8px 0 24px; border: 1px solid #214f26; color: #214f26; background: #f0f5f1 url(/img/ic-info.gif) 8px 8px no-repeat; clear: both; text-align: left;}
.error_message {width: 59%; padding: 8px 8px 8px 50px; margin: 8px 0 24px; border: 1px solid #ca5c15; color: #ca5c15; background: #fbf4f0 url(/img/ic-error.gif) 8px 8px no-repeat; clear: both; text-align: left;}

* html fieldset {margin-top: 20px;}
form {width: 70%; margin: 0; padding: 0; position: relative; }
fieldset {margin: 0; padding: 18px 2px 0 16px; border: 1px solid #214f26; background-color: #dcdcdc;}
input, textarea {font-size: 100%; font-family: verdana, sans-serif; color: #474747; border: 1px solid #bbbeca;}
form legend {font-weight: bold; padding: 4px 8px; margin: 0; color: #fff; position: absolute; top: -16px; left: 8px; background-color: #214f26; border: 1px solid #214f26;}
form .required {font-weight: bold; color: #214f26;}
form div label {float: left; width: 25%;}
form input {display: block; margin-bottom: 8px; width: 70%;}
form textarea {display: block; margin-bottom: 8px; width: 96%; height: 100px;}
form .button {float: right; margin: 8px; width: auto; color: #fff; background-color: #214f26; border-color: #214f26;}

#footer {font-size: 90%; width: 799px; margin: 4px 0; color: #666; text-align: center;}

h2.highlights{
    visibility: hidden;
    display: none;
}