/** ----------////////// MAIN PAGE LAYOUT ELEMENTS - SITE WIDE \\\\\\\\\\---------- **/

/** MAIN PAGE BODY ELEMENTS **/
	BODY {
		margin:0;
		PADDING:0px;
		font-family:"Trebuchet MS";
		font-size:12px;}

/**** ----------////////// SITE NAVIGATION MENU \\\\\\\\\\---------- ****/
.nav {
	height:36px;
	position:relative;
	font-family:"Trebuchet MS";
	font-size:10px;}

.nav .select {
	margin:0;
	padding:0 0 0 0;
	list-style:none;
	white-space:nowrap;}

.nav li {
	float:left;
	background:url(../img/blank_over.gif);}

.nav .select a {
	display:block;
	height:36px;
	float:left;
	background: url(../img/blank.gif);
	padding:0 0 0 10px;
	text-decoration:none;
	line-height:25px;
	white-space:nowrap;
	color:#ddd;}

.nav .select a b {
	display:block;
	padding:1px 15px 10px 5px;
	background:url(../img/blank.gif) right top;}

.nav .select a:hover, .nav .select li:hover a {
	background: url(../img/blank_over.gif);
	padding:0 0 0 10px;
	line-height:25px;
	cursor:pointer;
	color:#A3CD00;}

.nav .select a:hover b, 
.nav .select li:hover a b {
	display:block; 
	padding:1px 15px 10px 5px; 
	background:url(../img/blank_over.gif) right top; 
	cursor:pointer;}

.nav .sub {
	display:none;}

/* IE6 only */
.nav table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;}

.nav .sub {
	margin:0; 
	padding:0 0 0 60px;
	list-style:none;}
	
.nav .sub li {background:transparent;}

.nav .select :hover .sub {
	height:18px;
	display:block; 
	position:absolute;
	float:left;
	width:910px;
	top:28px; 
	left:0; 
	text-align:center;}

/*** MOUSEOVER HOLD TEXT GREEN ON WEBSITE SECTIONS ***/
#nav a:hover, body#pc #t-pc a					{color: #A3CD00;}
#nav a:hover, body#laptop #t-laptop a			{color: #A3CD00;}
#nav a:hover, body#servicing #t-servicing a		{color: #A3CD00;}
#nav a:hover, body#networking #t-networking a	{color: #A3CD00;}
#nav a:hover, body#callout #t-callout a			{color: #A3CD00;}
#nav a:hover, body#remote #t-remote a			{color: #A3CD00;}
#nav a:hover, body#contact #t-contact a			{color: #A3CD00;}

#nav a:hover, body#account #t-account a			{color: #A3CD00;}
#nav a:hover, body#terms #t-terms a				{color: #A3CD00;}
#nav a:hover, body#pricing #t-pricing a			{color: #A3CD00;}
#nav a:hover, body#faq #t-faq a					{color: #A3CD00;}
/**** ----------\\\\\\\\\\ SITE NAVIGATION MENU //////////---------- ****/


/** TOP LEFT PAGE HEADER FOR LOGO **/
	#headerleft {
		float:left;
		left:0%;
		width:320px;
		height: 130px;}

/** TOP RIGHT PAGE HEADER FOR PHONE AND H1 **/
	#headerright {
		float:right;
		margin-top: 10px;
		height:80px;
		width:530px;
		background-image: url(../img/phone-hours.gif);
		background-repeat: no-repeat;}
	
/** SITE CONTENT CONTAINER **/
	#container {
		margin:0;
		width:980px;
		text-align: left;
		background-position: center;
		margin: 0 auto;}

/** PARAGRAPHS SITE WIDE **/
	p {width:99%;}

