body {
	background: #333333;
	text-align: center;
	font-family: "arial",verdana,helvetica,sans-serif;
}

#wrapper {
	width: 980px;
	text-align: left;
	margin: 0px auto;
}

h1 {
	letter-spacing: 2px;
	margin-top: 19px;
	color: #01B0F0;
	font-size: 36px;
	text-align: center;
}

h1 span {
	color:  #AEEE00;
	font-size: 28px;
}

h2 {
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 18px;
	color: #FF358B;
	border-bottom: 2px solid #FF358B;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	margin-top: 10px;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	color: #01B0F0;
	margin-bottom: 7px;
	text-align: center;
}

a {
	color: #AEEE00;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid white;
}


div.portfolio div {
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
}

div.portfolio {
	display: block;
	padding-left: 35px;
}

div.portfolio div {
	display: block;
	width: 450px;
	height: 285px;
	position: relative;
}

div.clear {
	clear: both;
}

div.half {
	width: 45%;
	float:  left;
display: block; width: 450px; height: auto;
}

div.members {
	font-size: 14px;
	color: white;
}

div.full {
	width: 93.5%;
	margin-left: 3.5%;	
}

div.left {
	margin-left: 3.5%;
	margin-right: 5px;
}


div.members h3, div.contact h3 {
	border-bottom: 2px solid #01B0F0;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

div.members ul {
	padding-left: 0px;
}

div.members ul li {
	list-style: none;
	padding: 5px 0px;
}

div.contact {
	font-size: 14px;
}

div.contact form {
	width: 100%;
}

div.contact form div {
	margin-bottom: 5px;
}

div.contact form label{
	color: white;
}

div.contact textarea {
	width: 100%;
}

div.contact input.textfield {
	width: 75%;
}

div.contact input, div.contact textarea {
	background: none;
	border: 1px solid #AFAFAF;
	color: white;
	padding: 5px;
}

div.contact ul {
	padding-left: 5px;
}

div.contact ul li {
	list-style: none;
}

p {
	color: white;
}

.marianneturner {background: url(images/marianneturner.jpeg);}
.treasalevasseur {background: url(images/treasalevasseur.jpeg)}
.puntacolonet {background: url(images/puntacolonet.jpeg)}
.yimdental{background: url(images/yimdental.jpeg)}
.harmonyphi {background: url(images/harmonyphi.jpeg)}
.optego {background: url(images/optego.jpeg)}
.gwynvwilliams {background: url(images/gwynwilliams.jpeg)}
.nobelwomensinitiative {background: url(images/nobelwomensinitiative.jpeg)}
.gazeaglaze {background: url(images/gazeaglaze.jpeg)}
.janetteewen {background: url(images/janetteewen.jpeg)}
.martinprosperity {background: url(images/martinprosperity.jpeg)}
.momstown { background: url(images/momstown.jpeg)}
.publicinterest { background: url(images/publicinterest.jpeg)}
.belle2nuit { background: url(images/belle2nuit.jpeg)}
.joomla div{ background: url(images/joomla_small.png) center center no-repeat; }
.drupal div{ background: url(images/drupal_small.png) center center no-repeat; }

.portfolio div a { display: block; width: 450px; height: 280px; }
.portfolio div div { position: absolute; left: 0px; top: 0px; display: block; cursor: pointer;}