body {
	padding: 0px; 
	margin: 0px;
	font-family: serif;
	font-size: 14px;
	color: #444;
	height: 100%
	width: 100%;
}

a, p, b, h1, h2, span, div {

}

a:hover {

}

img {
	border: none;
}

p {
	margin-top: 0px;
	margin-right: 35px;
	font-size: 14px;
}

div {
	font-size: 14px;
	}



#content a {
	color: #777;

}

#content a:hover {
	color: #fff;
	background: #777;
	text-shadow: 0px 0px 2px #000;
	filter: dropshadow(color=#000, offx=0, offy=0);
}



.title {
	display: block;
	font-size: 18px;
	padding-top: 13px;
	padding-bottom: 10px;
	color: #333;
}

.fineprint {
	font-size: 11px;
	margin: 25px;
	margin-right: 50px;
}

.hidden {
	visibility: false;
}

#wrapper {
	z-index:0; 
	position: absolute; 
	left: 0px; 
	top: 0px;
	width:100%; 
	height:100%; 
	background: #FFF;  
}

#topGraphic {
	z-index:1; 
	position: absolute; 
	left: 0px; 
	top: 0px;
	width:100%; 
	height: 165px;
	background: #CCC; 
}

#logo {
	z-index:2; 
	position: absolute; 
	left: 0px; 
	top: -10px;
	width:150px; 
	height:165px; 
}

#nav {
	z-index:3; 
	position: absolute; 
	left: 0px; 
	top: 165px;
	width:100%; 
	height:32px; 
	font-size: 32px;
	line-height: 32px;
	color: #F7F2F2;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	background: #EEE;
	border-top: 2px solid #FFFCFC;
	border-bottom: 2px solid #FCFFFC;
}

#navPad {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	zoom: 1;
	*display: inline;
	width: 65px;
}

#nav a {
	display: inline-block;
	zoom: 1;
	*display: inline;
	height: 27px;
	font-size: 18px;
	text-decoration: none;
	color: #777;
	padding: 0px 5px 5px 5px;
	vertical-align: top;
}

#nav a:hover {
	color: #fff;
	background: #777;
	text-shadow: 0px 0px 7px #000;
	filter: dropshadow(color=#000, offx=0, offy=0);
}

#nav #canvasNotice{
	float: right; font-size: 14px; color: #CCC; margin-right: 5px;
}

#content {
	z-index:4; 
	position: absolute; 
	left: 0px; 
	top: 200px;
	width:100%; 
	background: #FFF; 
}

#content-home {
	z-index:4; 
	position: absolute; 
	left: 0px; 
	top: 200px;
	width: 100%;
	height: 100%;
	background: #FFF; 
	overflow: hidden;
	padding-right: -32px;
}


#homeCanvas {
	position: absolute; 
	left: 0px; 
	top: 0px
	
}


#pageTitle {
	position: absolute; 
	left: 70px; 
	top: 20px;
	font-size: 35px;
	width: 140px;
}

#pageTitle a {
	color: #777;
	padding: 5px;
	text-decoration: none;
}

#pageTitle a:hover {
	color: #FFF;
	background:#777;
}

#pageCanvas {
	width: 400px;
	height: 400px;
}

#categories {
	position: absolute;
	top: 20px;
	left: 210;
}

.category {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	zoom: 1;
	*display: inline;
	position:relative;
	width: 200px;
	margin-right: 15px;
	float: top;
	top: 0px;
	vertical-align:top;
}

.categoryTitle {
	display: block;
	font-size: 18px;
	padding-top: 13px;
	padding-bottom: 20px;
	color: #555;
}

.categoryItem {
	display:inline-block;
	zoom: 1;
	*display: inline;
	margin-bottom: 20px;
	width: 180px;
	overflow: hidden;
	background: #FFF;
	color: #333;
	text-decoration: none;
}

.categoryItem:hover, .categoryItem:hover span, .categoryItem:hover i  {
	color: #fff;
	background: #777;
}

.categoryItem img {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	zoom: 1;
	*display: inline;
	width: 180px;
	float: left;
	text-decoration: none;
	border: none;
	background: none;
}

.categoryItem span {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	zoom: 1;
	*display: inline;
	font-size: 14px;
	padding: 3px;
	color: #777;
}

.categoryItem i {
	margin-right: 10px;
	color: #333;
}


#grid {
	position: absolute;
	top: 20px;
	left: 210px;
	width: 840px;
}

#gridTitle {
	display: block;
	font-size: 18px;
	padding-top: 13px;
	padding-bottom: 20px;
	color: #555;
}

#grid a {
	display:inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 200px;
	overflow: hidden;
	background: #FFF;
	color: #333;
		text-decoration: none;

}

#grid a:hover, #grid a:hover span, #grid a:hover i  {
	color: #fff;
	background: #777;
	text-decoration: none;
}

#grid img {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	width: 200px;
	float: left;
}


#grid span {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	font-size: 12px;
	padding: 3px;
	color: #777;
	text-decoration: none;
}


#rows {
	position: absolute;
	top: 20px;
	left: 210px;
	width: 840px;
}

.row {
	margin-bottom: 30px;
}

.rowTitle {
	display: block;
	font-size: 18px;
	padding-top: 13px;
	padding-bottom: 20px;
	color: #555;
}

.panel {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	width: 410px;
	vertical-align: top;
	padding-bottom: 35px;
	overflow: hidden;
}

.panelItem {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	margin-bottom: 12px;
}

.panelItem img {
	width: 400px;
}