﻿body
{
    color: #444e57;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    line-height: 16px;
    background: url(/images/layout/top-background.gif) repeat-x;
    background-position: top left;
    margin: auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

div#navigation-bar
{
    display: inline-block;
    height: 52px; width: 962px;
    margin: auto;
    text-align: center;
}

div#left-grad
{
    margin: auto;
    float: left;
    background: url(/images/layout/top-left-grad.gif) no-repeat;
    height: 52px; width: 16px;
}

div#right-grad
{
    margin: auto;
    float: right;
    background: url(/images/layout/top-right-grad.gif) no-repeat;
    height: 52px; width: 16px;
}

div#main
{   
    clear: both;
    position: relative;
    width: 930px; height: 175px;
    margin: auto;
}

div#entertainment-systems
{
    clear:  both;
    position: absolute;
    top: 80px; left: 40px;
    height: 39px; width: 239px;
    background: url(/images/layout/entertainment-systems.png) no-repeat;
}

div#hitech-solutions
{    
    clear:  both;
    position: absolute;
    top: 80px; left: 650px;
    height: 39px; width: 239px;
    background: url(/images/layout/hitech-solutions.png) no-repeat;
}

div#footer
{
    position: relative;
    clear: both;
    background: url(/images/layout/footer-background.gif) repeat;
    width: 100%; height: 35px;
    color: #d5dde5;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    margin: 15px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
}

div#content
{
    width: 900px; height: auto;
    padding: 0px 15px 0px 15px;
    overflow: hidden;
    margin: auto;
    text-align: left;
}

div.three-column
{
    width: 278px; height: auto;
    padding: 10px 10px 10px 10px;
    float: left;
}

div.two-column
{
    width: 556px; height: auto;
    padding: 10px 10px 10px 10px;
    float: left;
}

div.one-column
{
    width: 834px; height: auto;
    padding: 10px 10px 10px 10px;
    float: left;
}

ul
{
    list-style-image: url(/images/bullet.png);
    list-style-type:none;
    list-style-position: outside;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}

ul.padded-top
{
    list-style-image: url(/images/bullet.png);
    list-style-type:none;
    list-style-position: outside;
    margin: 0px 0px 0px 20px;
    padding: 20px 0px 0px 0px; 
}

ul li
{
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    
}

p.padded-top
{
    padding: 10px 0px 0px 0px;
}

div.bottom-border
{
    background-image: url(/images/div-bottom.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 0px 0px 15px 0px;
}

div.call-us
{
    padding: 15px 0px 0px 0px;
    text-align: center;
    margin: auto;
    width: 100%;
}

img
{
    padding: 0px;
    margin: auto;
    border: 0px solid transparent;
    vertical-align: middle;
}

img.project-clip
{
    margin: 0px 0px 0px 0px;
    border: 1px solid #2d724a;
}

div#sidebar-top
{
    width: 264px; height: 10px;
    background: url(/images/sidebar/top.png) no-repeat;
    margin: auto;
    text-align: center;
}

div.sidebar-link
{
    width: 264px; height: 28px;
    padding: 8px 0px 0px 0px;
    background: url(/images/sidebar/link.png) no-repeat;
    margin: auto;
    text-align: center;
}

div.sidebar-link-last
{
    width: 264px; height: 28px;
    padding: 8px 0px 0px 0px;
    background: url(/images/sidebar/link-last.png) no-repeat;
    margin: auto;
    text-align: center;
}

div#sidebar-email
{
    position: relative;
    width: 267px; height: 172px;
    background: url(/images/sidebar/sendemail.png) no-repeat;
    margin: auto;
    text-align: center;
}

input.email-address
{
    position: absolute;
    top: 30px; left: 100px;
    width: 143px; height: 12px;
    padding: 2px 2px 2px 2px;
    font-size: 11px;
    border: 1px solid #28333c;
}

textarea.email-message
{
    position: absolute;
    top: 53px; left: 18px;
    width: 225px; height: 40px;
    padding: 2px 2px 2px 2px;
    font-size: 11px;
    border: 1px solid #28333c;
}

input.send-email
{
    position: absolute;
    top: 106px; left: 174px;
    width: 75px; height: 20px;
    padding: 2px 2px 2px 2px;
    font-size: 10px;
    border: 1px solid #28333c;
}

input.send-email:hover
{
    cursor: pointer;
    background: #ae0000;
    color: White;
}

div.contact-type
{
    float: left;
    width: 33%;
}

div.customer-support-form
{
    clear: both;
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
}

div#solutions-leftside
{
    float: left;
    width: 47%;
}

div#solutions-rightside
{
    float: right;
    width: 47%;
}

table.under-construction
{
    margin: auto;
    border: 1px solid lightGrey;
    width: 90%; height: 75px;
}

td.under-construction
{
    padding: 10px 50px 10px 10px;
    text-align: left;
    vertical-align: top;
    background: url(/images/circuits.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

img.solution
{
    float: left;
    margin: 0px 10px 20px 0px;
}

p.solution
{
    float: right;
    width: 70%;
    margin: 0px 0px 10px 0px;
}

div.solution-full
{
    clear: both;
    display: block;
    width: 100%;
}