@charset "utf-8";
/* CSS Document */

#ifzdownload  {
	
	width: 200px;
	height: 330px;
	float: right;
	z-index: 1;
	background: #fff;
	border: 2px solid #d3cfc3; 
	
}

#ifzdownload p {
	text-align:center; 
	font-size: 0.6em; 
	margin: 5px 10px;
}

#ifzdownload p a {
	background: none;
	display:inline;
}

#ifzdownload a {
	background:#000 url(../Images/screen-link-small.jpg) no-repeat;
	width: 117px;
	height: 65px;
	display: block;
	margin: 6px auto;
	text-align:center;
	padding: 7px 7px 6px 7px;
}





#applications #border {
	width:547px;
	height:330px;
	margin: 0px;
	padding:0;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}

#applications  {
	
	width: 547px;
	height: 330px;
	position: relative;
	margin: auto;
	float: left;
	
}

#applications #hoverlayer {
	width:547px;
	height:330px;
	margin: 0px;
	padding:0;
	z-index: 6;
	position: relative;
	top: 0px;
	left: 0px; 
}

#applications iframe {
	width:493px;
	height:276px;
	margin: 27px;
	padding:0;
	z-index: 5;
	position: absolute;
	top: 0px;
	left: 0px;
}

#bodycontent .texthighlight {
	padding: 1px 20px;
	margin: 0; 
	font-weight: bold;
	font-size: 0.8em;
	
		width: 507px;
	float: left;
	}
	
#bodycontent .texthighlight p {
	margin: 5px;
	text-align: center;
	}



/* START OF HOVER BOXES FOR IF DEMO */

									
									
									/* DISPLAY SETTINGS */
									
									
									#applications #hoverlayer div#backgroundfade,
									#applications #hoverlayer #border,
									
									#applications #hoverlayer #background {
										position: absolute;
										z-index: 1;
										}
									
									#applications #hoverlayer #background,
									/* Primary School */
									#applications #hoverlayer div#clock,
									#applications #hoverlayer div#rss1,
									#applications #hoverlayer div#imageslide,
									#applications #hoverlayer div#tv,
									#applications #hoverlayer div#htmlslide,
									#applications #hoverlayer div#rss2,
									#applications #hoverlayer div#rss3,
										 {
										position: relative;
										z-index: 2;
										}
									


	
							
										
										#applications #hoverlayer div#borderexplaned,
										#applications #hoverlayer div#backgroundexplaned,
										
							
										#applications #hoverlayer div#clockexplaned,
										#applications #hoverlayer div#rss1explaned,
										#applications #hoverlayer div#imageslideexplaned,
										#applications #hoverlayer div#tvexplaned,
										#applications #hoverlayer div#htmlslideexplaned,
										#applications #hoverlayer div#rss2explaned,
										
										
										
										
										
          
              
										#applications #hoverlayer div#postersexplaned,
										#applications #hoverlayer div#advertsexplaned,
										#applications #hoverlayer div#bbcweatherexplaned,
										#applications #hoverlayer div#rssexplaned,
										#applications #hoverlayer div#tvexplaned


			  
										 {
										width: 300px;
										visibility: hidden;
										position: absolute;
										border: 1px solid #000;
										background-image: url(../Images/white-tint.png);
										padding: 0;
										z-index: 5;
										overflow: visible;
										font-size: 1.1em;
											}

											
											
										#applications #hoverlayer a.close {
											border: 1px solid #000;
											background: #e6e6e6;
											border-width: 0 0 1px 1px;
											float: right;
											width: 13px;
											height: 16px;
											margin: 0;
											z-index: 6;
											padding: 2px 4px 2px 6px;
											font-family: Helvetica, sans-serif;
											text-align: center;
											display: block;
											color: #000;
											text-decoration: none;
											font-size: 0.8em;
											font-weight: bold;
										}	
										
										#applications #hoverlayer a.close:hover {
											background: #c0bfbf;
										}
										
										#applications #hoverlayer .lefttext {
											float: left;
										}
										
										#applications #hoverlayer h2 {
											border-bottom: 1px solid #000;
											font-size: 0.55em;
											margin: 10px;
										}
										
										
										#applications #hoverlayer p {
											margin: 10px;
											text-align: justify;
											font-size: 0.55em;
											line-height: 1.5em;
											width: 255px;
										}
										
										#applications .lefttext p a {
											background: #c0bfbf;
											color: #000;
											font-weight: bold;
											text-decoration: none;
											border-bottom: 3px double #000;
										}
										
										#applications .lefttext p a:hover {
											background: #000;
											color: #fff;
										}
										
/* END OF HOVER BOXES FOR IF DEMO */
										
#appleft {
	width: 441px;
	float: left;
	margin: 15px 0 0 0;
	}
	
	
								
#appright {
	width: 310px;
	float: right;
	margin: 15px 0 15px 0;
	}
	
#appleft #casestudy {
	width: 400px;
	margin: auto;
	padding: 7px;
	border: 3px double #333333;
	background: #ebebeb;
	overflow: hidden;
	}
	
#appleft #casestudy p {
	float: right;
	width: 265px;
	}
	
#appleft #casestudy #csimages {
	margin: 10px 10px 10px 0;
	float: left;
	width: 121px;
}
	
#appleft #casestudy #csimages img {
	border: 1px solid #a13727;
	padding: 2px;
	background: #fff;
}

#appleft #casestudy .quote {
	border: 1px solid #c58873; 
	background: #eddbd2; 
	font-style: italic;  
	padding: 0 10px;  
	text-align: center;
	float: right;
	margin: 0 10px;
	width: 225px;
	font-size: 0.9em;
}

#appleft #casestudy .quote p {
	clear: both;
	width: 225px;
}
	
#appleft #casestudy h3 {
	margin: 0;
	padding: 2px;
	font-size: 0.9em;
	}
	
#appleft #casestudy h3 b {
	margin: 0;
	padding: 4px;
	display: block;
	font-size: 0.7em;
	}

#appright #testimonals,
#appright #aboutsedao {
	background: #fff;
	border: 2px solid #d3cfc3; 
	width: 300px; 
	float: left; 
	margin: 0 0 10px 0; 
	padding: 3px 3px 0 3px;
	}

#appright #testimonals {
	height: 180px;
	margin-bottom: 15px;
	}

#appright #testimonals h2,
#appright #aboutsedao h2 {
    background: #c68974 url(../Images/homepage-titles.jpg) repeat-x top; 
	font-size: 0.7em; 
	text-align: center; 
	color: #fff; 
	font-weight: bold; 
	padding: 3px; 
	margin: 0; 
	border: 0;
	}
	
#appright #testimonals h2 b{
	display: none;
	}

#appright #testimonals p,
#appright #aboutsedao p {
	padding: 1px 5px; 
	color: #383838;
	font-weight: bold;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 0.6em; 
	}

#appright #aboutsedao p {
	}

#appright #testimonals p {
	text-align: center;
	}

#appright #testimonals p i { 
	text-align: right; 
	font-size: 0.8em; 
	color:#868686; 
	font-weight: bold; 
	display: block;
	line-height: 1.4em;
	}


#ifzdownloadlarge  {
	width: 555px;
	overflow: hidden;
	margin: auto;
	background: #fff;
	border: 2px solid #d3cfc3; 
	padding: 10px 5px;
	
}


#ifzdownloadlarge p a {
	background: none;
	display:inline;
}

#ifzdownloadlarge a {
	background:#000 url(../Images/screen-link-large.jpg) no-repeat;
	width: 157px;
	height: 88px;
	display: block;
	float: left;
	text-align:center;
	margin: 0 5px;
	padding: 9px;
}