@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/  v1.0 | 20080212*/
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;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*960 Grid System ~ Core CSS.Learn more ~ http://960.gs/Licensed under GPL and MIT.*/
.container_12{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline; /*stops IE6 bug*/
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_1 { width: 60px; }
.container_12 .grid_2 { width: 140px; }
.container_12 .grid_3 { width: 220px; }
.container_12 .grid_4 { width: 300px; }
.container_12 .grid_5 { width: 380px; }
.container_12 .grid_6 { width: 460px; }
.container_12 .grid_7 { width: 540px; }
.container_12 .grid_8 { width: 620px; }
.container_12 .grid_9 { width: 700px; }
.container_12 .grid_10 { width: 780px; }
.container_12 .grid_11 { width: 860px; }
.container_12 .grid_12 { width: 940px; }

.container_12 .prefix_1 { padding-left: 80px; }
.container_12 .prefix_2 { padding-left: 160px; }
.container_12 .prefix_3 { padding-left: 240px; }
.container_12 .prefix_4 { padding-left: 320px; }
.container_12 .prefix_5 { padding-left: 400px; }
.container_12 .prefix_6 { padding-left: 480px; }
.container_12 .prefix_7 { padding-left: 560px; }
.container_12 .prefix_8 { padding-left: 640px; }
.container_12 .prefix_9 { padding-left: 720px; }
.container_12 .prefix_10 { padding-left: 800px; }
.container_12 .prefix_11 { padding-left: 880px; }

.container_12 .suffix_1 { padding-right: 80px; }
.container_12 .suffix_2 { padding-right: 160px; }
.container_12 .suffix_3 { padding-right: 240px; }
.container_12 .suffix_4 { padding-right: 320px; }
.container_12 .suffix_5 { padding-right: 400px; }
.container_12 .suffix_6 { padding-right: 480px; }
.container_12 .suffix_7 { padding-right: 560px; }
.container_12 .suffix_8 { padding-right: 640px; }
.container_12 .suffix_9 { padding-right: 720px; }
.container_12 .suffix_10 { padding-right: 800px; }
.container_12 .suffix_11 { padding-right: 880px; }

.container_12 .push_1 { left: 80px; }
.container_12 .push_2 { left: 160px; }
.container_12 .push_3 { left: 240px; }
.container_12 .push_4 { left: 320px; }
.container_12 .push_5 { left: 400px; }
.container_12 .push_6 { left: 480px; }
.container_12 .push_7 { left: 560px; }
.container_12 .push_8 { left: 640px; }
.container_12 .push_9 { left: 720px; }
.container_12 .push_10 { left: 800px; }
.container_12 .push_11 { left: 880px; }

.container_12 .pull_1 { left: -80px; }
.container_12 .pull_2 { left: -160px; }
.container_12 .pull_3 { left: -240px; }
.container_12 .pull_4 { left: -320px; }
.container_12 .pull_5 { left: -400px; }
.container_12 .pull_6 { left: -480px; }
.container_12 .pull_7 { left: -560px; }
.container_12 .pull_8 { left: -640px; }
.container_12 .pull_9 { left: -720px; }
.container_12 .pull_10 { left: -800px; }
.container_12 .pull_11 { left: -880px; }

/* `Clear Floated Elements*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix {height: 1%;}

.clearfix{display:block}

.alpha { margin-left: 0; !important} 
.omega { margin-right: 0;  !important }


/*Standard*/
body{
	font:12px/1.5 "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	background:#7B858A;
	line-height:1.6;
	color:#444;
	}


hr{
	border:0px #969EA2 solid;
	border-top-width:2px;
	clear:both;
	height:0;
	}

h1{font-size:25px}
h2{font-size:17px;
	margin-top:30px;
	color:#333333;
	}
h3{font-size:15px;
	color:#333333;
	}
h4{font-size:13px;
	margin-bottom:0px;}
h5{font-size:17px}
h6{font-size:15px}

ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:15px}

a img{border:none}

a{	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	}
	
h2 a{
	font-size:17px;
	margin-top:30px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}

a:link, a:visited{text-decoration:none}
a:hover, a:active{text-decoration:underline}

/*End Standard CSS/RESET*/
	
#header{
	height:120px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	}
	
#mainLogo a{
	float:left;
	height:50px;
	margin-top:40px;
	width:263px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/designenv_logo.gif) top left no-repeat;
	}

p.contact{
	float:right;
	margin-top:35px;
	margin-left:30px;
	margin-right:70px;
	line-height:180%;
	color:#FFFFFF;
	letter-spacing:0.2px;
	}
	
#nav, .buttons, #content, #footer #copyright{
 	margin:0 auto;
	padding:0;
 	}

/*NAVIGATION	*/

#nav{
	background-color:#333;
	height:35px;
	margin-left:0px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	}

#nav li{
	float:left;
	display:inline;
	margin:0;
	text-align:center;
	}

.borderLeft{
	border-left:1px solid #444;
	}

#nav li a:link, #nav li a:visited{
	overflow:hidden;
	display:block;
	width:105px;
	padding:8px 0px;
	color:#777;
	border-right:1px solid #444;
	}
	
#nav li a:hover, #nav li a:active{
	background-color:#2E2E2E;
	color:#999;
	text-decoration:none;
	}
	
#nav li a.current{
	background-color:#292929;
	}
	
/*SLIDESHOW*/

#slideshow{
	background-color:#777;
	height:350px;
	}

#slideshow div{
	display:none;
	}

#slideshow div.first{
	display:block;
	}

#arrows{  /*For Philosophy page slideshow only*/
	position:relative;
	z-index:9999;
	left:850px;
	width:70px;
	top:-20px;
	}	
	
.projectInfo{
	float:right;
	font-size:11px;
	color:#555;
	}
	
/*GALLERY SLIDESHOWS*/

.slide img{
	display:none;
	}

.slide img.first{
	display:block;
	}
	
.slide img:hover{
	cursor:pointer;
	opacity:0.9;
}


#arrowsGallery, .arrowsGallery{
	position:relative;
	z-index:9999;
	width:150px;
	left:20px;
	}
	
#prev, .prev, #next, .next{
	color:#000;
	font-weight:bold;
	padding:4px 8px;
	background:#FFF;
	opacity:0.5;
	}
	
#prev:hover,  .prev:hover, #next:hover, .next:hover{
	cursor:pointer;
	text-decoration:none;
	background-color:#FFF;
	color:#333;
	opacity:0.8;
	}
	

	
/*ARTICLES*/
.article a img{
	border:1px solid #7B858A;
	}
.article a img:hover{
	border:1px solid #FFF;
	}
.article h3 a{
	display:block;
}


	
/*PROJECTS*/

.list{
	list-style:none;
	margin-left:-30px;
	}
	
.list li, .presentation li{
	padding-bottom:7px;
	}
	
a:hover img{
	text-decoration:none;
}

.presentation h2, .presentation h3{
	 margin-bottom:0px;
 	}


/*GENERAL*/

.noMargin{
	margin:0px;
	}
.noMarginBottom{
	margin-bottom:0px;
	}



/*FOOTER*/

#footer{
	background-color:#333333;
	height:100px;
	border-top:1px solid #222;
	}
#footer #copyright{
	padding:20px 0px;
	}
	
#footer #copyright p.right{
	float: right;
	}
	
#copyright p, #copyright a:link, #copyright a:visited{
	color:#555555;
	margin-bottom:5px;
	}
#copyright a:hover,#copyright a:active{
	color:#666666;
	}