/*

	Date: June 13, 2008

	Title: High Tech

====================================

*/

body {
	font-family:Arial, Verdana, "Trebuchet MS", Georgia, Lucida, Helvetica, Tahoma, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;
	background:#b2b2b2 url(images/bg.jpg) repeat-x;
	padding-top:12px;
}
* {
	margin:0;
	padding:0;
}
img,
fieldset { border:none; }
/*ul,ol,li{

	list-style:none;

}	*/

a {
	color:#FF6700;
	text-decoration:none;
}
/*

	voice-family:"\"}\"";

	voice-family:inherit;

*/

a:hover {
	color:#FF6700;
	text-decoration:underline;
}
.hide,
h1 b,
h2 b,
h3 b,
h5 b,
a i {
	position: absolute;
	left: -9999px;
}
/*------------------------------Page Structure

*/

#wrap {
	width:900px;
	margin:0 auto;
	text-align:left;
}
/*-----------------------Header

*/

#hdr {
	width:900px;
	overflow:hidden;
	position:relative;
}
#logo {
	background:url(images/high-tech-logo.jpg) no-repeat -1px 0;
	width:190px;
	height:107px;
	float:left;
}
#logof {
	width:300px;
	float:left;
	margin-left:3px;
	display:inline;
}
/*\*/

* html #logof { margin-left:1px; }
/**/

*+ html #logof { margin-left:1px; }
#logo a {
	display:block;
	width:100%;
	height:100%;
}
#hdr span {
	display:block;
	float:right;
	font-weight:bold;
	margin:55px 5px 0 0px;
	display:inline;
	color:#21B1F4;
	width:119px;
	height:34px;
	background:url(images/loginbtn.png) no-repeat;
}
* html #hdr span { background-image: none;  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/loginbtn.png", sizingMethod="crop");
}
#hdr .login {
	display:block;
	width:119px;
	height:34px;
	position:absolute;
	top:55px;
	right:5px;
}
#hdr span.agent {
	display:block;
	float:right;
	font-weight:bold;
	margin:55px 5px 0 0px;
	display:inline;
	color:#21B1F4;
	width:119px;
	height:34px;
	background:url(images/agentlogin.png) no-repeat;
}
* html #hdr span.agent { background-image: none;  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/agentlogin.png", sizingMethod="crop");
}
#hdr .login2 {
	display:block;
	width:119px;
	height:34px;
	position:absolute;
	top:55px;
	right:129px;
}
/*-----------------------Navigation

*/

.nav { width:900px; }
.nav ul { width:900px; }
.nav ul li {
	display:block;
	float:left;
	margin-left:5px;
	display:inline;
	position:relative;
}
.nav ul li a,
.nav a b,
.nav a span {
	display:block;
	height:32px;
}
.nav ul li a {
	float:left;
	text-decoration:none;
	background:url(images/rightcorn.gif) no-repeat 100% 0;
	padding-right:10px;
	text-decoration:none;
	line-height:32px;
	font-size:12px;
	font-weight:bold;
	color:#F58336;
	text-transform:uppercase;
	font-family:Arial;
}
.nav a b {
	background:url(images/leftcorn.gif) no-repeat;
	float:left;
	width:10px;
}
.nav a span {
	float:left;
	background:url(images/navbg.gif) repeat-x;
	padding:0 8px;
	text-decoration:none;
}
/*\*/

html*.nav a span {
 [padding:0 8px; padding:0 4px;  ]padding:0 8px;
}/*end*/
.dummyend[id] { clear:both; }
.nav ul li a:hover {
	background:url(images/rightcorn.gif) no-repeat 100% -32px;
	text-decoration:none;
	padding-right:10px;
	font-size:12px;
	color:#FFFFFF;
}
.nav a:hover b { background:url(images/leftcorn.gif) no-repeat 0 -32px; }
.nav a:hover span {
	background:url(images/navbg.gif) repeat-x 100% -32px;
	cursor:pointer;
	color:#212121;
	text-decoration:none;
	font-size:12px;
}
.nav ul li ul {
	display:block;
	position:absolute;
	width:230px;
	left:10px;
	top:24px;
	visibility:hidden;
	background:#5B5B5B;
}
.nav ul li ul ul { top:0px; }
.nav ul li ul li {
	display:block;
	width:230px;
	float:none;
	margin:0;
}
.nav ul li ul li a {
	background:none;
	width:205px;
	float:none;
	padding:0;
	background:url(images/bullets2.gif) no-repeat 8px 8px;
	line-height:25px;
	padding-left:25px;
	height:auto;
	color:#fff;
	font-weight:normal;
}
.nav ul li ul li a:hover {
	background:#545454 url(images/bullets2.gif) no-repeat 8px 8px;
	padding:0;
	padding-left:25px;
	color:#FF6700;
}
/*---------------------- Main Body

*/

