@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

/***************************** body + fonts */

body {text-align:center;padding: 0 0 100px 0;border-top: 3px solid #c6e1e8;font: 12px Tahoma, Arial, Helvetica, sans-serif;color:#323232;}
p {line-height:140%; margin:0; padding:0; margin-bottom:10px;}

a {outline:none;color:#b21618;}
a:hover {text-decoration:none;}

ul, ol {padding: 10px 0;}
li {line-height:150%;}

.replaced, h1, h2 {text-indent:-9999px;display:block;overflow:hidden;}

h1 {width:313px;height:65px;background: url(../images/logo.gif) 0 0 no-repeat;float:left;}
h2 {width:112px;height:65px;background: url(../images/cisco.gif) 0 0 no-repeat;}
h2.adobe{width:112px;height:65px;background: url(../images/adobe-logo.jpg) 0 0 no-repeat; margin:0px 0 0 0;}
h2.apple{width:112px;height:65px;background: url(../images/apple-logo.jpg) 0 0 no-repeat; margin:0px 0 0 0;}
h2.checkpoint{width:112px;height:65px;background: url(../images/checkpoint-logo.jpg) 0 0 no-repeat; margin:0px 0 0 0;}
h2.microsoft{width:112px;height:65px;background: url(../images/microsoft-logo.jpg) 0 0 no-repeat; margin:35px 0 0 0;}
h2.bo{height:65px;background: url(../images/Business-objects-logo.jpg) 0 0 no-repeat; margin:20px 0 0 0;}
h2.citrix{width:112px;height:65px;background: url(../images/citrix_logo.jpg) 0 0 no-repeat; margin:20px 0 0 0;}
h2.comptia{width:112px;height:65px;background: url(../images/comptia-logo.jpg) 0 0 no-repeat; margin:25px 0 0 0;}
h2.hp{width:112px;height:65px;background: url(../images/hp-logo.jpg) 0 0 no-repeat; margin:0px 0 0 0;}
h2.ibm{width:112px;height:65px;background: url(../images/ibm-logo.jpg) 0 0 no-repeat; margin:10px 0 0 0;}
h2.novell{width:112px;height:65px;background: url(../images/novell-logo.jpg) 0 0 no-repeat; margin:10px 0 0 0;}
h2.oracle{width:112px;height:65px;background: url(../images/orcale-logo.jpg) 0 0 no-repeat; margin:23px 0 0 0;}
h2.redhat{width:112px;height:65px;background: url(../images/redhat-logo.jpg) 0 0 no-repeat; margin:25px 0 0 0;}
h2.sun {height:65px;background: url(../images/sun-logo.jpg) 0 0 no-repeat; margin:13px 0 0 0;}
h2.symantec {width:112px;height:65px;background: url(../images/symantec-logo.jpg) 0 0 no-repeat; margin:24px 0 0 0;}
h3 {width:510px;margin: 20px 0;}
h3.yournewjob {height:55px;background: url(../images/heading-1.gif) 0 0 no-repeat;}
h3.heretohelp {height:27px;background: url(../images/heading-2.gif) 0 0 no-repeat; margin-bottom:10px;}

/***************************** containers */

.inner {margin:auto;width:880px;text-align:left;}

#header {height:75px;padding: 15px 0 0 0;border-bottom: 1px solid #99c3cf;}
#browse {padding: 5px 0;font-weight:bold;font-size:11px;}
#banner {height:265px;background: url(../images/banner.gif) 0 0 repeat-x;}
#content {}
#main {width:510px;float:left;}
#sidebar {width:350px;float:right;padding: 20px 0 0 0;}

/***************************** header */

#header .right {float:right;color:#00577e;font-size:11px;}
span.date {float:left;display:block;margin: 50px 15px 0 0;}

/***************************** browse */

#browse p {font-size:12px;font-weight:bold;padding:0; margin-bottom:4px;}
#browse li {display:inline;list-style:none;padding: 0 10px 0 8px;background: url(../images/li-browse.gif) 0 5px no-repeat;}
#browse ul {padding: 5px 0 2px 0;}
#browse li.head {padding:0 10px 0 0;background:0;}

/***************************** banner */

.banner {width:970px;background:url(../images/woman.jpg) 0 0 no-repeat;height:265px;}
#banner ul {padding: 30px 0 30px 410px;}
#banner li {list-style:none;background: url(../images/li-banner.gif) 0 16px no-repeat;padding: 0 0 0 15px;font-size:20px;color:#135266;line-height:190%;}
#banner li.cmbutton {width:205px;height:29px;display:block;background: url(../images/button.gif) 0 0 no-repeat;margin: 15px;}

/***************************** main */

/* promos */
img.heading {margin: 10px 0;}
#main .promo {font: 17px arial, sans-serif; width:510px;height:65px;background: url(../images/promo.gif) 0 0 no-repeat;margin: 10px 0; color:#3D586B}
.promo ul {padding:3px 10px;}
.promo li {list-style:none;}
.promo li.detail {font-size:18px;float:left;padding: 2px 0 0 0;}
#main .promo li.price { font-size:19px;font-weight:bold;float:right;}
.promo li.spec { font-size:13px;clear:both;padding: 5px 0 0 0;}

/* checklist */
.curvestop, .curvesbottom {width:510px;height:9px;background: url(../images/curves.gif) 0 0 no-repeat;}
.curvesbottom {background-position:0 -9px;}
.checklist {width:488px;background:#eaf4f7;border-left: 1px solid #d3e7ef;border-right:1px solid #d3e7ef;padding:0 0 0 20px;}
.checklist li {list-style:none;background: url(../images/li-check.gif) 0 10px no-repeat;padding: 0 0 0 24px;font-size:13px;color:#3D586B;font-weight:bold;line-height:250%;}

/***************************** sidebar */

#sidebar a.availability {display:block;margin:auto;width:320px;}
#sidebar small {display:block;text-align:center;font-size:10px;color:#a2a2a2;}

/* punts */
.punts {margin:25px 0 10px 0;padding:0 0 16px 0;float:left;border-bottom: 1px solid #e4e4e4;}
.punts span {display:block;width:240px;padding: 0 0 0 10px;font-size:14px;float:left;line-height:150%;}
.punts img {float:right;margin: 10px 0 0 0;}

/* testimonials */
.testimonials {padding: 50px 0 0 0;clear:both;}
.testimonials img {float:left;}
.testimonials span {float:right;width:250px;line-height:150%; margin-bottom:30px;color:#494949;font: 11px "Century Gothic", Tahoma;font-style:oblique;background: url(../images/quotes.gif) 0 0 no-repeat;}
.testimonials small {text-align:left;float:left;color:#494949;font: 10px Tahoma;padding: 3px 0 0 0;}
.testimonials p {clear:both;font-size:11px;padding: 0 0 0 0;}

/***************************** links list */

#linkslist {font-size:11px;padding: 30px 0 0 0;}
#linkslist ul {float:left;padding:0 5px 0 0;}
#linkslist li {list-style:none;height:40px;}
#linkslist a {color:#223848;}

#linkslist ul.first{width:195px; background:url(../images/linklist-1.png) 0 0 no-repeat; }
#linkslist ul.second {width:200px; background:url(../images/linklist-2.png) 0 0 no-repeat;}
#linkslist ul.third {width:230px; background:url(../images/linklist-3.png) 0 0 no-repeat;}
#linkslist ul.fourth {width:220px; background:url(../images/linklist-4.png) 0 0 no-repeat;}
#linkslist ul.fourth {float:right;}

#linkslist ul.first li{ padding:3px 0 0 55px;}
#linkslist ul.second li{ padding:3px 0 0 65px; }
#linkslist ul.third li{ padding:3px 0 0 95px;}
#linkslist ul.fourth li{ padding:3px 0 0 75px;}

/***************************** links list */

#footer {color:#bebebe;font-size:11px; height:100px;}
#footer a {color:#bebebe;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .inner {border-top: 1px solid #c6e1e8; padding:5px 0 0 0;}

#footer p.alignleft {float:left;}
#footer p.alignright {float:right;}