/*
	Basic CSS for all sites.
*/

body {
	background-color: transparent;
	font: 12px Helvetica,"Lucida Sans Unicode",Arial,Verdana,sans-serif,"Lucida Grande";
}

/* =LAYOUT
---------------------------------------------------------------------------- */

/* Disable horizontal scrollbar */
#window {
	min-width: 960px;
	overflow: hidden;
}

#wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/*#header 	{} 
#menu	{}
#banner	{} */

/* =UTILITY
---------------------------------------------------------------------------- */

.button {
	background: url('../img/blank.gif');
	cursor: pointer;
}

.pseudo-button {
	display: block;
	position: absolute;
	background: url('../img/blank.gif');
	cursor: pointer;
}


.hidden {	display: none;							}
/* --- Border for debugging --- */
.dbg	{	border: 1px solid red;					}

/* --- General placement styles --- */
.center {
	display: block;
	margin: 0 auto;
}
.cholder {
	display: block;
	position: relative;
	left: 50%;
	float: left;
}

.cdiv {
	display: block;
	position: relative;
	left: -50%;
	float: left;
}

/*
	Centering via tables, as it's the only thing that's guaranteed to work 
	in all cases. Use until IE7 goes out of style. After that: use 
	display: table and display: table-cell + vertical-align.
*/
table.tcenter	{	width: 100%;					}
table.tcenter td	{	text-align: center;				}
table.tcenter td>*	{	margin: auto;					}

table.tmiddle	{	height: 100%;					}
table.tmiddle td	{	vertical-align: middle;			}

/* --- Purely style lists --- */
ul.hlist, ul.vlist, ul.zlist {
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	list-style-type: none;
	overflow: hidden;
}

ul.hlist>li {
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.vlist>li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.zlist>li {
	position: absolute;
	display: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.zlist>li.active {
	display: block;
}

/* --- JSON options --- */
._opts		{	display: none;			}

/* --- google-map --- */
.gmap	{
	width: 100%;
	height: 100%;
	z-index: 1;
}


/* EOF */