/************* GENERAL STYLES ***/
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,
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-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; }

:focus { outline: 0; }

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #f1f1f1;
	background: url(../images/bg.jpg) top center no-repeat #02110f; }
	
html, body { height: 100%; }

ul { list-style: none; }

article ul { 
	list-style: disc;
	padding: 0 0 16px 15px; }
	
	article ul li { margin: 0 0 5px; }
	
ol { padding: 0 0 16px 19px; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

.new_update {
	padding:2px; 
	background: #6e5626; 
	color:white;
	float:right;
	width:60px; 
	text-align:center;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-size:14px;
	margin-right:5px; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }

blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }

em { font-style: italic; }

/*** FORMS ***/
form .row {
	width: 438px;
	float: left;
	margin: 0 0 15px; }
	
form .half {
	width: 209px;
	float: left; }
	
form label { 
	display: block;
	margin: 0 0 5px; }
	
	form label.inline { display: inline; }

form input.text {
	width: 424px;
	float: left;
	padding: 5px 7px;
	background: #0e3c3f;
	border: none;
	font: inherit;
	color: #9dbbbd; }
	
	form .half input.text { width: 195px; }
	
form textarea {
	width: 424px;
	height: 150px;
	float: left;
	padding: 5px 7px;
	background: #0e3c3f;
	border: none;
	font: inherit;
	color: #9dbbbd;
	resize: none; }
	
form input.submit {
	width: 208px;
	height: 40px;
	float: left;
	margin: 5px 0 0;
	background: url(../images/btn_green.png) top no-repeat;
	border: none;
	cursor: pointer;
	font-family: 'geogrotesque_rg_itRgIt';
	color: #f1f1f1;
	font-size: 16px; }
	
	form input.submit:hover { background-position: bottom; }
	
form input.checkbox { margin: 0 5px 0 0; }
	
/*** STYLED SELECT ***/
select.styled { cursor: pointer; }

select { width: 209px; }

span.customSelect {
	background: #0e3c3f;
	color: #9dbbbd;
	padding: 5px 10px 5px 7px;
	font-size: 14px;
	overflow: hidden; }

.customSelectInner { background: url(../images/icon_select.png) top right no-repeat; }

#projectArea aside select { 
	width: 204px !important;
	height: 40px !important; }

#projectArea aside  span.customSelect {
	height: 19px !important;
	background: #063235;
	border: 1px solid #12666b;
	padding: 5px 10px 5px 7px;
	overflow: hidden; }

/*** FONT STYLES ***/
@font-face {
    font-family: 'geogrotesque_rgregular';
    src: url('../fonts/geogtq-rg-webfont.eot');
    src: url('../fonts/geogtq-rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-rg-webfont.woff') format('woff'),
         url('../fonts/geogtq-rg-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-rg-webfont.svg#geogrotesque_rgregular') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'geogrotesque_rg_itRgIt';
    src: url('../fonts/geog-rgit-webfont.eot');
    src: url('../fonts/geog-rgit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geog-rgit-webfont.woff') format('woff'),
         url('../fonts/geog-rgit-webfont.ttf') format('truetype'),
         url('../fonts/geog-rgit-webfont.svg#geogrotesque_rg_itRgIt') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'geogrotesque_smbdsemibold';
    src: url('../fonts/geogtq-sb-webfont.eot');
    src: url('../fonts/geogtq-sb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-sb-webfont.woff') format('woff'),
         url('../fonts/geogtq-sb-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-sb-webfont.svg#geogrotesque_smbdsemibold') format('svg');
    font-weight: normal;
    font-style: normal; }

h1 { 
	font-family: 'geogrotesque_smbdsemibold';
	font-size: 26px;
	font-weight: normal;
	color: #7eadb0;
	margin: 0 0 15px; }
	
	h1.white {
		padding: 8px 0 0;
		text-transform: uppercase;
		color: #fff;
		background: url(../images/h1_bg.jpg) top left no-repeat; }
	
h2.big { 
	font-family: 'geogrotesque_smbdsemibold';
	font-size: 30px;
	font-weight: normal;
	color: #7eadb0;
	margin: 0 0 15px; }

a:link, a:visited { 
	color: #7eadb0;
	text-decoration: none; }
	
