/** created by Positive New Media **/
/** www.positivenewmedia.co.uk **/

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

/* positional divs ------------------------------------------------------------------------*/

html, body { background:#00325c url(../_images/employee-survey-common/page-bg-tile.gif) 0 0 repeat; padding:0 0 50px 0; }

#page { width:816px; background:#fff; margin:0 auto; position:relative; }

.page-padding { /* main centred wrapper */
width:780px;
margin:0 auto;
/*margin:20px 0 100px 0;*/
padding:60px 0 20px 0;
background-color:#FFF;
/*border:solid #fff 1px;*/
}

#headerArea {
width:780px;
}
	#headerAreaTop {
	}
	#headerAreaBottom {
	width:780px;
	float:left;
	}
		#secondaryNavArea {
		width:182px;
		height:199px;
		float:left;
		/*background:url(../_images/staff-survey-_misc/staff-survey-_header_dotted_line.gif) right top repeat-y;*/
		}
		#headerImageArea {
		width:580px;
		height:191px;
		float:right;
		border-bottom:#00355f 20px solid;
		}
		#headerImageArea img {
		height:190px;
		overflow:hidden;
		}
		#headerImageAreaHome {
		width:780px;
		height:191px;
		float:right;
		border-bottom:#00355f 20px solid;
		}

#mainArea {
width: 780px;

float:left;
}
	#mainAreaLeft {
	width:180px;
	float:left;
	}
		#mainAreaLeftContent {
		/*padding: 29px 16px 0 18px*/
		padding:17px 16px 0 0;
		}
			#mainAreaLeftContent ul { /* creates default bullet style for left content area */
			list-style-type: disc;
			list-style-position: inside;
			}
			#mainAreaLeftContent ul li { /* creates default bullet style for left content area */
			padding:0 0 1.1em 0;
			font-size:1.1em;
						}
		.promoSpacer {
		padding:0 0 9px 0;
		}
	#mainAreaRight {
	width:599px;
	/*margin: 0 0 15px 0;*/
	margin:15px 0;
	float:right;
	/*background:url(../_images/staff-survey-_misc/staff-survey-_header_dotted_line.gif) left top repeat-y;*/
	background:url(../_images/employee-survey-common/dotted-vertical-tile-blue.gif) 0 0 repeat-y;
	}
		#mainAreaRightContent {
		/*padding: 15px 18px 0 19px;*/
		padding: 0 0 0 19px;
		float:left;
		}
			#column1 {
			width:127px;
			float:left;
			}
			#oursurveymethodologyPage #column1 { /*creates variation to the column width for the survey methodology page */
			width:108px;
			height:310px;
			/*background-color:#a5b1cb;*/
			background:#daedf7;
			}
			#column2 {
			width:127px;
			float:left;
			}
			#oursurveymethodologyPage #column2 { /*creates variation to the column width for the survey methodology page */
			width:108px;
			/*background-color:#f3c3c9;*/
			background:#daedf7;
			height:310px;
			}
			#column3 {
			width:127px;
			float:left;
			}
			#oursurveymethodologyPage #column3 { /*creates variation to the column width for the survey methodology page */
			width:108px;
			/*background-color:#efa9b6;*/
			background:#daedf7;
			height:310px;
			}
			#column4 {
			float:right;
			/*width: 127px;*/
			width:145px;
			}
			#oursurveymethodologyPage #column4 { /*creates variation to the column width for the survey methodology page */
			width:108px;
			height:310px;
			float:left;
			/*background-color:#f3c3c9;*/
			background:#daedf7;
			}
			#oursurveymethodologyPage #column5 { /*creates variation to the column width for the survey methodology page */
			width:108px;
			height:310px;
			float:left;
			/*background-color:#a5b1cb;*/
			background:#daedf7;
			}
			#oursurveymethodologyPage #column1 p, 
			#oursurveymethodologyPage #column2 p, 
			#oursurveymethodologyPage #column3 p, 
			#oursurveymethodologyPage #column4 p,
			#oursurveymethodologyPage #column5 p { /* adjust paragraph spacing for text in survey methodology page columns*/
			padding: 0 0 0.5em 0;
			}
				#column1 ul, #column2 ul, #column3 ul { /* creates default bullet style for frist 3 columns */
				list-style: none;
				padding: 0 0 1.1em 0;
			    }
				#column1 ul li, #column2 ul li, #column3 ul li { /* creates default bullet style for frist 3 columns */
				padding:0 0 0.3em 1px;
				font-size:1.1em;
				}
				#oursurveymethodologyPage #column1 ul, #oursurveymethodologyPage #column2 ul, #oursurveymethodologyPage #column3 ul { /* creates default bullet style for frist 3 columns  - FOR SURVEY METHODOLOGY PAGE */
				list-style: none;
				padding: 0 0 1.1em 0;
			    }
				#oursurveymethodologyPage #column1 ul li, #oursurveymethodologyPage #column2 ul li, #oursurveymethodologyPage #column3 ul li { /* creates default bullet style for frist 3 columns  - FOR SURVEY METHODOLOGY PAGE */
				padding-left:12px;
				background-image:url(../_images/staff-survey-_misc/staff-survey-_transparent_bullet.gif);
				background-repeat:no-repeat;
				
			    
