/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********** Original Vision **********/
html, body {
	width:100%;
	height:100%;
	overflow:hidden;
}
body {
	font-family:'Questrial', Arial, Helvetica, sans-serif;
	background-color:#888;
}
a:hover, a:active, a:focus {
	outline:0;
}

#wrapper {
	position:relative;
	height:100%;
	z-index:1;
}

	/* Logo */
	#logo {
		position:absolute;
		top:35px;
		right:125px;
		width:176px;
		height:54px;
	}
	#logo a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
		background:url(img/original-vision-logo.png) left top no-repeat;
	}
	
	#year20{
		position:absolute;
		top:93px;
		right:125px;
		width:176px;
	}
	#year20 p{
		font-style:italic;
		text-align:right;
		color:#eee;
		font-size:18px;
		text-shadow:1px 1px 1px #111;
	}
	
	/* Nav */
	#nav {
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		background-color:rgba( 0, 0, 0, .8 );
	}
	#nav ul {
		width:100%;
		overflow:hidden;
	}
	#nav ul li {
		float:left;
	}
	#nav ul li a {
		padding:10px 15px;
		display:block;
		font-size:13px;
		text-transform:uppercase;
		color:#aac31f;
		text-decoration:none;
		text-shadow:1px 1px 1px #222;
	}
	#nav ul li a:hover, #nav ul li a.selected {
		background-color:rgba( 104, 104, 104, .8 );
	}
	
	/* Submenu */
	.submenu {
		padding:25px 0;
		position:absolute;
		bottom:33px;
		left:0px;
		background-color:rgba( 104, 104, 104, .8 );
		width:100%;
		overflow:hidden;
	}
		.submenu-title {
			padding:0 0 0 20px;
			text-transform:uppercase;
			color:#aac31f;
			width:180px;
			float:left;
			font-size:20px;
		}
		.submenu-links {
			/*float:left;*/
			/*width:345px;*/
			/*width:440px;*/
		}
		.submenu-links {
			padding:0 0 0 15px;
			width:440px;
		}
		.submenu-links ul {
			width:100%;
			overflow:hidden;
		}
		.submenu-links ul li {
			float:left;
			/*width:115px;*/
			width:33%;
		}
		.submenu-links ul li a {
			padding:2px 0;
			float:left;
			display:block;
			font-size:12px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
			text-shadow:1px 1px 1px #333;
		}
		.submenu-links ul li a.selected {
			color:#a8c224;
		}
	
	/* Content */
	#wrapper-content {
		padding:0 0 0 300px;
		position:absolute;
		display:block;
		top:0px;
		right:-445px;
		width:445px;
		height:100%;
		border:0px solid #F00;
	}
		#content-bg {
			padding:0 25px;
			/*width:345px;*/
			width:295px;
			height:100%;
			background-color:rgba( 0, 0, 0, .55 );
			border:0px solid #F60;
		}
		#content-bg.practice_dark{
			background-color:rgba( 0, 0, 0, .75 );
		}
		#content {
			padding:130px 0 0;
			width:100%;
			height:100%;
			border:0px solid #39C;
		}
		#content a{
			/* font-size:12px; */
			color:#aac31f;
			text-decoration:none;
		}
		#content a:hover{
			text-decoration:underline;
		}
		#content .content_scroll{
			border:0px solid green;
		}
		#content h1 {
			padding:0 0 15px;
			text-transform:lowercase;
			color:#aac31f;
			font-size:26px;
		}
		#content p {
			padding:0 0 10px;
			font-family:'Questrial', Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:15px;
			color:#fff;
			/*text-shadow:1px 1px 1px #333;*/
		}
		#content .location {
			font-style:italic;
		}

	/* Footer */
	#footer {
		position:absolute;
		bottom:7px;
		right:100px;
		/*right:-345px;*/
		width:345px;
		overflow:hidden;
		border:0px solid red;
	}
	
		/* Copyright */
		#copyright {
			float:left;
		}
		#copyright p {
			padding:4px 0 0 20px;
			text-transform:uppercase;
			font-size:9px;
			color:#fff;
		}
		
		/* Social Media */
		#social {
			padding:0 10px 0 0;
			/*width:100px;*/
			float:right;
			width:48px;
		}
		#social ul {
			width:100%;
			overflow:hidden;
		}
		#social ul li {
			padding:0 4px 0 0;
			float:left;
		}
		#social ul li a {
			display:block;
			width:18px;
			height:18px;
			text-indent:-9999px;
			overflow:hidden;
		}
		#bt_fb {
			background:url(img/icon-facebook.png) left center no-repeat;
		}
		#bt_tw {
			background:url(img/icon-twitter.png) left center no-repeat;
		}
		
		/* Language */
		#lang {
			position:absolute;
			bottom:9px;
			right:15px;
			width:60px;
		}
		#lang ul {
			width:100%;
			overflow:hidden;
		}
		#lang ul li {
			padding:0 5px 0 0;
			float:left;
		}
		#lang ul li a {
			display:block;
			text-decoration:none;
			color:#fff;
			font-size:12px;
		}
		#lang ul li a.selected {
			color:#aac31f;
		}
	
	#box_wipe{
		display:block;
		width:100%;
		height:100%;
		overflow:hidden;
		border:0px solid red;
	}
	#home-caption{
		position:absolute;
		width:100%;
		bottom:40%;
		left:0px;
		z-index:11;
	}
		#slidecaption, #slidecaption3, #slidecaption4{
			position:absolute;
			width:100%;
		}
		#slidecaption span, #slidecaption3 span, #slidecaption4 span{
			margin:0 auto;
			padding:20px 0;
			display:block;
			text-align:center;
			font-weight:bold;
			width:70%;
			min-width:500px;
			font-family:'Questrial', Arial, Helvetica, sans-serif;
			font-size:38px;
			line-height:40px;
			/*color:#aac31f;*/
			color:#eee;
			font-style:italic;
			text-shadow:1px 1px 2px #000;
			/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
		}
		#slidecaption2{
			display:none;
			padding:10px 0 0 0;
			clear:both;
		}
		#slidecaption2 span{
			font-family:'Questrial', Arial, Helvetica, sans-serif;
			font-size:18px;
			color:#aac31f;
			/*text-shadow:1px 1px 1px #222;*/
		}
		
