﻿
* 
{
    padding:0;
    margin:0;
} 
a img 
{
    border:none;
}
ul
{
    list-style-type:none;
}
.clear
{
    font-size:1px;
    width:1px;
    height:1px;
    position:relative;
    top:-1px;
    clear:both;
    display:block;
}
body, html
{
    background:url(../images/bg-html.gif) top center repeat-y;
}
body 
{
    font-size:64%;
    font-family:arial,sans-serif;
}
#accessibility
{
    display:none;
}
#container1
{
    width:100%;
    text-align:center;
    font-size:1.35em;
}
#container2
{
    width:941px;
    margin:0 auto;
    text-align:left;
    min-height:600px;
    height:auto !important;
    he\ight:600px;
    height /**/:600px;
}
#container3
{
    display:block;
    width:941px;
    padding:470px 0 20px 0;
    position:relative;    
}

/***************************************************************************************/
/* Main Image Banner */
#mainImage
{
    position:absolute;
    top:74px;
    left:0px;
    width:941px;
    height:384px;
    background:url(../images/banner-face.jpg) no-repeat;
}
#mainImage #flashReplace
{
    width:941px;
    height:384px;
}
#mainImage .textBox
{
    background:#f00;
    display:block;
    width:369px;
    height:107px;
    overflow:hidden;
    position:absolute;
    top:133px;
    left:0;
    filter:alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
}
#mainImage .text h1
{
    position:absolute;
    top:151px;
    left:18px;
    width:333px;
    color:#fff;
    font-size:1.6em;    
    line-height:140%;
}

/**************************************************************************************/
/* Page Text */
#mainTextArea
{
    width:941px;
}

#pageText
{
    width:610px;
    float:left;
}
/* right column (home page) */
#rightCol
{
    width:314px;
    float:right;
    padding:0;
}
.rcInner
{
    border-left:1px solid #ccc;
    padding:0 0 0 11px;
    min-height:164px;
    height:auto !important;
    he\ight:164px;
    height /**/:164px;
}
#rightCol h2
{
    padding:0 0 10px 0;
    font-size:1em;
    font-weight:bold;
}
#rightCol ul
{
    list-style-type:disc;
    margin:0 0 0 14px;
}
#rightCol ul li
{
    padding:2px 0;
}

