/* Reset default browser CSS. */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }

/* START CSS */

body { background:url("img/bg.gif") repeat-x 0 0 fixed #e5e5e5; width:auto; font-family:calibri, arial, sans-serif; margin-top:79px; }

#headercontainer { position:fixed; width:100%; top:0; left:0; margin:0 auto; width:100%; background-color:#fff; border-bottom:1px solid #ccc; z-index:1000; }
#header { height:79px; background-color:#fff; width:1082px; margin:0 auto; position:relative; top:0; left:0; z-index:10000; }
#header a.logo { position:relative; top:24px; left:27px;}

#header #nav { float:right; margin-top:39px; width:400px; padding-right:22px; }
#header #nav a { float:right; margin-left:36px; text-transform:uppercase; font-size:13px; font-weight:bold; color:#555; text-decoration:none; }
#header #nav a:hover { color:#ccc; }

#area1 { background:url("img/promo.jpg") no-repeat 0 0; margin:0 auto; width:1082px; height:591px; border-bottom:1px solid #bab9ba; }

#spacer { height:515px; width:100px; position:relative; }
a#clients { position:relative; top:0; left:0; }
a#about { position:relative; top:-20px; left:0; }
a#contact { position:relative; top:-20px; left:0; }

/* WEBKIT HACKS */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a#clients { position:absolute; top:600px; left:0; }
	a#about { position:absolute; top:1100px; left:0; }
	a#contact { position:absolute; top:1500px; left:0; }
}

#area2 { background-color:#fff; margin:0 auto; width:1030px; border-bottom:1px solid #bab9ba; padding:44px 26px; }
#area2 h2 { color:#2ea4dd; font-size:20px; font-weight:bold; padding-bottom:35px; border-bottom:#cecdcc 1px solid; width:100%; }
#area2 .clients { border-right:1px solid #d0cecd; width:226px; padding:15px; margin:20px 0 0 0; float:left; }
#area2 .last { border:none; }
#area2 .clients a { width:230px; height:150px; float:left; }
#area2 .clients a.llt { background:url("img/stubhub-b.jpg") no-repeat 0 0; }
#area2 .clients a.llt:hover { background-image:url("img/stubhub-c.jpg"); }
#area2 .clients a.llb { background:url("img/symantec-b.jpg") no-repeat 0 0; }
#area2 .clients a.llb:hover { background-image:url("img/symantec-c.jpg"); }
#area2 .clients a.lrt { background:url("img/ebay-b.jpg") no-repeat 0 0; }
#area2 .clients a.lrt:hover { background-image:url("img/ebay-c.jpg"); }
#area2 .clients a.lrb { background:url("img/guardianedge-b.jpg") no-repeat 0 0; }
#area2 .clients a.lrb:hover { background-image:url("img/guardianedge-c.jpg"); }
#area2 .clients a.rlt { background:url("img/alli-b.jpg") no-repeat 0 0; }
#area2 .clients a.rlt:hover { background-image:url("img/alli-b.jpg"); }
#area2 .clients a.rlb { background:url("img/procopio-b.jpg") no-repeat 0 0; }
#area2 .clients a.rlb:hover { background-image:url("img/procopio-c.jpg"); }
#area2 .clients a.rrt { background:url("img/appitalism-b.jpg") no-repeat 0 0; }
#area2 .clients a.rrt:hover { background-image:url("img/appitalism-c.jpg"); }
#area2 .clients a.rrb { background:url("img/deankoontz-b.jpg") no-repeat 0 0; }
#area2 .clients a.rrb:hover { background-image:url("img/deankoontz-b.jpg"); }

#area3 { background-color:#000; margin:0 auto; width:1030px; border-bottom:1px solid #bab9ba; padding:44px 26px; color:#fff; }
#area3 h2 { color:#2ea4dd; font-size:20px; font-weight:bold; padding-bottom:35px; border-bottom:#4a4a4b 1px solid; width:100%; }
#area3 p { font-size:18px; font-weight:bold; width:510px; padding-top:40px; line-height:1.2; }
#area3 ul { padding-top:30px; color:#2ea4dd; }
#area3 ul li { background-image:url("img/bullet.gif"); background-repeat:no-repeat; background-position:left 10px; padding:3px 0 0 15px; color:#fff; margin-left:20px; }

#area4 { background:url("img/map.jpg") no-repeat 0 0; background-color:#fff; margin:0 auto; width:1082px; height:547px; border-bottom:1px solid #bab9ba; color:#fff; }
#area4 h2 { color:#14a1cc; font-size:18px; font-weight:bold; position:relative; top:148px; left:455px; width:150px; }
#area4 p { color:#000; font-size:20px; font-weight:bold; position:relative; top:200px; left:455px; width:150px; }

#footer { background-color:#fff; margin:0 auto; width:1082px; height:100px; }