body
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin: 0;
	background: url( "/gfx/theme_fz/layout/body_topdown_transition.png" ) #585768 top center repeat-x;
}


/* A container should group all your columns. */
.container {
	margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	background:#dcdada;
	width:982px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:960px;
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5); /* black shadow, 50% transparent */
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
html>body .container {
  width:960px;
}
/* Use this class on any div.span / container to see the grid. */
.showgrid {
  background: url(grid.png);
}


/* Columns
-------------------------------------------------------------- */

.full-page-width {
	width:980px;
	position:relative;
	left:-10px;
	background: #DCDADA;
}

/* Sets up basic grid floating and margin. */
.column,.side-column,.wide-column,.demi-column,.quarter-column {
  float: left;
  margin-right: 8px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

.defbox {border:1px solid #999;margin-top:10px;padding:4px;}

.demi-column { width: 476px; }
.quarter-column { width: 234px; }
.side-column { width: 300px; }
.wide-column { width: 652px; }
.full-width { width:960px; margin:0; }

/* Use these classes to set the width of a column. */
.span-1 { width: 14px; }
.span-2 { width: 36px; }
.span-3 { width: 58px; }
.span-4 { width: 80px; }
.span-5 { width: 102px; }
.span-6 { width: 124px; }
.span-7 { width: 146px; }
.span-8 { width: 168px; }
.span-9 { width: 190px; }
.span-10 { width: 212px; }
.span-11 { width: 234px; }
.span-12 { width: 256px; }
.span-13 { width: 278px; }
.span-14 { width: 300px; }
.span-15 { width: 322px; }
.span-16 { width: 344px; }
.span-17 { width: 366px; }
.span-18 { width: 388px; }
.span-19 { width: 410px; }
.span-20 { width: 432px; }
.span-21 { width: 454px; }
.span-22 { width: 476px; }
.span-23 { width: 498px; }
.span-24 { width: 520px; }
.span-25 { width: 542px; }
.span-26 { width: 564px; }
.span-27 { width: 586px; }
.span-28 { width: 608px; }
.span-29 { width: 630px; }
.span-30 { width: 652px; }
.span-31 { width: 674px; }
.span-32 { width: 696px; }
.span-33 { width: 718px; }
.span-34 { width: 740px; }
.span-35 { width: 762px; }
.span-36 { width: 784px; }
.span-37 { width: 806px; }
.span-38 { width: 828px; }
.span-39 { width: 850px; }
.span-40 { width: 872px; }
.span-41 { width: 894px; }
.span-42 { width: 916px; }
.span-43 { width: 938px; }
.span-44, div.span-44 { width: 960px; margin: 0; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
.left { float: left; }
.right { float: right!important; }