/* zindex */
#logo {
	z-index:7;
}
#year20{
	z-index:7;
}
#wrapper-content {
	z-index:2;
	background:url(img/pixel.gif) left center repeat;
}
.submenu {
	z-index:3;
}
#nav {
	z-index:4;
}
#footer {
	z-index:5;
}
#lang {
	z-index:6;
}
#prevslide, #nextslide {
	z-index:10;
}
#box_wipe{
	z-index:1;
}
#supersized{
	z-index:0;
}

/* Classes */
.list_thms {
	padding:20px 0 0;
	width:100%;
	overflow:hidden;
	border:0px solid red;
}
.list_thms li {
	/*margin:0 4px 10px 4px;*/
	margin:0 2px 10px 2px;
	float:left;
}
.list_thms li a {
	display:block;
	width:88px;
	height:58px;
	border:1px solid #333;
	overflow:hidden;
}
.list_thms li a.selected {
	border:1px solid #a8c224;
}

#prevslide {
	left:25px;
	background:url(img/prevslide.png) left top no-repeat;
}
#nextslide {
	right:25px;
	background:url(img/nextslide.png) left top no-repeat;
}
/*.year{
	font-size:18px  !important;
	color:#a8c224 !important;
	padding-top:20px !important;
}*/


/* Table */
.tbl{
	margin:0 0 20px;
	clear:both;
	width:96%;
	border:0px solid red;
}
.tbl tr td{
	padding:2px 0 2px 20px;
	color:#eee;
	font-size:12px;
	border-left:1px solid rgba( 255, 255, 255, 0.1 );
	text-shadow:1px 1px 1px #222;
}
.tbl tr td:first-child{
	padding-left:0;
	border:0px;
}
.tbl_col_3{
	width:31%;
}
.tbl_col_4{
	width:24%;
}
.tbl_col_5{
	width:18%;
}
.tbl a{
	color:#a8c224;
	text-decoration:none;
}


/*************** Pages ***************/
/* Practice / People */
#people_thm{
	margin:0 0 10px 0;
}
#people_thm ul{
	padding:0 0 15px 0;
	width:100%;
	overflow:hidden;
}
#people_thm ul li{
	margin:0 2px 2px 0;
	float:left;
}
#people_thm ul li a{
	display:block;
	width:68px;
	height:45px;
	border:1px solid #333;
	overflow:hidden;
}
#people_thm ul li a.selected{
	border:1px solid #aac31f;
}
#people_thm ul li a img{
	width:68px;
}
#people p.people_title{
	padding:0 0 3px 0;
	color:#aac31f;
	font-size:22px;
}
#people p.people_title span{
	
}
#people p.people_position {
	font-size:14px;
}

/* Practice / Vision */
#vision{
	margin:0 auto;
	/*width:500px;*/
	max-width:500px;
}
#vision p{
	font-size:16px;
	line-height:20px;
	text-align:justify;
}

/* Practice / Services */
#services h2{
	padding:0 0 15px 0;
	font-size:15px;
	color:#fff;
}