a:hover { text-decoration: underline; }

a.greenBtn {
	width: 208px;
	height: 40px;
	display: block;
	margin: 5px 0 0;
	background: url(../images/btn_green.png) top no-repeat;
	font-family: 'geogrotesque_rg_itRgIt';
	color: #f1f1f1;
	font-size: 16px;
	text-align: center;
	line-height: 40px; }
	
	a.greenBtn:hover {
		text-decoration: none;
		background-position: bottom; }

p { margin-bottom: 16px; }

/************* STRUCTURE STYLES ***/
#page {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	float: left;
	margin: 0 0 -30px;
	background: url(../images/bg_squares.png) top left repeat;
	position: relative; }
	
#homeBg {
	width: 100%;
	height: 660px;
	float: left;
	background: url(../images/home_bg2.png) bottom right no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1; }

.wrapper {
	width: 1000px;
	margin: 0 auto; }
	
.fullWidth {
	width: 100%;
	float: left; }
	
/*** HEADER ***/
header { 
	height: 80px;
	margin: 40px 0 0; }

	header img.logo {
		width: 408px;
		height: 59px;
		float: left; }
		
	header.index img.logo { margin: 0 0 0 31px; }
		
	header.index nav { margin: 0 35px 0 0; }
	
	.userIcon {
		opacity: 0.6;
		filter:alpha(opacity=60); 
	}
	.userIcon:hover {
		opacity: 1.0;
		filter:alpha(opacity=100); 
	}
		
	nav {
		width: 590px;
		float: right;
		font-family: 'geogrotesque_smbdsemibold';
		font-size: 20px;
		color: #fff;
		text-transform: uppercase; }
		
		nav ul { 
			width: 590px;
			float: right; }
		
			nav ul li { 
				float: right;
				margin: 0 0 0 20px; }
				
		nav a:link, nav a:visited { color: #fff; }
		
		nav a:hover, nav a.active {
			color: #7eadb0;
			text-decoration: none; }
		
		nav .userLogin {
			float: right;
			margin: 0 0 15px; }
			
			nav .userLogin a.icon {
				width: 20px;
				height: 16px;
				float: left;
				margin: 4px 10px 0 0;
				position: relative; }
				
				nav .userLogin a.icon:hover, nav .userLogin a.icon:hover div {
					opacity: 1;
					filter:alpha(opacity=100); }
					
			nav .userLogin a.userNotifications div {
				width: 20px;
				height: 16px;
				float: left;
				background: url(../images/icon_loginNotify.png) top no-repeat;
				opacity: 0.6;
				filter:alpha(opacity=60); }
				
				nav .userLogin a.userNotifications span {
					height: 16px;
					position: absolute;
					bottom: -7px;
					right: 14px;
					background: #c10000;
					padding: 0 4px;
					border-radius: 20px;
					font-size: 11px;
					font-family: 'geogrotesque_rgregular';
					font-weight: normal;
					line-height: 15px;
					text-align: center; }
					
					//nav .userLogin a.userNotifications:hover { color: #fff; }
				
			nav .userLogin a.userSettings { 
				width: 18px;
				background: url(../images/icon_loginSettings.png) top no-repeat;
				opacity: 0.6;
				filter:alpha(opacity=60); }
				
		
		nav a.login { 
			float: right;
			font-family: 'geogrotesque_rg_itRgIt';
			font-size: 18px; }
			
			nav a.login span { color: #198387; }
			
/*** SECTION ***/
section {
	width: 1000px;
	float: left;
	padding: 30px 0 80px; }
	
	section.home {
		width: 1210px;
		padding: 40px 0 80px 0; }
	
	.floatRight { float: right !important; }
			
	/*** BLUE BOX ***/
	.blueBox {
		width: 480px;
		float: left; }
		
		.blueBox .contentTop {
			width: 479px;
			float: left;
			border-left: 1px solid #104141; }
			
			.blueBox .contentTop_inner {
				width: 372px;
				height: 20px;
				float: left;
				border-top: 1px solid #104141;
				background: url(../images/content_bg.png) repeat; }
			
			.contentTop_deco {
				width: 107px;
				height: 21px;
				float: right;
				background: url(../images/deco_corner.png) top right no-repeat; }
				
		.blueBox .contentBody {
			width: 438px;
			float: left;
			padding: 5px 20px 20px;
			border: 1px solid #104141;
			border-top: none;
			background: url(../images/content_bg.png) repeat; }
				
/*** HOME STYLES (updated) ***/
.homeContent { 
	width: 600px;
	margin: 0 0 35px 35px; }
	
	.homeContent .contentTop { width: 599px; }
		
		.homeContent .contentTop_inner { width: 492px; }
	
	.homeContent .contentBody { width: 558px; }
		
	.contentBottom {
		width: 440px;
		float: left;
		padding: 20px 20px 15px;
		background: #0e3c3f;
		font-size: 14px; }
		
		.contentBottom h2 { font-size: 24px; }
		
		.contentBottom ul {
			width: 100%;
			float: left;
			margin: 0 0 20px; }
		
		.contentBottom ul li {
			margin: 0 0 15px 20px;
			list-style-image: url(../images/icon_arrow.png); }
			
			.contentBottom ul li.full { width: 440px; }
			
		.contentBottom a { color: #f1f1f1; }
		
		.contentBottom a:hover {
			color: #7eadb0;
			text-decoration: none; }
			
	.homeContent2 {
		width: 480px;
		margin: 0 0 40px 10px; }
		
		.homeContent2 .contentTop { width: 499px; }
		
		.homeContent2 .contentTop_inner { width: 392px; }
	
	.homeContent2 .contentBody { width: 458px; }
	
	.homeContent2 h2 { font-size: 24px; }
			
	.homeContent2 .pic {
		width: 120px;
		float: left;
		margin: 0 15px 0 0; }
		
		.homeContent2 .pic img { width: 120px; }
		
		.homeContent2 .content {
			width: 323px;
			float: right; }
			
/*** MENTORS / PROJECTS ***/
#courseNav {
	width: 1000px;
	float: left;
	margin: 0 0 20px; }
	
	#courseNav ul {
		width: 928px;
		height: 28px;
		float: left;
		background: url(../images/content_bg.png) repeat;
		border: 1px solid #104141;
		font-family: 'geogrotesque_smbdsemibold';
		font-size: 15px;
		line-height: 28px; }
		
		#courseNav ul li { float: left; }
			 
		#courseNav ul li a { 
			height: 28px;
			padding: 0 15px;
			display: block;
			color: #7eadb0; }
		
		#courseNav ul li a:hover { 
			background: #0e3c3f;
			text-decoration: none; }
			
		#courseNav ul li a.active {
			color: #fff;
			background: #0f5357; }
			
	#courseNav .btn {
		width: 28px;
		height: 28px;
		float: left;
		margin: 0 0 0 5px;
		background: url(../images/content_bg.png) repeat;
		border: 1px solid #104141; }
		
		#courseNav .btn span {
			width: 28px;
			height: 28px;
			float: left;
			background: url(../images/icon_arrow3.png) center center no-repeat; }
			
		#courseNav #btnPrev.btn span { background: url(../images/icon_arrow3b.png) center center no-repeat; }
		
		#courseNav .btn a {
			width: 28px;
			height: 28px;
			float: left;
			background: url(../images/icon_arrow3.png) center center no-repeat #0f5357; }
			
		#courseNav #btnPrev.btn a { background: url(../images/icon_arrow3b.png) center center no-repeat #0f5357; }
		
		#courseNav .btn a:hover, #courseNav #btnPrev.btn a:hover { background-color: #0e3c3f; }
			
