body {
  background: url(../gfx/moonberry.png) no-repeat; top center;
  font-family: Verdana, Geneva, sans-serif;
}

a {
	outline: none;
	text-decoration: none;
}

/*
	.wrap
*/

.wrap {
	background-color: #FFF;
	margin: 100px auto;
	padding: 20px;
	width: 960px;
	overflow: auto;
	box-shadow:0 4px 40px #000;
	-moz-box-shadow:0 4px 40px #000;
	-webkit-box-shadow:0 4px 40px #000;
}

/*
	.header
*/

.header {
	background:url(../gfx/header.png) repeat-x;
	height: 30px;
	padding-left: 5px;
}

	.header h2 {
		color: #FFF;
		font-size: 28px;
		text-transform: uppercase;
	}

/*
	.main-navigation
*/

.main-navigation {
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	float: left; 
	padding: 10px 0;
	width: 960px;
}

	.main-navigation li {
		float: left;
		font-size: 11px;
		margin: 0 15px;
		position: relative;
	}
	
		.main-navigation li a,
		.footer {
			color: #898989;
			text-transform: uppercase;
		}
		
		.main-navigation li.drop {
			position: relative;
		}
		
		.main-navigation li .dropdown {
			position: absolute;
			top: 15px;
			left: 0;
			z-index: 9999;
			width: 95px;
			background-color: #d7d7d7;
		}
		
			.main-navigation li .dropdown span {
				font-size: 9px;
				display: block;
				text-align: center;
			}
			
			.main-navigation li .dropdown span a {
				display: block;
				padding: 2px 0 0 0;
			}
	
/*
	.navigation
*/

.navigation {
	float: left;
}

	.navigation li {
		float: left;
		margin-right: 13px;
	}

/*
	.footer
*/

.footer {
	float: left;
	font-size: 8px;
}

/*
	=content
*/

.content {
	clear: both;
}

	/*
		.splash
	*/
	
	.splash {
		background: url(../gfx/splash.png) no-repeat;
		width: 960px;
		height: 500px;
	}
	
	/*
		.contact
	*/
	
	.contact {
		background: url(../gfx/contact.png) no-repeat;
		height: 500px;
		width: 960px;
		position: relative;
	}
		
		.contact a {
			background: url(../gfx/email.png) no-repeat;
			display: block;
			height: 29px;
			text-indent: -9999px;
			width: 419px;
			position: absolute;
			left: 290px;
			top: 240px;
		}

	/*
		.about
	*/
	
	.about {
		float: left;
	}
	
		.about-text {
			text-align: center;
		}
		
		.about-text p {
			color: #000;
			font-size: 25px;
			letter-spacing: -2px;
			line-height:-2px;
			padding: 0 80px;
		}
	
	/*
		.article
	*/
	
	.article {
	
	}
	
		.article-header {
			background: #CCC;
			height: 160px;
		}
		
		.article-content {
			background: #CCC;
			height: 330px;
		}
		
	/*
		.thumbnails
	*/
	
	.thumbnails {
		float: left;
	}
	
		.thumbnails li {
			background: #CCC;
			width: 160px;
			height: 160px;
			float: left;
			margin: 0 23px 10px 0;
		}

/*
	.layout
*/

.layout {
	
}

/*
	.layoutLeft
*/

.layoutLeft {
	float: left;
	margin-right: 20px;
}

/*
	.layoutRight
*/

.layoutRight,
li.layoutRight {
	float: right;
}


/*
	.layoutLast
*/

.layoutLast {

}

/*
	.col2
*/

.col2 {
	width: 410px;
	height: 500px;
	background-color: #CCC;
}

/*
	=margins
*/

.marginSmallBottom {
	margin-bottom: 10px;
}

.marginBottom {
	margin-bottom: 20px;
}

.col530 {
	width: 470px;
	padding: 30px;
	height: 440px;
}

.col540 {
	float: left;
	width: 546px;
	height: 500px;
}

.crimson {
	background-color: #9e0039;
	color: #FFF;
}

blockquote {
	font-size: 13px;
	line-height: 19px;
	margin: 20px 0 30px 0;
}

	blockquote span {
		color: #f5989d;
		display: block;
		font-size: 12px;
	}
	
.fleur {
	background: url(../gfx/fleur.png) no-repeat bottom center;
	padding-bottom: 100px;
}

.pagination {
	display: none;
}

li.last {
	margin-right: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}