@charset "utf-8";
body {
	background-image: url(images/itbg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #282828;
	font-size: 8.6pt;
	padding: 0px;
	letter-spacing: 0.5pt;
	line-height: 2em;
	font-variant: normal;
	word-spacing: normal;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#all {
	height: 900px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	padding: 0px;
}
#header {
	height: 119px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
}
#flash {
	height: 314px;
	width: 980px;
	background-image: url(images/flash.png);
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#main {
	height: 338px;
	width: 980px;
	position: relative;
	background-image: url(images/main.jpg);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#main #news {
	width: 300px;
	margin-left: 5px;
	margin-top: 50px;
	position: absolute;
	color: #FFFF00;
	padding: 0px;
}
#main  #news  li {
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: auto;
	list-style-type: square;
	list-style-position: outside;
	padding-bottom: 3px;

}

#main #news a {
	font-weight: 500;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 5px;
}
#main #news a:hover {
	color: #FFFF00;
	text-decoration: none;
}
#productmain {
	height: 338px;
	width: 980px;
	position: relative;
	background-image: url(images/it-productbg.png);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#glassespmp {
	height: 260px;
	width: 260px;
	margin-top: 60px;
	margin-left: 35px;
	background-image: url(images/GP-300-L.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
}
#led {
	height: 260px;
	width: 290px;
	position: absolute;
	margin-top: 60px;
	margin-left: 350px;
	background-image: url(images/ledbg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#ledlink {
	height: 250px;
	width: 280px;
	margin-left: 665px;
	margin-top: 50px;
	position: absolute;
	list-style-type: none;
}
.ledtab   a {
	background-image: url(images/ledicon.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 280px;
	position: relative;
	font-size: 16px;
	color: #000066;
	font-weight: 800;
	text-decoration: none;
	background-position: left top;
	margin: auto;
	float: left;
	padding-top: 17px;
	padding-left: 15px;
	letter-spacing: 0.4pt;
}
.ledtab  a:link {
	background-image: url(images/ledicon.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 280px;
	position: relative;
	font-size: 16px;
	color: #000066;
	font-weight: 800;
	text-decoration: none;
	background-position: left top;
	margin: auto;
	float: left;
	padding-top: 18px;
	padding-left: 15px;
	letter-spacing: 0.4pt;
}
.ledtab a:hover {
	background-image: url(images/ledicon-1.png);
	background-repeat: no-repeat;
	color: #333333;
}
.ledtabchoose    a {
	background-image: url(images/ledicon-.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 280px;
	position: relative;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 800;
	text-decoration: none;
	background-position: left top;
	margin: auto;
	float: left;
	padding-top: 17px;
	padding-left: 15px;
	letter-spacing: 0.4pt;
}

.word {
	color: #FFFFFF;
	padding: 0px;
	text-align: justify;
}

#itsupportmain {
	height: 338px;
	width: 980px;
	position: relative;
	background-image: url(images/it-support_main.jpg);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-weight: bold;
}
#itsupportmain    .UM {
	width: 300px;
	margin-left: 5px;
	margin-top: 50px;
	position: absolute;
	color: #FFFF00;
	padding: 0px;
}
#itsupportmain     .SU {
	width: 300px;
	margin-left: 325px;
	margin-top: 50px;
	position: absolute;
	color: #99FF00;
	padding: 0px;
}
#itsupportmain      .PD {
	width: 300px;
	margin-left: 645px;
	margin-top: 50px;
	position: absolute;
	color: #0099FF;
	padding: 0px;
}
#itsupportmain     li     {
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: auto;
	list-style-type: square;
	list-style-position: outside;
	padding-bottom: 3px;

}
#itsupportmain    a     {
	font-weight: 500;
	color: #999999;
	text-decoration: none;
	padding-bottom: 5px;
	margin-left: 192px;
}
#itsupportmain    a:hover    {
	color: #FFFFFF;
	text-decoration: none;
}
#welcome {
	width: 275px;
	margin-left: 350px;
	margin-top: 60px;
	position: absolute;
	color: #FFFFFF;
	text-align: justify;
	background-image: url(images/w-map.jpg);
	background-position: bottom;
	height: 261px;
	background-repeat: no-repeat;
}
.more   a  {
	background-image: url(images/more.png);
	height: 18px;
	width: 54px;
	background-repeat: no-repeat;
	float: right;
	position: relative;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: auto;
}
.more   a:hover  {
	background-image: url(images/more-.png);
}
.back    a  {
	background-image: url(images/back.png);
	height: 20px;
	width: 60px;
	background-repeat: no-repeat;
	float: right;
	position: relative;
	margin-top: 18px;
	margin-right: 60px;
	margin-bottom: auto;
	margin-left: auto;
}
.back    a:hover  {
	background-image: url(images/back-.png);
}
#welcome   .more  a {
	background-image: url(images/more.png);
	height: 18px;
	width: 54px;
	background-repeat: no-repeat;
	float: right;
	position: relative;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: auto;
}
#welcome   .more  a:hover {
	background-image: url(images/more-.png);
}
#ledicon a {
	background-image: url(images/led%20i.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 290px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 665px;
	position: absolute;
	left: -1px;
	top: 9px;
}
#ledicon a:hover {
	background-image: url(images/led%20i-.png);
}