#rightCol a
{
    color:#75777c;
    text-decoration:none;
    font-weight:bold;
}
#rightCol a.contact
{
    font-weight:normal;
}
/**************************************************************************************/
/* Call To Area (holding) */
#callTo
{
    width:941px;
    margin:10px 0;
}
#callTo a
{
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
#callTo a:hover
{
    text-decoration:underline;
}
#callTo div.boxProducts, #callTo div.boxCall, #callTo div.boxService, #callTo div.boxWalkthrough
{
    margin-right:5px;
    width:308px;
    background:url(../images/bg-box.gif) no-repeat;
    min-height:166px;
    height:auto !important;
    he\ight:166px;
    float:left;
}
#callTo div .inner
{
    width:308px;
    height:166px;
    padding:10px 140px 10px 14px;
    w\idth:154px;
    he\ight:146px;    
    overflow:hidden;
}
#callTo div.boxCall .inner
{
    background:url(../images/contact-woman.jpg) 4px 4px no-repeat;
}
#callTo div.boxWalkthrough .inner
{
    background:url(../images/walk-through.jpg) 172px 4px no-repeat;
}
#callTo div.boxProducts .inner
{
    background:url(../images/printer-box.jpg) 0 0 no-repeat;
    padding:10px 160px 20px 14px;
    w\idth:134px;
    he\ight:146px;
}
#callTo div.boxService .inner
{
    background:#51514f url(../images/copier_box_1.jpg) 0 0 no-repeat;
    padding:10px 14px 10px 14px;
    w\idth:280px;
}
#callTo div.boxService .inner p
{
    width:100px;
    color:#fff;
    line-height:105%;
}
#callTo div h2
{
    padding:2px 0 10px 0;
}
#callTo div.boxService .inner h2
{
    color:#acacad
}
#callTo div p strong
{
    font-size:1.4em;
    display:block;
    padding:6px 0;
}
#callTo div .inner .small p
{
    font-size:0.8em;
    padding:0 0 4px 0;
}
#callTo div .inner .small p a
{
    color:#75777c;
    font-weight:normal;
}
/* Quick Search stuff */
#callTo div.boxProducts select
{
    width:140px;
    font-size:0.8em;
}
#callTo div.boxProducts .inner a
{
    color:#e63929;
    font-weight:normal;
}
/***************************************************************************************/
/* Navigation */
#navigation
{
    position:absolute;
    top:16px;
    left:0;
    width:941px;
    text-transform:lowercase;
}
#navigation #logo
{
    position:absolute;
    top:0;
    right:0;
    width:185px;
    height:50px;
    background:url(../images/digital-office-solutions.gif) no-repeat;
}
#navigation ul
{
    width:750px;
    margin-top:34px;
}
#navigation ul li
{
    display:inline;
    color:#818286;
    padding:0 10px 0 0;
    font-size:1em;
}
#navigation ul li a
{
    color:#818286;
    text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li a.active
{
    color:#e63929;
}
/**************************************************************************************/
/* Footer */
#footer
{
    border-top:1px solid #dedfe1;
    clear:both;
    width:941px;
    text-align:left;
    margin:0 auto;
    padding:10px 0 10px 0;
}
#footer p
{
    font-size:0.8em;
    padding:0 0 2px 0;
}
ul.build 
{
    margin:10px 0 30px 0;
    padding:5px 0 0 0;
    width:100%;
    border-top:#E1E1E1 2px solid;
}
.build a
{
    float:right;
    color:#7F7F7F;
    text-decoration:none;
}
.build a:hover
{
    color:#E63929;
}

/**************************************************************************************/
/* Font Styles */
h1,h2,h3
{
    color:#75777c;
    font-size:1.4em;
    font-weight:normal;
    padding:0 0 6px 0;
}
h3
{
    padding:0 0 2px 0;
    font-size:1em;
}
p
{
    color:#75777c;
    font-size:0.9em;
    line-height:110%;
    padding:0 0 14px 0;
}
li
{
    color:#75777c;
    font-size:0.9em;
}
#pageContent a
{
    color:#e63929;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    font-size:0.9em;
}
/******************************************************************************************/
/* Contact Form */
#pageContent #contactForm
{
    padding:0 0 10px 0;
    margin:0 0 20px 0;
    border-bottom:1px solid #dedede;
}
#pageContent #contactForm #snailMail
{
    width:400px;
    padding:10px 0 30px 0;
}
#pageContent #contactForm #snailMail p
{
    padding:0 0 6px 0;
}
#pageContent #contactForm #errorMessage, #pageContent #contactForm #errorMessage p, #pageContent #contactForm #errorMessage ul li
{
    padding:0;
    color:#f00;
    float:none;
}
#pageContent #contactForm ul, #pageContent #contactForm ul li
{
    list-style-type:none;
    margin:0;
    padding:0;
    width:520px;
}
#pageContent #contactForm ul li
{
    padding:7px 0 7px 0;
    float:left;
    width:260px;
}
#pageContent #contactForm ul li label
{
    display:block;
    padding:4px 0;
}
#pageContent #contactForm ul li input, #pageContent #contactForm ul li textarea
{
    display:inline;
    border:1px solid #ccc;
    background:#fff;
    width:240px;
    color:#58595b;
}
#pageContent #contactForm ul li.button, #pageContent #contactForm ul li.message
{
    clear:left;
    float:none;
    width:520px;
}
#pageContent #contactForm ul li.message textarea
{
    width:500px;
}
#pageContent #contactForm ul li.button input
{
    width:100px;
    margin-left:200px;
}

.sectionBlock
{
    margin-top:10px;
    padding:2px 5px 2px 5px;
    font-weight:bold;
    color:#fff;
    background:#B2B2B2;
}
.sectionBlockSub
{
    padding:2px 5px 2px 5px;
    color:#B2B2B2;
    background:#E5E5E5;
}
/*----------------------------------------------------------------------*/
/*--------*//* Walk Through */
#walkThrough ul li
{
   padding:5px 0 0 0;
   font-size:1.1em;
   text-transform:uppercase;   
}
#walkThrough ul
{
   padding:0 0 20px 0;
}
#walkThrough ul li ul li
{
   font-size:1.0em;
   text-transform:none;  
}
#walkThrough ul li a
{
    padding:5px 0 5px 10px;
    display:block;
    width:625px;
    color:#fff;    
    font-weight:normal;
    text-decoration:none;
    border:#75777c 1px solid;
    background:#767676;
}
#walkThrough ul li a:hover, #walkThrough ul li a:active
{
    background:#e63929;
    color:#fff;
}
#walkThrough h2
{
    font-size:1.2em;
}
#walkThrough h3
{
    padding-bottom:10px;
    font-size:1.1em;
    font-weight:bold;
}
#walkThrough .listing
{
    margin:5px 0 10px 0;
    padding:10px;
    border:#ccc 1px solid;
    width:586px;
    w\idth:566px;
}
#walkThrough .left
{
    float:left;  
    width:150px;
}
#walkThrough .right
{
    float:right;
    width:406px;  
}
/*----------------------------------------------------------------------*/
/*--------*//* ACCESSIBILITY */
.accessibility ul
{
    margin:0 0 10px 0;
    padding:5px;
    list-style-type:none;
}
.accessibility ul li
{
    margin:0 0 0 10px;
    padding:5px;
    list-style-type:none;
}
.accessibility kbd
{
    padding:2px 4px 2px 4px;
    border: 1px solid #b1b3b4;
}