@charset "utf-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

body{
	font: normal 17px/21px 'Lora', serif;
	background: #FFF;
}

#wrap {
	overflow:auto;
	}

#header {
	width:970px;
	margin:auto;
	}

#main {overflow:auto;
	padding-bottom: 50px;
	width:100%;
	margin:0 auto;
	display:none;
}  /* must be same height as the footer */

#footer {
	position: relative;
	/*margin-top: -50px;  negative value of footer height */
	height: 50px;
	padding-top:14px;
	font-size:11px;
	text-align:center;
	background: url(../images/footer.png) top no-repeat;
	clear:both;
} 
	
#footer img {
	margin-top:11px;
	} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
/*margin-top:-32767px; thank you Erik J - negate effect of float*/
}


#main_table {
	max-width:970px;
}

#main_td {
	height:400px;
}
img.res {
	width:100%;
	height:auto !important;
	}
/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]

*/
.v_holder {
	position:relative;
	width:170px;
	height:100px;
	float:left;
	}
.v_holder img {
	border-radius:6px;
	}
.fancybox_iframe.video, .video_s {
	position:relative;
	width
	}
.fancybox_iframe.video img, .video_s img{
	border:0;
	padding:0 !important;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	}
a {
	color:#264876;
	text-decoration:none;
	outline:none;
	}
a:hover {
	text-decoration:underline;
	}

h1.logo{
	height:103px;
	width:291px;
	margin:0 auto;
	padding:20px 0;
}



h1 {
	font:bold 26px 'Lora', serif;
	color:#264876;
	padding:20px 0;
	text-transform: uppercase;
	}
h1.payoff{
	font:bold 26px/36px 'Lora', serif;
	color:#264876;
	padding:20px 0;
	text-align:center;
	text-transform: uppercase;
	}
h2.port {
	font:normal 21px/28px 'Lora', serif;
	text-transform:uppercase;
	background:url(../images/sel.jpg) center bottom no-repeat;
	color:#264876;
	display:inline;
	}
h2 {
	font:normal 18px 'Lora', serif;
	text-transform:uppercase;
	color:#264876;
	padding:0 0 6px;}
h3 {
	font:bold 17px/21px 'Lora', serif;
	color:#264876;
	padding:0 0 6px;}
h3 a{
	font:normal 12px 'Lora', serif;
	color:#264876;
	float:right;
	text-decoration:none;
	text-transform:uppercase;
	padding:6px 0;}
h3 a:hover{
	text-decoration:underline;
	}
h4 {
	font:normal 16px/20px 'Lora', serif;
	color:#a9a9a9;
	padding:0 0 6px;
	}
p {
	font:normal 14px/21px 'Lora', serif;
	color:#264876;
	padding:0 0 6px;
	}
p a{
	font:normal 17px/21px 'Lora', serif;
	color:#264876;
	padding:0 0 6px;
	}
p.about {
	color:#264876;
	font: 23px/28px Garamond,'Trajan Pro','Trebuchet MS',Geneva,sans-serif;}
ul.nav{
	list-style:none;
	width:auto;
	margin:0;
	}
.nav li {
	float:left;
	font:normal 21px 'Lora', serif;	
	position:relative;
	text-transform:uppercase;
	}
.nav li a{
	display:block;
	padding: 5px 21px;
	text-decoration:none;
	color:#a9a9a9;
	}
.nav li a:hover{
	color:#264876;
	/*background: url(../images/sel.jpg) bottom no-repeat;*/
	}
.nav li.selected a{
	color:#264876;
	background: url(../images/sel.jpg) bottom no-repeat;}
.nav ul.subnav{
	position:absolute;
	display:none;
	list-style:none;
	background-color:#FFF;
	padding-left:10px;
	width:200px;
	z-index: 9999;
	}
.subnav li{
	float:none;
	font:normal 14px 'Lora', serif;
	}
.subnav li a{
	padding:5px 10px;
	display:block;
	}
li.selected .subnav li a{
	color:#a9a9a9;
	background:none;}
li.selected .subnav li a:hover{
	color:#264876;
	/*background: url(../images/sel.jpg) bottom no-repeat;*/
	}
#rotator{
	/*padding:20px 0;*/
	color:#a9a9a9;
	margin-top:40px;
}
#logocont{
	height:200px;
	/*width:970px;*/
	margin:auto;
	padding-top:10px;
}
ul.logos{	
	list-style:none;
	}
.logos li {
	/*position:relative;*/
	float:left;
	width:90px;
	height:51px;
	padding: 0 2px;}
.logos li a img {
	width:90px;
	height:51px;
}
	
/*.logos li #mito img{
	position:absolute;
	left:0;
	top:0;
	}
.logos li #mito{
	position:absolute;
	left:0;
	top:0;
	}	*/
ul.listing , ul.archive {
	width:95%;
	margin: auto;
	padding: 0;
	list-style: none;
	}
.listing li {
	width:45%;
	float: left;
	padding: 20px 2%;
	}
