/* REDEFINES */
body {
	font: 13px/20px Helvetica, Arial, sans-serif;
	background: #fff;
	color: #545456;
	margin: 0;
	min-width: 920px;
}
img {border-style: none;}
a {
	text-decoration: none;
	color: #444241;
	outline: none;
}
a:hover {text-decoration: underline;}
input,
textarea,
select {
	font: 100% arial,sans-serif;
	vertical-align: middle;
}
form,fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}


/* GLOBAL */
h2 {
	margin: 0;
	font-size: 34px;
	color: #333;
	padding-bottom: 8px;
}
	h2 span {
		display: block;
		font-size: 24px;
	}

h3 {
	display: inline-block;
	margin-bottom: 4px;
	padding-bottom: 8px;
	font-size: 24px;
	color: #333;
	margin-top: 0;
}
h3.green,
h2.green {
	background: url(../images/bg-thread-green.gif) repeat-x left bottom;
}
h3.red,
h2.red {
	background: url(../images/bg-thread-red.gif) repeat-x left bottom;
}
h3.orange,
h2.orange {
	background: url(../images/bg-thread-orange.gif) repeat-x left bottom;
}

p {margin: 15px 0 22px;}

.alignright {
	float: right;
}
.link {
	font: bold 16px Arial, Helvetica, sans-serif !important;
	color: #1682cd;
	height: 1%;
	overflow: hidden;
}
p .link {padding: 0 0 0 17px;}
.link img {
	vertical-align: middle;
	margin: 0 0 0 4px !important;
	float: none !important;
	padding: 0 !important;
}
.link:hover {text-decoration: none;}
.link:hover span {text-decoration: underline;}
* html .link:hover {text-decoration: underline;}


/* HEADER */
#header {
	text-align: center;
	overflow: hidden;
}
	#header .header-holder {
		background: url(../images/bg-header-section.gif) repeat-x;
	}
		#header .header-frame {
			width: 840px;
			margin: 0 auto;
			position: relative;
		}
			#header .section {
				height: 1%;
			}
			#header .section:after {
				content: "";
				display: block;
				clear: both;
			}


/* NAV */
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
}
	#nav li {
		float: left;
	}
		#nav a {
			float: left;
			padding: 22px 16px 20px;
		}
		#nav .mark1 {color: #6ac85f;}
		#nav .mark2 {color: #ed4234;}
		#nav .mark3 {color: #3fa2e8;}
		#nav .mark4 {color: #f8a547;}
		#nav .mark5 {color: #6ac85f;}
		#nav .active a,
		#nav a:hover {
			color: #fff;
			background: #353535;
			text-decoration: none;
		}
	.logo {
		background: url(../images/bg-logo.png) no-repeat;
		width: 145px;
		height: 96px;
		text-indent: -9999px;
		overflow: hidden;
		margin: 0 0 0 -9px;
		float: left;
		position: relative;
		cursor: pointer;
	}
		.logo a {
			display: block;
			height: 100%;
			cursor: pointer;
		}
		

/* MASTHEAD */
#masthead {
	text-align: center;
	overflow: hidden;
	background: #333 url(../images/bg-header-holder.jpg) no-repeat 50% 100%;
	margin-top: -36px;
	padding-top: 45px;
}
	#masthead .content {
		margin: 0 auto;
		padding: 0 0 37px;
		position: relative;
		width: 840px;
	}
	#masthead .ttl {
		font: 25px/28px Arial, Helvetica, sans-serif;
		color: #fff;
		display: block;
		padding: 4px 0 8px;
	}
	#masthead h1 {
		font: bold 50px/57px Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 0 auto 17px;	
		overflow: hidden;
	}
