/*
* Mootools Simple Modal
* Version 1.0
* Copyright (c) 2011 Marco Dell'Anna - http://www.plasm.it
*/
body{
	font-family: 'Helvetica', Arial, serif;
  font-size: 12px;
	padding-bottom:20px;
}
a{
	color:#666;
	text-decoration:none;
}
h2{		    
	font-size: 26px;
	margin-left: 10px;
	margin-top: 30px;	
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
}
/* Header */
.header {
  position: relative;
  background: #dce0ed;
  display: block;
  height: 220px;
  text-align: center;
}
.header .window {
  position: relative;
  display: block;
  width: 125px;
  height: 131px;
	padding:32px 0 0;
	margin:0 auto;
  background: transparent url("../images/simpleModalSmallWhite.png") no-repeat center center;
}
/*Wrapper*/
.wrapper{
	display:block;
	width:960px;
	margin:0 auto;
}
.simple-modal-title{
  position: relative;
  display: block;
  width: 200px;
  height: 35px;
	padding:4px 0 0;
	margin:0 auto;
  background: transparent url("../images/demo.png") no-repeat center center;
}

/* Examples */
.example-item {
  position: relative;
  background: #FFFFFF;
  float:left;
	margin:20px 10px 0 10px;
  width: 218px;
  height: 198px;
  border: 1px solid #d9cfd8;
  text-align: center;
  cursor: pointer;
}
.example-item img {
  margin: 11px;
  border: 1px solid #dce0ed;
  width: 196px;
  height: 147px;
  line-height: 147px;
  cursor: pointer;
}
.example-item a,
.example-item a:link,
.example-item a:visited,
.example-item a:active {
  width: 218px;
  bottom: 10px;
  font-family: 'Helvetica', Arial, serif;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #8188a0;
}
.example-item a:hover {
  color: #444;
}

p.credits{
  display:block;
	padding:20px 0 10px 0;
	text-align:center;
	font-size:11px;
	color:#AAA;
}
.clear{
	clear:both;
}
.align-left{
  text-align:left !important;
}
.align-right{
  text-align:right !important;
}