#container {
    background-color: #fff;
    background-image: none;
    margin: 320px 0 0 0;
    width: 760px;    
    }

li {
    background-color: #fff;
    background: url("/images/bullet.gif") 5px 6px no-repeat;
    margin: 0 0 0 5px;
    padding: 1px 0 1px 15px;
    }
    
/* =BANNER ELEMENTS
******************************/

#banner .marketing-message {
    color: #fff; 
    display: block;
    font: 20px Arial, sans-serif;
    line-height: 22px;
    margin: 0 0 0 10px;
    position: absolute;
    top: 250px;
    width: 380px;
    }

#banner img {
    margin: 0;
    padding: 0;
    }

#banner .marketing-image {
    background: url("/images/banner-1.gif") no-repeat;
    display: block;
    float: left;
    height: 181px;
    width: 280px;
    }

#banner .calls-to-action {
    background: url("/images/banner-3.gif") no-repeat;
    color: #fff;    
    display: block;
    float: left;
    height: 181px;
    padding: 0 0 0 35px;
    width: 182px;
    }

#banner .calls-to-action .phone {
    display: block;
    margin: 50px 0 0 0;
    }

#banner .calls-to-action .email a, #banner .calls-to-action .quote a {
    clear: both;
    color: #fff;
    display: block;
    float: left;
    font: 17px Arial, sans-serif;
    padding: 0 0 0 13px;
    text-decoration: none;
    width: 169px;
    }

#banner .calls-to-action .email a {
    margin: 21px 0 0 0;
    }
#banner .calls-to-action .quote a {
    margin: 10px 0 0 0;
    }
.UAmac #banner .calls-to-action .quote a {
    float: left;
    margin: 51px 0 0 0;
    }
.UAsafari #banner .calls-to-action .quote a { 
    padding: 8px 0 0 13px;
    }
.UAgecko #banner .calls-to-action .quote a {
    margin: 50px 0 0;
    } 

#banner .calls-to-action .email a:hover, #banner .calls-to-action .quote a:hover {
    color: #AE100C;    
    }    

/* =LEFT ELEMENTS
******************************/
#left {
    margin: 0;
    width: 200px;
    }

#left .box {
    background-color: #fff;
    border-top: 1px solid #595959;
    border-left: 1px solid #595959;
    border-right: 1px solid #595959;
    border-bottom: 10px solid #808080;
    display: block;
    float: left;
    font-size: .85em;
    margin: 0 0 20px 0; 
    padding: 10px;
    width: 158px;
    }

#left .header a {
    background-color: #808080;
    clear: both;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 19px;
    padding: 3px 0 3px 5px;
    text-decoration: none;
    width: 175px;
    }

#left .header a:hover {
    background-color: #ae100c;
    }


/* =MAIN ELEMENTS
******************************/
#main {
    display: block;
    float: right;
    font-size: .85em;
    margin: 0;
    padding: 35px 20px 0 0;
    width: 520px;
    }

#main .header a {
    background-color: #3d3d3d;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 19px;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
    padding: 3px 0 3px 5px;
    text-decoration: none;
    }

.UAiemac #main .header a {
    width: 280px;
    }
.UAmac #main .header a {
    float: left;
    margin: 0 0 15px;
    width: 310px;
    }

#main .header a:hover {
    background-color: #ae100c;
    }

#main .certifications {
    background-color: #fff;
    clear: left;
    display: block;
    float: left;
    font-size: .80em;
    margin: 0 0 0 320px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 342px;
    width: 180px;
    z-index: 9;
    }

#main .certifications img {
    float: left;
    margin: 0;
    padding: 0;
    }

/* =MAIN - LEFT COLUMN
*******************************/
#main .left {
    display: block;
    float: left;
    width: 260px;
    }

.UAmac #main .left {
    width: 250px;
    }

/* =MAIN - RIGHT COLUMN
********************************/
#main .right {
    display: block;
    float: right;
    width: 260px;
    }

#main .right .box {
    border: 1px solid #595959;
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 248px;
    }

#main .right .header {
    margin: 0;
    padding: 0;
    width: 245px;
    }

#main .right .header a {
    background-color: #808080;
    clear: both;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 19px;
    float: left;
    font-size: 14px;
    letter-spacing: -1px;
    margin: 0;
    padding: 3px 0 3px 5px;
    text-decoration: none;
    width: 245px;
    }

#main .right .header a:hover {
    background-color: #ae100c;
    }

/* =MAIN - BOTTOM ROW
********************************/
.bottom {
    border-top: 1px solid #acacac;
    display: block;
    font-size: .85em;
    margin: 0 0 0 20px;
    padding: 20px 0 0 0;
    width: 720px
    }

.bottom .services {
    display: block;
    float: left;
    width: 520px;
    }

.bottom .services .header a {
    background-color: #3d3d3d;
    clear: both;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 19px;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
    padding: 3px 0 3px 5px;
    text-decoration: none;
    }

.bottom .services .header a:hover {
    background-color: #ae100c;
    }

.bottom .services .left {
    float: left; 
    padding: 0 10px 0 0;
    width: 250px ;
    }

.bottom .services .right  {
    float: right;
    padding: 0;
    width: 250px;
    }

.bottom .qa {
    clear: both;
    display: block;
    float: left;
    width: 500px;
    }

.bottom .about {
    background-color: #dadada;
    display: block;
    float: right;
    padding: 10px;
    width: 160px;
    }

.bottom .about ul, .bottom .about li {
    background-color: #dadada;
    }

.bottom .about .header a {
    color: #000;
    font: bold 15px helvetica, sans-serif;
    text-decoration: none;
    }

.bottom .about .header a:hover {
    color: #ae100c;
    }