/* CSS Document */
body{ margin:0; font-family:"Century Gothic", Arial, "Trebuchet MS", "Times New Roman";}

#headerbar{ background:url(../images/head_bg.png) repeat-x; height:70px; font-family: "Century Gothic", Arial, "Trebuchet MS", "Times New Roman";}

#container{ width:900px; margin:auto;}

.logo{ /**/
	padding-top:5px;
	float:left;
	padding-right: 5px;
	padding-bottom: 5px;
}

#nav{ float:right;/* padding:20px;*/}
#nav ul{
	margin:0;
	padding:0;
	font-size:18px;
	text-shadow:#181818 0 1px 1px;
	font-weight: bolder;
}
#nav ul li{
	float:left;
	margin-right:2px;
	padding:24px;
	list-style:none;
	color:#FFFFFF;
	background-color: #FFFFFF;
}
#nav ul li#selected{ background-color:#6496ff;}
#nav ul li a{
	text-decoration:none;
	color:#0033FF;
	font-family: "Times New Roman", Times, serif;
}
#nav ul li a:hover{ color: #669900;}

#slide{ padding-top:5px;}

#grid_box {position: relative;	/**/margin: 5px auto -130px auto; border: 1px solid #e1e1e1; padding:12px; z-index:4; background-color:#FFCC99;}
#tiles { float:left;	margin-bottom: 15px;/**/	background: #fff; width:600px;}

.tile {
	width: 180px;
	height: 180px;
	float: left;
	color: #000000;
	line-height: 23px;
	/*text-align:justify;*/	font-size:14px; /*text-shadow:#181818 1px 0 0;*/
	text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	font-weight: bold;

}

.tile h2 {
	padding-bottom:10px;
	font-size:20px;
	margin-bottom: 10px;		/*padding-left: 45px;*/
	line-height: 20px;
	color: #004080;
	text-shadow: 0px 1px 1px #4d4d4d;
	font-weight:bolder;
	font-family: "Times New Roman", Times, serif;
}

.tile_cont{
	text-align:justify;
}	

.right {border-right: 1px solid #e1e1e1;}
.bottom {
	border-bottom: 1px solid #e1e1e1;
}
.last {/*width: 260px;border-right: 1px solid #e1e1e1;*/}

#aboutbox{ float:left;	margin-bottom: 15px;/**/	background: #fff; width:600px; padding:4px; font-size:14px; border-right:1px solid #e1e1e1;}

.prodbox{ border-bottom:1px solid #e1e1e1; padding:4px; padding-bottom:8px; margin-bottom:5px; font-size:13px }
.prodbox h2{ padding-bottom:10px; font-size:16px; margin-bottom: 10px;		/*padding-left: 45px;*/		line-height: 20px;	color: #004080;
 text-shadow: 0px 1px 1px #4d4d4d; font-weight:normal;}
 
.prodbox img{float:left; width:200px;  border: 1px solid #e1e1e1; padding:2px; margin:8px;}
.prodbox span{ /*margin-left:210px;*/ }


#sidebox{ float:right; width:250px; padding:4px;}
#thumbs{ border-top: 1px solid #e1e1e1; margin-top:20px;}
#thumbs h1{ font-size:16px; font-weight: normal; }
#thumbs img{ float:left; width:100px; height:100px; border: 1px solid #e1e1e1; padding:2px; margin:4px;}
#thumbs img:hover{ opacity:0.7;}

#foot{ background: url(../images/foot_bg.png) repeat-x #6496ff;   padding-top:150px; font-size:13px; text-shadow: #CCCCCC 1px 0 0;}
#foot a{ text-decoration:none; color: #000033;}
#foot a:hover{  color:#993300;}
.testi{ float:left; width:580px; padding:4px;  }
.cont{ float:right; width:300px; }

#foot_credits{ clear:both; background: #000000; padding:10px; color:#FFFFFF;font-size:12px; text-shadow:#181818 1px 0 0;}
#foot_credits a{ text-decoration:none; color:#fff;}
#foot_credits a:hover{  color:#993300;}

.textfield{ padding:8px;  border: 1px solid  #8F8F8F;}
.button{ padding:4px; border: 1px solid  #8F8F8F; background-color: #0078B3; color:#FFFFFF;  font-family:"Century Gothic", Arial, "Trebuchet MS", "Times New Roman"; }