/* HTML TAG STYLES */

    /* Resetting the browser defaults */

    * {
        margin:0;
        padding:0;
    }

    html, body, td, th, form, input, textarea, select, fieldset, button {
        font:11px Verdana, arial, sans-serif;
        color:#666;
    }

    body, html {
        height:100%;
    }

    /* Set the starting font size to 12px */

    body {
        background:#fff url('../gfx/background4.jpg') repeat-x scroll center top;
    }
    
    body, td, th, div {
        line-height:19px;
    }

    /* Neutralize vertical margins */

    input, textarea {
        padding:1px;
    }    
   
    p {
        margin:10px 0;
    }

    /* Styles for headings */

    h1, h2, h3, h4, h5, h6 {
        text-align:left;
        color:#ff3333;
        margin:10px 0;
    }
    
    h1 {
        font-size:14px;
    }
    
    h4 {
        font-size:16px;
        margin:0px;
    }
    
    h3 {
        font-size:11px;
        color:#ff3333;
        margin:0px;
    }
    
    a {
        color:#ff3333;
    }
    
    a.active {
        font-weight:bold;
    }

    a:hover {
        text-decoration:none;
    }
    
    img {
        border:none;
    }
    
    #flash {
        display:block;
        margin:0 0 0 5px;
    }
    
    div.left {
        float:left;
    }

    div.right {
        float:right;
    }
    
    hr {
        border: 0;
        height: 1px;
        color: #ffffff;
        padding: 0;
        border-bottom: 1px dashed #666;
        margin: 10px 0;
    }
    
    hr.solid { 
        color: #c6c6c6;
        border-bottom: 1px solid #c6c6c6;
        margin: 10px 0 -10px;
    }
    
    label {
        display:inline;
    }
    
    .clear {
        clear:both;
    }
    
    .red {
        color:#ff3333;
    }

    .gray {
        color:#666;
    }

    .error {
        color:#ff3333;
    }

    .success {
        color:green;
    }
    
/* END HTML TAG STYLES */