/*	.welcome-to-the-mesh-prize {
		background: url(../images/text-welcome-to-the-mesh-prize.png) no-repeat;
		width: 685px;
		height: 162px;
	}
	.about-mesh-prize {
		background: url(../images/text-about-mesh-prize.png) no-repeat;
		width: 376px;
		height: 49px;
	}
	.an-open-source-database {
		background: url(../images/text-an-open-source-database.png) no-repeat;
		width: 678px;
		height: 107px;
	}*/
	#masthead .info {
		width: 525px;
		color: #fff;
		font-size: 17px;
		line-height: 24px;
		margin: 0 auto;
		border-top: 1px solid #515151;
		padding: 19px 0 0;
		font-style: italic;
	}
	#masthead .other-info {
		background: url(../images/bg-header-other-info.gif) no-repeat 50% 0;
		border: 0;
		width: 390px;
		padding: 15px 0 0;
	}
		#masthead .info p {
			margin: 0;
		}
		#masthead .info p strong {
			font-size: 22px;
			line-height: 31px;
			font-weight: normal;
		}
	#masthead .teehan-lax {
		display: block;
		margin: 0 auto;
		background: url(../images/bg-teehan-lax.png) no-repeat;
		width: 156px;
		height: 76px;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
	}


/* MAIN */
#main {
	width: 840px;
	margin: 0 auto;
	padding: 35px 5px;
}
#main:after {
	content: "";
	display: block;
	clear: both;
}
	#main .columns {
		height: 1%;
		border-bottom: 1px solid #ccc;
		padding: 0 3px 46px;
		margin-bottom: 38px;
	}
	#main .columns:after {
		content: "";
		display: block;
		clear: both;
	}
		 .column {
			float: left;
			width: 380px;
			font-size: 16px;
			line-height: 24px;
		}
		.column .section {
			height: 1%;
			overflow: hidden;
			padding: 0 0 11px;
		}
		.column .section img {
			float: left;
		}
		.column blockquote {
			float: right;
			width: 284px;
			margin: 0;
		}
		.column q {
			font-size: 19px;
			line-height: 26px;
			color: #353535;
			font-style: italic;
			display: block;
			margin: 0 0 5px;
			background: none;
			quotes: none;
		}
		.column q:before {content: "";}
		.column q:after {content: "";}
		.column cite {
			color: #737373;
			font: italic 17px/19px Arial, Helvetica, sans-serif;
		}
		.column p {
			margin: 0;
		}
		.column2 {
			float: right;
		}


#main .news {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	height: 1%;
}
	.news li {
		height: 1%;
		border-top: 1px solid #e5e5e5;
		margin: -1px 0 1px;
		position: relative;
		padding: 17px 0 15px;
	}
	.news li:after {
		content: "";
		display: block;
		clear: both;
	}
		.news .date {
			float: left;
			color: #888;
			font-size: 17px;
			line-height: 19px;
			font-style: normal;
			padding: 0 37px 0 0;
		}
		.news .info {
			height: 1%;
			overflow: hidden;
		}
		.news .ttl {
			font: bold 17px/19px Arial, Helvetica, sans-serif;
			display: block;
			margin: 0 0 3px;
		}
		.news .ttl a {
			color: #1682cd;
		}
#main .message {
	font-size: 24px;
	line-height: 28px;
	color: #888;
	display: block;
	text-align: center;
	margin: 0 0 17px;
}
	#main .message span {
		color: #333;
	}
	#main .message img {
		margin-left:12px;
		margin-top:-5px;
		vertical-align:middle;
	}
#main .main-holder {
	height: 1%;
	padding: 0 0 26px;
}
#main .main-holder:after {
	content: "";
	display: block;
	clear: both;
}


/* CONTENT */
#content {
	float: left;
	width: 526px;
}
/*	#content h3.title {
		margin: 0 0 8px -3px;
	}*/
/*	#content h3.about-the-project {background: url(../images/text-about-the-project.gif) no-repeat;}
	#content h3.about-the-winner {background: url(../images/text-about-the-winner.gif) no-repeat;}
	#content h3.what-is-mesh-prize {background: url(../images/text-what-is-mesh-prize.gif) no-repeat;}
	#content h3.why-we-created-mesh-prize {background: url(../images/text-why-we-created-mesh-prize.gif) no-repeat;}*/

	