#mentorsProjects {
	width: 1000px;
	float: left; }
	
	#mentorsProjects .slide {
		width: 1000px;
		float: left; }
		
	#mentorsProjects .item {
		width: 235px;
		float: left;
		margin: 0 20px 20px 0; }
		
	#mentorsProjects .end { margin-right: 0; }
		
		#mentorsProjects .item a.pic {
			width: 235px;
			height: 175px;
			float: left;
			overflow: hidden;
			position: relative; }
			
			#mentorsProjects .item a.pic .overlay {
				width: 235px;
				padding: 10px;
				background: url(../images/overlay.png) repeat;
				color: #fff;
				position: absolute;
				left: 0;
				bottom: 0;
				font-family: 'geogrotesque_smbdsemibold';
				font-size: 16px;
				text-transform: uppercase; }
				
				#mentorsProjects .item a.pic .overlay small {
					display: block;
					font-size: 13px;
					color: #adadad; }
			
			#mentorsProjects .item a.pic img { float: left; }
			
		#mentorsProjects .item .content {
			width: 213px;
			height: 72px;
			float: left;
			padding: 10px;
			margin: 5px 0 0;
			background: url(../images/content_bg.png) repeat;
			border: 1px solid #104141;
			font-size: 12px;
			overflow: hidden; }
			
			#mentorsProjects .item .content p { margin: 0; }
			
		#mentorsProjects .item a.view {
			height: 30px;
			float: right;
			padding: 0 0 0 25px;
			background: url(../images/view_bg.png) top left no-repeat;
			line-height: 30px;
			font-family: 'geogrotesque_rg_itRgIt';
			font-size: 13px;
			color: #f1f1f1; }
			
			#mentorsProjects .item a.view span {
				height: 30px;
				float: left;
				padding: 0 25px 0 5px;
				background: url(../images/icon_arrow2.png) right no-repeat #0e3c3f; }
				
			#mentorsProjects .item a.view:hover { color: #7eadb0; }
			