.archive li {
	width:650px;
	margin:auto;
	padding: 20px 20px;
	}
.listing li h2, .archive li h2 {
	font-family: 'Lora', serif;
	font-size: 18px;
	text-indent: -10px;
	}
ul.block_list {
	padding:10px;
	margin:0;
	list-style:none;
	}
.block_list li{
	font:normal 14px/22px 'Lora', serif;
	color:#264876;
	padding:0;
	margin:0;
	/*width:400px;*/
}
.block_list.investment li{
	font: 17px/21px Garamond,'Trajan Pro','Trebuchet MS',Geneva,sans-serif;
	list-style:outside url(../images/index.jpg);
	width:100%;
}
.block_list li img{
	border:0;
	padding:0 8px 0 0;
	margin:0;
	}	
ul.portfolio {
	width:950px;
	margin: auto;
	padding:0 10px;
	}
	
.portfolio li {
	width:425px;
	float: left;
	list-style: none;
	padding: 20px 25px;
	}	
.portfolio li a {
	float:left;
}
.portfolio img{
	margin:10px 20px 0 0;
	border:none;
}
.full-view .thumbs-wrapper.people {
	float:left;
	margin: 5px 20px 5px 5px ;
	}
.thumbs.b-rad {
	border-radius: 15px 15px 0 0;
	}
.title.t-rad {
	border-radius: 0 0 15px 15px;
}

#article-clone .thumbs, .full-view .thumbs-wrapper,
.portfl .thumbs img {
	border-radius: 15px 15px 15px 15px;
	overflow:hidden;
}


.thumbs img {
	border-radius: 15px 15px 0 0;
}

.project-descr-full .thumbs img {
	border-radius: 15px 15px 15px 15px;
}

	
.full-view .thumbs-wrapper.center {
	float:none;
	 margin: 20px auto 40px;
	clear:both;
	}
		
.elastislide-horizontal {
	padding: 10px 37px;
	
}




.elastislide-wrapper {
	position: relative;
	/*background-color: #FEFEFE;*/
	margin: 0 auto;
}

.elastislide-wrapper .subnav {
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

* {
	/*text-shadow: 0 1px 0 rgba(255,255,255,0.8);*/
}



#text_inspiration {
	height:108px;
	overflow: hidden;
	width:100%;
}

#main_home {
	width:100%;
}

#logocont {
	display:none;
}

.thumbs-wrapper .thumbs img,
.thumbs-wrapper .thumbs a {
	width:260px;
	height:173px;
	position:relative;
}

.thumbs-wrapper .thumbs {
	overflow:hidden;
}

.project-descr-full-content,
.project-descr-full-content p {
	font: 16px/23px 'Lora', serif !important;
}

.project-descr-full-content h3 {
	font-weight: bold !important;
	text-transform:uppercase;
}

#open_close {
	display:none;
	background-color: #264876;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	padding:5px;
}

#cont_header {
	display:block;
	width:900px;
}

.content {
  border: 5px solid  #EDEDED;
  -moz-border-radius: 5px;
  -webkit-border-radius: 10px;
  padding:10px;
  background:#FFF;
  -webkit-transition: border-color 400ms;
}

.flow .item,
.flow .item img {
  -webkit-border-radius: 10px;
}

.content:hover {
  border-color: #264876;
}

#contentFlow {height: 220px;}

/*
@media screen and (max-width: 960px) {
	.nav li a {
    padding: 5px 10px;
}
		
}
*/


/* Minimum width of 600 pixels. */
@media screen and (max-width: 900px) {
	
	#main_table {
		width: 100% !important;
		max-width: none !important;
	}

	#main .container {
		padding-left: 10% !important;
		width:90% !important;
	}
	
	.project-descr-full {
		position: relative !important;
		margin-top: 141px !important;
	}
	
	.full-view {
		position:relative !important;
	}
	
	.listing li {
		width:96%;
	}
	.full-view{
		position:absolute;
	}
	#header {
		width:100%;
		margin:auto;
	}
	ul.nav{
		position:absolute;
		top:25px;
		width:100%;
		z-index: 99;
	}
	
	.nav ul.subnav {
		left: 120px;
		top: 16px;
	}
	
	.nav li {
		float:none;
		border-bottom:1px solid #FFF;
	}
	
	.nav li a:hover{
		color: #CCC;
		/*background: url(../images/sel.jpg) bottom no-repeat;*/
	}
	
	.nav li.selected a {
		color: #fff;
		background: none;
	}

	.nav li a { color:#fff;}
	.subnav li a { color:#264876;}
	#cont_header {
		background-color:#264876;
		/*height:1px;*/
		overflow:hidden;
		display:none;
		width:100%;
	}
	#open_close {
		display:block;
	}
	
	.elastislide-horizontal {
		padding: 0px;
	}
	
		
}

/* Minimum width of 600 pixels. */
@media screen and (max-width: 700px) {
	#main .container {
		padding-left: 0% !important;
		width:100% !important;
	}
	
}