@import url("forms.css");

/* *** Universals *** */
html, body {
	margin: 0;
	padding: 0;
} 
 
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #FAFBF5 url(/images/bgtile.png) left top;
	font-size: 62.5%;
	color: #414141;
}
	div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset	{margin: 0; padding: 0;}
	h1, h2, h3, h4, h5 ,h6		{font-size: 1em; font-weight: normal;}
	a										{color: #50ACC3;}
	a:hover								{color: #00768d;}
	a:visited							{color: #B3B0A5;}
	a:visited:hover 					{color: #00768d;}
	a img,
	fieldset								{border: none;}
	p										{font-size: 1.3em; letter-spacing: 0.05em; line-height: 1.7em; text-indent: 20px; text-align: justify;}
	table {
		width: auto;
		margin: 0 auto;
		padding: 0;
		border: 0;
		border-top: 1px solid #acacac !important;
	}
		table caption			{width: 100%; margin: 0; padding: 20px 0 10px 0; text-align: center; font-size: 1.3em; line-height: 1.3em; font-weight: bold;}
		table tr					{background: #FAFBF5; font-size: 1.2em;}
		table tr.altRow		{background: #f1f1f1;}
		table tr.total			{background: #f0f0b3;}
		table th					{padding: 6px 6px 6px 12px !important; background: #DDDDDD url(/images/tableHeadbg.png) no-repeat left top; border-right: 1px solid #acacac !important;  border-bottom: 1px solid #acacac !important; font-size: 0.8em;color: #474747; letter-spacing: 2px; text-align: left;}
		table td 				{border-right: 1px solid #acacac !important; border-bottom: 1px solid #acacac !important; padding: 6px 6px 6px 12px !important; color: #424242; text-align: left;}
		table .first				{border-left: 1px solid #acacac !important;}


/*** * Main Structure * ***/
#container {
	width: 982px;
	margin: 0 auto;
	padding: 20px 8px 20px 10px;
}

#header {
	background: url(/images/headerTile.png) repeat-y left top;
	overflow: auto;
}

#main {
	width: 669px;
	float: left;
}

#nav {
	height: 67px;
	background: url(/images/navbg.png) no-repeat left top;	
}
	#nav ul					{list-style: none;}
	#nav ul li				{position: relative; width: 129px; height: 46px; float: left; border-right: 1px dotted #BFBFBF; text-align: center; line-height: 46px;}
	#nav ul li.last		{border: 0;}
	#nav ul li a			{display: block; height: 46px; text-decoration: none; color: #fff; vertical-align: middle; font-size: 1.6em;}
	#nav ul li a:hover	{background: #7DA2BC;}
	#nav a.current		{background: url(/images/navCurrentbg.png) repeat-x left top;}

#contentSide {
	position: relative;
	width: 313px;
	float: right;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(/images/contentSidebgTile.png) repeat-y left top;
}
	#contentSide h2					{position: absolute; width: 269px; height: 25px; margin: 23px 0 0 23px; background: url(/images/requestAQuote.png) no-repeat left top;}
	#contentSide h2 span			{display: none;}
	#contentSide #quoteForm	{padding: 60px 0 20px 0;}

	#contentSideTop {
		position: absolute;
		top: 0;
		left: 0;
		width: 311px;
		height: 47px;
		background: url(/images/contentSideTop.png) repeat-x left top;
	}

	#contentSideBottom {
		position: absolute;
		bottom: 0;
		width: 313px;
		height: 29px;
		background: url(/images/contentSideBottom.png) no-repeat left top;
	}
	
#sideLinks {
	float: right;
	clear: right;
	width: 313px;	
}

#info {
	float: right;
	clear: right;
	width: 313px;
}
	#info h3 span				{display: none;}
	#info h3#storeHours	{width: 218px; height: 31px; background: url(/images/storeHours.gif) no-repeat left top;}
	#info dl						{margin: 15px 0 0 15px; font-size: 1.3em; line-height: 1.9em !important; text-align: justify; }
	#info dt						{font-weight: bold;}
	#info dd						{margin-left: 15px;}

#websiteNeeds {
	float: right;
	margin: 0;
	background: url(/images/netPerspective.png) no-repeat left top;
	clear: right;
}
	#websiteNeeds a		{display: block; width: 313px; height: 129px;}
	#websiteNeeds span	{display: none;}
	
