/* CSS Document */

/*######################*/
/*		main styles		*/
/*######################*/

body
{
	background-color:#fefefe;
	font: Trebuchet MS, Verdana, Arial, sans-serif;
	color: #666666;
	behavior:url("./htc/csshover.htc");
}

/*######################*/
/*		div styles		*/
/*######################*/

div.content 
{
	width:770px;
	height:500px;
	border: 1px solid #D0D0D0;
	paddding: 0 0 0 0;
	margin:-250px 0 0 -385px;
	position:absolute;
   	top:50%;
   	left:50%;
	background-image:./images/Picture1.jpeg;
}

div.upper
{
	width:770px;
	_height:440;
	min-height:440px;
	max-height:440px;
	paddding: 0 0 0 0;
	margin: 0 0 0 0;
}

div.bottem
{
	width:770px;
	height:30px;
	text-align:center;
	position:absolute;
	top:470px;
	paddding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight:bold;
}

div.first
{
	position:absolute;
	width:220px;
	height:260px;
	left:30px;
	top:155px;
	border: 1px solid #D0D0D0;
	z-index: 1;
}

div.overfirst
{
	background-color: #f4b9d9;
}

div.oversecond
{
	background-color: #eefbda;
}

div.overthird
{
	background-color: #aca6ce;
}

div.overfirst, div.oversecond, div.overthird
{
	position:absolute;
	width:220px;
	height:260px;
	left:0px;
	top:0px;
	border: 0;
	opacity: 0.0;
    filter:alpha(opacity: 0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
	z-index: 2;
}

div.overfirst:hover, div.oversecond:hover, div.overthird:hover
{
	opacity: 0.7;
    filter:alpha(opacity: 70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}

div.overfirst .product, div.oversecond .product, div.overthird .product
{
	width:95%;
	height:95%;
	margin: 0 0 0 0;
	color:#000000;
	font-weight:bold;
}

div.overfirst .name, div.oversecond .name, div.overthird .name
{
	font-weight:bolder;
	border-bottom: 1px solid #D0D0D0;
}

div.overfirst .info, div.oversecond .info, div.overthird .info
{
	border-bottom: 1px solid #D0D0D0;
}

div.overfirst .price, div.oversecond .price, div.overthird .price
{
	border-bottom: 1px solid #D0D0D0;
	text-align:center;
}

div.second
{
	position:absolute;
	left:260px;
	top:40px;
	border: 1px solid #D0D0D0;
}

div.third
{
	position:absolute;
	left:500px;
	top:190px;
	border: 1px solid #D0D0D0;
}

/*######################*/
/*		link styles		*/
/*######################*/

a:link, a:visited
{
	color: #999999;
	text-decoration: none;
	font-family: Trebuchet MS, verdana;
	font-size: 13px;
}

a:active, a:hover{
	color: #333333; 
	text-decoration: none;
	font-family: Trebuchet MS, verdana;
	font-size: 13px;
}

/*######################*/
/*		menu styles		*/
/*######################*/

#menu
{
	width:770px;
	height:30px;
	paddding: 0 0 0 0;
	margin: 0 0 0 0;
}

#menu ul
{
	white-space: nowrap;
	margin: 0 0 0px 0;
	padding: 0 0 5px 0;
	font-size: 21px;
	text-align:center;
	color: #666666;
}

#menu li
{
	padding: 0 20px 0 30px;
	display: inline;
	font-weight: bold;
}

/*######################*/
/*	   other styles		*/
/*######################*/

#noborder
{
	border:0;
}