body {
	margin:0;
	padding:0;
	background:#99cccc url(../images/bodyBg.gif) repeat-x 0 0;
	font:14px verdana, sans;
	}

ul {
	margin:0 0 10px 1.5em;
	padding:0;
	}

h1 {
	font:bold 18px verdana, sans;
	margin:0 0 10px 0;
	padding:0;
	}

h2 {
	font:bold 16px verdana, sans;
	margin:0 0 10px 0;
	padding:0;
	}
	
p {
	margin:0 0 10px 0;
	padding:0;
	}
	
a {
	color:#000;
	outline:none;
	}
	
	a.hover {
		}
	
div {
	position:relative;
	overflow:hidden;
	}
	
div#page {
	width:1000px;
	margin-left:auto;
	margin-right:auto
	}
	
div#content {
	margin:30px 0 0 0;
	}

img#logo {
	position:absolute;
	top:20px;
	left:0;
	z-index:2;
	}
	
div#header {
	width:1000px;
	height:90px;
	}

div#tools {
	float:right;
	margin:45px 0 0 0;
	color:#fff;
	}
	
	div#tools a {
		color:#fff;
		}
	
	div#tools span.divider {
		margin:0 8px;
		}

div#contentList {
	width:320px;
	float:left;
	margin:0 20px 0 10px;
	padding:0;
	list-style:none;
	}
	
	div#contentList div {
		display:none;
		}
		
	
		div#contentList div#about {
			display:block;
			}
		

div#examples {
	width:540px;
	height:430px;
	float:left;
	margin:25px 0 0 20px;
	}
	
	ul#examplesList {
		position:absolute;
		top:0;
		left:0;
		width:1620px;
		height:430px;
		margin:0;
		padding:0;
		list-style:none;
		}
	
	ul#examplesList li {
		display:block;
		position:relative;
		float:left;
		width:200px;
		height:200px;
		padding:0 0 0 70px;
		margin:0 0 30px 0;
		cursor:pointer;
		}

		ul#examplesList li img {
			display:block;
			width:200px;
			height:200px;
			}

		ul#examplesList li div.label {
			position:absolute;
			bottom:0;
			left:70px;
			z-index:2;
			width:200px;
			text-align:center;
			}
	
		ul#examplesList li div.highlight {
			display:none;
			position:absolute;
			top:0;
			left:70px;
			width:196px;
			height:156px;
			border:2px solid #f280a1;
			}	
	
a.button {
	display:block;
	position:absolute;
	top:343px;
	z-index:2;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	background-color:#ccc;
	background-repeat:no-repeat;
	background-position:0 0;
	}
	
	a.button:hover {
		background-position:0 -40px;
		}
	
	a#left {
		display:none;
		left:350px;
		background-image:url(../images/buttonLeft.png);
		}
		
	a#right {
		left:960px;
		background-image:url(../images/buttonRight.png);
		}
		
body#frameNav {
	background:#99cccc;
	}
	
div#contactInfo {
	display:none;
	position:absolute;
	top:75px;
	right:95px;
	z-index:2;
	border:5px solid #99cccc;
	border-top:0;
	background:#789aa0;
	padding:10px;
	color:#fff;
	line-height:180%;
	}
	
	div#contactInfo a {
		color:#fff;
		}
		
span.small {
	font-size:11px;
	vertical-align:top;
	}