/* --------------------------- general styles ------------------------->>*/
html {height:100%;}
body {height:100%; background-color:#FFFFFF; margin:0px;}

a:link {color:#779C9F;}
a:hover {color:#AEDC41;}
a:visited {color:#C2A4C2;}
a:active {color:#CC3333;}
/*a:active {color:#779C9F;}*/

#wrapper {
	display:block;
	clear:both;
	min-width:721px;
	max-width:1400px;
	height:100%;
	border:1px solid white;
	margin:0px 20px 0px 20px;
	padding:0px;
	background: url(../images/header_bg.gif) no-repeat top left;
}
#title {
	position:absolute;
	top:33px;
	left:-15000px;
	visibility:hidden;
}
/* <<------------------------- general styles ---------------------------*/

/* --------------------------- language switch ------------------------->>*/
#lang {
	position:absolute;
	visibility:hidden;
	top:13px;
	right:25px;
	text-align:right;
}
#lang A:link, #lang A:visited, #lang A:hover, #lang A:active {
	display:inline;
	padding:4px;
	color:#FFFFFF;
	background-color:#666666;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	line-height:1.4em;
}
#lang A:hover {
	background-color:#999999;
	color:#B9EE02;
}
#lang A.activated:link, #lang A.activated:visited, #lang A.activated:hover, #lang A.activated:active {
	display:inline;
	padding:4px;
	color:#666666;
	background-color:#B9EE02;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	line-height:1.4em;
}
/* <<------------------------- language switch ---------------------------*/


/* --------------------------- navigation ------------------------------>>*/
#naviwrapper {
    margin:103px 0px 0px 0px;
	min-width:721px;
}
#navi {
	display:block;
	float:right;
    margin:0px 0px 0px 0px;
}
#navi A:link, #navi A:visited, #navi A:hover, #navi A:active {
	float:right;
	margin:0px;
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	width:132px;
	background: #FFFFFF url(../images/tab_mute.gif) no-repeat top left;
	background-image-height:1em;
	color:#FFFFFF;
}
#navi A:hover {
	color:#B9EE02;
	background: #FFFFFF url(../images/tab_hover.gif) no-repeat top left;
}
#navi A:active {
	color:#FFFFFF;
}
#navi A.activated:link, #navi A.activated:visited, #navi A.activated:hover, #navi A.activated:active {
	float:right;
	margin:0px;
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	width:132px;
	background: #FFFFFF url(../images/tab_active.gif) no-repeat top left;
	color:#666666;			
}
#navitm {
	margin:0;
	clear:right;
	min-width:721px;
	background: url(../images/tablow.gif) repeat-x top left;
	height:34px;
}
#navitr {
	margin:0;
	background: url(../images/tablowright.gif) no-repeat top right;
	height:34px;
}
#navitl {
	margin:0;
	background: url(../images/tablowleft.gif) no-repeat top left;
	height:34px;
}
#navitm h1{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding-top:4px;
	padding-left:70px; /* For IE */
}
/* CSS: THIS WILL NOT BE INTERPRETED BY IE */
#navitm[id] h1 {
    padding-left:70px;
}
/* <<------------------------- navigation --------------------------------*/

/* ---------------------------- content ------------------------->> */

