html,body
	{
	margin: 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow:auto;
	background-image:url(../images/sitebg.png);
	background-position:center top;
	background-repeat:repeat-x;
	background-color:#222222;
	
	}
	
a {color:#000000} /* mouse over link */
a:link {color:#000000} /* mouse over link */
a:active {color:#000000} /* mouse over link */
a:hover {color:#000000} /* mouse over link */
a:visited {color:#000000} /* mouse over link */

body, p, td 
	{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				13px;
	}

h2 
	{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				13px;
	font-weight: 			bold;
	}

#site
	{
	position:absolute;
	top:0px;
	width:1000px;
	margin-left:-500px;
	left:50%;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#FFFFFF;
	overflow:visible;
	min-height:100%;
	background-image:url(/images/contentbg.png);
	background-repeat:repeat-y;
	}

#header
	{
	position:absolute;
	height:160px;
	width:1000px;
	background-repeat:no-repeat;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #555555 ), color-stop(1, #000000) );
	background: -moz-linear-gradient(center bottom, #555555 1%, #000000 100% );
	background: linear-gradient(center bottom, #000000 1%, #555555 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000, endColorstr=#555555);
	z-index:80;
	}

#content
	{
	position:absolute;
	top:170px;
	padding-left:190px;
	width:800px;
	padding-right:10px;
	overflow:visible;
	background-image:url(/images/contentbg.png);
	background-repeat:repeat-y;
	
	}

#home_news
	{
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #777777 ), color-stop(1, #DDDDDD) );
	background: -moz-linear-gradient(center bottom, #EEEEEE 30%, #BBBBBB 100% );
	background: linear-gradient(center bottom, #777777 10%, #DDDDDD 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777, endColorstr=#DDDDDD);
	border:1px solid #333333;
	text-align:left;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	
	box-shadow: 6px 6px 6px #AAAAAA;
	-moz-box-shadow: 6px 6px 6px #AAAAAA;
	-webkit-box-shadow: 6px 6px 6px #AAAAAA;
		
		
		
	}
#menu
	{
	position:absolute;
	left:0px;
	margin-top:160px;
	width:180px;
	min-height:80%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #CCCCCC ), color-stop(1, #555555) );
	background: -moz-linear-gradient(center bottom, #CCCCCC 50%, #555555 100% );
	background: linear-gradient(center bottom, #CCCCCC 59%, #555555 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#555555, endColorstr=#CCCCCC);
	z-index:50;
		
		
	}
	
.menubtn
	{
	display:block;
	width:170px;
	border-top:1px solid #FFDD00;
	border-bottom:1px solid #FFDD00;
	background-color:#666666;
	color:#00AEEF;	
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin-bottom:3px;
		
	}

	
	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#menu li {
			float:left; 
			display:block; 
			width:170px; 
			border-top:1px solid #FFDD00;
			border-bottom:1px solid #FFDD00;
			background-color:#666666;
			color:#0972A5;	
			font-size:13px;
	
			position:relative;
			z-index:500; 
			margin-bottom:4px;
			padding:5px;
			background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #777777 ), color-stop(1, #111111) );
			background: -moz-linear-gradient(center bottom, #777777 10%, #111111 100% );
			background: linear-gradient(center bottom, #777777 10%, #111111 100% );
			filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777, endColorstr=#111111);
	
		}
		
		/* this is the parent menu */
		#menu li a {
			display:block; 
			text-decoration:none; 
			color:#00AEEF;	
			font-weight:bold;
			font-size:13px;
			
		
		}

		#menu li a:hover {
			color:#fff;
		}
	
		/* you can make a different style for default selected value */
		
		/* submenu, it's hidden by default */
		#menu ul {
			position:relative; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			background:none;
		}
		
		#menu ul li {
			width:100px; 
			float:left; 
			font-size:11px;
			padding:1px;
			padding-left:15px;
			color:#00AEEF;
			border:0px;
						background:none;
			
		}
		
		/* display block will make the link fill the whole area of LI */
		#menu ul a {
			display:block;  
			
			color:#00AEEF;
			font-size:11px;
		}
		
		#menu ul a:hover {
		
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #menu ul {
			margin:0 0 0 -2px;
		}

.prodbox
	{
	width:180px;
	height:220px;
	margin-right:10px;
	margin-bottom:20px;
	float:left;
	font-weight:bold;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #777777 ), color-stop(1, #DDDDDD) );
	background: -moz-linear-gradient(center bottom, #EEEEEE 30%, #BBBBBB 100% );
	background: linear-gradient(center bottom, #777777 10%, #DDDDDD 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777, endColorstr=#DDDDDD);
	border:1px solid #333333;
	text-align:center;
	
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	
	box-shadow: 6px 6px 6px #AAAAAA;
	-moz-box-shadow: 6px 6px 6px #AAAAAA;
	-webkit-box-shadow: 6px 6px 6px #AAAAAA;
	}

.aprodbox
	{
	width:170px;
	margin-right:10px;
	margin-bottom:20px;
	font-weight:bold;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #777777 ), color-stop(1, #DDDDDD) );
	background: -moz-linear-gradient(center bottom, #EEEEEE 30%, #BBBBBB 100% );
	background: linear-gradient(center bottom, #777777 10%, #DDDDDD 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777, endColorstr=#DDDDDD);
	border:1px solid #333333;
	text-align:center;
	
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	
	box-shadow: 6px 6px 6px #AAAAAA;
	-moz-box-shadow: 6px 6px 6px #AAAAAA;
	-webkit-box-shadow: 6px 6px 6px #AAAAAA;
	}


.home_prodbox
	{
	width:180px;
	height:220px;
	margin-right:28px;
	margin-bottom:20px;
	float:left;
	font-weight:bold;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #777777 ), color-stop(1, #DDDDDD) );
	background: -moz-linear-gradient(center bottom, #EEEEEE 30%, #BBBBBB 100% );
	background: linear-gradient(center bottom, #777777 10%, #DDDDDD 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777, endColorstr=#DDDDDD);
	border:1px solid #333333;
	text-align:center;
	
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	
	box-shadow: 6px 6px 6px #AAAAAA;
	-moz-box-shadow: 6px 6px 6px #AAAAAA;
	-webkit-box-shadow: 6px 6px 6px #AAAAAA;
	}

.newsbox
	{
	margin-right:10px;
	margin-bottom:20px;
	float:left;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #777777 ), color-stop(1, #DDDDDD) );
	background: -moz-linear-gradient(center bottom, #EEEEEE 30%, #BBBBBB 100% );
	background: linear-gradient(center bottom, #777777 10%, #DDDDDD 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777, endColorstr=#DDDDDD);
	border:1px solid #333333;
	text-align:left;
	
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	
	box-shadow: 6px 6px 6px #AAAAAA;
	-moz-box-shadow: 6px 6px 6px #AAAAAA;
	-webkit-box-shadow: 6px 6px 6px #AAAAAA;
	width:450px;
	}

.prodheader
	{
	background-color:#0972A5;
	color:#FFFFFF;	
	text-align:center;
	font-weight:bold;	
	height:35px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	}
.prodheader a
	{
	text-decoration:none; 
	color:#FFFFFF; 
	font-weight:bold;
	}

.prodprice
	{
	position:relative;
	top:20px;
	font-size:14px;
	color:#000000;
	text-align:center;
	font-weight:bold;
	width:180px;
	}

.orderbtn
	{
	border:1px solid #333333;
		
	}
	
	
	
	
	
	
.roundcorners
	{
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	}

.roundcorners-bottom
	{
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	}

#slider {

	/* You MUST specify the width and height */
	width:600px;
	height:155px;
	position:relative;	
	overflow:hidden;
	box-shadow: 6px 6px 6px #AAAAAA;
	-moz-box-shadow: 6px 6px 6px #AAAAAA;
	-webkit-box-shadow: 6px 6px 6px #AAAAAA;
	
}

#mask-gallery {
	
	overflow:hidden;	
}



	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:140px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=75);
	-moz-opacity:0.75;  
	-khtml-opacity: 0.75;
	opacity: 0.75;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:140px;
	background-color:#000;
	overflow:hidden;
	font-family:Verdana;
	font-size:11px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}