#mainbody {
	width:900px;
	border:10px solid #545454;
	clear:both;
	background:#fff;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:880px;
}
html>body #mainbody { width:880px; }
.banner { margin-bottom:25px; }
#maincon {
	width:870px;
	margin-left:10px;
	overflow:hidden;
	padding-bottom:15px;
}
#mainlft {
	width:206px;
	float:left;
}
#mainlft img {
	display:block;
	margin-bottom:5px;
}
.boxareatop { margin-bottom:14px; }
.boxareatop {
	background:#FFFCEF;
	border:1px solid #D4D4D4;
	padding:15px 10px;
}
.boxareatop h3 {
	font-size:17px;
	color:#007AD8;
	margin-bottom:10px;
}
.boxareatop dd {
	border-top:#A6A382 dashed 1px;
	margin-top:6px;
	padding-top:8px;
	padding-bottom:8px;
}
.boxareatop p {
	padding-top:11px;
	padding-bottom:8px;
	font-size:11px;
	color:#545454;
}
.boxareatop span {
	display:block;
	color:#F25E0C;
}
.boxarea {
	background:#FFFCEF;
	border:1px solid #D4D4D4;
	padding:20px 10px;
}
.boxarea p,
.boxarea b {
	font-size:13px;
	color:#333333;
}
.boxarea h3 {
	font-size:17px;
	color:#007AD8;
	margin-bottom:15px;
}
.boxarea h2,
 .boxareatop h2 {
	font-size:13px;
	color:#F25E0C;
}
.boxarea b { color:#007AD8; }
#mainrt {
	float:right;
	width:657px;
	padding-bottom:10px;
}
#welcomehdr {
	background:url(images/welcomehdr.gif) no-repeat;
	height:53px;
	margin:0 0 15px 3px;
}
#welcomehdr2 {
	font-size:20px;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:15px;
	margin-top:10px;
}
img.rightimg {
	float:right;
	margin-right:10px;
	margin-left:10px;
}
.txt p {
	line-height:16px;
	margin-bottom:15px;
	color:#545454;
	padding:0 20px 0 3px;
}
.txt p span { font-weight:bold; }
.txt table {
	width:500px;
	margin:0 auto;
}
.txt table td {
	width:125px;
	text-align:center;
	padding:5px 0;
}
.txt table .spacer { padding-bottom:30px; }
dl.ccproc {
	margin-left:5px;
	margin-bottom:20px;
	color:#545454;
	line-height:16px;
	font-weight:bold;
}
.subtitle {
	margin:0 0 12px 3px;
	background:url(images/subtitle.gif) no-repeat;
	height:20px;
}
.boxcont {
	width:657px;
	height:181px;
}
.boxcont dd {
	background:url(images/bxbg.gif) repeat-y;
	width:212px;
	float:left;
	display:block;
	margin:0 7px 9px 0;
	display:inline;
}
.boxcont fieldset {
	width:212px;
	background:url(images/bxbtm.gif) no-repeat left bottom;
	padding-bottom:15px;
}
.boxcont h2 {
	font-size:12px;
	color:#1E7BB4;
	background:url(images/bxhdrbg.gif) no-repeat;
	height:39px;
	text-transform:uppercase;
	line-height:39px;
	margin-bottom:10px;
}
.boxcont h2 strong {
	display:block;
	background:url(images/bullets.gif) no-repeat 13px 13px;
	padding-left:33px;
	line-height:13px;
	padding-top:13px;
}
.boxcont h2 strong a {
	font-size:12px;
	color:#1E7BB4;
}
.boxcont fieldset img {
	margin:0 auto;
	display:block;
	margin-bottom:10px;
}
.boxcont p {
	font-size:11px;
	color:#1E7BB4;
	line-height:13px;
	margin-bottom:0;
	padding:0 13px;
}
.boxcont span {
	margin-left:13px;
	color:#1E7BB4;
}
.boxcont span a {
	color:#1E7BB4;
	text-decoration:none;
}
.boxcont span a:hover {
	color:#FF6700;
	text-decoration:none;
}
/*------- Contact Form -------------*/

.contactfrm {
	width:400px;
	margin-bottom:30px;
}
.contactfrm dd { margin-bottom:10px; }
.contactfrm dd label { display:block; }
.contactfrm dd input {
	width:380px;
	height:20px;
	border:1px solid #CCCCCC;
}
.contactfrm dd select {
	width:200px;
	height:20px;
}
.contactfrm dd input.msgbx { height:90px; }
/*----------------------All-in-one & Wireless ------------------- */



