/*calibrating/resetting everything*/
*, html, body {	margin: 0px; padding: 0px; }
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;
}
/* end calibrating/resetting everything*/


/*here comes the bg resizing css , which works in tandem w/ bg.js */
#bg { position: fixed; top: 0; left: 0; z-index:0;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
/*end bg resizing*/

body{	
	font-family: Ariel, Verdana, sans-serif;
	}
h1{
	font-size:1.5em;
	line-height:2em;
}
h2{
	font-size:1.5em;
	line-height:2em;
}
h3{
	font-size:1.2em;
	line-height:2em;
}
h4{
	font-size:0.9em;
	line-height:1em;
}

#maximage {
/*				position:fixed !important;*/

}

#indexFillerExternal {
	min-height: 100%;
	border:1px solid #f0f;
	}

#indexFillerInternal {
	overflow:auto;
    padding-bottom: 150px;
    border:1px solid #0ff;
	}  /* must be same height as the footer */



/*Set my logo in bottom left*/

#shadowBar {position:relative; margin-top:35px; width:100%; border:0px solid #f0f; float:left; z-index:100;
}	

/*
padding-bottom:12px;
*/

	#lightShadow	{background-color:rgba(39,41,39,0.30); height:71px; }
		#title			{position:relative; width:700px; left:45px; width:600px; z-index:1000; border: 0px solid #000;}
		#title h1		{font-size:4.4em; 	line-height:72px; font-weight:bold;	text-shadow: 0px 0px 1px #fff, -1px 1px 2px #666; border: 0px solid #00f;}
		#title a		{color:#fff; text-decoration:none;}
		#title a:hover		{color:#e4f9cf; text-shadow: 0px 0px 8px #ddd, -1px 1px 2px #444; text-decoration:none;}
		#title span 	{font-size:0.4em; font-weight:normal;}

	#darkShadow		{background-color:rgba(39,41,39,0.55); width:100%; float:left;} /*float is purely to get it to stretch to cover contents*/
		#subtitle 		{position:relative; left:45px; height:25px; padding-top:5px; padding-bottom:5px; border: 0px solid #0ff; float:left;	z-index:1000;	text-shadow: -1px 1px 1px #666;}
		#subtitle h2	{font-size:120%; line-height:25px; font-weight:normal; color:#fff; padding-left:8px; border: 0px solid #f00;}
		
		#nav			{position:relative;   float:right;  	right:1%; 	height:25px;  padding-bottom:0px;	 z-index:1000; border: 0px solid #0ff;}

	
		
	/*	#nav {
	top:106px;
	height:35px;


	border:0px solid #f00;	
	width:auto;

}			*/

	/*	#nav h2			{font-size:1.2em;  font-weight:bold; display:inline;}*/

#nav ul li a{	 /*what you do here affects every menu item and sub, sub-sub menu item*/
	font-size:120%;
	line-height:1.15em;
	/*font-family: 'idealist_sansregular', Ariel, Verdana, sans-serif;*/
	font-weight:normal;		
	border: 0px solid #f00;	
}

#container{
	border:0px solid #000;
	position:relative;
	height:auto;
	width:auto;
	padding-top:180px;
	padding-left:50px;
	z-index:50;
}
/*------------------------------------*/
#whiteFrame{
	background-color:rgba(255,255,255,0.6);
	filter:alpha(opacity=60); /* For IE8 and earlier */ /*_g need to test this when  site is ready to see if IE has box contents transparent ie everything within the whiteFrame div*/
	border:0px solid #f00;
	position:relative;
	height:auto;
	width:643px;
	padding-top:10px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:100px;
	margin-bottom:50px;
	margin-right:50px;
	/*float:left; to make the div stretch to contain the contents, _g*/
}
/*
#whiteFrame.awards{
	float:left;
	}
#whiteFrame.media{
	float:left;
	}
#whiteFrame.video{
	float:left;
	}*/
	
#whiteFrame.video .video560{
	margin-left:-70px;
	}