/*** PROJECT VIEW ***/
#projectArea {
	width: 999px;
	height: 779px;
	float: left;
	margin: 5px 0 0;
	border: 1px solid #0d4143;
	border-left: none;
	background: url(../images/content_bg.png) repeat; }
	
	#projectArea aside {
		width: 246px;
		height: 779px;
		float: left;
		background: #0e3c3f;
		overflow: hidden; }
		
		#projectArea aside h3 {
			background: #063235;
			padding: 7px 20px;
			margin: 0 0 10px;
			font-family: 'geogrotesque_smbdsemibold';
			font-size: 18px;
			font-weight: normal;
			color: #7eadb0;
			line-height: normal; }
		
		#projectArea aside a.greenBtn {
			float: left; }
		
		/*** TABS ***/
		#projectArea aside #tabs {
			width: 248px;
			float: left; }
			
			#projectArea aside #tabs a {
				width: 82px;
				height: 30px;
				float: left;
				margin: 0 1px 0 0;
				background: #063235; }
				
				#projectArea aside #tabs a.end { margin: 0; }
				
				#projectArea aside #tabs a span {
					width: 82px;
					height: 30px;
					float: left;
					opacity: 0.4;
					filter:alpha(opacity=40); }
				
				#projectArea aside #tabs a.info span { background: url(../images/icon_tabInfo.png) center center no-repeat; }
				#projectArea aside #tabs a.quad span { background: url(../images/icon_tabQuad.png) center center no-repeat; }
				#projectArea aside #tabs a.quadDisabled span { background: url(../images/icon_tabQuad.png) center center no-repeat; }
				#projectArea aside #tabs a.comments span { background: url(../images/icon_tabComments.png) center center no-repeat; }
				
				#projectArea aside #tabs a.active, #projectArea aside #tabs a:hover { background: #12666b; }
				
				#projectArea aside #tabs a.active span, #projectArea aside #tabs a:hover span {
					opacity: 1;
					filter:alpha(opacity=100); }
					
		#projectArea aside .tabContent {
			width: 248px;
			height: 749px;
			float: left;
			display: none; }
			
			#projectArea aside .activeTab { display: block; }
		
		/*** INFO ***/	
		#projectArea aside .contentBlock {
			width: 248px;
			float: left;
			margin: 15px 0 0; }
			
			#projectArea aside .contentBlock .inner {
				width: 208px;
				float: left;
				padding: 0 20px; }
				
				#projectArea aside .contentBlock #timeline {
					width: 208px;
					height: 20px;
					float: left;
					margin: 5px 0 25px;
					background: url(../images/project_timeline.png) top no-repeat;
					position: relative; }
					
					#projectArea aside .contentBlock #timeline .dot {
						width: 12px;
						height: 12px;
						position: absolute;
						top: 4px;
						background: url(../images/timeline_dot.png) top no-repeat;
						cursor: pointer;
						font-size: 10px;
						font-weight: bold;
						color: #7eadb0;
						text-transform: uppercase; }
						
						#projectArea aside .contentBlock #timeline .milestone1 { left: -2px; }
						#projectArea aside .contentBlock #timeline .milestone2 { left: 38px; }
						#projectArea aside .contentBlock #timeline .milestone3 { left: 78px; }
						#projectArea aside .contentBlock #timeline .milestone4 { left: 118px; }
						#projectArea aside .contentBlock #timeline .milestone5 { left: 158px; }
						#projectArea aside .contentBlock #timeline .milestone6 { right: -2px; }
						
						#projectArea aside .contentBlock #timeline .dot span {
							text-align: center;
							position: absolute;
							top: 20px;
							white-space: nowrap; }
							
							#projectArea aside .contentBlock #timeline .milestone1 span { left: 0px; }
							#projectArea aside .contentBlock #timeline .milestone2 span { left: -38px; }
							#projectArea aside .contentBlock #timeline .milestone3 span { left: -37px; }
							#projectArea aside .contentBlock #timeline .milestone4 span { left: -14px; }
							#projectArea aside .contentBlock #timeline .milestone5 span { left: -23px; }
							#projectArea aside .contentBlock #timeline .milestone6 span { right: 0px; }
				
				#projectArea aside .contentBlock .partner {
					width: 208px;
					float: left;
					margin: 0 0 20px; }
					
					#projectArea aside .contentBlock .partner img {
						width: 40px;
						height: 40px;
						float: left; }
						
					#projectArea aside .contentBlock .partner div {
						width: 160px;
						float: right; }
						
					#projectArea aside .contentBlock .partner a { 
						color: #f1f1f1;
						font-weight: bold;
						display: block; }
						
					#projectArea aside .contentBlock .partner small {
						font-size: 12px;
						font-style: italic;
						display: block; }
		
		/*** SUB MENUS ***/				
		#projectArea aside #project_quad {
			height: 733px;
			margin: 15px 0 0; }
		
		#projectArea aside #project_quad .contentBlock { margin: 0; }
		
		#projectArea aside #project_quad a.submenu {
			display: block;
			background: url(../images/icon_dropdown.png) right no-repeat #063235;
			padding: 7px 35px 7px 20px;
			margin: 0 0 10px;
			font-family: 'geogrotesque_smbdsemibold';
			font-size: 18px;
			font-weight: normal;
			color: #7eadb0;
			line-height: normal; }
			
			#projectArea aside #project_quad a.submenu:hover {
				color: #f1f1f1;
				text-decoration: none; }
				
			#projectArea aside #project_quad a.active { 
				color: #f1f1f1;
				background: url(../images/icon_dropdownActive.png) right no-repeat #063235; }
			
		#projectArea aside #project_quad ul { 
			float: left;
			margin: 0 0 5px;
			display: none; }
		
		#projectArea aside #project_quad ul li {
			width: 208px;
			float: left;
			margin: 0 0 5px; }
			
		a.edit {
			width: 12px;
			height: 12px;
			float: left;
			margin: 4px 5px 0 0;
			background: url(../images/icon_quadEdit.png) top no-repeat;
			opacity: 0.4;
			filter:alpha(opacity=40); }
			
		#projectArea aside #project_quad a.quad {
			min-height: 12px; }
			
			#projectArea aside #project_quad a.quadDisabled {
			min-height: 12px; }
			
			#projectArea aside #project_quad a.quad span {
				width: 12px;
				height: 12px;
				float: left;
				margin: 4px 5px 0 0;
				background: url(../images/icon_quad.png) left no-repeat;
				opacity: 0.4;
				filter:alpha(opacity=40); }
				
				#projectArea aside #project_quad a.quadDisabled span {
				width: 12px;
				height: 12px;
				float: left;
				margin: 4px 5px 0 0;
				background: url(../images/icon_quad.png) left no-repeat;
				opacity: 0.4;
				filter:alpha(opacity=40); }
				
			a.edit:hover, #projectArea aside #project_quad a.quad:hover span {
				opacity: 1;
				filter:alpha(opacity=100); }
				
				a.quad:hover {
					text-decoration: none !important;
					color: #94cbcd;
				}
				
				a.quadDisabled:hover {
					text-decoration: none !important;
				}
				
				a.quadDisabled {
					cursor: default;
				}
		
		/*** COMMENTS ***/		
		#projectArea aside .filters {
			float: left;
			margin: 10px 0 15px; }
			
			#projectArea aside .filters a {
				height: 20px;
				float: left;
				font-size: 12px;
				text-align: center;
				line-height: 20px; }
				
				#projectArea aside .filters a.all {
					width: 30px;
					background: #063235;
					border: 1px solid #12666b; }
					
				#projectArea aside .filters a.comments {
					width: 77px;
					margin: 0 6px;
					background: #312829;
					border: 1px solid #3d050b;
					color: #dfb9bd; }
					
				#projectArea aside .filters a.suggestions {
					width: 83px;
					background: #6e5626;
					border: 1px solid #463512;
					color: #e1ca9d; }
					
					#projectArea aside .filters a:hover { text-decoration: none; }
					
					#projectArea aside .filters a.all:hover { background: #094246; }
					#projectArea aside .filters a.comments:hover { background: #473537; }
					#projectArea aside .filters a.suggestions:hover { background: #826731; }
					
		#projectArea aside .commentsArea {
			width: 248px;
			height: 525px;
			float: left;
			margin: 0 0 15px; }
			
			#projectArea aside .commentsArea .comment {
				width: 208px;
				float: left;
				padding: 10px 20px;
				margin: 0 0 1px;
				font-size: 12px; }
				
				#projectArea aside .commentsArea .typeComment { background: #312829; }
				#projectArea aside .commentsArea .typeSuggestion { background: #6e5626; }
				
				#projectArea aside .commentsArea .comment p { margin: 0 0 10px; }
					
				#projectArea aside .commentsArea .comment img {
					width: 40px;
					height: 40px;
					float: left; }
						
				#projectArea aside .commentsArea .comment div {
					width: 200px;
					float: right; }
					
				#projectArea aside .commentsArea .comment a { 
					color: #7eadb0;
					font-weight: bold; }
					
				#projectArea aside .commentsArea .comment a.name { color: #b0b0b0; cursor: default; }
				
				#projectArea aside .commentsArea .comment a.name:hover { text-decoration: none; }
				
				#projectArea aside .commentsArea .comment span.date {
					display: block;
					opacity: 0.5;
					filter:alpha(opacity=50); }
					
	/*** QUADRANTS ***/
	#projectArea #quadrants {
		width: 751px;
		height: 779px;
		float: right;
		border-collapse: collapse;
		border: hidden; }
		
		#projectArea #quadrants .quadRow {
			width: 751px;
			height: 389px; }
			
			#projectArea #quadrants .quad_fourBlock { height: 779px; }
			
		#projectArea #quadrants .quad_block { position: relative; }
		
		#projectArea #quadrants .quad_blockWrap {
			height: 389px;
			border: 1px dashed #0d4143; }
			
			#projectArea #quadrants .quad_oneBlock { width: 375px; height: 389px; }
			
			#projectArea #quadrants .quad_fourBlock .quad_blockWrap { height: 779px; }
			
		#projectArea #quadrants .title {
			width: 100%;
			height: 30px;
			display: block;
			background: #042426;
			border-bottom: 1px solid #0d4143;
			line-height: 30px;
			font-family: 'geogrotesque_smbdsemibold';
			font-size: 12px;
			font-weight: normal;
			color: #7eadb0;
			text-transform: uppercase; }
			
			#projectArea #quadrants .title span {
				width: 85%;
				height: 30px;
				float: left;
				margin: 0 0 0 10px;
				overflow: hidden; }
				
			#projectArea #quadrants .title a {
				float: right;
				padding: 0 10px 0 0;
				margin: 10px 10px 0 0;
				/*background: url(../images/icon_comments.png) right no-repeat;*/
				color: #f1f1f1;
				font-family: 'geogrotesque_rgregular';
				opacity: 0.4;
				filter:alpha(opacity=40);
				text-indent: -9999em; }
				
				#projectArea #quadrants .title a.unread {
					opacity: 1;
					filter:alpha(opacity=100);
					text-indent: 0; }
					
				#projectArea #quadrants .title a:hover { 
					opacity: 1;
					filter:alpha(opacity=100);
					text-decoration: none; }
					
		#projectArea #quadrants .blockContent {
			width: 710px;
			height: 315px;
			float: left;
			padding: 20px;
			overflow: hidden;
			overflow-y: auto; }
			
			#projectArea #quadrants .quad_oneBlock .blockContent {
				width: 335px;
				height: 315px; }
				
			#projectArea #quadrants .quad_fourBlock .blockContent { height: 705px; }
			
		#projectArea #quadrants .quad_replace, #projectArea #quadrants .quad_replace2, #projectArea #quadrants .quad_replace4 {
			width: 747px;
			height: 385px;
			position: absolute;
			z-index: 1000;
			display: none;
			background: url(../images/quad_replaceBg.png) center center no-repeat #0a1f20;
			border: 2px solid #3b696b;
			text-align: center;
			color: #b3fbff;
			font-size: 18px;
			opacity: 0.8;
			filter:alpha(opacity=80);
			cursor: pointer; }
			
		#projectArea #quadrants .quad_replace4 { height: 775px; }
			
		#projectArea #quadrants .quad_oneBlock .quad_replace { width: 371px; }
		
		#projectArea #quadrants .quad_fourBlock .quad_replace, #projectArea #quadrants .quad_fourBlock .quad_replace2 { height: 775px; }
			
			#projectArea #quadrants .quad_replace:hover, #projectArea #quadrants .quad_replace2:hover, #projectArea #quadrants .quad_replace4:hover { border-color: #92cbce; }
			
			#projectArea #quadrants .quad_replace span, #projectArea #quadrants .quad_replace2 span { 
				display: block;
				margin: 250px 0 0; }
				
			#projectArea #quadrants .quad_replace4 span, #projectArea #quadrants .quad_fourBlock .quad_replace span, #projectArea #quadrants .quad_fourBlock .quad_replace2 span {
				display: block;
				margin: 445px 0 0; }
				
				
				.quadDisabled { display:none; }
				