.gallery { width:655px; }
.gallery fieldset {
	overflow:hidden;
	width:635px;
	background:#CECECE;
	display:block;
	padding:10px 0;
	padding-left:10px;
}
.gallery .even { background-color:#FFF; }
.gallery fieldset img {
	float:left;
	display:block;
	margin-right:10px;
	width:100px;
}
.info {
	float:right;
	width:510px;
	padding-right:10px;
}
.info h4 {
	margin-bottom:10px;
	color:#3366FF;
	font-size:15px;
}
.info p {
	margin:0;
	padding:0;
}
/*---------------------- Footer */

#ftr {
	width:900px;
	padding:18px 0 60px 0;
	text-align:center;
	color:#545454;
	font-size:11px;
	position:relative;
}
#ftr span {
	position:absolute;
	top:15px;
	right:20px;
	z-index:1;
}
#ftr a {
	color:#545454;
	margin:0 8px;
}
#ftr a:hover { text-decoration:underline; }
/*--------------------- sitemap ---------*/



.left {
	width:315px;
	float:left;
	margin-left:20px;
}
.left ul li,
 .right ul li { margin-bottom:25px; }
.left ul li ul li,
 .right ul li ul li { margin-bottom:0; }
.left li ul li,
 .right li ul li {
	margin-left:40px;
	list-style:disc;
	display:list-item;
	font-size:12px;
}
.right {
	width:300px;
	float:right;
}
#mainrt ul {
	display:list-item;
	margin: 6px 10px 0 30px;
	list-style-position: outside;
	list-style-type: square;
	padding-right: 6px;
	color: #666;
}
#mainrt ol {
	display:list-item;
	margin-left: 30px;
	list-style-position: outside;
	list-style-type: decimal;
	padding-right: 10px;
	color: #666;
}
#mainrt li {
	margin-top: 0; margin-left: 10px;
	list-style: outside;
	line-height: 1.5;
	padding-left: 5px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #666;
}
#mainrt ul ul li {
	font-weight: normal;
	padding: 0 0 3px 0;
}
#mainrt h2 {
	font-size: 16px;
	font-weight:bold;
	line-height:130%;
	color: #666;
}
#detailrt ul {
	display:list-item;
	margin: 3px 0 10px 20px;
	list-style-position: outside;
	list-style-type: none;
	padding-right: 6px;
	color: #666;
	list-style-image: url(images/arrow-red.gif);
}
#detailrt ol {
	display:list-item;
	margin-left: 30px;
	list-style-position: outside;
	list-style-type: decimal;
	padding-right: 10px;
	color: #666;
}
#detailrt li {
	margin-top: 0;
	list-style: outside;
	line-height: 1.4;
	padding-left: 5px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
}
#detailrt {
	line-height: 140%;
	padding: 0 0 0 0;
}
;
#detailrt ul ul li {
	font-weight: normal;
	padding: 0 0 3px 0;
	list-style-image: none;
	list-style-type:disc;
}
.emphasis {
	font-size: 16px;
	font-weight:bold;
	line-height:130%;
	padding: 0 0 6px 0;
	color: #666;
}
#detail ul {
	display:list-item;
	margin: 3px 0 10px 20px;
	list-style-position: outside;
	list-style-type: disc;
	padding-right: 6px;
	color: #666;
	list-style-image: none;
}
#detail ol {
	display:list-item;
	margin-left: 30px;
	list-style-position: outside;
	list-style-type: decimal;
	padding-right: 10px;
	color: #666;
}
#detail li {
	margin-top: 0;
	list-style: outside;
	line-height: 1.4;
	padding-left: 5px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
}
/* ----------------  Styles for Call out -------------------------------- */



blockquote.announce {
	float: right;
	width: 200px;
	padding: 6px;
	margin: 10px 10px 10px 5px;
	font-size: 12px;
	font-weight: normal;
	border: 2px dotted #FF6700;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	background:#fefbec;
	color: #000;
	line-height:130%;
}
.announce h2 {
	background-color: #ff6700;
	padding: 3px;
	text-align:center;
	color: #fff;
}

blockquote.photoright {
	float: right;
	font-size:11px;
	font-weight:700;
	/*border-top:2px solid #ccc;
	border-left:2px solid #ccc;
	border-right:3px solid #666;
	border-bottom:3px solid #666;*/
	font-family:arial, helvetica, sans-serif;
	text-align:center;
	background:#fff;
	line-height:130%;
	margin:6px 0 6px 10px;
	padding:4px;
}