#whiteFrame h1, h2, h3, p, ul{
	padding-right:20px;
	padding-left:10px;
	}
	
	#delphi{margin-top:20px; margin-left:170px; margin-bottom:20px; border:1px solid #ddd;}
	
#whiteFrameContact{
	background-color:rgba(255,255,255,0.6);
	filter:alpha(opacity=60); /* For IE8 and earlier */ /*_g need to test this when  site is ready to see if IE has box contents transparent ie everything within the whiteFrame div*/
	border:0px solid #f00;
	position:relative;
	height:auto;
	width:643px;
	padding-top:10px;
	padding-left:10px;
	padding-right:0px;
	margin-bottom:50px;
	margin-right:50px;
	float:left; /*to make the div stretch to contain the contents, _g*/
}

#whiteFrameContact h1, h2, h3, p, ul{
	padding-right:20px;
	padding-left:10px;
	}
	
#tabs  a{
	color:#000;
	font-size:1.5em;
	line-height:2em;
	text-decoration:none;
	display:inline;
	padding-right:20px;
	padding-left:10px;
	padding-bottom:6px;
	border-bottom:1px solid #999;	
	margin-right:0.5em;
	width:5em;

	background-color:rgba(150,150,150,0.6);
	filter:alpha(opacity=60); /* For IE8 and earlier */ /*_g need to test this when  site is ready to see if IE has box contents transparent ie everything within the whiteFrame div*/
	}
	
#container  a:hover{
	color:#fff;
	}
	
#container  a.currentTab{
	padding-bottom:7px;
	border-bottom:0px solid #fff;	
	background-color:rgba(255,255,255,0.6);
	filter:alpha(opacity=60); /* For IE8 and earlier */ /*_g need to test this when  site is ready to see if IE has box contents transparent ie everything within the whiteFrame div*/
	}


/*--------------------------------------*/

#mainPic{

}

#imgNav{

}

#text{
	border:0px solid #00f;
	position:relative;
	height:auto;
	width:640px;
	padding-top:0px;
	padding-left:0px;	
	padding-bottom:100px;	
}
#text ul{
margin-left:20px;
list-style:disc outside;
}
#text ul li{
	padding-top:6px;
	padding-left:10px;	
	padding-bottom:0px;	
}
#text a{
	text-decoration:none;	
	color:#333;
	text-shadow: 0px 0px 0px #000;
	font-weight:bold;
}


#text a:hover{
	text-shadow: 0px 0px 2px #111;
	color:#fff;
}

#projNav a:hover{
	text-shadow: 0px 0px 2px #111;
	color:#fff;
}


#text.profile a {
	margin-left:10px;
}
#text.profile img {
	float:right;
	margin-right:20px;
	margin-bottom:30px;
}
#text.profile h1#architect_name {
	float:left;
}
#text.profile h1#architect_name span{
	color:#777;
	font-size:80%;
	font-style:italic;
}

#text.profile a#cv{font-size:90%; float:right; margin-top:20px; margin-right:20px; color:#333;}
#text.profile a#cv:hover{color:#000;}
#text.profile a img#pdfIcon {margin-left:5px; margin-top:-10px;}

#text.profile p{clear:both;}

#textCube{
	border:1px solid #333;
	height:300px;
	width:310px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
	background-color:rgba(255,255,255,0.3);
	filter:alpha(opacity=30); /* For IE8 and earlier */ /*_g need to test this when  site is ready to see if IE has box contents transparent ie everything within the whiteFrame div*/	
}

#textCube.notHere {
	border:1px solid #C4CDC6;
	color:#C4CDC6;
}

#textCube .relativeDiv{position:relative;}

.mapIcon{
position:absolute;
top:110px;
right:20px;
background-image: url("../grafix/map_51.png");
line-height:3em;}	

#textCube a{
	font-size:0.95em;
	padding-left:10px;
	text-decoration:none;	
	color:#333;
	font-weight:bold;
}
#textCube a:hover{
	color:#111;
}

#projNav{
	border:opx solid #00f;
	position:relative;
	height:50px;
	width:640px;

}


