body {
	background-color: #fff;
	color: #000;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.containinglayer {
	float: left;
	clear: both;
	width: 100%;
	min-width: 1000px;
}

.layercontent {
	width: 900px;
	margin: 0 auto;
}

#header {
	padding: 15px 0 18px;
}

#navbar {
	background-color: #ff7a7a;
	border-bottom: 1px solid #c0c0c0;
	padding-top: 6px;
	padding-bottom: 5px;
	font-size: 1.2em;
}

#navbar a {
	color: #212121;
}

#navbar a:hover {
	color: #d1fc82;
	text-decoration: underline;
}

#navbar a:active {
	color: #940505;
}

#navbar li {
	display: inline;
	margin-right: 15px;
}

#navbar li.active {
	color: #940505;
}

#feature {
	background-color: #eaeaea;
	padding: 20px 0;
	border-bottom: 1px solid #a9a9a9;
	background-image: url(img/pixelmator_patterns6.gif);
}

#feature li {
	display: inline;
}

#feature li a {
	display: inline;
	float: left;
	padding: 5px 5px 8px;
	margin-right: 20px;
	background-color: #fff;
	color: #333;
	border:1px solid #ccc;
	border-color:rgba(0,0,0,.25);
	-moz-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.15);
	-webkit-border-radius:5px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);
}

#feature li a {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
}
 
#feature li:nth-child(even) a {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}
 
#feature li:nth-child(3n) a {
-webkit-transform: none;
-moz-transform: none;
}

#feature li a:hover {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
position: relative;
z-index: 5;
}

#feature li a:after {
	content: attr(title);
	display: block;
	text-align: center;
	line-height: 1;
}

#feature li img {
	display: block;
	padding: 4px;
}

#body {
	padding-top: 30px;
	padding-bottom: 15px;
}

#body h2 {
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 4px;
}

#body p {
	margin-bottom: 18px;
	line-height: 1.8;
	text-align: left;
}

#body .layercontent {
	width: 900px;
}

#body .column {
	width: 270px;
	float: left;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 5px;
}

#body .featcol {
	float: left;
	margin-left: 30px;
	margin-right: 15px;
	width:  200px;
	padding: 5px 10px;
	background-color: #ff7a7a;
	font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border:1px solid #ccc;
	border-color:rgba(0,0,0,.25);
	-moz-border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.15);
	-webkit-border-radius:2px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);
}

#body .featcol p {
	line-height: 1.6;
}

#aboutteam {
	padding-bottom: 10px;
	color: #212121;
	font-size: 0.9em;
}

#aboutteam h2 {
	margin-bottom: 6px;
}

#aboutteam p {
	margin-bottom: 6px;
	line-height: 1.4;
	text-align: justify;
}

.person {
	margin-left: -5px;
	margin-bottom: 25px;
	border: 1px solid #ff7a7a;
	width: 550px;
	padding: 5px 10px;
	background-color: #eaeaea;
	float: left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.person a {
	color: #940505;
}

.person a:hover {
	color: #ff1010;
}

.portrait {
	float: right;
	margin: 0 10px 10px 20px;
	border: 1px solid rgba(255,122,122,0.6);
	-moz-border-radius:2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.15);
	-webkit-border-radius:2px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);	
}

.updates {
	width: 250px;
	height: 300px;
	margin-right: 20px;
	margin-top: 15px;
	float: right;
}

#footer {
	background-color: #000;
	color: #d5d5d5;
	font-size: 0.8em;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}