*{padding:0;margin:0;}

html,body{height: 100%; margin:0;padding:0;line-height:1em}
body{height: 100%; font: 12px Helvetica, Verdana, Arial, sans-serif;
    text-align: left;background:#fff url(images/stripes5.png) repeat fixed;}
p{margin-top:0}
h1,h2,h3,h4{font:200% "Trebuchet MS",Helvetica,Arial,sans-serif}
h2{font-size:160%}
h3{font-size:130%}
h4{font-size:120%}
a{text-decoration:none;color:#007BC4}
a:hover{text-decoration:none;color:#007BC4}
hr{border:0px;}

img { behavior: url(iepngfix.htc); }

div#header{height:120px;width:100%;overflow:hidden;background:#7DA4D2 url(images/headbg.jpg) repeat-x;}
div#navbar{width:800px;margin:0 auto;text-align:left}
div#header h1{width:770px;margin:0 auto;text-align:left;padding:0 0 0 0;color:#FFF;}
div#menu{padding-top: 92px;float:right;}

div#logo{height: 100px; width:auto;border:0;float:left;padding-top:10px;}
img#hclogo{height: 100px; width:400px;}

ul#nav li{list-style-type:none;margin:0;padding:0;font-family: verdana, helvetica, arial, sans-serif;}
ul#nav{ font-size: 12px;}
ul#nav li{float:left;margin-left: 5px;text-align: center;letter-spacing: 0px;}
ul#nav a{background:#b8b8b8;float:left;width: 70px;padding: 9px 0 15px 0;text-decoration:none;color: #FFF;}
ul#nav li#serv a{width: 125px;}
ul#nav a:hover{background:#F3F3F3;color: #000;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{color: #6d6d6d; background: #FFF;}

div#container{width:750px;margin:0 auto 0;padding: 45px 25px 0 25px;text-align:left;background:#FFF}
div#content{background-color: white; height: 100%;float:left;display:inline;width:470px;margin:0;padding-right:30px;}
div#content p{font-size:100%;line-height:1.8em;margin-bottom:15px;}
div#content h2{padding:10px 0 10px 0;color: #007BC4;}
div#content h2.alert{text-decoration: underline; font-size: 17px; font-family: Helvetica, Arial, sans-serif; padding: 0 0 25px 0;color: #c40000;}
div#content hr{margin:25px 0 20px 0;color: #999;background-color: #999;height: 1px;width:470px;}
div#content a:hover{text-decoration:underline;}

div#newsBar-bar{padding:10px 0 20px 0;}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0;}
ul#intro{font-weight: bold; font-family:"Andale Mono",Helvetica,Arial,sans-serif;width:100%;overflow:hidden;margin:0 0 30px 0;}

ul#intro h3{font-size:15px;margin:0;font-weight:bold;}
ul#intro p{margin:6px 0 0 0;line-height:1.1em;}
ul#intro a{font-family:"Andale Mono",sans-serif;color:#FFF;font-size:14px;text-decoration:none;font-weight:normal;}
ul#intro a:hover{background:#FFF;color:#71BB50;font-size:14px;text-decoration:none}
ul#intro li{font-family: "Andale Mono", sans-serif;color:#FFF;font-size:12px;overflow:hidden;margin:0 8px 0 0;float:left;width:118px;padding:15px;}
ul#intro span{border-top: 1px dashed #AA6931;}

li#mission{background:#DA883D;}
li#services{background:#71bb50;text-align:center;}
li#more{background:#93B8E8;text-align:right;}

ul#intro h3{color:#FFF;margin:0 0 10px 0;padding:0}
ul#intro h3{font-family:"Andale Mono",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:normal;padding-bottom:3px;color: #FFF;}

span.bigray{font-size:120%;color:#888;line-height:1.3em;padding:0;}

div#note{margin-left: 0; margin-bottom: 30px; margin-right: 0; margin-top: 0; float:left;width: 440px;height: auto;padding: 15px;background:#93B8E8;color:#fff;font-weight:bold;}
div#note h4{font-size:16px;padding: 0 0 20px 0;margin:0;}
div#note hr{color:#fff;background-color:#fff;width:100%;margin:10px 0 20px 0;}
div#note ol{padding-left: 20px; margin:0;list-position:outside;}
div#note li{font: 14px Helvetica,Arial,sans-serif;line-height:1.3em;padding:0 0 15px 5px;}
div#note a{color:#FFF;text-decoration:underline;}

div.date{font-family:Verdana,Helvetica,Arial,sans-serif;float:left;width:auto;padding:0;background:#C1CEFF;color:#fff;
    text-align:center;margin-right:10px;font-size: 100%;}

div.date span{display:block;font-size: 140%;font-weight:bold}

div#side{font-size:12px;float:right;display:inline;height:auto;width:240px;background:#FFF;margin:0;padding:0 0 0 0}
div#shead{margin:0 0 0 0;}

div#side h3{font-family:"Trebuchet MS",helvetica,sans-serif;color:#555;margin:0 0 0 0;padding:0 0 3px 0;}
div#side div.date{color:#666;background:#edf1ff;font-size:75%;line-height:1.3em;padding: 0 0 5px 0;margin:0 10px 10px 0;}
div#side p{font-family:verdana,helvetica,arial,sans-serif;font-size:90%;margin:0;line-height:1.3em;}
div#side hr{color:#fff;background-color:#fff;border:1px solid #999;border-style: none none solid;margin:20px 0 20px 0;clear:both;}
div#side a{margin:0;text-decoration:none;}
div#side a:hover{text-decoration:underline;}
div#side img{border:none;}

div.newsitem { font-style: normal; font-weight: normal; font-family: Verdana, Arial, sans-serif; color:#000;background:#edf1ff;padding:12px;margin:0 0 10px 15px;}

.icon{float:left;margin:0 7px 0 17px;padding:0;}

div#side hr.break{height:1px;color:#999;background-color:#999;border:0;margin:15px 0 15px 0;}

div#quicklinks{margin-left: 0; margin-bottom: 25px; margin-right: 0; height:auto;width:auto;background:#FFF;padding:0 0 0 15px;border:0;color:#000;}
div#quicklinks h4{color:#fff;margin:0;padding:0;font-weight:normal;}
div#quicklinks img.icon{float:left;margin:0 5px 0 9px;padding:0;}
div#quicklinks img.iconb{float: left; padding:6px 5px 3px 7px;margin:0;}
div#quicklinks a:hover{text-decoration:none;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
border-style: none;
border-color: #7d7d7d;
width: 225px;
}

#ddblueblockmenu ul{
padding: 0;
list-style-type: none;
font: normal 12px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
border-bottom: 1px solid #b2b2b2;
display: block;
padding: 5px 0 5px 22px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: #585858;
background-color: #edf1fd;
}

* html #ddblueblockmenu li a{ /*IE only */ 
width: 215px; /*IE 5*/
w\idth: 203px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #d5dff5;
}

#ddblueblockmenu div.menutitle{
border-bottom: 1px solid #373737;
width: 215px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 0;
padding-top: 5px;
color: white;
background-color: #99b8e4;
font: bold 14px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


div#shared{ line-height: 1.5em; width: 240px; margin-left: 9px; }
div#paypal{margin:30px 0 30px 5px;}

div#google_ad3{padding-left:15px;}
div.googlesad{margin:30px 0 30px 0;}

div#footer{margin-left: 0; margin-bottom: 0; margin-right: 0; clear: both;padding: 35px 25px 25px 25px;
    background: #FFF;color: #979797;text-align:center;}
div#footer p{font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;margin:0}
div#footer a{color:#999;text-decoration:underline;}
span.A{font-style:italic;}
span.B{font-weight:bold;color:#777;}

div#google1{width: auto; margin:30px 0 35px 0;padding:0;}

/*Contact Page***********************************************************/

div#contact{height:100%;float:left;width:490px;padding:0 0 45px 0;margin:0}

div#helpform{padding-left: 20px; padding-top: 30px; height: auto; width: 475px;background:#92D16C;margin: 0 30px 5px 0;color:#fff}
div#helpform h2{ font-size:1.4em;font-family: "Andale Mono", sans-serif;margin:0;padding:0;vertical-align:bottom;}
div#helpform h3{font-size:1.2em;font-family: "Andale Mono", sans-serif;margin:0;padding:0 0 0 0;}
.icon2{height: 30px; width: 30px; float:left;margin:0;padding:3px 15px 0px 10px;}


form.helpform fieldset {margin:25px 0 55px 0;border:0px solid #fff;height:310px;width:360px;}
form.helpform fieldset ol {
  margin:15px 0 20px 10px;
  padding:0;
}
input,textarea,option{font-family:"Andale Mono",sans-serif;font-size:1em;margin:0;padding:0px;display:block;}

form.helpform fieldset li {
  list-style-type: none;
  list-style: none;
  padding:0 0 20px 0;
  margin: 0;
}
form.helpform fieldset fieldset legend {
  margin: 0;
  padding:0;
  font-weight: bold;
}
form.helpform em {
  font-weight: bold;
  font-style: normal;
  color: #fff;
}
form.helpform select{width:145px;font-family:"Andale Mono",sans-serif;font-size:1em;}

div#sidehelp{width:230px;float:right;padding:0 0 30px 0;}

div#gettinghelp{ padding-right: 15px; border-style: none; line-height: 1.5em; display:block;height:auto;font-family: helvetica, arial, sans-serif;font-size: 12px;margin: 0 0 10px 0;color:#999;background:#FFF;border: #71bb50;}

div#gettinghelp p{font-size: 100%;margin:0 0 0 0;line-height: 1.4em;color:#999;}

div#gettinghelp h2{ line-height: 1.5em; color: #71bb50; font-size: 16px; font-family: Trebuchet, helvetica, sans-serif; }
div.testi{text-align: left; font-family:verdana,helvetica,arial,sans-serif;font-size:11px;background:#f5f5f5;width:200px;padding:15px;margin:0;line-height:1.5em;color: #3f3f3f;clear:both;}
div.testi p{margin:0 0 10px 0;}
div.testi p.quote{font-style:none;color:#555;}
div.testi img.icon{padding:0 5px 5px 0;}
div.testi a{color:#92D16C}
div.testi a:hover{text-decoration:underline;}


/*Services and Pricing Page*/

div#services{float:left;padding:0 25px 20px 0;margin:0;}

div#pricing{color:#fff;background:#92D16C;width: 435px;padding:30px;margin:0 0 25px 0;}
div#pricing img.icon{float:left;margin:3px 15px 25px 0;}
div#pricing h2{font-size:1.4em;font-family:"Andale Mono",sans-serif;margin:0;padding:0;}
div#pricing h3{font-size:1.2em;font-family:"Andale Mono",sans-serif;margin: 0 0 30px 0;padding:0;}
div#pricing h4{font-size:1.8em;font-family:"Andale Mono",sans-serif;margin-left:20px;padding:0;}
div#pricing h1{font-size:3em;font-family:"Trebuchet MS",helvetica,arial,san-serif;}
div#pricing span.small{font-size: 65%;}
div#pricing span.smaller{font-size:50%;}
div#pricing a{ color: white; }
div#pricing a:hover{ text-decoration: underline; color: white; }
div#pricing p{font-size: 1em;line-height:1.2em;}
div#pricing ul{list-style-type: none;}
div#pricing li{ margin-bottom: 25px; list-style-type: none;}

div#fineprint{ padding-top: 15px; border-top-color: white; border-top-width: 1px; border-top-style: solid; margin-top: 20px; }
div#servicelist{color:#fff;background:#93B8E8;width: 435px;padding:30px;margin:0 0 30px 0;}
div#servicelist h2{font-size:1.4em;font-family:"Andale Mono",sans-serif;margin:0;padding:0;}
div#servicelist h3{font-size:1.2em;font-family:"Andale Mono",sans-serif;margin:0 0 30px 0;padding:0;}
div#servicelist h4{font-size:1.5em;font-family:"Trebuchet MS",helvetica,arial,san-serif;margin:15px 0 0 0}
div#servicelist a{color:#fff;}
div#servicelist a:hover{text-decoration:underline;}
div#servicelist img.icon{float:left;margin:3px 15px 25px 0;}

div#malware {color:#333;background:#edf1ff;padding:15px;margin:15px;border:1px solid #999;line-height:1.5em}
div#networking {color:#333;background:#edf1ff;padding:15px;margin:15px;border:1px solid #999;line-height:1.5em}
div#hardware {color:#333;background:#edf1ff;padding:15px;margin:15px;border:1px solid #999;line-height:1.5em}
div#media {color:#333;background:#edf1ff;padding:15px;margin:15px;border:1px solid #999;line-height:1.5em}
div#remote {color:#333;background:#edf1ff;padding:15px;margin:15px;border:1px solid #999;line-height:1.5em}
div#consulting {color:#333;background:#edf1ff;padding:15px;margin:15px;border:1px solid #999;line-height:1.5em}
div#cleanup {color:#333;background:#edf1ff;padding:15px;margin:15px;border:1px solid #999;line-height:1.5em}
div#more {color:#333;background:#edf1ff;padding:15px;margin:15px;border:1px solid #999;line-height:1.5em}

/*Customer Testimonials*/

div#testimonials{float:left;height:100%;width: auto;padding:0 25px 0 0;margin:0;border-right:0px dotted #999;}
div#testimonials span.bigger{color:#556A93;font-size:150%;}

div#testi{margin-left: 0; margin-bottom: 95px; margin-right: 0; margin-top: 0; text-align: justify; color:#000;background:#fff;width:450px;height:100px;padding:0;}
div#testi img.icon{float:left;margin:3px 15px 25px 0;}
div#testi h2{color:#71BB50;font-size:1.4em;font-family:"Andale Mono",sans-serif;margin:0;padding:0;}
div#testi h3{margin-left: 0; margin-bottom: 30px; margin-right: 0; margin-top: 0; color:#777;font-size:1.2em;font-family:"Andale Mono",sans-serif;padding:0;}
div#testi h1{font-size:3em;font-family:"Trebuchet MS",helvetica,arial,san-serif;margin-bottom:15px;}
div#testi p{text-align: left; font-size:11px;line-height:1.2em;}

div.commentwrap {float:left;position:relative;margin: 0 0 40px 0}
div.commentwrap1 {float:left;position:relative;margin:0 0 40px 30px}
div.commentwrap img.arrow{padding:0 0 0 30px}
div.comments {text-align: justify; background:#edf1ff;width: 430px;margin:0;padding:20px;line-height:1.7em;}
div.comments p{font-size:100%;color:#555;}
p.name{color:#555;padding:3px 0 0 15px;}
p.name span{color:#007BC4;font-weight:bold;}
img.user{max-width: 16px; height: 16px; width: 16px; padding-left: 25px; padding-bottom: 0; padding-right: 8px; padding-top: 0; float:left;}
img.user2{max-width: 16px; height: 16px; width: 16px; padding-left: 0px; padding-bottom: 0; padding-right: 8px; padding-top: 0; float:left;}
img.arrow{ height: 24px; width: 19px;}
div#aboutme{ line-height: 1.6em; font-size: 14px; font-family: helvetica, arial, sans-serif; text-align: left; color: #383838;background:#fff;width: 550px;padding:0;margin: 0 0 200px 0;}
div#aboutme img.icon{float:left;margin:3px 15px 25px 0;}
div#aboutme h2{color: #71bb50;font-size:1.4em;font-family:"Andale Mono",sans-serif;margin:0;padding:0;}
div#aboutme h3{color:#777;font-size:1.2em;font-family:"Andale Mono",sans-serif;margin: 0 0 30px 0;padding:0;}
img#me{ float: left; border-color: #898989; border-style: solid; border-width: 3px; margin-bottom: 10px; margin-right: 20px; }
div#aboutme p{ margin-bottom: 10px; }