@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#000000; margin:0; padding:0; font-size:12px; }

/* Standard Styles */

h1 { font-size:30px; color:#333333; }
h2 { font-size:13px; color:#333333; }
p.Telephone { margin:0; font-size:18px; color:#FFFFFF; font-weight:bold; line-height:16px; text-align:right; padding-right:20px; padding-top:18px; letter-spacing:1px; }
p { font-size:13px; font-family:Arial, Helvetica, sans-serif; }
li { font-size:13px; font-family:Arial, Helvetica, sans-serif; }
img { border:0; }

/* Links */

a:link,
a:visited { text-decoration:none; color:#F77131; }
a:hover, 
active { text-decoration:none; color:#333333; }

/* Live Help */

#livehelp { width:250px; height:50px; margin:30px auto; padding-left:10px;}

/* Template Layout */

#main { width:900px; margin:20px auto 5px auto; background-color:#FFFFFF; }
#masthead { width:900px; background-image:url(_images-site/structure_masthead.jpg); background-repeat:no-repeat; height:100px; }
#navigation { width:900px; background-image:url(_images-site/navigation.jpg); background-repeat:no-repeat; height:80px;  }
		#navigation ul { display:inline; padding:0; width:900px; }
		#navigation ul li { display:block; float:left; margin:-13px 0 5px 0; list-style:none; text-align:center; font-size:12px; }
			/* IE 7 */
				*:first-child+html #navigation ul li { margin:0 0 5px 0; }
			/* IE 6 */
				* html #navigation li { width:125px}
		#navigation ul li p { padding:0 0 10px 0; }
		#navigation ul li a:link,
		#navigation ul li a:visited {display:block; text-decoration:none; padding:60px 20px 0 20px; color:#333333; height:20px;}
			/* IE 6 */
			* html #navigation ul li a:visited { padding-top:60px;}
		#navigation ul li a:hover { background-color:#CCCCCC; text-decoration:none; color:#333333; height:20px; /* for IE */  filter:alpha(opacity=70);  /* CSS3 standard */  opacity:0.7;  }
					
		#navHome { padding-left:20px; }
			/* IE 6 */
			* html #navHome { padding-left:0px; padding-top:10px; }
		#navBusiness { padding-left:35px; }
			/* IE 6 */
			* html #navBusiness { padding-left:15px; padding-top:10px;  }
		#navServices { padding-left:20px; }
			/* IE 6 */
			* html #navServices { padding-left:40px; padding-top:10px; }
		#navNetworking { padding-left:15px; }
			/* IE 6 */
			* html #navNetworking { padding-left:35px; padding-top:10px;  }
			* html #navRepairs { padding-left:50px; padding-top:10px; }
			* html #navContact { padding-top:10px;}

#content { height:auto; overflow:auto;}

#footer { background-image:url(_images-site/structure_footer.jpg); background-repeat:no-repeat; height:57px; width:900px; }
		
#breaklineTop { background-image:url(_images-site/structure_break-up.jpg); background-repeat:repeat-x; height:20px; width:900px; margin-bottom:10px; }
.breaklineBot { background-image:url(_images-site/structure_break-low.jpg); background-repeat:repeat-x; background-position:bottom; height:40px; }


/* Mast Head Positioning */

#teklogic { position:relative; left:400px; top:12px; }
#strapLine { position:relative; left:20px; top:10px; }

/* Bottom Navigation Bar */

#bNav { color:#FFFFFF; background-color:#000000; font-size:9px; text-align:right; width:900px; margin:0 auto; padding-right:10px; }
#bNav p { margin:0;  line-height:15px; font-size:9px;}	
		/* IE7 Only */
		*:first-child+html #bNav p { line-height:15px; margin:0; }
#bNav a:link,
#bNav a:visited { color:#FFFFFF; text-decoration:none; }
#bNav a:hover,
#bNav a:active { color:#999999; text-decoration:none; }

/* --------------------------------------------------------------------------------------------------------*/

/* Homepage Layout */

#tekTopBox { width:870px; margin:0 auto; height:250px;}
#tekLowBox { width:900px; margin:0;  }

#businessBox { background-image:url(_images-pages/index/structure_usp1.jpg); background-repeat:no-repeat;  background-position:center; height:250px; width:290px; float:left; }
#computingBox { background-image:url(_images-pages/index/structure_usp2.jpg); background-repeat:no-repeat;   background-position:center;  height:250px; width:290px; float:left;}
#recoveryBox { background-image:url(_images-pages/index/structure_usp3.jpg); background-repeat:no-repeat;  background-position:center;  height:250px; width:290px; float:left; }
#callbackBox { background-image:url(_images-pages/index/structure_callback.jpg); background-repeat:no-repeat;  background-position:center;  height:310px; width:300px; }

/* Home Page Box Content Positing */
.boxContent { position:relative; width:240px; height:180px; overflow:hidden; left:15px; top:75px; padding:0 10px; color:#FFFFFF; }
.boxContent a:link,
.boxContent a:visited { color:#FFFFFF; text-decoration:none; }
.boxContent a:hover,
.boxContent a:active { color:#FFFFFF; text-decoration:underline; }
	/* IE7 Only */
	*:first-child+html .boxContent { left:15px; top:80px; }
	
.boxContent h1 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:15px; }
.boxContent ul li { color:#FFFFFF; font-weight:normal; font-size:14px; margin-left:-25px; padding-bottom:5px;  }

.callForm { position:relative; width:240px; height:180px; overflow:hidden; left:20px; top:100px; padding:0 10px; color:#FFFFFF; }
	/* IE7 Only */
	*:first-child+html .callForm { left:20px; top:108px; }
.callForm h1 { font-size:13px; color:#FFFFFF; font-weight:bold; line-height:15px; }
#callForm { position:relative; top:-5px; }
	/* IE7 Only */
		*:first-child+html #callForm { position:relative; top:-15px; }
		
#indexCol1 { width:590px; float:left; height:auto; overflow:visible; }
	/* IE7 Only */
	*:first-child+html #indexCol1 { width:595px; }
#indexCol2 { width:285px; float:left;  height:auto; overflow:visible;}

/* Content Home Page */

#greyCon { width:545px; height:auto; background-color:#E8E8E8; margin:50px 0 30px 20px; text-align:left; padding:10px 15px; }
#greyCon img { position:relative; top:-40px; left:-10px; margin:0; padding:0; z-index:100; float:left; }

/* Content Other Pages */

#greyCon1  { width:565px; height:auto; background-color:#E8E8E8; margin:50px 0 30px 20px; text-align:left; padding:10px 15px; }
#greyCon1 img { position:relative; top:-40px; left:-10px; margin:0; padding:0; z-index:100; float:left; }

/* Content for Repair Centre Page */
#greyCon2  { width:565px; height:auto; background-color:#E8E8E8; margin:50px 0 30px 20px; text-align:left; padding:10px 15px; float:left; }
#greyCon2>h2 { font-size:16px; }
#greyCon2 img { padding:5px; }
#greyCon2R { width:260px; float:left;  height:auto; overflow:visible; margin-top:20px; margin-left:5px; padding:10px;}

/* --------------------------------------------------------------------------------------------------------*/

/* Other Pages */


/* Boxes Pages */

#businessBox1 { background-image:url(_images-pages/index/structure_usp1.jpg); background-repeat:no-repeat;  background-position: center 30px; height:280px; width:300px; }
#computingBox1{ background-image:url(_images-pages/index/structure_usp2.jpg); background-repeat:no-repeat;  background-position: center 30px; height:280px; width:300px;}
#starBurstBox1 { background-image:url(_images-pages/pc-check.jpg); background-repeat:no-repeat;  background-position: center 30px;  height:280px; width:250px; }
#recoveryBox1 { background-image:url(_images-pages/index/structure_usp3.jpg); background-repeat:no-repeat;  background-position: center 30px;  height:280px; width:300px; }
#callbackBox1 { background-image:url(_images-pages/index/structure_callback.jpg); background-repeat:no-repeat;  background-position: center 30px;  height:285px; width:300px; }
#networkingBox { background-image:url(_images-pages/addition-box-networkBB.jpg); background-repeat:no-repeat;  background-position: center 30px;  height:285px; width:300px; }
#testamonialBox { background-image:url(_images-pages/addition-box-testamonials.jpg); background-repeat:no-repeat;  background-position: center 30px;  height:285px; width:300px; }

/* Page Box Content Positing */
.boxContent1 { position:relative; width:240px; height:180px; overflow:hidden; left:20px; top:100px; padding:0 10px; color:#FFFFFF; }
	/* IE7 Only */
	*:first-child+html .boxContent1 { left:20px; top:90px; }
	
.boxContent1 h1 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:15px; }
.boxContent1 ul li { color:#FFFFFF; font-weight:normal; font-size:14px; margin-left:-25px; padding-bottom:5px;  }
.boxContent1 a:link,
.boxContent1 a:visited { color:#FFFFFF; text-decoration:none; }
.boxContent1 a:hover,
.boxContent1 a:active { color:#000000; text-decoration:none; }

/* Contact Page */

.contact ul { list-style:none; }

		/* Contact Form */
		
		#form { margin:0 auto; width:500px; }
		.cssform p{ width: 280px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 175px; border-top: 1px dashed gray; height: 1%; }
		.cssform label{font-weight: bold; float: left; margin-left: -170px; width: 160px; }
		.cssform input[type="text"]{ width: 180px;}
		.cssform textarea{ width: 250px; height: 150px; }
		* html .threepxfix{ margin-left: 3px; }
		
/* Privacy page */

#privacyPage { padding:0 15px; }

/* -------------------------------------------------------------- */