/** created by The Survey Initiative **/
/** www.surveyinitiative.co.uk **/

/* clear default margins - all browsers */
* {
	padding: 0px;
	margin: 0px;

}
#container
{
	width:950px;
	margin-left:20px;
	border:0px solid #999;
	background-color: #FFFFFF;
}
#header
{
	height: 10px;
	position: relative;
	clear:left;
	top: 15px; /* Space above date and contact us in header */
}

#navbar
{
	height: 15px
	position: relative;
}
#footer
{
	clear: both;
	padding:0.0em;
	color:black;
	background-color: #FFFFFF;
	border-bottom: 1px dashed #999;
	text-align: right;
	padding-right: 15px;
}
#left
{
	height:auto;
	width:160px;
	float: left;
	
}
	#left .block1
	{
		height: 160px;
		color: #FFFFFF;
		/*background-color: #982B42;*/
		background-image: url('../-images/squares/red.png');
		background-repeat: no-repeat;
		border: 10px solid #FFFFFF;
		width:160px;
		margin:0;
		padding:1em;
		text-align: right;
	}
	#left .block2
	{
		height: 160px;
		color: #FFFFFF;
		/*background-color: #8CA121;*/
		background-image: url('../-images/squares/green.png');
		background-repeat: no-repeat;
		border: 10px solid #FFFFFF;
		width:160px;
		margin:0;
		padding:1em;
		text-align: right;
	}
	#left .block3
	{
		height: 160px;
		color: #FFFFFF;
		/*background-color: #288498;*/
		background-image: url('../-images/squares/blue.png');
		background-repeat: no-repeat;
		border: 10px solid #FFFFFF;
		width:160px;
		margin:0;
		padding:1em;
		text-align: right;
	}
	#left .block3-engage
	{
		height: 185px;
		color: #FFFFFF;
		background-image: url('../-images/squares/engagement.png');
		border: 10px solid #FFFFFF;
		width:185px;
		margin:0;
		/*padding:1em;*/
		
	}
	#left .block3-opinion
	{
		height: 185px;
		color: #FFFFFF;
		background-image: url('../-images/squares/opinion.png');
		border: 10px solid #FFFFFF;
		width:185px;
		margin:0;
		/*padding:1em;*/
		
	}
	#left .block3-360
	{
		height: 185px;
		color: #FFFFFF;
		background-image: url('../-images/squares/sky.gif');
		border: 10px solid #FFFFFF;
		width:185px;
		margin:0;
		/*padding:1em;*/
		
	}
		#left .block3-bench
	{
		height: 185px;
		color: #FFFFFF;
		background-image: url('../-images/squares/360.gif');
		border: 10px solid #FFFFFF;
		width:185px;
		margin:0;
		/*padding:1em;*/
		
	}
#content
{
	float: right;
	min-height: 585px;
	width: 710px;
	/*background-color: #FFFFFF;*/
	background-image: url('../-images/circlebackdrop.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	border: 10px solid #FFFFFF;
	padding-right:1em;
	padding-bottom:1em;
	overflow: none;
	}
	
	* html #content{height:585px}

	
#content .clients
{
	/* The align and margin functions have to be included to centre the DIV */
	align: centre;
	margin: 0px auto;
	height: auto;
	width: 75%;
	border: 1px solid #999;
	overflow: none;
	
}
#content .downloads
{
	float: left;
	height: 400px;
	width: 90%;
	overflow: auto;
	
}
#content .links
{
	float: left;
	height: 400px;
	width: 90%;
	overflow: auto;
	
}
#content .quotes
{
	float: right;
	height: 185px;
	width: 185px;
	background-image: url('../-images/quotes/square.gif');
	background-repeat: no-repeat;
	margin-left: 20px;
	/*opacity: 0.35;
	-moz-opacity: 0.35;
	filter:alpha(opacity=35);*/

}

#content .graphsright
{
	float: right;
	height: auto;
	width: 200px;
	overflow: none;
	padding: 5px 10px 5px 5px;
	margin: 0px 10px 5px 20px;
	border: 1px solid #8CA121;
	border-bottom: 1px solid #8CA121;
	background-color: white ;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);

}


#content .graphs
{
	float: right;
	height: auto;
	width: 300px;
	overflow: none;
	padding: 5px 10px 5px 5px;
	margin: 0px 10px 5px 20px;
	border: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: white ;
}

#content .graphsleft
{
	float: left;
	height: auto;
	width: 200px;
	overflow: none;
	padding: 5px 10px 5px 5px;
	margin: 0px 20px 5px 5px;
	border: 1px solid #8CA121;
	border-bottom: 1px solid #8CA121;
	background-color: white ;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);

}

#content .reports
{
	float: none;
	height: auto;
	width: 90%;
	margin: 0 auto;
}

