﻿/*** Landing page ***/
#landingContainer {	width: 995px; margin: 2px auto;	text-align: left; }
#landingContainer .header 
{
	background-image: url(../images/header_landing_bg.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 0px 0px 5px;
	height: 125px;
	width: 992px;
}
#landingContainer .address { top: -118px; }
#landingContainer .extraNav { top: -80px; }
.landingContent { padding: 15px 20px; }
.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 {
	width: 995px;
	margin: 2px auto;
	text-align: left;
}
.contentWrapper {
	background-color: White;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	width: 992px;
}
.header 
{
	background-image: url(../images/header_background.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 0px 0px 5px;
	height: 245px;
	width: 992px;
}
.header .logo {
	position: relative;
	top: -20px;
	right: -310px;
}
.search 
{
	position: relative;
	top: -115px;
	left: 0px;
	padding-left: 0px;
}
.address 
{
	position: relative;
	top: -239px;
	left: 640px;
	font-size: .90em;
	color: White;
	font-style: italic;
	width: 130px;	
} 
/* Contains the images for the main navigation */
.nav { position: relative; top: -46px; left: -2px; padding-left: 0px; }
.hlApple, .hlAV, .hlPC, .hlContact, .hlNetwork, .hlWeb, .hlSoftware { float: left; padding: 2px; border: none; width: 142px; height: 101px; }
.hlApple {	background: url(../images/nav/mac_products.gif) no-repeat left; }
.hlApple:hover {	background: url(../images/nav/mac_products_hover.gif) no-repeat left; }
.hlAV {	background: url(../images/nav/audio_video_home_theater.gif) no-repeat left; }
.hlAV:hover {	background: url(../images/nav/audio_video_home_theater_hover.gif) no-repeat left; }
.hlPC{	background: url(../images/nav/computer_sales_repair.gif) no-repeat left; }
.hlPC:hover {	background: url(../images/nav/computer_sales_repair_hover.gif) no-repeat left; }
.hlContact{	background: url(../images/nav/contact_us.gif) no-repeat left; width: 105px; }
.hlContact:hover {	background: url(../images/nav/contact_us_hover.gif) no-repeat left; }
.hlNetwork{	background: url(../images/nav/networking_email_services.gif) no-repeat left; }
.hlNetwork:hover {	background: url(../images/nav/networking_email_services_hover.gif) no-repeat left; }
.hlWeb{	background: url(../images/nav/website_design_development_hosting.gif) no-repeat left; }
.hlWeb:hover {	background: url(../images/nav/website_design_development_hosting_hover.gif) no-repeat left; }
.hlSoftware{	background: url(../images/nav/custom_software_programming.gif) no-repeat left; }
.hlSoftware:hover {	background: url(../images/nav/custom_software_programming_hover.gif) no-repeat left; }

.subNav {	font-size: 1.10em;	border: 1px solid orange; text-align: center;
	padding: 2px 0px 4px 4px; margin-top: 70px; position: relative;
	top: -115px; left: 5px;	width: 975px;
}
.subNav a {	color: white; text-decoration: none; padding: 4px 20px 4px 20px; }
.subNav a:hover { color: white;	background: url(../images/star.png) left center no-repeat; text-decoration: underline; }
.extraNav {	position: relative;	top: -215px; left: 10px; width: 400px; }
.extraNav a { padding: 0px 0px 0px 20px; margin: 0px 12px 0px 0px;}
.footer {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: .80em;
	text-align: center;
	width: 992px;
	height: 138px;
	color: White;
	background: white url(../images/footer_background.png) center no-repeat;
}
.footer a {	color: white; }
.footer a:hover { color: #888; text-decoration: none; }
.ads { padding: 40px 0px 3px 0px; margin: 0px auto;	display: block; }	
.ads img { padding: 2px; border: none; }
.copyright { font-size: .90em; padding-top: 5px; }

/*** Two column - large left, small right ***/
.leftColumn {
	margin: 0 310px 0 0;
	padding: 0px 20px 0px 10px;
	position: relative;
	top: -95px;
}
.rightColumn {
	float: right;
	width: 295px;
	margin-right: 10px;
	position: relative;
	top: -95px;	
}
.rightColumn h1 { background: url(../images/header_gradient_orange_260.png) no-repeat bottom left; }
.rightColumn h2 { background: url(../images/header_gradient_red_260.png) no-repeat bottom left; }
.rightColumn h3 { background: url(../images/header_gradient_gray_260.png) no-repeat bottom left;}
.rightColumn img { border: solid 1px #FFFFFF;}
.rightColumn ul { font-size: .90em;}
.oneColumn 
{
	padding: 0px 15px 0px 15px;
	position: relative;
	top: -90px;
}
/*** 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: 00px;
	padding: 0px 15px 0px 15px;	
}