/*//////////////////////////////////////*/
/*////////////////Globals Test///////////////*/
/*//////////////////////////////////////*/

* { margin: 0; padding: 0; }

html,body {
 	height: 100%; /* Required */
	text-align:left;
	font-family: Verdana, sans-serif; 
	font-size: 1em;
	color:#000;
	background-color:#fff;
	background-image:url('../images/home_bg.jpg');
	background-repeat:repeat-x; }
	
p { margin: .2em 0; line-height: 1.2em; padding:5px; }
a { color: #fff; text-decoration:none; }
a img { border: none; }
a:hover { color:#000; text-decoration: none; }
ul li { list-style:none; }	
	
img { 
	border: none;
	behavior: url("pngbehavior.htc"); }

/*//////////////////////////////////////*/
/*////////////////Header////////////////*/
/*//////////////////////////////////////*/

#topcontainer {
	width:100%;
	height:auto;
	margin: 0 auto;
	overflow:hidden; }

#topheader {
	float:left;
	margin: 0 auto 0 auto;
	width:100%;
	height:40px;
	padding:5px;
	overflow:hidden; }
	
.topheaderLeft {
	float:left; 
	width:auto;
	height:auto;
	padding:5px;
	overflow:hidden; }
	
	#topheader h2 { padding-top:30px; }
	
.topheaderRight {
	float:right;
	width:auto;
	height:auto;
	padding:5px;
	margin:0 0 0 10px;
	overflow:hidden; }
	
	.topheaderRight span { padding-right:20px; }

	.topheaderRight span.prodnav a{ color:#333; }
	.topheaderRight span.prodnav a:hover{ color:#000; }
	
/*//////////////////////////////////////*/
/*/////////////////Main/////////////////*/
/*//////////////////////////////////////*/

#container {
	margin: 0 auto -2em;
	min-height: 96%; /* For Modern Browsers */
	height: 96%; /* For IE */
	height: auto !important; /* For Modern Browsers */
	overflow:hidden; }

#wrapper {
	margin: 0 auto -2em;
	width:820px;
	min-height: 96%; /* For Modern Browsers */
	height: 96%; /* For IE */
	height: auto !important; /* For Modern Browsers */
	.margin-bottom:50px; }
	
/*//////////////////////////////////////*/
/*/////////////////Home/////////////////*/
/*//////////////////////////////////////*/

.content {
	float:left; 
	width:100%;
	height:100%;
	overflow:hidden; }
	
.homeBanner {
	float:left;
	width:820px;
	height:auto;
	margin:0 0 20px 0;
	text-align:center;
	overflow:hidden; }
	
.homeMenu {
	float:left; 
	width:820px;
	height:auto;
	margin:-20px 0 10px 0;
	text-align:center;
	color:#fff;
	overflow:hidden; }
	
	div.homeMenu h2 { font-size:18px; }
	
.homeLeftContent {
	float:left;
	width:250px;
	height:150px;
	padding:0 5px 0 5px;
	margin:0 0 0 10px;
	overflow:hidden; }

.homeMidContent {
	float:left;
	width:250px;
	height:150px;
	padding:0 5px 0 5px;
	margin:0 0 0 10px;
	overflow:hidden; }
		
.homeRightContent {
	float:left;
	width:250px;
	height:150px;
	padding:0 5px 0 5px;
	margin:0 0 0 10px;
	overflow:hidden; }
	
.homeLeftContent a:hover,.homeMidContent a:hover,.homeRightContent a:hover {
	display:block;
	background-image:url('../images/hoverbg.png');
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden; }
	
.homeContent {
	float:left;
	width:820px;
	height:auto;
	margin:10px 0 10px 0;
	overflow:hidden; }

/*//////////////////////////////////////*/
/*////////////////footer////////////////*/
/*//////////////////////////////////////*/

#footer { 
	height: 2em; /* .push must be the same height as .footer */
	margin:0 auto;
	width:820px;
	font-size:12px;
	text-align:center;
	color:#333;
	overflow:hidden; }
	
	#footer a { color:#666; }
	#footer a:hover { color:#333; }
	
.push { height: 2em;  }