#content .heading {
	height: 1%;
	margin: -11px 0 40px;
	position: relative;
}
#content .heading:after {
	content: "";
	display: block;
	clear: both;
}
	#content .heading h2 {		
		float: left;
	}
	#content .heading img {
		float: left;
		margin: 0 20px 0 0;
		position: relative;
	}
	
#content ul {
	list-style: none;
	margin: -16px 0 22px;
	padding: 0;
	font-size: 13px;
	line-height: 21px;
	overflow: hidden;
}
	#content ul.keyline li {
		padding: 6px 0 6px 10px;
		margin: -1px 0 1px;
		border-bottom: 1px solid #e5e5e5;
		font-size: 14px;
		background: url(../images/bullet-content-list.gif) no-repeat 0px 12px;
	}
	#content ul li {
		padding: 3px 0 3px 10px;
		margin: -1px 0 1px;
		background: url(../images/bullet-content-list.gif) no-repeat 0px 10px;
	}

#content blockquote {
	float: right;
	width: 192px;
	margin: 0px 0 5px 12px;
	position: relative;
	font: italic bold 18px/22px Helvetica, Arial, sans-serif;
}
	.inner #content {width: 475px;}
	#content blockquote q {quotes: none;}
	#content blockquote q:before {content: "";}
	#content blockquote q:after {content: "";}
	
	
/* SIDEBAR */
#sidebar {
	padding: 4px 0 0;
	float: right;
	width: 242px;
	font-size: 11px;
	line-height: 18px;
}
	#sidebar h4 {
		font-size: 14px;
		line-height: 17px;
		margin: 0;
	}
	#sidebar p {
		margin: 0 0 12px;
	}
	#sidebar .box {
		background: #e6f5ff;
		padding: 24px 25px 31px;
		margin: 0 0 35px;
	}
	#sidebar h2 {
		font-size: 18px;
		line-height: 21px;
		margin: 0 0 11px;
		color: #333;
	}
	#sidebar .list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#sidebar .list li {
			border-top: 1px solid #cfdce5;
			padding: 11px 0 10px;
			margin: -1px 0 1px;
			height: 1%;
			overflow: hidden;
		}
	#sidebar .link {
		font-size: 14px;
	}

#sidebar .promo {
	height: 1%;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
	padding: 18px 9px 0 5px;
}
	#sidebar .promo img {
		vertical-align: middle;
	}
	#sidebar .promo .info {
		float: right;
		width: 160px;
		padding: 4px 0 0;
	}
	#sidebar .promo .link {
		font-size: 14px;
	}
.inner #sidebar {
	width: 313px;
}
#sidebar .box .section {
	height: 1%;
	overflow: hidden;
	padding: 0 0 46px;
}
	#sidebar .box .section img {
		float: left;
		padding: 4px 14px 0 0;
	}
	#sidebar .box .info {
		float: right;
		width: 178px;
	}
	#sidebar .box .info blockquote {
		margin: 0 0 7px;
	}
	#sidebar .box .info q {
		quotes: none;
		font-style: italic;
		display: block;
		font-size: 14px;
		line-height: 20px;
		color: #353535;
		margin: 0 0 3px;
	}
	#sidebar .box .info q:before {content: "";}
	#sidebar .box .info q:after {content: "";}
	#sidebar .box .info cite {
		color: #656565;
	}
	
#sidebar .teehan-lax {
	background: url(../images/bg-sidebar-teehan-lax.gif) no-repeat;
	width: 132px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}