/* Practice / Environment */
#environment{
	width:100%;
	overflow:hidden;
	border:1px solid red;
}
	#environment_1{
		float:left;
		width:60%;
	}
	#environment_2{
		float:right;
		width:30%;
	}
	.case > p.title{
		font-size:16px !important;
	}
	.case_left > p, .case_right > p{
		font-size:16px !important;
		color:#a8c224 !important;
	}
	.case_left{
		width:45%;
		float:left;
	}
	.case_right{
		width:45%;
		float:right;
	}
	.case ul{
		padding:5px 0 0 13px;
	}
	.case li{
		padding:0 0 5px 0;
		font-size:13px;
		color:#fff;
		list-style-type:circle;
	}
	#environment_pillars ul{
		padding:0 0 10px 15px;
	}
	#environment_pillars li{
		padding:1px 0;
		list-style-type:circle;
		font-size:13px;
		color:#fff;
	}
	#environment_case{}
	#environment_case ul{
		width:100%;
		overflow:hidden;
	}
	#environment_case ul li{
		padding:0 2px 2px 0;
		float:left;
	}
	#environment_case ul li a{
		display:block;
		width:68px;
		height:45px;
		border:1px solid #555;
	}
	#environment_case ul li a.selected{
		border:1px solid #a8c224;
	}
	#environment_case ul li a img{
		width:68px;
		height:45px;
	}


/* Practice / Awards */
#publications p, #awards p{
	font-size:18px;
	color:#a8c224;
}
#publications h2{
	padding:0 0 15px 0;
	font-size:22px;
	color:#a8c224;
}


/* Practice / Architecture in Words */
#press p{
	font-size:18px;
	color:#a8c224;
}

/* Contact */
#contact_container{
	position:relative;
	width:295px;
	overflow:hidden;
	border:0px solid red !important;
}
	#contact_box{
		clear:both;
		position:relative;
		top:0;
		left:0px;
		width:590px;
		height:400px;
		border:0px solid green !important;
		overflow:hidden;
	}
		#contact_1{
			position:absolute;
			top:0;
			left:0;
			width:295px;
			border:0px solid pink !important;
		}
		#contact_2{
			position:absolute;
			top:0;
			left:295px;
			width:295px;
			border:0px solid blue !important;
		}
		
.contact{
	padding:0 0 10px 0;
}
.contact_tel {
	padding:5px 0;
}
.contact_tel li {
	font-size:12px;
	color:#eee;
}
.contact_tel li span {
	display:block;
	float:left;
	clear:both;
	width:25px;
}
.email {
	padding:0 0 0 25px;
	color:#fff;
	text-decoration:none;
	background:url(img/icon-email.png) left center no-repeat;
}
.directions {
	padding:0 0 0 25px;
	color:#fff;
	text-decoration:none;
	background:url(img/icon-direction.png) left center no-repeat;
}
.email:hover{
	text-decoration:underline;
}

#formContact{
}
#formContact label{
	padding:0 0 3px 0;
	color:#aac31f;
	display:block;
}
#formContact .txtinput{
	width:99%;
}
#formContact .txtarea{
	width:99%;
}
#formContact .txtinput,
#formContact .txtarea{
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 0;
	color:#fff;
	font-size:11px;
	background:rgba( 0, 0, 0, .4 );
	border:0;
	border-bottom:1px solid #333;
}
.btn{
	padding:5px 0;
	width:70px;
	cursor:pointer;
	border:0;
	color:#eee;
	text-transform:uppercase;
	font-size:10px;
	background-color:#666;
}
.btn:hover{
	background-color:#555;
}
#output1{
	font-size:12px;
	color:#fff;
}


/* Accordion */
.accordion {
}
.accordion div {
/*height:300px;*/
}
.accordion p {
}
.accordion a {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	display:block;
	font-size:14px;
	color:#a8c224;
	text-decoration: none;
	cursor:pointer;
	border-bottom: 1px solid #7e7e7e;
	background: url("img/accordion-arrow-open.png") right 0px no-repeat;
	text-shadow:1px 1px 1px #555;
}
.accordion a:hover {
}
.accordion a.selected {
	background: url("img/accordion-arrow-close.png") right 0px no-repeat;
}
#awards_accordion div {
	height:230px;
}
#publications_accordion div {
	height:230px;
}
#press_accordion div {
	height:260px;
}
#book_accordion div {
/*height:260px;*/
}
#btns {
	padding:10px 0;
}
#btns span {
	margin:0 20px 0 0;
	font-size:18px;
	cursor:pointer;
	width:100px;
}
#btns span.selected {
	border-bottom:1px solid #a8c224;
}


@media all and (max-width: 1174px) {
	/*.lite{
		display:none;
	}
	#footer{
		width:140px;
	}*/
	/*#nav ul li a {
		padding:10px 7px;
	}*/
}
@media all and (max-height: 600px) {
	#logo {
		/*top:25px;*/
	}
	/*#content > div {
		padding:90px 25px 0;
	}*/
}