/* --- DEFAULT ELEMENTS ---- */
@media screen{
	body {
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		color:#7c7c7c;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.7em;
	}
	html,
	body,
	#container {
		min-height: 590px;
		width: 100%;
		height: 590px;
	}
	
	html>body,
	html>body #container {
		height: auto;
	}
	/* ---- CONTAINER ---- */
	#container {
		position: absolute;
		top: 0;
		left: 50%;				/* required for centering*/			
		margin-left:-393px;    	/* required for centering*/
		background-image:url('../images/bg_front.gif');
		width:786px;
		
	}
	/* ---- HEADER ---- */
	#header {
		height: 154px;
		background-color: #FFFFFF;
		margin-right:11px;
		margin-left:11px;
		padding-bottom:0px;
		background-image:url(../images/bg_header.jpg);
		background-repeat:no-repeat;
	}

	#title img {
		float: right;
		padding: 0 10px 0 0;
		border:0;
	}
	#c2container {
		width:751px;
		height: 183px;
		background-image:url('../images/bg_c2_front.jpg');
		background-repeat:no-repeat;
		margin:0 0 0 17px;
	}
	#c2container a:link, #c2container a:visited{
		text-decoration: none;
		color:#FFFFFF;
	}
	#c2container a:hover{
		text-decoration: underline;
		color:#FFFFFF;
	}
	#c2right{
		float:right;
		width:290px;
		color:#FFFFFF;
		/*letter-spacing:-0.5px;*/
	
	}
	#c2right ul{
		list-style:none;
		/*font-size: 1.1em;*/
		font-weight:bold;
		padding: 36px 2px 10px 0px;
		margin:0;
	}
	#c2right li{
		margin: 0.5em 0 0 0em;
		
	}
	#c2right object{
		float:right;
	}
	#c2right img{
		float:right;
	}
	#c2right p{
		padding-right:4px;
		float:right;
		clear:both;
	}
	#c2left{
		float:left;
		width:380px;
		color:#FFFFFF;
		padding: 10px 10px 10px 10px;
	}
	#c2left h1{
		font-size: 1.3em;
	}
	/* ---- CONTENT ---- */
}
@media screen, print{
	#content {
		margin: 10px 10px 3em 20px;
		padding:0px 0px 0px 0px;
	}
}
@media screen{	
	#content .box {
		float:left;
		margin:0;
		padding:5px 0px 0 2px;
		background-image:url('../images/bg_box.gif');
		background-repeat:no-repeat;
		width:147px;
		height:160px;
		}
}
@media screen, print{
	#content .box h1{
		font-size: 1.1em;
		color:#d4635c;
		padding-left:2px;
		margin:0;
	}
	#content .box p{
		padding-left:2px;
		padding-right:4px;
		margin:6px 0 6px 0;
	}
	#content .first{
		background-image:url('../images/bg_box_beacon.gif');
		background-repeat:no-repeat;
	}
	#content .second{
		/*background-image:url('../images/bg_box_casestudies.gif');*/
		background-image:url(../images/bg_box.gif);
		background-repeat:no-repeat;
	}
	#content .second img{
		float:right;
		border:none;
		padding: 0 4px 0 0;
	}
	#content .third{
		background-image:url('../images/bg_box_news.gif');
		background-repeat:no-repeat;
	}
	#content .third a.news_arrow:link, #content .third a.news_arrow:visited{
		text-decoration: none;
		display:block;
		margin:0;
		padding: 0 0 0 8px;
		color:#7ba6b5;
		background: url('../images/news_arrow.gif') no-repeat 1px 4px;
	}
	#content .third a.news_arrow:hover{
		color:#7ba6b5;
		text-decoration: underline;
		background: url('../images/news_arrow.gif') no-repeat 1px 4px;
	}
	#content .forth{
		background-image:url('../images/bg_box.gif');
			background-repeat:no-repeat;
	}
	#content .fifth{
		background-image:url('../images/bg_box_library.gif');
			background-repeat:no-repeat;
	}
	#content a:link, #content a:visited{
		text-decoration: none;
		color:#d4635c;
	}
	#content a:hover{
		text-decoration: underline;
		color:#d4635c;
	}
}
	/* ---- FOOTER ---- */
@media screen{	
	#footer {
		position: absolute;
		top: 570px;
		left: 50%;				/* required for centering*/			
		margin-left:-393px;    	/* required for centering*/
		background-image:url('../images/bg_footer.gif');
		width:786px;
		height:31px;
	}
	
	#footer .footertext {
		padding: 4px 20px 0px 0px;
		font-weight:bold;
		color: #7eb197;
		text-align: right;
	}
	
	#footer a:link, #footer a:visited{
		text-decoration: none;
		color: #ffffff;
		font-weight:bold;
	 
	}
	#footer a:hover{
		text-decoration: underline;
		color: #ffffff;
		font-weight:bold;
		
	}
}

@media print {
		body {
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		color:#7c7c7c;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.7em;
	}
	
	#title img {
		float: right;
		padding: 0 10px 0 0;
		border:0;
	}
	
	#c2right{
	display:none;
	}
	
	#footer {
		display:none
	}
	#content .box {
		float:left;
		margin:10px;
		padding:5px 0px 0 2px;
    border:1px solid #CCCCCC;
		width:147px;
		height:160px;
		}
}