/*** BLOG ***/
article {
	width: 730px;
	float: right; }
	
	article .content {
		width: 688px;
		float: left;
		padding: 20px;
		border: 1px solid #104141;
		background: url(../images/content_bg.png) top repeat; }
		
	article img.header {
		width: 730px;
		float: left; }
		
.blogLatest { width: 250px; }
	
	.blogLatest .contentTop { width: 249px; }
		
		.blogLatest .contentTop_inner { width: 142px; }
	
	.blogLatest .contentBody { width: 208px; }
	
	.blogLatest h3 {
		font-family: 'geogrotesque_smbdsemibold';
		font-size: 24px;
		font-weight: normal;
		color: #7eadb0;
		margin: 0 0 15px; }
	
	.blogLatest ul li {
		width: 208px;
		float: left;
		margin: 0 0 15px 20px;
		list-style-image: url(../images/icon_li.png); }
		
		.blogLatest a { 
			color: #f1f1f1;
			display: block; }
			
		.blogLatest span {
			color: #7eadb0;
			font-size: 12px;
			display: block; }

.edit_admin_icon {
	width: 34px;
    height: 34px;
    padding: 0;
    float:right;
    margin: 5px;
    margin-bottom: 0px;
    cursor: pointer;
    background: url(../images/icon_edit_white.png) top no-repeat; }
    		
    .edit_admin_icon:hover { background-position: bottom; text-decoration: none; }
    
    .add_admin_icon {
	width: 34px;
    height: 34px;
    padding: 0;
    float:right;
    margin: 5px;
    margin-bottom: 0px;
    cursor: pointer;
    background: url(../images/icon_add_white.png) top no-repeat; }
    		
    .add_admin_icon:hover { background-position: bottom; text-decoration: none; }



			
/*** FOOTER ***/
footer {
	width: 100%;
	float: left;
	height: 30px;
	background: #042426;
	color: #9dbbbd;
	font-family: 'geogrotesque_rg_itRgIt';
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	z-index: 1; }
	
	footer span {
		float: right;
		margin: 0 35px 0 0;
		line-height: 28px; }