/*
	CSS Style Definitions for WCGT
	developed by Stefan Isarie
	stefan@isarie.com

	layout
*/
html, body{ margin:0; padding:0; font: 12px/16px Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; background: url("../images/bg-page.gif") repeat-x; }
#page-container{ width: 764px; margin:0 auto; text-align: left; }
	#utils{ width: 764px; float:left; text-align: right; }
		#utils ul{ width: 180px; float:right; margin: 9px 16px 9px 0; padding:0; list-style: none; }
		* html #utils ul{ margin: 8px 16px 8px 0; }
		#utils ul li{ float:right; margin:0; padding:0; }
		#utils ul li.middle{ margin: 0 70px; }
		* html #utils ul li.middle{ margin: 0 35px 0 55px; }
	#header{ width: 764px; float:left; background: url("../images/bg-header.gif") no-repeat top center; min-height: 52px; }
	/*\*/* #header{ height: 52px; }/**/ /* MIN-HEIGHT FOR IE */
		#logo{ width: 266px; height:44px; float:left; margin:6px 0 0 11px; }
			#logo a{ width: 266px; height:44px; display:block; }
		#navigator{ width: 464px; float:right; margin: 0; }
	#masthead{ width: 764px; height:110px; margin:0; clear: both; background: url("../images/masthead.jpg") no-repeat; }
	#content{ background: url("../images/bg-content.gif") repeat-y top center; width: 764px; float:left; }
		#bg-left{ background: url("../images/bg-right.gif") repeat-y top right; width: 764px; float:left; }
		#left-side{ width: 516px; margin:0 0 0 2px; float:left; }
		* html #left-side{ width: 510px; margin:0; float:left; }
		#right-side{ width: 220px; float: right; margin: 10px; }
		* html #right-side{ width: 210px; float: right; margin: 10px; }
	#footer{ width: 764px; float:left; background: url("../images/bg-footer.gif") no-repeat top center; clear: both; }
		#footer p, p.validator{ text-align:center; color: #fff; margin: 8px 0; }

/* site wide elements */
.inside{ padding: 16px; }

h1{ color:#959243; margin:0 0 12px 0; font-size: 22px; }
p{ margin: 0 0 12px 0; }

/* GMapEX definitions */
div.GMapEZ{ width: 732px; height: 500px; }
div.noWrap{ white-space:nowrap; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
.fImg{ border:1px solid #ccc; padding:2px; background-color:#fff; }

input,textarea {display: block;width:150px;float:left; border:1px solid #656565;border:1px solid #656565;}
.label_contact{display: block;width:130px;float: left;margin-bottom: 7px;color:#656565; }
form br {clear: left;}
.button {position:relative;background:#656565;color:#fff;width:60px;left:150px;}