/*				padding: 0 0 0.4em 0;*/
				}
				.noLineHeight { /* because the image is less than the line height and ie maintains the LH otherwise */
				line-height:9px;
				}
			#wideColumnAboutUs { /* variation on the wide column style specificaly for the team meber pages */
			/*width:562px;*/
			width:580px;
			float:left;
			padding: 9px 0 0 0;
			}
				.teamMember {
				float:left;
				width:580px;
				margin:0 0 1em 0;
				}
					.teamMemberText {
					float:left;
					width:317px;
					}
					.teamMemberImage {
					float:right;
					width:230px;
					}
					.teamMemberImageWrapper {
					width:230px;
					height:155px;
					border-bottom:#00355F 5px solid;
					margin:0 0 4px 0;
					overflow:hidden;
					}
		
			#wideColumn {
			width:417px;
			float:left;
			/*padding: 9px 0 0 0;*/
			}
				#wideColumn ul { /* creates default bullet style for main content area */
				list-style-type:none; 
				margin:0 0 1em 0;
			    }
				#wideColumn ul li { /* creates default bullet style for main content area */
				/*background-image:url(../_images/staff-survey-_misc/staff-survey-_transparent_bullet_red.gif);
				background-repeat:no-repeat;
				padding: 0 0 2px 15px;*/
				padding:0 0 0 10px; 
				background:url(../_images/employee-survey-common/bullet-dark-blue.gif) 0 5px no-repeat;
				font-size:1.2em;
				}
			.columnMargin { /* used to wrap around a div column to add a right handside margin to it */
			margin: 0 18px 0 0;
			float:left;
			}
			.columnPadding { /*creates a margin within the text columns on the survery methodology page */
			padding:11px 8px;
			}
			.columnPaddinglightPink { /*creates a margin within the text columns on the survery methodology page - with a dark pink background */
			padding:11px 8px;
			/*background: #f3c3c9;*/
			background:#daedf7 url(../_images/employee-survey-common/dotted-tile-blue.gif) left bottom repeat-x;
			}
			.columnPaddingAct { /*creates a margin bigger top margin for the ACT column */
			padding:60px 8px 11px 8px;
			}
			#oursurveymethodologyPage .columnMargin { /* variation on the syle above for the survery methodology page */
			margin: 0 5px 0 0;
			float:left;
			}
			#fullWidthColumn {
			float:right;
			width:400px;
			padding:25px 0 0 0;
			}
			#communicationFullWidthColumn { /*creates the full width column for the survey methodology page */
			float:left;
/*			width: 561px;*/
			padding: 5px 0 0 0;
			}
			
			
			#fullWidthColumn img {
			float:right;
			}
/*#footerArea {
float:left;
height: 30px;
}*/


.blueBackground {
background: #E5EAEF;
}
.pinkBackground {
background: #FBE6EF;
}
/** height definitions **/
/** used when main content is shorter than side content - use tis to increase the size of the main content so the dotted line extedns correctly**/
.height445 { 
min-height:445px;
}
.height550px { 
min-height:550px;
}
.height315 { 
min-height:315px;
}
/* patch for IE6 win - min-height problem */
	
	/*\*/
	* html .height315{
	height: 315px;
	}
	/**/
	/*\*/
	* html .height550{
	height: 550px;
	}
	/**/
	* html .height445{
	height: 445px;
	}
	/**/



/*	absolutely positioned content ------------------------------------------------------*/
/*	places promo discs on survery methodology page -------------------------------------*/
#actionplanDisc {
	position:absolute;
	/*top:344px;
	left:536px;*/
	top:35px;
	left:327px;
	z-index:50;
}
#feedbackDisc {
	position:absolute;
	/*top:569px;
	left:392px;*/
	top:262px;
	left:182px;
	z-index:51;
} 

/*	floats -----------------------------------------------------------------------------*/
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearboth {
	clear:both;
}

/* flash promo */
#recentClientsPromo {
/*width:146px;
height:273px;*/
width:163px;
height:193px;
overflow:hidden;
}
/* eblog btn */
#eblogBtn a {
width:165px;
height:128px;
display:block;
background:url(../_images/staff-survey-_misc/e-blog-promo.gif) left top no-repeat;
}
	/*#eblogBtn a:hover {
	background-position:bottom;
	}*/
	#eblogBtn a span {
	display:none;
	}

/* blog start */
.eblogTop {
float:left;
background:url(../_images/employee-survey-blog/e-blog-top.gif) left bottom no-repeat;
}
.eblogBottom {
background:url(../_images/employee-survey-blog/e-blog-bottom.gif) left top no-repeat;
}
.promoSpacerBlog {
padding:26px 0 9px 0;
}
.blogColumn4 {
background:url(../_images/employee-survey-blog/blog-column4-dotted.gif) left top no-repeat;
}
#wideColumnBlog {
width:417px;
float:left;
}
.blogPost {
padding:12px 0 12px 0;
background:url(../_images/staff-survey-_misc/staff-survey-_secondary_nav_dotted_line.gif) left top repeat-x;
}
.addthis_container {
float:right;
}
.blogImage {
margin-bottom:1em;
}
.nextPrev {
width:417px;
background:url(../_images/staff-survey-_misc/staff-survey-_secondary_nav_dotted_line.gif) left top repeat-x;
padding-top:10px;
}
.next {
float:right;
}
.prev {
float:left;
}
.blogPost ul {
margin-bottom:1em;
list-style-type:none;
/*margin-left:1.6em;*/
}
#wideColumnBlog ul li {
background-image:url(../_images/staff-survey-_misc/staff-survey-_transparent_bullet_red.gif);
background-repeat:no-repeat;
font-size:1.1em;
padding:0 0 2px 15px;
}

#blogLink {
position:absolute;
z-index:2000;
width:160px;
height:125px;
top:185px;
left:10px;
}
#blogLink a {
width:160px;
height:125px;
display:block;
text-decoration:none;
}
#blogLink span {
display:none;
}

/*.next a, .prev a {
color:#DB0962;
}*/
/* blog end */

