/* Fixes colors / layout in original theme */
#page, html { background-color: #FFF; }

#sidebar-first h2.block-title, #sidebar-last h2.block-title, #postscript-wrapper h2.block-title {
	background-color: #B22;
}

#content-tabs ul.primary li a:hover, #content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a.active:link, #content-tabs ul.secondary li a.active:visited,
#content-tabs ul.primary li a.active:link, #content-tabs ul.primary li a.active:visited {
	border-bottom-color: #B22;
}

#preface { background-color: #666; }
h1.title { font-size: xx-large; text-align: right; background: transparent url(/images/title-bg.png) no-repeat scroll left top; }

/* Hover menu on top navigation  */
#primary-menu ul.menu li ul li { background-color: #333; border-bottom-color: #933; }
#primary-menu ul.menu li ul li a, 
#primary-menu ul.menu li ul li a:link, 
#primary-menu ul.menu li ul li a:visited {color: #FFF; }
#primary-menu ul.menu li ul li a:hover { color: #F00; }

/* Fiddles with the header */
#main { background-position: top left; }
#header { background: transparent url(images/header-bg.png) no-repeat left bottom; }
#header-wrapper { width: auto; margin: 0; padding: 0 0 0 200px; }
#header-first { width: auto; }
#header-last { margin-right: 100px; width: auto; }

/* Formatted blocks (text with icons on left) */
div.blockwrap,
div.blockwrap64 { clear: both; min-height: 128px; }
div.blockwrap a,
div.blockwrap64 a { text-align: center; width: 128px; min-width: 128px; display: block; float: left; margin: 0; background: transparent no-repeat scroll top left; color: #FFF; font-size: 16px; }
div.blockwrap div.descwrap,
div.blockwrap64 div.descwrap { clear: right; float: none; text-align: left; margin-left: 128px; padding-left: 5px; }
div.blockwrap div.descwrap h3,
div.blockwrap64 div.descwrap h3 { padding-top: 5px; }

.blockdivider { clear: both; }

div.blockwrap64 { min-height: 64px; }
div.blockwrap64 a { width: 64px; min-width: 64px; }
div.blockwrap64 div.descwrap { margin-left: 64px; }

/* Coverage map */
#coveragemap { text-align: center; }
#coveragemap h3 { margin-bottom: 5px; text-align: left; }
#coveragemap img {
	margin: 0 auto;
	width: 576px;
	height: 371px;
	border: 1px solid rgb(239, 172, 172);
	display: block;
}

/* Credit logos on pricing page */
div.ccImageBar {
	text-align: center;
	padding-top: 5px;
	background-color: #FFD;
}
div.ccImageBar img { margin-right: 10px; }


/* Service buttons on service page and pricing layout */
div#serviceiconwrap,
div#pricingiconwrap { margin: 0 auto 10px; padding: 0; display: table; text-align: center; }
div#serviceiconwrap a:hover, div#pricingiconwrap a:hover { text-decoration: none; }
div#pricingiconwrap a:hover { cursor: default; }
div#serviceiconwrap a:hover { background-position: -128px top; }
div#serviceiconwrap a { text-align: center; padding: 98px 0 14px; width: 128px;  display: block; float:left;  margin: 0; background: transparent no-repeat scroll top left; color: #FFF; font-size: 16px; }

div#serviceiconwrap a.spyware { background-image: url(/images/services/icons/spyware.png); }
div#serviceiconwrap a.backup { background-image: url(/images/services/icons/backup.png); }
div#serviceiconwrap a.networking { background-image: url(/images/services/icons/networking.png); }
div#serviceiconwrap a.optimize { background-image: url(/images/services/icons/optimize.png); }
div#serviceiconwrap a.custompc { background-image: url(/images/services/icons/custompc.png); }
div#serviceiconwrap a.business { background-image: url(/images/services/icons/business.png); }

/* Pricing buttons on pricing page */
div#pricingiconwrap a { padding: 98px 0 14px; }
div#pricingiconwrap a.inhome { background-image: url(/images/pricing/in-home.png); }
div#pricingiconwrap a.pickup { background-image: url(/images/pricing/pick-up.png); }
div#pricingiconwrap a.business { background-image: url(/images/services/icons/business.png); }

/* Image framing (used mainly in services descriptions) */
img.center { margin: 0 auto; display: block; }
img.framed { border: 1px solid black; }
img.center.framed { margin: 10px auto; }
img.left.framed { margin: 10px 10px 10px 0; }
img.right.framed { margin: 10px 0 10px 10px; }