/* SITE STRUCTURE STYLES */

    div#border {
        position: relative;
        width:977px;       
        margin: 0 auto;
    }
    
    div#header {
        position: relative;        
        background:transparent url('../gfx/header-background.jpg') scroll 5px top no-repeat;
        height:100px;
    }
    
    div#header div.right {
        position: absolute;
        bottom:9px; right:76px;
        color:#ff3333;
    }
    
    div#header div.right img {
        float:left;
    }
    
    img#logo {
        display:block;
        margin-left:1px;
    }
    
    div#nav {
        background:#fff url('../gfx/nav-background.jpg') no-repeat;
        height:46px;
        padding-left:237px;
    }
    
    div#nav img {
        display:block;
    }
    
    div#nav ul {
        margin:0;
        padding:0;
        list-style:none;
    }
    
    div#nav ul li {
        float:left;
    }
    
    div#content {
        /*background-color:red;*/     
        background:#fff url('../gfx/content-background.jpg') repeat-x;
        min-height: 617px;
        height:auto !important;
        height:617px;        
        margin:0 6px 0 5px;        
        border-top:1px solid #fff;
        border-left:1px solid #fff;        
    }
    
    .footer {
        background-color:transparent;
        color:#ff3333;
        font-size:11px;
        width:973px;
        margin: 0 auto 0 auto;
        padding:9px 0 0 8px;
        height: 41px;
    }
    
    .footer a {
        text-decoration: none;
    }
    
    .footer a:hover {
        text-decoration: underline;
    }
    
    div#home-sidebar {
        background:transparent url('../gfx/home-sidebar.jpg') no-repeat 0 0;
        position:absolute;
        right:5px;
        top:146px;
        width:192px; /* (206px -11px -3px) */
        height:816px;
        padding:0 11px 4px 3px;
    }
    
    div#home-sidebar div.header {
        padding:15px 0 6px 4px;
        margin-bottom:7px; 
    }
    
    div#home-sidebar img.hr {
        margin:11px 0 7px 4px; 
    }
    
    div#home-sidebar p {
        margin:0px;
    }
    
    div#home-sidebar p, div#home-sidebar table {
        margin-left:7px;
        width: 178px;
    }
    
    div#home-sidebar table th {
        vertical-align:bottom;
        text-align: right;
    }        
    
    table#home-content {
        /*height:500px;*/
        /*background-color: green;*/
        background:transparent url('../gfx/home-cols-background.jpg') no-repeat 5px 39px;
    }
    
    table#home-content td {    
        vertical-align:top;
    }
    
    tr#home-content-headers th {
        font-size:12px;
        font-weight:bold;        
        text-align:center;
        vertical-align:middle;
        color:#666666;
        height:39px;
    }
    
    th#home-content-head1 {
        background:transparent url('../gfx/home-recent-projects.jpg') no-repeat 4px 0;
        width:252px;
        padding-left:5px;
    }
    
    th#home-content-head2 {
        background:transparent url('../gfx/home-brands.jpg') no-repeat 0 0;
        width:255px;
    }
    
    th#home-content-head3 {
        background:transparent url('../gfx/home-services.jpg') no-repeat 0 0;
        width:254px;
    }
    
    tr#home-content-buttons td {
        text-align:center;
        vertical-align:middle;
        height:32px;
    }
    
    tr#home-content-headers img {
        display:block;
    }
    
    td#home-content-col1 {
        line-height:10px;
        /*background:transparent url('../gfx/home-col1-background.jpg') no-repeat;*/
        padding:38px 0 0 5px;
        text-align:center; 
    }
    
    td#home-content-col1 img {
        display:block;
        margin:0 auto 0 auto;
    }
    
    td#home-content-col1 img.shadow {
        margin-bottom:14px;
    }
    
    td#home-content-col2 {
        /*background:transparent url('../gfx/home-col2-background.jpg') no-repeat;*/
        padding:38px 0 0 0;
        text-align:center;
    }
    
    td#home-content-col2 img {
        margin-bottom:8px;
    }

    td#home-content-col2 table {
        margin:0 auto 0 auto;
    }

    td#home-content-col2 table td {
        width:236px;
        height:103px;
        vertical-align:middle;
        text-align:center;
        background:transparent url('../gfx/home-brand-background.gif') no-repeat 0 0;
        line-height:32px;
        padding:0;  
    }
    
    td#home-content-col3 {
        /*line-height:14px;*/
        /*background:transparent url('../gfx/home-col3-background.jpg') no-repeat;*/
        padding:38px 0 0 9px;
        text-align:center;
    }
    
    td#home-content-col3 .service-swf {
        /*margin-bottom:14px;*/
        margin:0 auto 13px auto;
    }
    
    img#robot {
        position: absolute;
        right:176px;
        top:888px;
    }
    
    div.home-project-image-footer {
        width:188px;
        background:transparent url('../gfx/home-project-image-footer.gif') no-repeat;
        margin:0 auto 5px auto;
        color:white;
        font-weight:bold;
        overflow: hidden;
        padding:0px 4px 0 4px;
    }
    
    /* Contact Form */
    
    div#contact-wrapper {
        width:506px;
        margin:0 auto;
        padding-top:26px;
    }
    
    table#contact-table {
        width:506px;
    }
    
    table#contact-table td, table#contact-table th {
        vertical-align:top;
    }
    
    table#contact-table td {
        width:247px;
        line-height:15px;
    }
    
    table#contact-table th {
        padding-right:25px;          
        text-align:left;
        
    }
    
    input.text, textarea {
        width:247px;
    }
    
    textarea {
        height:177px;
    }
    
    /* Partners */
    
    div#partners-wrapper {
        width:846px;
        margin:0 auto;
        padding-top:65px;
    }
    
    table#partners-table {
        width:846px;
    }
    
    table#partners-table td {
        vertical-align:top;
        padding-bottom:44px;
    }    
    
    table#partners-table td.logo {
        text-align: center;
        width:198px;
        padding-right:38px;
    }
    
    table#partners-table td.description {
        text-align: left;
        /*width:308px;*/
        padding-right:52px;
    }
    
    table#partners-table td.description a {
        display:block;
        text-align:center;
        font-size:14px;
        margin-top:4px;
        text-decoration:none !important;
    }
    
    table#partners-table td.description a:hover {
        text-decoration:underline !important;
    }
    
    table#partners-table td.links {
        width:116px;
    }
    
    table#partners-table td.links a {
        text-decoration:none;
        font-weight:bold;
        color:#666;
    }
    
    table#partners-table td.links a:hover {
        text-decoration:underline;
    }
    
    table#partners-table td.projects {
        width:180px;
    }

    table#partners-table td.projects h3 {
        margin-top:0px;
    }
    
    table#partners-table td.projects a {
        color:#666666 !important;
        text-decoration:none !important;
    }
    
    table#partners-table td.projects a:hover {
        text-decoration:underline !important;
    }
    
    /* Services */
    
    div#services-wrapper {
        width:872px;
        margin:0 auto;
        padding-top:36px;
    }
    
    table#services-table {
        width:100%;
        table-layout: fixed;
    }
    
    table#services-table td {
        vertical-align:top;
        padding-bottom:30px;
    }    
    
    table#services-table td.logo {
        text-align: center;
        width:240px;
        padding:27px 0 0 0;
    }
    
    table#services-table td.description {
        text-align: left;
        padding:16px 20px 0 0;
    }
   
    table#services-table td.projects {
        width:276px;
        padding:16px 0;        
    }
    
    table#services-table td.projects a {
        color:#666666 !important;
        text-decoration:none !important;
    }
    
    table#services-table td.projects a:hover {
        text-decoration:underline !important;
    }
    
    table#services-table td.brands {
        width:90px;
        padding:16px 0;
    }
    
    table#services-table td.brands a {
        color:#666666 !important;
        text-decoration:none !important;
    }
    
    table#services-table td.brands a:hover {
        text-decoration:underline !important;
    }
    
    
    /* Brands */
    
    div#brands-wrapper {
        width:945px;
        margin:0 auto;
        padding-top:0;
    }
    
    table#brands-top-table {
        width:100%;
        table-layout: fixed;
    }
    
    table#brands-top-table td {
        border-bottom:1px solid #c5c5c5;
    }
    
    td#brand-top-table-logos {
        text-align:left;
        vertical-align:middle;
        padding:8px 22px 8px 22px;
    }
    
    td#brand-top-table-logos img {
        vertical-align:middle;
        margin-right:50px;
    }
    
    td#brand-top-table-next, td#brand-top-table-prev {
        text-align:center;
        vertical-align:middle;
        border-left:1px solid #c5c5c5;
        width:65px;
    }

    td#brand-top-table-prev {
        border-left:none;
        border-right:1px solid #c5c5c5;
    }
    
    table#brands-table {
        margin:0 auto;
        width:860px;
        table-layout: fixed;
    }
    
    table#brands-table td {
        vertical-align:top;
        padding-bottom:14px;
    }    
    
    table#brands-table td.logo {
        text-align: center;
        width:236px;
        padding-right:38px;
    }

    table#brands-table td.logo table.paper td {
        width:236px;
        height:90px;
        text-align:center;
        vertical-align:middle;
        background:transparent url('../gfx/home-brand-background.gif') no-repeat 0 0;
        padding:0;
    }

    table#brands-table td.logo div.more {
        width:212px;
        text-align:right;
    }

    table#brands-table td.projects {
        text-align:left;
        width:324px;
        padding-right:10px;
    }

    table#brands-table td.projects h4 {
        color:#666666 !important;
    }
    
    table#brands-table td.projects img {
        float:left;
        margin-right:10px;
    }
    
    table#brands-table td.description {
        text-align: left;
        width:253px;
    }
    
    table#brand-image-table {
        width:100%;
        table-layout:fixed;
        border:none;
    }
    
    table#brand-image-table td {
        text-align:center;
        vertical-align:center;
        border:none;
    }
   
    /* Projects */
    
    div#project-nav {
        background:transparent url('../gfx/project-nav-background.gif') repeat-x;
        height:38px;
    }
    
    div#project-nav a {
        background:transparent url('../gfx/project-nav-inactive-background.gif') no-repeat;
        display:block;
        float:left;
        height:30px;
        padding: 8px 0 0 0;
        width:133px;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
    }
    
    div#project-nav a:hover, div#project-nav a.active {
        height:30px;
        padding: 9px 0 0 0;
        background:transparent url('../gfx/project-nav-active-background.gif') no-repeat;
        color:#666;
    }
    
    div#projects-wrapper {
        width:860px;
        margin:0 auto;
        padding-top:0;
    }
    
    table#projects-table {
        width:100%;
        table-layout: fixed;
    }
    
    table#projects-table td {
        vertical-align:top;
        padding-bottom:14px;
    }    
    
    table#projects-table td.services {
        text-align: right;
        width:160px;
        padding-right:50px;
        line-height: 20px;
    }
    
    table#projects-table td.services a {
        color:#666666;
        font-weight: bold;
        font-size:12px;
        text-decoration: none;
    }
    
    table#projects-table td.services a:hover {
        text-decoration:underline;
    }
    
    table#projects-table td.project {
        text-align:left;
        width:332px;
    }
    
    table#projects-table td.project a {
        color:#cccccc;
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
    }
    
    table#projects-table td.project a:hover {
        text-decoration:underline;
    }
    
    table#projects-table td.project h4 {
        color:#666666 !important;
    }
    
    table#projects-table td.project img {
        float:left;
        margin-right:10px;
    }
    
    table#projects-table td.description {
        text-align: left;
        width:318px;
        padding-left:20px;
    }
    
    td#project-table-nav {
        color:#ff3333;
        text-align:right;
    }
    
    td#project-table-nav a {
        text-decoration: none;
        color:#666;
    }
    
    td#project-table-nav a.arrow {
        color:#ff3333;
    }
    
    td#project-table-nav a:hover {
        text-decoration: underline;
    }
    
    div#projects-detail-wrapper {
        width:846px;
        margin:0 auto;
        padding-top:0;
    }
    
    table#projects-detail-table {
        width:100%;
        table-layout: fixed;
    }
    
    table#projects-detail-table td {
        vertical-align:top;
    }
    
    td.projects-detail-col1 {
        width:198px;
        padding-right:38px;
    }
    
    td.projects-detail-col1 img.pdf {
        float:left;
        margin:0 11px 0 4px;
        vertical-align: middle;
    }
    
    td.projects-detail-col1 img.zip {
        float:left;
        margin:0 11px 0 12px;
        vertical-align: middle;
    }
    
    table#projects-detail-table td.projects-detail-col1 a {
        text-decoration:none;
        font-weight:bold;
        color:#666;
    }
    
    table#projects-detail-table td.projects-detail-col1 a:hover {
        text-decoration:underline;
    }
    
    td.projects-detail-col2 {
        width:425px;
        padding-right:42px;
    }
    
    td.projects-detail-col2 h4 {
        color:#666666 !important;
    }
    
    td.projects-detail-col3 {
        width:147px;
    }
    
    td.projects-detail-col3 hr.solid { 
        margin: 10px 0;
    }
    
    td.projects-detail-col3 {
        text-align:center;
    }
    
    table.bullet-list td, td.projects-detail-col3 p {
        text-align:left;
    }
    
    table.bullet-list td {        
        padding-bottom:10px;
        font-weight: bold;
    }
    
    table.bullet-list th {
        vertical-align:top;
        padding:0 10px 0 8px;
    }
    
    table.bullet-list a {
        font-weight:bold;
    }
    
    table#headers {
        margin:0 auto;
    }
    
    img.project-swf-footer {
        display:block;
        margin:0 0 0 4px;
    }
    
    a.play {
        background:transparent url('../gfx/project-play-button.jpg') no-repeat;
        display:block;
        width:176px;
        height:30px;
        color:#666;
        font-size:13px;
        font-weight:normal;
        padding:8px 0 0 21px;
        margin-left:3px;
    }
    
    a.play:hover {
        text-decoration:none !important;
    }
        
    /* Tools */
    
    div#tools-wrapper {
        width:846px;
        margin:0 auto;
        padding-top:65px;
    }
    
    table#tools-table {
        width:846px;
    }
    
    table#tools-table td {
        vertical-align:top;
        padding-bottom:34px;
    }    
    
    table#tools-table td.logo {
        text-align: center;
        width:198px;
        padding-right:38px;
    }
    
    table#tools-table td.description {
        text-align: left;
        width:308px;
        padding-right:52px;
    }
    
    table#tools-table td.description a {
        display:block;
        text-align:center;
        font-size:14px;
        margin-top:4px;
    }
    
    table#tools-table td.links {
        width:254px;
    }
        
    table#tools-table td.downloads {
        width:137px;
        padding:0;
    }
    
    table#tools-table td.downloads a {
        text-decoration:none;
        font-weight:bold;
        color:#666;
    }
    
    table#tools-table td.downloads a:hover {
        text-decoration:underline;
    }
    
    table#tools-table td.projects {
        width:118px;
        padding:0;
    }
    
    table#tools-table td.projects a {
        color:#666666 !important;
        text-decoration:none !important;
    }
    
    table#services-table td.brands a:hover {
        text-decoration:underline !important;
    }


    /* Content */

    div#content-wrapper {
        width:885px;
        margin:0 auto;
        padding-top:35px;
    }

    table#content-table {
        width:885px;
    }

    table#content-table td {
        vertical-align:top;
    }

    table#content-table td.description {
        width:480px;
        padding:0 25px 0 198px;
    }

    table#content-table td.links {
        text-align:center;
        width:182px;
    }

    table#content-table td.links p, table#content-table td.links h3 {
        text-align:left;
    }

    table#content-table td.links h3 {
        color:#666666;
        font-size:14px;
    }

    table#content-table td.links table {
        margin-bottom:10px;
        padding-left:4px;
        width:100%;
    }

    table#content-table td.links table th, table#content-table td.links table td {
        text-align:left;
    }

    table#content-table td.links table th {
        text-align:right;
        vertical-align:bottom;
    }