.sideButton {
	display: block;
	float: right;
	width: 149px;
	height: 89px;
	margin: 20px 0;
}
	.sideButton span	{display: none;}
	#onsiteAppLink	{margin-right: 15px; background: url(/images/onsiteSchedule.png) no-repeat left top;}
	#creditAppLink	{clear: right; background: url(/images/applyCredit.png) no-repeat left top;}
	
#footer {
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #D1D1D1;
	text-align: center;
	font-size: 1em;
	line-height: 1.4em;
}
	#footer ul		{margin: 0; padding: 0; list-style: none; font-size: 1.2em;}
	#footer ul li	{margin: 0; padding: 0; display: inline;}
	#footer p		{margin: 10px 0 0 0; text-align: center;}
	#footer img	{margin: 10px 0 0 0;}


/*** * Home * ***/
#flashHead {
	width: 669px;
	height: 311px;
	float: left;
	background: url(/images/flashHeadbg.png) no-repeat left top;
}

.video{
	background-color:#FAFBF5;
	border: solid 1px #000000;
}

#headSide {
	width: 273px;
	float: right;
	padding: 20px;
	background: url(/images/headSidebg.png) no-repeat left top;
}
	#headSide h1								{margin: 0; background: url(/images/title.png) no-repeat left top;}
	#headSide h1 a							{display: block; width: 269px; height: 78px;}
	#headSide h1 span						{display: none;}
	#headSide h2								{width: 269px; height: 24px; margin: 22px 0 3px 0; background: url(/images/jobStatus.png) no-repeat left top;}
	#headSide h2 span						{display: none;}
	#headSide p								{padding: 0 3px 0 0; text-indent: 0; color: #fff; font-size: 1.4em;}
	#headSide a								{color: #D6FDFA;}
	#headSide a:hover						{color: #fff;}
	#headSide label							{margin: 0 0 10px 0;}
	#headSide label span					{display: none;}
	#headSide input.text					{width: 261px; height: 23px; margin: 8px 0 8px 0; padding: 5px; border: 0; background: url(/images/jobIdInput.png) no-repeat left top; font-size: 1.7em; text-align: left; color: #333;}
	#headSide input#checkStatus		{display: block; width: 112px; height: 31px; margin: 0 2px 0 0;float: right; border: 0; background: url(/images/jobStatusButton.png) no-repeat left top; font-size: 0.001em; text-align: left; color: #E5E5E5;}
	
.promo,
.lastPromo {
	width: 420px;
	float: left;
	margin: 0 10px 16px 0;
	padding: 0 10px 0 0;
	border-right: 1px dotted #D1D1D1;
}
	.promo p,
	.lastPromo p		{text-indent: 0; text-align: left;}
	.promo img,
	.lastPromo img	{float: right; margin: 0 0 1px 0;}
	
.lastPromo {
	width: 208px;
	margin-right: 0;
	border: 0;
}

