#flash { left: 0; position: absolute; top: 0;}

/* -----------------------------------*/
/* ---->>> STRUCTURE & LAYOUT <<<-----*/
/* -----------------------------------*/

html{
	height:100%;
}


body{
	
	background-color:#000000;
	color: #fff;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:100%;
	margin: 0px;
}

#logo-image{
background:transparent url(../../cms/themes/zen/zen/images/precinct_black2.gif) no-repeat scroll 0 0;
}

h1, p {
	color:#FFFFFF;
}

/* ------>>> page elements <<<--------*/
#flash {
	width:100%;
	height:100%;
	min-width: 0; /* peekaboo bug fix for IE7 */
	z-index: 1;
}
#flashcontainer{
	width:100%;
	height:100%;
}
/* ------>>> page elements <<<--------*/
.storywindow { 
	 position: absolute;
	 /* display: none; */
	 top:0;
	 left: 0;
	 visibility: hidden;
	 z-index: 9999;
	 background-color: #ffffff;
	 border: none;
	 width: 990px;
	 height: 600px;
	 cursor: wait;
	 /*padding-top:20px;*/
	 text-align: right;
	 min-width: 0; /* peekaboo bug fix for IE7 */
  }
.storywindow a, .storywindow a:visited{
	font-family:Arial, Helvetica;
	font-size:13px;
	color:#000000 !important;
	left:10px;
	position:absolute;
	text-decoration:none;
	top:575px;
	display:block;
	padding:0 3px;
	background: #F2616D;
	
}
.storywindow a:hover{
	cursor:pointer;
	z-index: 1000;
	color:#FFFFFF !important;
	background:#000000;
}

#main{
	height:355px;
}
#header{
	height: 75px !important;
}
.node .content {
	margin-left:192px;
	width:450px;
}

.content p{
	margin:0;
}
.content a:link, .content a:visited{
	color: #F2616D;
}
.content a:hover{
	color:#FFFFFF;
}
div.stories{
	margin:10px 0;
	float:left;
	height:320px;
}
div.message{
	float:left;
}

.content a.casestudy:link, .content a.casestudy:visited{
	color:#FFFFFF;
	float:left;
	font-size:3em;
	line-height:1.2em;
	text-decoration:none;
	width:100%;
}
.content a.casestudy:hover{
	color: #F2616D;
}