/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}



div.flashError {
	text-align: left;
	display: block;
	padding: 14px;
	font: bold 14px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	background-color: #FFC2C8;
	color: #A80500;
	margin-bottom: 24px;
}

div.flashNotice {
	text-align: left;
	display: block;
	padding: 14px;
	font: bold 14px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	background-color: #FFE155;
	color: #6F4000;
	margin-bottom: 24px;
}

div.flashConfirm {
	text-align: left;
	display: block;
	padding: 14px;
	font: bold 14px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	background-color: #D3FFB9;
	color: #166F00;
	margin-bottom: 24px;
}

form fieldset {
	padding: 10px;
	display: block;
	border: 1px solid #eee;
	margin-bottom: 18px;
}

form fieldset legend {
	font: bold 11px Arial, Sans-serif;
	color: #999;
	padding: 0px 3px 0px 3px;
}

form ul li {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #ddd;
	clear: both;
}

form ul li label {
	font: bold 11px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #333;
	text-align: right;
	width: 100px;
	float: left;
	display: inline;
	margin-right: 20px;
	padding-top: 3px;
}

form ul li input, form ul li textarea {
	width: 250px;
	border: 1px solid #aaa;
	padding: 3px;
	font: 12px/14px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #333;
}

form ul li input.button, form ul li input.secondButton {
	width: auto;
	padding: 3px 8px 3px 8px;
	background: #ddd;
	margin-left: 120px;
	font: bold 14px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #333;
}

form ul li input.secondButton {
	margin-left: 10px;
}

form ul li select {
	padding: 3px;
}

form ul li select option {
	padding-right: 2em;
}

form ul li input.secondary, form ul li select.secondary {
	margin: 10px 0px 0px 120px;
}

form ul li.noborder {
	border: none;
}

form ul li div.formError {
	display: block;
	margin-left: 120px;
	font: bold 11px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #A80500;
	margin-top: 6px;
}







body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #2c2c2c;
	background-color: #fff;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

img {
	border:0;
}

a:link, a:visited {
	color:#27AFE1;
	text-decoration:none;
}

#topBar {
	display: block;
	background-color: #fff;
	height: 35px;
	padding-right: 15px;
	text-align: right;
}

.wrapper960 {
	display: block;
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.wrapper {
	display: block;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


.left {
	display: inline;
	float: left;
	margin-top: 40px;
}

#nav {
	display: inline;
	float: left;
	margin-bottom: 50px;
}

#nav li {
	font-size: 20px;
	line-height: 36px;
	letter-spacing: -.05em;
	list-style: none;
}

#nav li a, #nav li a.selected {
	text-decoration: none;
	color: #7f7f7f;
	padding-left:25px;
}

#nav li a:hover, #nav li a.selected {
	color: #27afe1;
}

#nav li a.selected {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/**/

#homeNav {
	display: block;
	margin-bottom: 18px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 6px;
	height:36px;
}

#homeNav li {
	font-size: 20px;
	line-height: 36px;
	letter-spacing: -.05em;
	list-style: none;
	float: left;
	margin:0 0 0 68px;
}

#homeNav li a, #homeNav li a, .selected {
	text-decoration: none;
	color: #7f7f7f;
	padding-left:25px;
}

#homeNav li a:hover, #homeNav li a.selected, .selected {
	color: #27afe1;
}

#homeNav li a.selected, .selected {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.project-partners {
	font-size:14px;
	margin:0 auto 40px;
	color:#7F7F7F;
	width:700px;
}

	.project-partners h2 {
		border-bottom:1px solid #eee;
		line-height:30px;
		font-weight:normal;
	}

	.project-partners ul {
		width:310px;
		float:left;
		display:inline;
		list-style:none;
		margin:0 60px 0 0;
	}
	
	.project-partners ul.last {
		margin:0;
		float:right;
	}
	
	.project-partners ul a {
		margin:0 0 0 10px;
		float:right;
		display:inline;
		font-size:12px;
	}

	.project-partners ul span {
		float:left;
		display:inline;
	}
	
	.project-partners li {
		margin:0 0 10px 0;
		width:310px;
		float:left;
		clear:both;
	}

.clear {
	clear: both;
}

#content {
	display: block;
	margin-top: 8px;
	padding: 20px 60px 40px 60px;
	border: 1px solid #eee;
}

h1 {
	color: #27afe1;
	letter-spacing: -0.05em;
	margin-bottom: 40px;
	font: normal 32px/36px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	background-color: #f6f6f6;
	padding: 5px;
}

p {
	font: 14px/27px 'Lucida Grande', Arial, Sans-serif;
	margin-bottom: 2.5em;
	padding-left: 5px;
}

#topSamples {
	display: block;
	text-align: center;
	margin-bottom: 80px;
}

div.bigCopy {
	text-align:center;
	font-size:18px;
	color:#a4a4a4;
	line-height:24px;
	margin:30px 0px 50px;
}

#services {}

	#services .left-col {
		width:425px;
		margin:0 40px 0 0;
		float:left;
		display:inline;
	}
	
	#services .right-col {
		width:265px;
		margin:0;
		float:left;
		display:inline;
	}