.news {
	width: 313px;
	float: left;
	margin: 0 20px 10px 0;
}	
	.news h2					{width: 313px; height: 37px; margin: 0 0 10px 0;}
	.news h2 span			{display: none;}
	.news h2.company	{background: url(/images/companyNews.gif) no-repeat left top;}
	.news h2.industry		{background: url(/images/industryNews.gif) no-repeat left top;}
	.news2						{margin-right: 0;}
	.news h3					{margin: 0 0 8px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #D1D1D1; color: #a4a4a4; font-size: 1.2em;}
	.news h4					{margin: 0 0 8px 0; color: #b40c15; font-size: 1.6em; font-weight: bold;}
	.news p,
	.news ul,
	.news ol					{margin: 0 0 10px 0; text-indent: 0; color: #5d5d5d; font-size: 1.2em;}
	.news ul,
	.news ol					{margin-left: 30px;}
	
.services {
	float: left;
	margin: 0 0 0 30px;
}
	.services ul				{margin: 20px 0 0 0 !important; padding: 0; list-style: none;}
	.services ul li				{margin: 0 20px 13px 0; padding: 0 0 15px 0; width: 298px; float: left;  font-size: 1.4em;}
	.services ul li a span	{text-decoration: underline;}
	.services ul li a			{text-decoration: none;}	
	.services ul li img		{width: 42px; margin: 0 20px -15px 0;}
	.services ul li.alt			{margin-right: 0;}

/* ***Sub-Pages *** */
#subFlashHead {
	width: 669px;
	height: 118px;
	float: left;
	background: url(/images/flashHeadbg.png) no-repeat left top;
}
#subFlashHead h1	{position: absolute; right: 0; bottom: 0; color: #fff; font-size: 3em; text-align: right; padding: 0 20px 10px 0;}

#noJSHeader		{width: 669px; height: 118px; position: relative;}
.networkingPage	{background: url(/images/networking-header.png) no-repeat left top;}
.repairPage		{background: url(/images/repair-header.png) no-repeat left top;}
.customPage		{background: url(/images/custombuild-header.png) no-repeat left top;}
.servicesPage	{background: url(/images/services-header.png) no-repeat left top;}

#content {
	margin: 0 20px 20px 0;
}
	#content h1								{font-size: 2em; font-weight: bold;}
	#content h1 span						{display: none;}
	#content h1#homeNet			{height: 39px; background: url(/images/networking.gif) no-repeat left top;}
	#content h1#officeNet			{height: 40px; margin: 20px 0 0 0; background: url(/images/officeNetworking.gif) no-repeat left top;}
	#content h1#dbDesign			{height: 39px; margin: 20px 0 0 0; background: url(/images/dbDesign.gif) no-repeat left top;}
	#content h1#laptopRepair		{height: 43px; background: url(/images/laptopRepair.gif) no-repeat left top;}
	#content h1#pcRepair			{height: 41px; background: url(/images/pcRepair.gif) no-repeat left top;}
	#content h1#macRepair			{height: 41px; background: url(/images/macRepair.gif) no-repeat left top;}
	#content h1#desktopRepair	{height: 41px; background: url(/images/desktopRepair.gif) no-repeat left top;}
	#content h1#sysRepair			{height: 39px; background: url(/images/systemRepairs.gif) no-repeat left top;}
	#content h1#sysUpgrade		{height: 39px; margin: 0; background: url(/images/systemUpgrades.gif) no-repeat left top;}
	#content h1#homeSys			{height: 38px; background: url(/images/homeSystems.gif) no-repeat left top;}
	#content h1#officeSys			{height: 41px; background: url(/images/officeSystems.gif) no-repeat left top;}
	#content h1#servicesHdr		{height: 32px; background: url(/images/services.gif) no-repeat left top;}
	#content h1#creditApp			{height: 37px; background: url(/images/creditApp.gif) no-repeat left top;}
	#content h1#onsiteRequest	{height: 39px; background: url(/images/onsiteRequest.gif) no-repeat left top;}
	#content h1#contactSys			{height: 39px; background: url(/images/contactSystek.gif) no-repeat left top;}
	#content h1#siteMap				{height: 39px; background: url(/images/siteMap.gif) no-repeat left top;}
	#content h2								{margin: 15px 0 5px 20px; font-size: 1.5em; font-weight: bold; border-bottom: 1px dotted #414141;}
	#content h3								{font-size: 1.8em; margin: 20px 0 -10px 30px; clear: right;}
	#content h3 span						{display: none;}
	#content h3#instore				{width: 105px; height: 23px; background: url(/images/instore.gif) no-repeat left top;}
	#content h3#onsite					{width: 105px; height: 23px; background: url(/images/onsite.gif) no-repeat left top;}
	#content h3#desktops			{width: 115px; height: 28px; background: url(/images/desktops.gif) no-repeat left top;}
	#content h3#laptops				{width: 115px; height: 28px; background: url(/images/laptops.gif) no-repeat left top;}
	#content h3#servers				{width: 97px; height: 23px; background: url(/images/servers.gif) no-repeat left top;}
	#content h3#wired					{width: 97px; height: 23px; background: url(/images/wired.gif) no-repeat left top;}
	#content h3#wireless				{width: 108px; height: 23px; background: url(/images/wireless.gif) no-repeat left top;}
	#content h3#routerfirewall		{width: 210px; height: 23px; background: url(/images/routerfirewall.gif) no-repeat left top;}
	#content h3#router					{width: 93px; height: 23px; background: url(/images/router.gif) no-repeat left top;}
	#content h3#ciscopix				{width: 238px; height: 23px; background: url(/images/ciscopix.gif) no-repeat left top;}
	#content h3#hardware			{width: 139px; height: 23px; background: url(/images/hardware.gif) no-repeat left top;}
	#content h3#troubleshooting	{width: 225px; height: 28px; background: url(/images/troubleshooting.gif) no-repeat left top;}
	#content h3#disorganization	{width: 218px; height: 28px; background: url(/images/disorganization.gif) no-repeat left top;}
	#content p								{margin: 15px 30px 0 30px; font-size: 1.3em; line-height: 1.9em !important; text-align: justify; text-indent: 0;}
	#content ul,
	#content ol								{margin: 20px 0 10px 70px; margin-bottom: 6px; line-height: 1.9em; font-size: 1.3em; letter-spacing: 0.05em; text-align: justify;}
	#content ul.paragraphList			{margin-top: 0;}
	#content p img.left					{margin:  10px 10px 0 -30px; float: left; padding: 2px; border: 1px solid #B2161B;}
	#content p img.right					{margin:  10px -30px 0 10px; float: right; padding: 2px; border: 2px solid #B2161B;}

.subNav {
	width: 100%;
	margin: 10px 0 10px 0 !important;
	list-style: none;
	overflow: hidden;
}
	.subNav li					{float: left; margin: 0; padding: 0;}
	.subNav li a				{height: 15px; font-weight: bold; padding: 0 10px 0 25px; background: url(/images/subnavIcon.png) no-repeat left bottom;}
	.subNav li.current	a	{color: #414141; text-decoration: none; padding: 0 10px 0 25px; background: url(/images/subnavIconCurrent.png) no-repeat left bottom;}
	
/*	
.subNav {
	margin: 10px 0 10px 0 !important;
	list-style: none;
	overflow: hidden;
	background: #E9E9E9;
	border: 1px dotted #8C8C8C;
}
	.subNav li					{float: left; margin: 0; padding: 3px 10px;}
	.subNav li a				{font-weight: bold;}
	.subNav li.current		{background: #8C8C8C;}
	.subNav li.current	a	{color: #FAFBF5; text-decoration: none;}
*/

#prodCalc .text			{padding: 3px; border: 1px solid #8C8C8C; text-align: right;}
#prodCalc .disabled		{background: #E9E9E9;}
#prodCalc .total .text	{background: #f0f0d2;}

#sitemap {
	font-size: 1em;
	margin: 0;
}
	#sitemap li	{font-size: 1.1em; font-weight: bold;}
	#sitemap ul	{font-size: 1em; margin: 0 0 0 15px;}
	#sitemap ul li	{font-size: 1em; font-weight: normal;}


/* *** Various Styling Classes *** */
.clear 			{clear: both;}
.centerText 	{text-align: center;}
.small 			{font-size: 0.7em;}
.fleft 				{float: left;}	
.req-js			{display: none;}