html { font-size: 1em; }
body {font-size: 0.8em; line-height:1.2em;}
body, div {
	font-family: verdana, helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#444;
}
.blurb {
	float:right;
	margin-right:-30px;
	width:12em;
	padding:1em 0 1em 1em;
	font-size:1.5em;
	line-height:1.5em;
	text-align:right;
	font-family:impact; letter-spacing:1px;
	color:#999;
	color:red;
	position:relative;
}
.blurb b {color:orange; color:#3878DB; font-size:1.1em;}
body { background: url('images/background.jpg') center 0px no-repeat; margin: 0; padding:0; }
div#ie7backgroundFix { background: url('images/background.jpg') center 0px no-repeat; margin: 0;}

#content-header {background: url('images/background-header.png') center 0px no-repeat; height:28px; margin:0;}
#content-wrapper {background: url('images/background-page.png') center repeat-y; }

p {line-height:1.4em; }

/*h1 { color: #222; margin:1em 0; font-size: 2em; line-height: 1.2em; font-weight:bold; }*/
h1 {background: no-repeat; height:67px; text-indent:-9999px;}
h1.std {height:auto;text-indent:0; color: #3878DA; }
.index h1 {display:none;}

#bNetworking h1 {background-image:url('images/title/networking.png');}
#bOnSite h1 {background-image:url('images/title/onsite.png');}
#bContact h1 {background-image:url('images/title/contact.png');}
#bRecovery h1 {background-image:url('images/title/recovery.png');}
#bBackup h1 {background-image:url('images/title/backup.png');}
#bPortfolio h1 {background-image:url('images/title/portfolio.png');}
#bRHD h1 {background-image:url('images/title/rhd.png');}
#bSpyware h1 {background-image:url('images/title/spyware.png');}
#bWeb h1 {background-image:url('images/title/web.png');}
#bWireless h1 {background-image:url('images/title/wireless.png');}

h2 { font-size: 1.3em; line-height:1.2em; font-weight:bold; color: orange;}
h3 { font-weight: bold; font-size:1.1em; color: #4875ba;}
h3 * {vertical-align: middle;}
h3 a {color: #4875ba; text-decoration:none;}
h3 a:hover {color: #95afd7; text-decoration:underline;}
h4 { font-size:1em; }

b {color:orange;}

h3.tagline { text-align: center; line-height:1.25em;}

ol li { margin: 1em auto; }

.ct { text-align: center; }
.lt { text-align: left; }
.rt { text-align: right; }
.b { font-weight: bold; }
.i1 { padding-left: 2em; }
.i2 { padding-left: 4em; }

a { color: #A68361; }
a:hover { color:#321; }
#header {width:940px; margin:auto; padding-top:110px; padding-left:40px; height:42px;}
#header * {z-index:2;} /* make sure nav-bar appears above everything else */
.page_width { width: 980px; margin: auto; position:relative; }
#middle { width:100%; }
#testimonials {display:none;}

#left p { text-align: center; }
#left a { font-weight: bold; font-size: 1.2em; letter-spacing: 1px; text-decoration: none; }
#left h4 a { line-height: 1.5em; }
#contents { width:850px; padding:10px; margin:0 auto; }
body.index #contents { float:none; width:920px; margin:auto;}

#footer {
	text-align: center;
	font-size: 0.8em; line-height:0.8em;
	background: url('images/background-footer.png') center 0px no-repeat;
	height:65px;
}
#footer p a {padding-left:1em;}
#footer a.logo img { padding: 0 1em 1em 1em; border: 0; }
#footer .navbar { width:70%; margin:auto; border-bottom: 0; border-top:1px solid #A68361; margin-top:1em; padding-top: 0.5em; background: transparent; clear:both; }
#footer .navbar a { font-size:1em; font-style:normal; font-weight:normal;  }
#footer .navbar a:hover { color:#321; }

div.clear { clear: both; height: 0px; width: 100%; }
.clr {clear:both;}

#contents>p { margin: 0; }
#contents>p+p { margin: 1em auto; }

p.quote { font-style: italic; text-align: center; }
p.infoC { text-align: center; font-weight: bold; }
.top { margin-top: 0; }

input, select, textarea {border-color:#4875ba; border-style: solid; color:#4875ba;}
.info_block table td {padding-top:10px;}

div.quote_mod h3 { margin-bottom: 0.5em; }
div.quote_mod p.quote { text-align: left; margin: 0 3em 1.25em 3em; }

/*.info_block {width:374px; position:relative; float:left; margin:20px 36px; }
div>.info_block {margin:20px 40px;}
.info_block.flrt {float:right; margin:0 0 0 10px;}
.info_block.flrt.out {margin-right:-40px; }
.info_block.ib-center {margin:20px 0 20px 300px; float:none; text-align:left; }
div>.info_block.ib-center {margin:20px auto; }
.info_block * {margin:0;}
.info_block h2 {background:url('images/info-block-header.png') no-repeat; display:block; height:30px; font-size:18px; line-height:18px; overflow:hidden; padding:16px 0 0 60px; color:white;}
.info_block h2 a {color:white;}
.info_block h2 a:hover {color:orange;}
.info_block a {text-decoration:none;}
.info_block a:hover h2 {color:orange;}
.info_block .info_block_text {background:url('images/info-block-middle.png'); font-size:12px; padding:20px 35px 20px 0px; }
.info_block .info_block_text p,
.info_block .info_block_text address,
.info_block .info_block_text form {padding-left:35px;}
.info_block img.icon {background: url('images/icons.png') no-repeat; position:absolute; display:block; left:-6px; top:-3px; width:56px; height:56px; border:0; }
.info_block .info_block_footer {background:url('images/info-block-footer.png') no-repeat; height:27px; }

.ib-narrow {width:260px;}
.ib-narrow.flrt {margin-right:-30px;}
.ib-narrow.fllt.out {margin:0 10px 0 -40px;}
.ib-narrow h2 {background-image:url('images/info-block-header-narrow.png');}
.ib-narrow .info_block_text {background-image:url('images/info-block-middle-narrow.png'); }
.ib-narrow .info_block_footer {background-image:url('images/info-block-footer-narrow.png'); }*/


/*** CSS3-ified ***/
.info_block {width:374px; position:relative; float:left; margin:20px 36px; 
	border:2px solid #FFCC55;
	background:white;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 

	box-shadow: inset 0 0 15px #FFCC55, 4px 4px 8px #999;

}
div>.info_block {margin:20px 40px;}
.info_block.flrt {float:right; margin:0 0 0 10px;}
.info_block.flrt.out {margin-right:-40px; }
.info_block.ib-center {margin:20px 0 20px 300px; float:none; text-align:left; }
div>.info_block.ib-center {margin:20px auto; }
.info_block * {margin:0;}
.info_block h2 {
	display:block; height:30px; font-size:18px; line-height:18px; overflow:hidden; padding:10px 0 0 60px; color:white;
	
	background: #99aced; /* Old browsers */
	background: -moz-linear-gradient(top, #99aced 0%, #6c82c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99aced), color-stop(100%,#6c82c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #99aced 0%,#6c82c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #99aced 0%,#6c82c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #99aced 0%,#6c82c8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #99aced 0%,#6c82c8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99aced', endColorstr='#6c82c8',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
 
  -webkit-box-shadow: inset 0 0 8px #FFCC55;
  -moz-box-shadow: inset 0 0 8px #FFCC55;
  box-shadow: inset 0 0 8px #FFCC55;
 }
.info_block h2 a {color:white;}
.info_block h2 a:hover {color:orange;}
.info_block a {text-decoration:none;}
.info_block a:hover h2 {color:orange;}
.info_block .info_block_text { font-size:12px; padding:20px 20px 10px 0px; }
.info_block .info_block_text p,
.info_block .info_block_text address,
.info_block .info_block_text form {padding-left:20px;} /* ie6 fix */
.info_block img.icon {background: url('images/icons.png') no-repeat; position:absolute; display:block; left:-11px; top:-8px; width:56px; height:56px; border:0; }
.info_block .info_block_footer {height:15px; }

.ib-narrow {width:260px;}
.ib-narrow.flrt {margin-right:-30px;}
.ib-narrow.fllt.out {margin:0 10px 0 -40px;}

.info_block iframe {display:none; border:0; padding-left:18px; width:460px; height:300px;}
.info_block.activeRHD {
	position:absolute;
	right:65px;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	transition:All 0.5s ease;
	width:500px;
}
.info_block.activeRHD iframe {display:block;}
.info_block.activeRHD .rhdConnect {display:none;}




.portfolio_detail {width:630px; overflow:hidden; float:right; margin:0 -40px 0 0; }
.portfolio_detail img {border:10px solid #999; display:block; margin:30px auto; text-align:center; }
.portfolio_detail.noborder img{border:none;}
#portfolio_logos {width:266px; float:left; margin:0 0 0 -40px; position:relative;}
#portfolio_logos img {margin-top:20px;cursor: pointer; border:0;}

ul, ol {
zoom: 1; /* hasLayout for IE<= 6 */
overflow: auto; /* shrink the list to sit beside floats in compliant browsers */
margin: 0; padding: 0; /* zero the defaults so only one or other is used per you margin request below */
}
ul li { list-style-type: disc; margin: 0 0 0.7em 2.5em; /* must stay, want it */}
ul.nobull li {list-style-type: none;}

tr.header { }
tr.footer { font-size: 0.8em; letter-spacing: -1px; }
tr.row2 { line-height: 2em; }
tr.row1 { line-height: 2em; }


#leftImage { margin-left:6px; margin-top:2em; }

#myitguy { text-decoration:none; color: #3878DB; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}
#myitguy:hover { color: #8AB0EA; }
#rhdIcon {display:block; height:64px; width:65px; background:url('images/rhd_icon.gif') 0px 0px no-repeat; margin-top:12px;}
#rhdIcon:hover {background-position:-65px 0px;}

img, div, #nav *, .info_block h2, h1 { behavior: url(css/iepngfix.htc); }
.flrt { float: right; margin: 0.5em 0 0 1em; }
.fllt { float: left; margin: 0.5em 1em 0 0em; }
.img.fllt, .img.flrt {border:0;}
.fllt.out {margin-left:-40px; position:relative;}
.flrt.out {margin-right:-30px;}

div.pricing {float:right; width:12em; font-size: small; font-weight:normal; color:black;}

div.contactBox { margin-left:4em; font-size:1.25em; }

ul.linkMenu li a { text-decoration:none; }
ul.linkMenu li a:hover { text-decoration:underline; }

div#orderForm { width:561px; padding:13px;}

input {vertical-align:middle;}
input.req, textarea.req, select.req { }
input.req.radio { background: transparent; }
input.reqSkipped, textarea.reqSkipped, select.reqSkipped { }
label {vertical-align:middle; display: block;}

.addthis_button { position:absolute; right:20px; top:15px;}
.addthis_button img {border:0;}

.blue {color: #4875ba;}

.onlymobile {display:none;}

/* IE 6 FIXES START */
	/* general */
		#content-wrapper {padding:1px 0px 0px 0px;}
		.info_block img {position:relative; z-index:1;}

	/* left */
		.fllt.out {padding-right:40px;}
		div>img.fllt.out, p>img.fllt.out {padding-right:10px;}
		.info_block.ib-narrow.fllt.out {padding:0; }
		.fllt.png {margin-right:20px; padding-right:0px;}
		*>.fllt.png {margin-right:0;}
		.out.fllt.blurb {padding-right:1em;}

	/* right */
		.out.flrt {margin:0 -40px 0 0;}
		div.out.flrt { margin:0 -40px 0 10px;}
		/*div>img.flrt.out, p>img.flrt.out, ul>img.flrt.out {padding-left:10px;}
		.fllr.png {margin-left:20px; padding-left:0px;}
		*>.flrt.png {margin-left:0;}*/
/* IE 6 FIXES END */
/* IE 7 FIXES */
	.info_block h2 { cursor: pointer; }
	
.testimonial1, .testimonial2 {padding:1em; }
.testimonial2 {padding:1em; background:#FD9; background:rgba(255,153,0,0.4);}

.rhdConnect {
	display:block;
	width:50%;
	margin:10px auto;
	text-align:center;
	font-size: 18px;
	color: #ffffff;
	padding: 15px 25px;

	background: #18f544; /* Old browsers */
	background: -moz-linear-gradient(top, #18f544 0%, #00940a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18f544), color-stop(100%,#00940a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #18f544 0%,#00940a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #18f544 0%,#00940a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #18f544 0%,#00940a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #18f544 0%,#00940a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18f544', endColorstr='#00940a',GradientType=0 ); /* IE6-9 */


	border: 3px solid #2864bd;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}
.rhdConnect:hover {
	color: #ff0;
	border-color: #4884dd;

	background: #28ff54; /* Old browsers */
	background: -moz-linear-gradient(top, #28ff54 0%, #10a41a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28ff54), color-stop(100%,#10a41a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #28ff54 0%,#10a41a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #28ff54 0%,#10a41a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #28ff54 0%,#10a41a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #28ff54 0%,#10a41a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28ff54', endColorstr='#10a41a',GradientType=0 ); /* IE6-9 */

}