/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* layout */
#header, #footer, #news-bar { clear: both; width: 950px; margin: 0 auto; }
#logo { float: left; margin-right: 30px; width: 390px;}
#slider-panel { float: left; width: 530px; padding-top:20px;}
#content { clear: both; width: 950px; margin: 25px auto; }
#mission, #services { float: left; margin-right: 20px; margin-bottom:20px; width: 260px; }
#references { float: left; width: 390px; }

/* global */
body {
    background-color: #333;
    color: #ccc;
    
    font-size: 75%;
    font-family: Arial;
    line-height: 1.6;
}

h3 {
    width:240px;
    height:59px;
    text-indent:-9999px;
    margin-bottom:20px;
}

p { margin-bottom:10px; }
a { color: #fc3; }
a:active, a:visited, a:hover { color: #f93; }


acronym {
    font-weight: bold;
    color: #fc3; 
    text-decoration: none;
    border-bottom:1px #fc3 dotted; 
}

strong { color: #fc3; }

/* lists */
ul { list-style:none; }
ul li {
    padding-left: 10px;
    background-image: url(../images/li.png);
    background-repeat: no-repeat;
    background-position: 0 .6em;
}

#content p, #content ul { padding-left: 20px; }

#news {
    border-top: 1px dashed #555;
    border-bottom: 1px dashed #555;
    background: #444 url(../images/news.png) no-repeat left;
}

#news p {
    padding: 10px 0 10px 40px;
    margin: 0;
    font-weight: bold;
}

#footer {
    border-top: 1px dashed #555;
    background-color: #444;
    padding: 5px 0;
    text-align:center;
}

#footer p {
    padding-top:10px;
    padding-left:20px;
}


/* references */
#list-p1, #list-p2 {
    float: left; 
    width: 150px;
}

#list-p1 { margin-right: 20px; }


/* slides */
#webapps, #webcons, #websafety, #websavings, #ourcompany, #samples {
    float: left; 
    width: 240px;
}

#webapps, #websavings, #samples { margin-right: 20px; }

/* header */
h1 {
    width:390px;
    height:177px;
    background: url(../images/logo.png) no-repeat;
    text-indent:-9999px;
}

/* contact */
#contact {
    width: 350px;
    height: 80px;
    background: #444;
    margin-top:25px;
    margin-left:10px;
    padding-top:20px;
    padding-left:20px;
    border: 1px #555 solid;
}

#contact h3 {
    width:130px;
    height:59px;
    text-indent:-9999px;
    float:left;
}

#contact p {
    float:left;
    position:relative;
    top:-13px;
    padding-left:20px;
    width:180px;
}

/* section titles */

h3.webapps { background: url(../images/h3_webapps.png) no-repeat; }
h3.webcons { background: url(../images/h3_webcons.png) no-repeat; }
h3.mission { background: url(../images/h3_mission.png) no-repeat; }
h3.services { background: url(../images/h3_services.png) no-repeat; }
h3.clients { background: url(../images/h3_clients.png) no-repeat; }
h3.contact { background: url(../images/h3_contact.png) no-repeat; }
h3.websafety { background: url(../images/h3_datasafety.png) no-repeat; }
h3.websavings { background: url(../images/h3_savings.png) no-repeat; }
h3.ourcompany { background: url(../images/h3_ourcompany.png) no-repeat; }
h3.askus { background: url(../images/h3_askus.png) no-repeat; }
h3.samples { background: url(../images/h3_samples.png) no-repeat; }