/* CSS Document */

/***********
  BASE 
************/

* 				{ margin: 0; padding: 0; }
img				{border:0;}
p 				{margin:1.22em 0; padding:0; color:#c8c8c8;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }
p a				{text-decoration:none;color:#c8c8c8}
p a:hover		{text-decoration:underline;color:#c8c8c8}
body			{color:#c8c8c8; text-align:center;margin:0;padding:0; background:url(images/bg.gif) repeat-y 50%;height:100%; }
html			{height:100%;}

.surround { *zoom: 1; }
.surround:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }


/************
  footerstick
*************/

	

.clear {clear: both;}



/************
  STRUCTURE
*************/

#container		{width:806px;margin: 0 auto;min-height:100%;*zoom: 1;}
#container:after	 { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
#header			{width:806px;height:140px;background:url(images/header.jpg);}
#left			{float:left;width:180px;background-color:none;margin-left:15px;margin-top:20px;text-align:left;}
#main			{float:right;width:587px;background-color:none;text-align:left;}
#boximage		{height:241px;width:502px;float:left;position:relative;top:25px;left:35px;}
#content		{width:502px;background-color:none;position:relative;top:20px;left:35px;float:left;clear:both;}
#footer			{width:806px;height:22px;background-color:#878787;position: relative;clear:both;text-align:left;line-height:22px;margin:20px auto 0 auto;}
.product		{width:502px;border-top:1px white solid;background-color:none;margin-top:15px;clear:both;*zoom: 1;}
.product:after	 { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }

#productleft	{width:185px;float:left;background-color:none;margin-top:18px;}
#productright	{width:317px;background-color:none;float:right;margin-top:18px;}



/**************
 BASE EXTENSIONS
***************/

h1					{text-indent:-9999px;}
h2.welcome			{background:url(images/welcome.jpg) no-repeat 0 0;text-indent:-9999px;width:302px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.networ	{background:url(images/networ.jpg) no-repeat 0 0;text-indent:-9999px;width:124px;height:19px;margin-top:30px;margin-bottom:15px;}
h2.syssec	{background:url(images/syssec.jpg) no-repeat 0 0;text-indent:-9999px;width:145px;height:18px;margin-top:30px;margin-bottom:15px;}
h2.consul		{background:url(images/consul.jpg) no-repeat 0 0;text-indent:-9999px;width:98px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.serman	{background:url(images/serman.jpg) no-repeat 0 0;text-indent:-9999px;width:153px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.webdev	{background:url(images/webdev.jpg) no-repeat 0 0;text-indent:-9999px;width:143px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.hardwa	{background:url(images/hardwa.jpg) no-repeat 0 0;text-indent:-9999px;width:237px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.sofmai			{background:url(images/sofmai.jpg) no-repeat 0 0;text-indent:-9999px;width:168px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.craman			{background:url(images/craman.jpg) no-repeat 0 0;text-indent:-9999px;width:155px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.compli	{background:url(images/compli.jpg) no-repeat 0 0;text-indent:-9999px;width:142px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.sysabu	{background:url(images/sysabu.jpg) no-repeat 0 0;text-indent:-9999px;width:190px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.backup	{background:url(images/backup.jpg) no-repeat 0 0;text-indent:-9999px;width:190px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.hostin	{background:url(images/hostin.jpg) no-repeat 0 0;text-indent:-9999px;width:190px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.networking	{background:url(images/networking.jpg) no-repeat 0 0;text-indent:-9999px;width:124px;height:19px;margin-top:30px;margin-bottom:15px;}


h2.aboutus			{background:url(images/aboutus.jpg) no-repeat 0 0;text-indent:-9999px;width:68px;height:17px;margin-top:30px;margin-bottom:15px;}
h2.date				{background:url(images/2007.jpg) no-repeat 0 0;text-indent:-9999px;width:43px;height:18px;margin-top:0px;margin-bottom:15px;}
h2.exhibitions		{background:url(images/exhibitions.jpg) no-repeat 0 0;text-indent:-9999px;width:103px;height:18x;margin-top:30px;margin-bottom:15px;}
h2.remote			{background:url(images/gta.gif) no-repeat 0 0;text-indent:-9999px;width:202px;height:43px;margin-top:30px;margin-bottom:15px;}
h2.links				{background:url(images/links.jpg) no-repeat 0 0;text-indent:-9999px;width:40px;height:16px;margin-top:0px;margin-bottom:15px;}

h2.contactus			{background:url(images/contactus.jpg) no-repeat 0 0;text-indent:-9999px;width:82px;height:16px;margin-top:30px;margin-bottom:15px;}
h2.email			{background:url(images/byemail.jpg) no-repeat 0 0;text-indent:-9999px;width:65px;height:18px;margin-top:0px;margin-bottom:15px;}
h2.telephone		{background:url(images/bytelephone.jpg) no-repeat 0 0;text-indent:-9999px;width:103px;height:18px;margin-top:0px;margin-bottom:15px;}
h2.post				{background:url(images/bypost.jpg) no-repeat 0 0;text-indent:-9999px;width:56px;height:18px;margin-top:0px;margin-bottom:15px;}
h2.2008			{background:url(images/2008.jpg) no-repeat 0 0;text-indent:-9999px;width:56px;height:18px;margin-top:0px;margin-bottom:15px;}


h3.lastupdate	{background:url(images/lastupdate.jpg) no-repeat 0 0;text-indent:-9999px;width:105px;height:12px;margin-top:30px;margin-bottom:-7px;}
h3.latestnews	{background:url(images/lastestnews.jpg) no-repeat 0 0;text-indent:-9999px;width:81px;height:12px;margin-top:30px;margin-bottom:-7px;margin-top:-7px;}

/**************
 Drop Down Code
***************/

dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}

#menu {position: relative;top:0px;left:0px; width:178px;color:#c8c8c8;font-size:12px;font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;line-height:30px;}
#menu dt {cursor: pointer;margin: 2px 0;height: 30px;line-height: 30px;text-align: left;font-weight: bold;border-bottom: 1px solid #4a4d50;background: none;font-size:12px;font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;text-indent:22px;background:url(images/arrow.gif) no-repeat 10px;}
#menu dd {
	cursor: pointer;
	margin: 2px 0;
	line-height: 30px;
	text-align: left;
	font-weight: bold;
	background: none;
	color:#0033CC;
	font-size:12px;
	font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
	text-indent:10px;
}
#menu dd a {cursor: pointer;margin: 2px 0;line-height: 30px;text-align: left;font-weight: bold;background: none;text-indent:30px;border:none;}
#menu dd li a	{border:none;}
	

#menu li {color:#c8c8c8;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight: bold}
#menu li a, #menu dt a {color:#c8c8c8;font-size:12px;font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;text-decoration: none;display: block;border-bottom: 1px solid #4a4d50;height: 30px;font-weight: bold}
#menu li a:hover, #menu dt a:hover {
	background:none;
	color:#0066FF
}

.mentions {position: absolute;top : 300px;left : 10px;color: #000;background-color: #ddd;}
.selected {
	text-decoration:none;
	color:#3366FF;
	cursor: pointer;
	margin: 2px 0;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-weight: bold;
	background: none;
	font-size:12px;
	font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;
	text-indent:11px;
}


/********************
  GLOBAL STYLES
********************/
p.news				{padding:0; color:#878787;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }
p.news a			{text-decoration:underline;color:#878787 }
p.news a:hover		{text-decoration:none; }
.small				{padding:0; color:#878787;font:11px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;}
.date				{
	color:#0033FF;
}
.footerleft			{padding:0 0 0 15px;color:white;font:10px/22px tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;float:left;}
.footerright		{padding:0 15px 0 15px;color:white;font:10px/22px tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:right;float:right;}
.footerright a		{text-decoration:underline;color:white}
.footerright a:hover	{text-decoration:none;}
.clicktoenlarge			{padding:0; color:#c8c8c8;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold;}
.clicktoenlargepink			{padding:0; color:#d43a57;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold;}

img.whiteborder		{border:5px white solid;}
img.logo			{border:5px white solid;float:left;margin:0px 10px 10px 0;}
img.alison			{border:5px white solid;margin:15px 0 15px 0;}

p.description 		{
	margin:1.22em 0;
	padding:0;
	color:#0033FF;
	font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
	font-weight:bold;
}
p.description a		{
	margin:1.22em 0;
	padding:0;
	color:#0033FF;
	font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
}
.calendar			{margin:1.22em 0; padding:0; color:#d43a57;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }

.indent a				{text-indent:-9999px;}
.onsale				{margin:1.22em 0; padding:0; color:#d43a57;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }
.price			{margin:1.22em 0; padding:0; color:#c8c8c8;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold;}
.sold			{margin:1.22em 0; padding:0; color:#d43a57;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold;}