/** H TAGS SITE WIDE **/
	H1 {
		font-size: 14px;
		font-family: "Trebuchet MS";
		color: #666666;
		text-align: right;
		margin-right: 20px;
		padding: 0px;
		margin-top: 64px;}

	H2 {
		font-family: "Trebuchet MS";
		font-size:14px;}

	H3 {
		font-size: 17px;
		font-family: "Trebuchet MS";
		text-decoration:none;
		font-style: italic;
		padding-top: 0px;
		padding-right: 5px;
		padding-bottom: 0px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #A3CD00;}

	H4 {
		color:#378CC7;
		font-size: 20px;
		text-decoration:none;
		margin-top: 0px;
		text-align: left;}

	H5 {
		color:#666666;
		font:"Trebuchet MS";
		font-size: 15px;
		margin-top: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCCCCC;}

	img {
		margin: 0px;
		padding: 0px;
		border:0;}

	HR {width:99%;}


/*** FORM ELEMENTS SITE WIDE ***/
	.inputtitle{font-family:"Trebuchet MS"; font-size:18px; font-weight:bold;}
	input {font-family: "Trebuchet MS"; color:#FF0000}
	select {font-family: "Trebuchet MS";}

/** LINKS SITE WIDE **/
	A:link {COLOR: #0000FF; FONT-FAMILY: "Trebuchet MS"; text-decoration: none;	font-size:12px;}
	A:visited {COLOR: #0000FF; FONT-FAMILY: "Trebuchet MS"; text-decoration: none; font-size: 12px;}
	A:hover {COLOR: #CC0000; FONT-FAMILY: "Trebuchet MS"; text-decoration: underline; font-size: 12px;}


/** Hides from IE-mac \*/
	* html .clearfix {height: 1%;}

/** SIDEBAR PROMO COLOUMN **/
	.sidepromo {
		float:left;
		background-position:top;
		width:270px;}
	
	.side{
		width:270px;
		height:58px;
		font-family:Arial;
		font-size:14px;
		background-image:url(/img/sidebuttons.jpg);
		padding-left:8px;
		padding-top:3px;
		margin-bottom:10px;
		background-repeat: no-repeat;
		color: #378CC7;}



/**** ----------////////// HOMEPAGE ELEMENTS ONLY \\\\\\\\\\---------- ****/
	#banner {
		float:right;
		width:690px;
		height:130px;
		background-image:url(../img/spl-index.jpg)}
	
	.bannerorderbutton{
		float:left;
		margin-top: 110px;
		margin-left:50px;
		padding:10px;
		font-size:12px;
		font:Arial, Helvetica, sans-serif;}



/**** HOME PAGE BOTTOM FEATURES BOXES ALLOWING FOR SMALL IMG  ****/
	.indexbox {
		padding:4px;
		float:left;
		width:212px;
		margin: 5px;
		background-image: url(../img/grad-bg-index.gif);
		background-repeat: repeat-x;
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #CCCCCC;}
	
	.indexboxtitle {
		float:left;
		font-size:14px;
		line-height:20px;
		font-weight: bold;
		font-family: "Trebuchet MS";
		color: #378CC7;}

	.indexboximg {
		float:right;
		width:26px;
		margin-left: 2px;}

/**** ----------\\\\\\\\\\ HOMEPAGE ELEMENTS ONLY //////////---------- ****/




/** PAGE CONTENT ON LEFT HAND SIDE OF ALL PAGES 750 PIXELS WIDE **/
	.content {
		float:left;
		width:690px;
		margin-right: 8px;
		padding-right: 5px;}

		.contentpara {
			float:left;
			width:500px;}

		.contentimg {
			float:right;
			width:180px;
			background-position:right;
			text-align: center; /* for IE */}

		.contentparawide {
			float:left;
			width:710px;}
	
		.contentparawideimg {
			float:right;
			width: 220px;
			background-position:right;
			text-align: center; /* for IE */}

		.contentpricebox {
			float:left;
			width:99%;
			border:2px dashed #C00000;
			margin:0px 0px 0px 0px;}
			
		.contentpriceboxtxt {
			margin: -5px 4px -5px 4px;}

/**** ----------////////// CONTACT POP-UP \\\\\\\\\\---------- ****/
	.popup{	
		margin-top:0px;
		padding-top: 30px;}
		
	.popupheader {
		color: #cc0000;
		font-weight: bold;
		padding-bottom: 5px;}	
/**** ----------\\\\\\\\\\ CONTACT POP-UP //////////---------- ****/


/**** ----------////////// PAGE FOOTER SECTIONS \\\\\\\\\\---------- ****/
.botcont1 {text-align: left; float:left; width: 270px; padding: 5px;}
.botcont2 {text-align: left; float:left; width: 270px; padding: 5px;}
.botcont3 {text-align: left; float:left; width: 120px; padding: 5px;}
.botcont4 {text-align: left; float:left; width: 280px; padding: 5px;}
/**** ----------\\\\\\\\\\ PAGE FOOTER SECTIONS //////////---------- ****/