﻿/*** Landing page ***/
.landingContent h1 { margin-bottom: 6px; font-size: 1.3em; padding: 0px; border: none;}
.landingContent a { color: Black; text-decoration: none;}
.landingContent a:hover { color: Orange; text-decoration: none;}
.landingContent a.normal { color: Black; text-decoration: underline; }
.landingContent a.normal:hover { color: Orange; text-decoration: none;}
.landingContent p { margin: 2px 0px; font-size: 1.0em;}
.landingContent .col { float: left;	width: 48%; }
.landingContent .item { float: left; margin-bottom: 10px; display: block; height: 135px; }
.landingContent .item img { padding: 0px 5px 0px 0px; float: left;  }
#container, #landingContainer {	width: 995px; margin: 2px auto; text-align: left; }
/*** Header ***/
.header, #landingContainer .header { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 992px;}
.header { background: url(../images/background/headerNav.png) no-repeat; height: 283px; }
#landingContainer .header { background: url(../images/background/headerBack.png) no-repeat; height: 140px; }
.header .logo {	position: absolute;	top: 2px; margin-left: 310px; }
.header .title { position: absolute; top: 15px;	margin-left: 15px; }
.search { position: relative; top: 0px; left: 0px; padding-left: 0px; }
.socialNav { position: relative; top: -2px; right: -795px; width: 90px; height: 45px; }
.extraNav {	position: relative;	top: -31px; right: -890px; width: 100px; line-height: 1.6em; }
.extraNav a { padding: 0px 0px 0px 20px; margin: 0px 12px 0px 0px; }
.extraNav a:hover { background: url(../images/navBtn/smlBtnRollOver.png) left center no-repeat; text-decoration: none; }
/*** Top Nav ***/
.nav { position: relative; top: 54px; left: 20px; padding-left: 0px; }
.nav img { padding-top: 13px; }
.nav div { float: left; text-align: center; width: 100px; text-decoration: none; color: #FF9933; font-weight: bold; font-size: .90em; margin-right:10px; }
.nav a { text-align:center; }
.hlTech, .hlAV, .hlPC, .hlBusiness, .hlNetwork, .hlWeb, .hlSoftware { float: left; padding: 0px; border: none; width: 75px; height: 75px; margin-left:13px; background: url(../images/navBtn/btnUp.png) no-repeat bottom; }
.hlTech:hover, .hlAV:hover, .hlPC:hover, .hlBusiness:hover, .hlNetwork:hover, .hlWeb:hover, .hlSoftware:hover { background: url(../images/navBtn/btnRollOver.png) no-repeat bottom; }
.nav a.current { float: left; padding: 0px; border: none; width: 75px; height: 75px; margin-left:13px; background: url(../images/navBtn/btnSelected.png) no-repeat bottom; }
/*** Sub Nav ***/
.subNav { font-size: .9em; text-align: left; padding: 2px 0px 4px 4px; margin: -20px 0px 0px 3px; position: relative; top: -108px; width: 982px; height: 120px; line-height: 1.25em; }
.subNav h5 { padding: 3px 15px 5px 15px; }
.subNav .centered, .subNav .rightAligned, .subNav .leftAligned { float: left; margin-top: 5px; height: 110px; }
.subNav .centered { border-right: solid 1px #AAA; border-left: solid 1px #000000; }
.subNav .rightAligned { border-right: solid 1px #AAA; }
.subNav .leftAligned { border-left: solid 1px #000000; }
.subNav .desc, .subNav .descShort, .subNav .descTiny, .subNav .descLong { float: right; height: 105px; padding: 10px 5px 0px 5px; font-weight: bold; line-height: 1.5em; text-align: center; }
.subNav .desc { max-width: 465px; }
.subNav .descShort { max-width: 425px; }
.subNav .descTiny { max-width: 390px; }
.subNav .descLong { max-width: 590px; }
.subNav a {	color: #000000; text-decoration: none; padding: 2px 15px; display: block; }
.subNav a:hover { color: orange; text-decoration: underline; }
.subNav a.current { color: #be6e29; text-decoration: none; background: none; }
/*** Nav Icons ***/
.iconComputer, .iconAudio, .iconWebsites, .iconBusiness, .iconTech, .iconNetwork, .iconSoftware { float: left; width: 110px; height: 120px; }
.iconComputer { background: url(../images/icons/LrgIconComputers.png) no-repeat; }
.iconAudio { background: url(../images/icons/LrgIconAudio.png) no-repeat; }
.iconWebsites { background: url(../images/icons/LrgIconWebsites.png) no-repeat; }
.iconBusiness { background: url(../images/icons/LrgIconBusiness.png) no-repeat; }
.iconTech { background: url(../images/icons/LrgIconTech.png) no-repeat; }
.iconNetwork { background: url(../images/icons/LrgIconNetwork.png) no-repeat; }
.iconSoftware { background: url(../images/icons/LrgIconSoftware.png) no-repeat; }
/*** Footer ***/
.footer {
	padding: 0px; margin: 0px; font-weight: bold; font-size: .80em;	text-align: center;
	width: 992px; height: 97px;	color: #FF9933; background: white url(../images/background/footer.png) bottom center no-repeat;
}
.footer .links { padding-top: 3px; }
.footer a {	color: #000000; text-decoration: none; }
.footer a:hover { color: #FF9933; text-decoration: none; }
.ads { padding: 0px 0px 0px 0px; margin: 0px auto;	display: block; }	
.ads img { padding: 2px; border: none; }
.footer .copyright { margin-bottom: 1px; }
.contentWrapper { background-color: White; margin: 0px; padding: 0px; width: 992px; }
/*** Two column - large left, small right ***/
.leftColumn { margin: 0px 310px 0px 0px; padding: 0px 15px 0px 10px; position: relative; top: -98px; min-height: 420px; }
.rightColumnSmall { float: right; width: 295px; margin-right: 10px; position: relative; top: -98px; }
#landingContainer .leftColumn { margin: 20px 310px 0 0; padding: 0px 15px 0px 10px; position: relative; top: 0px; }
#landingContainer .rightColumnSmall { float: right; width: 295px; margin-right: 10px; margin-top: 20px; position: relative; top: 0px; }
.rightColumnSmall h1 { background: url(../images/header_gradient_orange_260.png) no-repeat bottom left; }
.rightColumnSmall h2 { background: url(../images/header_gradient_red_260.png) no-repeat bottom left; }
.rightColumnSmall h3 { background: url(../images/header_gradient_gray_260.png) no-repeat bottom left;}
.rightColumnSmall img { border: none; margin: 2px auto;}
.rightColumnSmall ul { font-size: .90em;}
.oneColumn { padding: 0px 15px 0px 15px; margin: 0px 0px 0px 0px; position: relative; top: -95px; }
#landingContainer .oneColumn { padding: 0px 15px 0px 15px;	margin: 25px 0px 0px 0px; position: relative; top: 0px;  }
/*** Three Col even ***/
.threeColWrapper { overflow: hidden; position: relative; top: -90px; }
.threeColWrapper h1 { background: url(../images/header_gradient_orange_260.png) no-repeat bottom left; }
.threeColWrapper h2 { background: url(../images/header_gradient_red_260.png) no-repeat bottom left; margin-top: 15px; }
.threeColWrapper h3 { background: url(../images/header_gradient_gray_260.png) no-repeat bottom left; margin-top: 15px;}
.threeColWrapper a { background: url(../images/plane.png) left center no-repeat; padding: 3px 0px 3px 45px; color: #990000; text-decoration: none; }
.threeColWrapper a.imgWrapper {	padding: 0px; background: none;	}
.threeColWrapper a:hover { text-decoration: underline; }
.col1 { float: left; width: 305px; margin: 0 0px 0 0px; padding: 0px 15px 0px 15px;	}
.col2 { margin: 0px 325px 0px 325px; padding: 0px 15px 0px 15px; }
.col3 { float: right; width: 305px; margin-left: 0px; padding: 0px 15px 0px 15px; }
/*** Category home pages ***/
.defaultPage { text-align: center; padding-top: 10px; width: 350px; margin-left: -80px; }
.defaultPage .twoCat { padding-top: 70px; }
.defaultPage h1, .defaultPage h2, .defaultPage h3 { background: url(); padding-top: 20px; }
.defaultPage a { background: url(../images/plane.png) left center no-repeat; padding: 3px 0px 3px 45px; color: #990000; text-decoration: none; }
.defaultPage a.imgWrapper {	padding: 0px; background: none;	}
.defaultPage a:hover { text-decoration: underline; }
.pageBackground { position: absolute; padding-left: 450px; margin-top: -50px; }