#idwrapper, #wawrapper, #idcontent, #wacontent {
	float:left;
	margin:50px 0px 0px 0px;
	padding-left:20px;
}
#idwrapper, #wawrapper, #idcontent, #wacontent {
	padding-right:0px;
	padding-left:20px; /* For IE*/
	background: #FFFFFF url(../images/idbg.gif) no-repeat top left;
}
#wawrapper, #wacontent {
	background: #FFFFFF url(../images/wabg.gif) no-repeat top left;
}
/* ######### REMOVE THE PORTFOLIO LAYOUT TABLE IF MORE TIME '############# */
/*#idwrapper{width:50%;}*/
/*#wawrapper{clear:left;}*/
/*#idwrapper, #wawrapper {clear:left;}*/
/* CSS: THIS WILL NOT BE INTERPRETED BY IE */
#idwrapper[id], #wawrapper[id] {padding-left:40px;}
#idcontent, #wacontent {
	padding-left:70px;
	margin-bottom:30px;
	padding-right:0px;
}
#projectnav {
	float:right;
	width:200px;
	border-left:1px dashed #999999;
	margin:50px 0px 30px 20px;
	/*background-color:#D9D9D9;*/
	padding:0px 0px 0px 15px;
}
#projectnav p {
	font:x-small Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 0px;
	color:#666666;
}
#projectnav a {font-weight:bold;}
#projectnav p.header {
	margin:0px 0px 10px 0px;
	font:bold small Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	text-decoration:underline;
}
div.teaser, div.firstteaser {
	background-color:#F2F5F5;
	display:block;
	float:left;
	width:250px;
	margin:0px 0px 30px 20px;
	/*border-right:1px dashed #999999;*/
	height:310px; /* FOR IE */
	padding:0px 10px;
}
div.firstteaser {
	width:540px;
}
/* CSS: THIS WILL NOT BE INTERPRETED BY IE */
div.teaser[id] {
    height:auto;
    min-height:310px;
}
#idcontent img.fullsize, #wacontent img.fullsize, #idcontent p.caption, #wacontent p.caption, object {
	float:right;
	margin:10px 0px 10px 20px;
}
#idcontent p.caption, #wacontent p.caption {
	clear:right;
	display:block;
	width:400px;
	margin:0px 0px 30px 0px;
	text-align:left;
}
object {margin-top:10px;width:400px;}
img.teaser, img.firstteaser {
	float:right;
	border:2px solid #779C9F;
	margin:10px 0px 20px 10px;
}
img.firstteaser {width:250px;height:200px;}
#idcontent img.inlineimg, #wacontent img.inlineimg {
	display:inline;
	margin:0px 5px 0px 5px;
	vertical-align:middle;
}
ul,li {vertical-align:text-top;}
/*For IE only*/
#idcontent h2, #wacontent h2, #idcontent h3, #wacontent h3, 
#idcontent p, #wacontent p, #idcontent li, #wacontent li, #idcontent blockquote {
	width:450px;
}
/*Not interpreted by IE*/
#idcontent[id] h2, #wacontent[id] h2, #idcontent[id] h3, #wacontent[id] h3, 
#idcontent[id] p, #wacontent[id] p, #idcontent[id] li, #wacontent[id] li, #idcontent[id] blockquote {
	width:auto;
	min-width:380px;
	max-width:600px;
}  
div.teaser h2, div.firstteaser h2, #idcontent h2, #wacontent h2 {
	margin:10px 0px 20px 0px;
	font:bolder 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
#idcontent h2, #wacontent h2 {
	font-size:1em;
}
div.teaser h3, div.firstteaser h3, #idcontent h3, #wacontent h3 {
	margin:20px 0px 10px 0px;
	font:bold 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
div.firstteaser h2 {font-size:1.1em;}
div.teaser h2 a, div.firstteaser h2 a {
	margin:10px 0px 20px 0px;
}
div.teaser p, div.firstteaser p, #idcontent p, #wacontent p {
	margin:10px 0px 20px 0px;
	font:0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

#idcontent li, #wacontent li {
	font:0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;	
}
#idcontent blockquote, #wacontent blockquote {
	max-width:400px;
	font:0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	background-color:#F4F4F4;
}
#smallcolumn p {
	font:0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;
}
div.teaser p.highlights, div.firstteaser p.highlights, #idcontent p.caption, #wacontent p.caption {
	font:0.6em/1.3em Verdana, Arial, Helvetica, sans-serif;
	background-color:#F4F4F4;
	position:relative;
	width:230px;
	padding:5px;
	border:1px solid white; /*new feature due to light blue bg */
}
#idcontent p.caption, #wacontent p.caption {width:400px;border:none;}
#idcontent p span.buzz, #wacontent p span.buzz {
	color:#333333;
	font-weight:bold;
}
span.subheading {
	font-weight:bold;
	color:#999999;
}
span.partner {
	color:#AEDC41;
}
div.label {
	display:inline;
	vertical-align:top;
	top:0px;
	z-index:2;
	margin:0px;
}
span.year, span.genre {
	font:bold 0.8em "Courier New", Courier, mono small-caps;
	color:#fff;
	background-color:#779C9F;
	padding:0px 10px 0px 10px;
}
span.genre {
	background-color:#AEDC41;
}
hr {clear:both; margin-top:20px; border-top:1px dashed #999999; }
#idcontent hr, #wacontent hr {clear:none; margin-top:20px; border-top:1px dashed #999999; }
#intro {
	width:625px;
	background-color:#F2F5F5;
	/*background-color:#F4F4F4;*/
	padding:20px;
	margin-bottom:40px;
}
#intro span {
	font:bold large Verdana, Arial, Helvetica, sans-serif;
	color:#779C9F;
}
#intro p {
	width:auto;
}
#intro img {
	float:right; 
	margin:0px 0px 10px 20px;
}
/* <<-------------------------- content ------------------------- */

/* ---------------------------- footer ------------------------->> */
#footer {
	display:block;
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
	border-top:1px dashed #999999;
}
#footer p {
	margin:20px 0px 20px 50px;
	font:0.7em "Courier New", Courier, mono;
}
/* <<-------------------------- footer --------------------------- */