body {margin: 0; padding: 0; color: #474747; background: #e8f0f6 url(../img/bg-content.gif) top center repeat-y; font: 70% arial, sans-serif; border-top: 6px solid #8f8f94; }
#home {background-image: url(../img/bg-h-content.gif);}

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;}
hr{height:20px; background: #fff; line-height: 1.5; background: url(../img/sep-doth.gif) 0 10px repeat-x; border:none; clear: both;}

#wrapper {width: 799px; margin: 0 auto;}
#header {background: #fff;}
#header img {display: block;}

#nav {background: #737578; height: 19px; padding: 8px 0 0 250px;}
#nav ul, #nav ul li {margin: 0; padding: 0; list-style: none; position: relative;}
#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 16px 10px; float: left;}
#nav a:hover, #nav li:hover a {color: #000;}

#nav ul ul {position: absolute; top: 19px; left: 0; z-index: 1000; width: 140px; background: #bcc0c3; border: 1px solid #e6e7ec; border-width: 1px 1px 0; display: none;}
#nav ul ul li {border-left: 0; height: auto; float: none;}
#nav ul ul li a {padding: 6px 8px; color: #260f29; float: none; display: block; border-bottom: 1px solid #e6e7ec;}
#nav ul ul li a:hover {background: #d7dadc;}


#banner {display: block;}

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

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

#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; margin: 0 0 3em;}
#home .readmore:hover {background-position: 0 -19px;}

#content .copy, #description {float: left; width: 320px;}
#content .copy h3{margin-top: 0px;}
#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: 120%; 
    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_wrapper {left: -251px;}
* html #home #sidebar_wrapper {left: 14px;}
#sidebar_wrapper {position: absolute; top: 26px; left: 14px; z-index: 1000; width: 204px; }
#home #sidebar_wrapper {top: 18px;}
#sidebar_wrapper div {background: url(../img/bg-sidebar.gif) bottom no-repeat; padding: 0 1px 12px; border-width: 1px 1px 0; margin-bottom: 14px; border-top: 1px solid #e6e6eb;}
* html #sidebar_wrapper h3 {font-size: 110%;}
#sidebar_wrapper h3 {padding: 8px 13px; margin: 0 0 7px; color: #fff; background: #8f8f94; border-bottom: 1px solid #e6e6eb;}
#sidebar_wrapper ul, #sidebar_wrapper ul li {margin: 0; padding: 0; list-style: none;}
#sidebar_wrapper ul {border-bottom: 1px solid #e6e6eb;}
#sidebar_wrapper ul li {border-top: 1px solid #e6e6eb; background: url(../img/li-blue.gif) 5px 9px no-repeat; padding: 5px 0 4px 14px;}
#sidebar_wrapper a {color: #000; text-decoration: none;}
#sidebar_wrapper a:hover {color: #fff;}
#sidebar_wrapper p {border: 1px solid #e6e6eb; border-width: 1px 0; padding: 6px 14px; margin: 7px 0 0; line-height: 1.5;}
#sidebar_wrapper ul li.current a {color: #fff;}

.archived {background: #dbddde; padding: .1em 1em .4em; color: #888;}
.archived a {color: #888;}

/* 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%; color: #fff; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; padding: 6px 0; background: #8f8f94;}

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

#newsbox .header, #blog .header{font-size: 120%; font-weight: bold;}
#newsbox .author, #blog .author{font-size: 100%; font-weight: normal; margin-bottom: 14px;}
#newsbox .link, #blog .link {margin-top: 15px;}

.read_more{font-size: 90%; margin-left: 3px;}

#home #content #newsbox {clear: both; width: 494px; float: none; padding: 0 13px; margin-right: 10px; overflow: auto; background: #e8f0f6 url(../img/sep-doth.gif) 0 34px repeat-x; border: 1px solid #c3d4e1;}
#newsbox img {float: left; margin: 10px 10px 5px 0; width: 155px; border: 1px solid #c3d4e1;}
#home #content #newsbox div {width: auto; margin: 0; padding: 0;}
#newsbox .author {margin-bottom: 6px !important;}
#newsbox h3 {padding: 8px 0; margin: 0 0 7px; color: #0e4172; text-transform: uppercase;}
#newsbox h3 a {color: #0e4172; text-decoration: none;}
#newsbox hr {margin: 0 -13px;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #footer {position: relative;}
}

@media only screen and (max-device-width: 480px) {
    #footer {position: relative;}
}

@media only screen and (max-device-height: 500px) {
    #footer {position: relative;}
}