#content .tel
{
	margin-left: 35px;
	float:none;
	background-image: url('../-images/other/telephone.jpeg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 35px

}
#content .email
{
	margin-left: 35px;
	float:none;
	background-image: url('../-images/other/email.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 35px

}

#content .surveyexamples
{
	/* The align and margin functions have to be included to centre the DIV */
	align: centre;
	margin: 0px auto;
	height: auto;
	width: 650px;
	/*padding: 5px;*/
	border: 1px solid #999;
	overflow: none;
	padding-bottom: 5px;
	
}

#coloumns
{
	/* The align and margin functions have to be included to centre the DIV */
	align: centre;
	margin: 0px auto;
	width: 651px;
}

#coloumns .leftcoloumn
{
	float: left;
	position: relative;
	height: 185px;
	width: 185px;
	text-align: left;
	/*border: 1px solid #999;*/
	/*background-image: url('../_images/other/grass1.jpeg');*/
	margin-left: 10px;
	margin-right: 10px;
	z-index: 1;
}

#coloumns .middlecoloumn
{
	float: left;
	position: relative;
	height: 185px;
	width: 185px;
	/*border: 1px solid #999;*/
	/*background-image: url('../_images/other/grass1.jpeg');*/
	margin-left: 10px;
	margin-right: 10px;
	z-index: 1;
}

#coloumns .rightcoloumn
{
	float: left;
	position: relative;
	height: 185px;
	width: 185px;
	/*border: 1px solid #999;*/
	/*background-image: url('../_images/other/grass1.jpeg');*/
	margin-left: 10px;
	margin-right: 10px;
	z-index: 1;
}

#coloumns .leftcoloumn1
{
	float: left;
	height: 100px;
	width: 185px;
	/*border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;*/
	/*background-image: url('../_images/other/grass1.jpeg');*/
	margin-left: 10px;
	margin-right: 10px;
}

#coloumns .middlecoloumn1
{
	float: left;
	height: 100px;
	width: 185px;
	/*border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;*/
	/*background-image: url('../_images/other/grass1.jpeg');*/
	margin-left: 10px;
	margin-right: 10px;
}

#coloumns .rightcoloumn1
{
	float: left;
	height: 100px;
	width: 185px;
	/*border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;*/
	/*background-image: url('../_images/other/grass1.jpeg');*/
	margin-left: 10px;
	margin-right: 10px;
}

#pies
{
	width: 690px;
}

#pies .pie
{
	height: 185px;
	width: 200px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	/*background-image: url('../_images/quotes/square.gif');
	background-repeat: no-repeat;*/

}

#pies .pietext
{
	height: auto;
	width: 455px;
	margin-top: 75px;
	margin-right: 10px;
	float: left;
}

#coloumns .leftcoloumn4
{
	float: left;
	height: 185px;
	width: 185px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#coloumns .middlecoloumn5
{
	float: left;
	height: 185px;
	width: 185px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#coloumns .rightcoloumn6
{
	float: left;
	height: 185px;
	width: 185px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#coloumns .leftcoloumn8
{
	float: left;
	height: auto;
	width: 304px;
	/*margin-top: 10px;*/
	margin-left: 8px;
	margin-right: 8px;
}

#coloumns .rightcoloumn9
{
	float: right;
	color: #000000;
	height: auto;
	width: 304px;
	/*margin-top: 10px;*/
	margin-left: 8px;
	margin-right: 8px;

}

#blueblock
{
	
	position:relative;
	width:100%;
	height: 20px;
	color: #FFFFFF;
	background-color: #8CA121;
}

#blueblock1
{
	
	position:relative;
	width:100%;
	height: 20px;
	color: #FFFFFF;
	border-bottom: 1px dashed #999
}

#chartdiv
{
	padding-top: 8px;
}

/* Example questionnaire style setup */

#surveytop
{
	width: 615px;
	height: auto;
	/*background-image: url(../../images/gif logo no back - normal.gif);*/
	background-repeat: no-repeat;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

#surveymiddle
{
	width: 615px;
	height: auto;
	margin: auto;
	background-color: #ECEEEF;
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-right: 10px;
	padding-left: 10px;

}

#surveybottom
{
	width: 615px;
	height: auto;
	margin: auto;
	background-color: #ECEEEF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#surveytop1
{
	width: 750px;
	height: auto;
	/*background-image: url(../../images/gif logo no back - normal.gif);*/
	background-repeat: no-repeat;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

#surveymiddle1
{
	width: 750px;
	height: auto;
	margin: auto;
	background-color: #ECEEEF;
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-right: 10px;
	padding-left: 10px;

}

#surveybottom1
{
	width: 750px;
	height: auto;
	margin: auto;
	background-color: #ECEEEF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}