* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 100%;
}

a:link,
a:visited {
	text-decoration: underline;
}

a:hover,
a:active {
	text-decoration: none;
}

/* ---------------------------------------- */

body {
	background: #FFFFFF;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #6B6B6B;
}

.clear {
	clear: both;
	*display: inline;
}

.wrapper {
	width: 574px;
	margin: 0px auto;
}

.logo {
	margin: 0px auto;
}

p {
	margin: 15px 10px;
}

/* ---------------------------------------- */

.demos {
	background: #F2F2F2;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
	
	.demos .demo {
		float: left;
		width: 270px;
		margin: 8px;
		height: 135px;
		position: relative;
		background: url(../img/demo-tile.png) repeat-y center center;
	}
		
		.demos .demo .demo-top {
			width: 270px;
			height: 30px;
			background: url(../img/demo-top.png) bottom no-repeat;
			margin-top: -1px;
		}
		
		.demos .demo .demo-logo {
			display: block;
			margin: 4px auto;
		}
		
		.demos .demo h2 {
			width: 270px;
			position: absolute;
			bottom: 0px;
			font-weight: normal;
			line-height: 53px;
			text-align: center;
			background: url(../img/demo-bottom.png) no-repeat;
		}
			
			.demos .demo h2 a:link,
			.demos .demo h2 a:visited {
				color: #6B6B6B;
				text-decoration: none;
			}
			
			.demos .demo h2 a:hover,
			.demos .demo h2 a:active {
				text-decoration: underline;
			}

/* ---------------------------------------- */

.footer {
	text-align: center;
	line-height: 60px;
}
	
	.footer span {
		padding: 0px 8px;
	}