#glassesicon a {
	background-image: url(images/glasses%20i.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 290px;
	margin-top: 140px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 665px;
	position: absolute;
}
#glassesicon a:hover {
	background-image: url(images/glasses%20i-.png);
}
#covericon  a {
	background-image: url(images/cover%20i.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 290px;
	margin-top: 210px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 665px;
	position: absolute;
}
#covericon  a:hover {
	background-image: url(images/cover%20i-.jpg);
}
#main #news {
	width: 300px;
	margin-left: 5px;
	margin-top: 50px;
	position: absolute;
	color: #FFFF00;
	padding: 0px;
}
#newsmid {
	width: 980px;
	height: 668px;
}


#newspic  {
	height: 668px;
	width: 351px;
	background-image: url(images/it-newspic.jpg);
	position: absolute;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	padding: 0px;
}
#newsmain {
	background-image: url(images/it-newsbg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
	padding: 0px;
}
#newsword {
	width: 545px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 38px;
	position: absolute;
	height: 570px;
	overflow: auto;
}
.newsc {
	color: #FFFFFF;
}
#companypic  {
	height: 668px;
	width: 351px;
	background-image: url(images/it-companypic.jpg);
	position: absolute;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
}
#companymain {
	background-image: url(images/it-companybg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
	padding: 0px;
}
#companyword {
	text-align: justify;
	text-indent: 0px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	margin: auto;
	padding-bottom: 20px;
}
.officephoto {
	text-align: center;
	list-style-type: none;
	list-style-position: outside;
	padding-top: 15px;
	padding-bottom: 10px;
}
#contactpic  {
	height: 668px;
	width: 351px;
	background-image: url(images/it-contactpic.jpg);
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	position: absolute;
}
#contactmain {
	background-image: url(images/it-contactbg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
	padding: 0px;
}
.adress {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(images/adress.png);
	line-height: 20px;
}
.tel {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(images/tel.png);
	color: #FFCC00;
	line-height: 20px;
}
.fax {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(images/fax.png);
	color: #FFCC00;
	line-height: 20px;
}
.email {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(images/email.png);
	color: #FFCC00;
	line-height: 20px;
}
#leftbar  {
	height: 668px;
	width: 351px;
	background-image: url(images/it-leftbarbg.jpg);
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	position: absolute;
}
#ipodmain {
	background-image: url(images/it-ipodbg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#handheldmain {
	background-image: url(images/it-handheldbg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#dvdmain {
	background-image: url(images/it-dvdbg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#mp4main {
	background-image: url(images/it-mp4bg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#Accessorymain
 {
	background-image: url(images/it-Accessory.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#minimain {
	background-image: url(images/it-minibg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#usbmain {
	background-image: url(images/it-usbbg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#miniword {
	width: 545px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 38px;
	position: absolute;
	height: 570px;
	overflow: auto;
}


.mp {
	width: 525px;
	height: 80px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #999999;
	color: #CCCCCC;
	line-height: 1.5em;
	font-size: 8.6pt;
}
#ledbar {
	height: 250px;
	width: 280px;
	margin-left: 30px;
	margin-top: 60px;
	position: absolute;
	list-style-type: none;
}
#glassbar {
	height: 80px;
	width: 280px;
	margin-left: 30px;
	margin-top: 440px;
	position: absolute;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #999999;
}
#coverbar {
	height: 80px;
	width: 280px;
	margin-left: 30px;
	margin-top: 500px;
	position: absolute;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #999999;
}
#ipadbar {
	height: 80px;
	width: 280px;
	margin-left: 30px;
	margin-top: 560px;
	position: absolute;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #999999;
}
#glassespmpmain {
	background-image: url(images/it-glassesbg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#covermain {
	background-image: url(images/it-navjackbg.jpg);
	height: 668px;
	width: 629px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 350px;
	position: absolute;
}
#contactbar {
	margin-top: 530px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 39px;
	padding-top: 10px;
	width: 260px;
	color: #999999;
	padding-bottom: 10px;
	position: absolute;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}





#footer {
	text-align: center;
	height: 60px;
	width: 980px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	color: #999999;
	
}
#footer ul {
	text-align: center;
	margin: auto;
	width: 350px;
	position: relative;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

#footer li {
	float: left;
	list-style-type: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 20px;
	font-size: 11px;
	display: inline;
}


#footer a {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