/* MESSAGE BLOCK */
.message-block blockquote {margin: 0 0 10px;}
.message-block q {
	background: #e6f5ff url(../images/bg-message-block-top.gif) no-repeat;
	quotes: none;
	font-size: 17px;
	line-height: 25px;
	font-style: italic;
	color: #393939;
	display: block;
}
	.message-block q span {
		background: url(../images/bg-message-block-bottom.gif) no-repeat 0 100%;
		padding: 26px 35px 56px;
		display: block;
	}
.message-block q:before {content: "";}
.message-block q:after {content: "";}
.message-block .section {
	height: 1%;
	overflow: hidden;
	padding: 0 0 0 64px;
	margin: -10px 0 0;
}
.message-block .info {
	float: right;
	width: 161px;
	padding: 4px 0 0;
}
	.message-block .info cite {
		display: block;
		font: bold 20px/23px Arial, Helvetica, sans-serif;
		margin: 0 0 4px;
	}
	.message-block .info em {
		color: #737373;
		font-size: 12px;
		line-height: 15px;
	}
	
	
/* MAIN BOX */
#main .main-box {
	background: #e6f5ff;
	padding: 27px 10px 27px 48px;
	height: 1%;
	overflow: hidden;
	margin: 20px 0 43px;
}
	.main-box .block {
		float: left;
		width: 397px;
		padding: 0 51px 0 0;
		border-right: 1px solid #b8c4cc;
	}
	.main-box .block strong {font-size: 18px;}
	.main-form fieldset {
		background: url(../images/bg-main-form.gif) no-repeat;
		width: 375px;
		padding: 4px 4px 4px 19px;
	}
	.main-form {padding: 13px 0 0;}
	.main-form .text {
		width: 334px;
		background: none;
		border: 0;
		float: left;
		font-size: 15px;
		height: 18px;
		color: #1682cd;
		padding: 10px 0;
		font-weight: bold;
	}
	.main-form .arrow {
		float: right;
		text-indent: -9999px;
		overflow: hidden;
		border: 0;
		background: url(../images/bg-arrow.gif) no-repeat;
		width: 38px;
		height: 38px;
	}
	.main-box .message {
		float: right;
		padding: 21px 0 0;
		width: 307px;
	}
	
	
/* FOOTER */
#footer {
	background: #333 url(../images/bg-footer-holder.jpg) no-repeat 50% 0;
	color: #cecece;
	font-size: 13px;
	line-height: 20px;
}
#footer h3 {
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	margin: 0 0 13px;
}
#footer p {
	margin: 0 0 9px;
}
#footer a {
	color: #fff;
}
#footer .footer-holder {
	width: 840px;
	margin: 0 auto;
	overflow: hidden;
	padding: 31px 0 0;
}
	#footer .footer-container {
		height: 1%;
		overflow: hidden;
		border-bottom: 1px solid #4a4a4a;
		padding: 0 0 32px;
	}
		#footer .container {
			height: 1%;
			overflow: hidden;
		}
	#footer .footer-section {
		padding: 17px 027px;
		font-size: 12px;
		line-height: 15px;
		text-align: right;
	}
#footer .block {
	float: right;
	width: 385px;
}
#footer .mesh-connect-share-inspire {
	float: right;
	background: url(../images/bg-mesh-connect-share-inspire.png) no-repeat;
	width: 64px;
	height: 64px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 3px 15px;
	cursor: pointer;
}
#footer .info,
#footer .section {
	height: 1%;
	overflow: hidden;
}
#footer .block .section {
	padding: 8px 0 0;
}

#footer .footer-link {
	font: bold 13px Arial, Helvetica, sans-serif;
}
#footer .list {
	list-style: none;
	margin: 0;
	padding: 0 65px 0 0;
	float: left;
	width: 154px;
	font: 14px/17px Arial, Helvetica, sans-serif;
}
	#footer .list li {
		border-top: 1px solid #4b4b4b;
		margin: -1px 0 1px;
		padding: 8px 1px 11px;
		height: 1%;
	}
		#footer .list a {
			color: #fff;
		}