/*
-----------------------------------------------
sfc main page styles
version:  0.1
----------------------------------------------- */

/* Splash Styles
----------------------------------------------- */

#splash {
	background-image: url("../images/splash.jpg");
	color: #fff;
	font-family: verdana, arial, helvetica, sasn-serif;
	font-size: 12px;
	height: 192px;
	width: 800px;
}

#splash #message {
	position: relative;
	left: 75px;
	top: 75px;
	width: 450px;
}

#splash #choice {
	position: relative;
	top: 125px;
	left: 300px;
	width: 400px;
}

#splash #choice ul {
	position: absolute;
	bottom: -10px;
	right: -75px;
	list-style: none;
	margin: 0px;
	
	bottom: -10px !important;
  	bottom/**/:/**/-5px;
}

#splash #choice li {
	border: 1px solid;
	float: left;
	margin: 5px;
	padding: 5px;
	text-align: center;
	width: 100px;
}

/* Products (Left Column) Styles
----------------------------------------------- */

#products {
	background-image: url("../images/title_products.gif");
	background-repeat : no-repeat;
	height: 200px;
	margin: 0px 250px 0px 25px;
	min-height: 200px;
	padding-left: 40px;
	width: 460px;
}

html>body #products {
	/* commented backslash hack for IE Mac 5.x \*/
	min-height: 200px;
	height: auto;
	/* end hack */
}

#products div {
	margin-right: 7px;
}

#products div.floatLeft p {
	color: #333;
	font-size: 9px;
	font-weight: bold;
	margin-top: 5px;
}

#products #summary {
	color: #000;
	float: left;
	font-size: 10px;
	margin: 0px;
	width: 250px;
}

#products #form {
	text-align: right;
	width: 150px;
}

#products #form select {
	width: 150px;
}

/* News (Right Column) Styles
----------------------------------------------- */

#news {
	background-image: url("../images/title_news.gif");
	background-repeat : no-repeat;;
	font-size: 10px;
	height: 78px;
	min-height: 78px;
	width: 210px;
	position: absolute; 
	left: 560px; 
	top: 30px; 
}

html>body #news {
	/* commented backslash hack for IE Mac 5.x \*/
	min-height: 78px;
	height: auto;
	/* end hack */
}

#news ul {
	margin: 0px 0px 0px 50px;
	padding: 0px;
}

#news li {
	list-style-image: url("../images/arrow.gif");
	margin: 0px 0px 15px 0px;
}