/* here comes the stuff for the image navigation*/
#mainImg{
    overflow:hidden;
    -moz-box-shadow: 0 0 2px 2px #ccc;
    -webkit-box-shadow: 0 0 2px 2px #ccc;
    box-shadow: 0 0 2px 2px #ccc;
	
	border:0px solid #f00;
	position:relative;
	height:422px;
	width:633px;
	overflow:hidden;
	padding-top:0px;
	padding-left:0px;		
}
 
.contentbox-wrapper{
    position:relative;
    left:0;
    width:3000px;
    height:100%;
}
 
.contentbox{
    /*width:595px;*/
    height:100%;
    float:left;
    padding:0px;
    background:#fff;
}

#img1{
	margin-right:40px;
}

#imgNav {
    margin-top:10px;
    background: url("navbg.png") repeat-x center bottom;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 10px;
	
	border:0px solid #0f0;
	position:relative;
	/*width:700px;*/ /*_g*/
	padding-top:20px;
	padding-left:0px;

}

#imgNav img{
	border:1px solid #aaa;

}

#imgNav ul li{
    display:inline;
    margin-right:10px;
}
 
#imgNav a.active {
    font-weight:bold;
}
/* end(here comes the stuff for the image navigation)*/

#text p{
	font-family:inherit;
	font-size:100%;
	color:#333;
}

.projArroL{
text-decoration:none;
color:#777;
float:left;
margin-left:30px;
margin-bottom:30px;
}
.projArroL:hover{
color:#333;
}

.projArroR{
text-decoration:none;
color:#777;
float:right;
margin-right:50px;
margin-bottom:30px;
}
.projArroR:hover{
color:#333;
}




iframe{
	margin-left:111px;
	margin-bottom:30px;
}

#stefano{
	float:right;
	padding-right:20px;
	text-decoration:none;
	font-size:0.9em;
	color:#666;
	line-height:1.5em;
	}
#imgNav.giveStefanoLinkSpace{
	margin-top:20px;
}

#footer{
	background-color:rgba(255,255,255,0.6);
	filter:alpha(opacity=60); /* For IE8 and earlier */ /*_g need to test this when  site is ready to see if IE has box contents transparent ie everything within the whiteFrame div*/
	border:0px solid #f00;
	position:relative;
	height:90px;
	width:auto;
	margin-top:350px;
	clear:both;
	padding:10px 20px 10px 140px;
}

#footer_index{
	background-color:rgba(255,255,255,0.5);
	filter:alpha(opacity=50); /* For IE8 and earlier */ /*_g need to test this when  site is ready to see if IE has box contents transparent ie everything within the whiteFrame div*/
	border:0px solid #f00;
	position:absolute;
	bottom:0px;
	height:150px;
	width:100%;


}

#footer img{
	position:absolute;
	top:5px;
	left:20px;
}

#footer_index img#left{
	position:absolute;
	margin-top:0px;
	margin-left:30px;

}

#footer_index img#right{
	position:absolute;
	top:45px;
	right:50px;
	margin-left:20px;

}

#footer_index img#lessRight{
	position:absolute;
	top:20px;
	right:170px;
	margin-left:20px;

}

#footer_index img#doubleLessRight{
	position:absolute;
	top:43px;
	right:290px;
	margin-left:20px;

}

#footerTxt {
position:relative;
margin-top:70px;
}

#footer_indexTxt {


margin-left:180px;
width:60%;

}

#footer_index ul{
list-style-type: disc;
	font-size:1.1em;
	color:#555;
}
#footer_index h4{
	color:#333;
	font-size:1.05em;
}

#footer h4{
	color:#888;
}

#footer span{
	float:right;
}
#footer a{
	text-decoration:none;
	color:#444;
}
#footer a:hover{
	color:#444;
}

#footer_index a{
	text-decoration:none;
	font-weight:bolder;
	color:#222;
}
#footer_index a:hover{
	color:#fff;
}

.philosophy span 	{ font-weight:bold;}