/* CSS Document */
body {background: url(images/pagebg.jpg) center top repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#5c5a56; background-attachment:fixed;}
* {margin: 0px;	padding: 0px;}
#wrap {width:835px; height:1000px; margin:auto;}
#header { height:197px;}
#page {padding:0px 0px 0px 0px; width:835px; height:1030px; background:url(images/page.jpg); margin-top:49px;}
#contents {float:left;	width: 860px;}
a {color:#989C50; text-decoration:none;}
a:visited { color:#989C50;}
a:hover {color:#fff; text-decoration:underline;}

h2 {font-size:13px; /*color: #989C50*/ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*top nav*/
#topnav ul {list-style:none;}
#topnav li {display:inline;}
#topnav a {
	display:block; float:left;
	height: 23px; padding: 4px 25px 5px 10px;
	color: #5C5A56; text-decoration: none;
	text-transform: uppercase;
	}
#topnav {background:url(images/navbar.png); width:835px; height:28px;}
#topnav a:hover {background:url(images/menu2.png) 0 0 no-repeat; color:#fff;}
#topnav .active a {background:url(images/menu1.png) 0 0 no-repeat; color:#333;}


#topnav2 ul {list-style:none;}
#topnav2 li {display:inline;}
#topnav2 a {
	display:block; float:left;
	height: 18px; padding: 4px 10px 0 8px;
	color: #5C5A56; text-decoration: none;
	text-transform: uppercase;
	border:1px dotted #5C5A56;
	background:url(images/menu11.png);
	}
#topnav2 {background:url(images/navbar1.png); width:835px; height:28px;}
#topnav2 a:hover {background:url(images/menu22.png) 0 0 no-repeat; color:#fff;}
#topnav2 .active a {background:url(images/menu11.png) 0 0 no-repeat; color:#333;}


/*page contetnt below*/
#col1
{
/*padding: 0 15px 0 15px;
*/width:835px; height:auto;
text-align:center;
}
#bar
{
text-align:center;
width:790px;
background:#00FF66;
}

#bar:hover
{
padding:0 0 0 0px;
text-align:center;
background:#99FF00;
}
#col2
{
margin:10px  0 0 0;
float:left;
display:block;
}
.subhead 
{
	/*color:#5A5854;*/ 
	color:#FFFFFF;text-transform:uppercase;
	display:block; margin:2px  0 0 0px; padding:0px 0px 2px 10px;
	 width:825px; height:15px;
     background:#CC6600;
/*	background:#201F1E;
	background:url(images/navbar.png);
*/}
.subhead:hover
{
	background:#0066FF;
}
.subhead1 
{
	/*color:#5A5854;*/ 
	color:#FFFFFF;text-transform:uppercase;
	text-align:center;
	display:block; float:left;padding:0px 0px 0px 1px;
	height:15px;
	background:#CC66FF;
/*	background:url(images/navbar.png);
*/}
.subhead1:hover
{
	background:#0066FF;
}
table 
{
border:0px solid #99FFCC;
color:#FFFFFF;
}
table td.title
{
	/*color:#5A5854;*/
	color: #FFFFFF;text-transform:uppercase;
	font-weight:bold; text-align:center;
	height:20px;
	font-size:9px;
	background:#336666;
	border:1px solid #CCFFCC;
}
table tr td
{
	color: #FFFFFF/*#0066FF*/;text-transform:uppercase;
	font-weight:bold; text-align:center;
	font-size:9px;
	background:#FFFFFF;
/*	background:url(images/bgpro1.jpg);
*/	border:1px outset #332619;
}
table tr td:hover
{
	background:#FFFFCC;
	/*background:url(images/bgpro2.jpg);*/
	border:1px inset #333333;
}
#col3
{
width:835px;
height:850px;
display:block;
float:left;
}
#pro1
{
display:block;
width:435px;
height:360px;
}
#pro1 ul li
{
display:block;
float:left;
width:435px;

}
#pro1 ul li.first
{
float:left;

}
#pro1 ul li.second
{
float:left;
text-align:left;
color:#666666;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-stretch:2px;
}
#pro1 ul li.third img
{
text-align:left;
float:left;
border:none;
width:260px;
}
#pro1 .third1
{
text-align:center;
float:left;
width:150px;
height:200px;
border:none;
color:#333333;
font-size:14px;
}
#pro1 ul li.forth
{
text-align:center;
float:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:54px;
color:#330000;
text-shadow:#0033FF;
}
#pro2
{
display:block;
height:178px;
width:384px;
}
#pro2 ul li.first
{
background:url(images/procompaq.png) no-repeat;
height:40px;
color:#999999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
}
#pro2 ul li.second
{
background:url(images/acerprodsk.png) no-repeat;
height:130px;
color:#333333;
font-size:12px;
padding-left:95px;

}
#pro2 ul li span
{
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px;
color:#330000;
text-shadow:#0033FF;
}
/*col2 below coding*/
#mid1 li
{
display:block;
float:left;
width:270px;
height:200px;
}

#mid1 ul li.first
{
background:url(images/procompaq.png) no-repeat;
height:40px;
width:270px;
color:#999999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
}
#mid1 ul li.first1
{
background:url(images/logoacer.png) no-repeat;
height:40px;
width:270px;
color:#999999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
}
#mid1 ul li.first2
{
background:url(images/logohp.png) no-repeat;
height:40px;
width:270px;
color:#999999;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
}


#mid1 ul li.second
{
background:url(images/acerpro641.png) no-repeat;
text-align:right;
height:140px;
width:270px;
color:#333333;
font-size:8px;
border-right:1px dotted #333333;
}
#mid1 ul li.second1
{
background:url(images/acerprocq20.png) no-repeat;
text-align:right;
height:140px;
width:270px;
color:#333333;
font-size:8px;
border-right:1px dotted #333333;

}
#mid1 ul li.second3
{
background:url(images/acerprodsk.png) no-repeat;
text-align:right;
height:140px;
width:270px;
color:#333333;
font-size:8px;
}
#mid1 ul li.second4
{
background:url(images/slimhp.png) no-repeat;
text-align:right;
height:140px;
width:270px;
color:#333333;
font-size:8px;
border-right:1px dotted #333333;
}
#mid1 ul li.second5
{
background:url(images/hp6490.png) no-repeat;
text-align:right;
height:140px;
width:270px;
color:#333333;
font-size:8px;
}

#mid1 ul li span
{
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px;
color:#330000;
text-shadow:#0033FF;
}

/*--------------footer --------------------------*/
#footer {
margin:0 0 15px 0;
background:url(images/navbar.png); height:30px;
padding:0px 0 5px 250px;
}
#leftfoot {
	width:440px; float:left;
	padding:8px 0 0 25px;
	}