/*-----------------------------------------------------------------------------
Gordon Web Site
-----------------------------------------------------------------------------*/
/* Importing navigation styles */
@import url(/assets/stylesheets/navigation/primary.css);
@import url(/assets/stylesheets/navigation/secondary.css);


/* =Importing rules
-------------------------------------------------------*/
@import url("/assets/stylesheets/general/uaStyleOverriders.css");
@import url("/assets/stylesheets/general/helperClasses.css");

/* Importing branding modules */
@import url("/assets/stylesheets/sIFR/sIFR.css");
@import url("/assets/stylesheets/modules/header.css");
@import url("/assets/stylesheets/modules/footer.css");
@import url("/assets/stylesheets/modules/contact-form.css");
@import url("/assets/stylesheets/modules/blog.css");

/* Importing pageSpecific stylies */
@import url("/assets/stylesheets/pagespecific/homepage.css");

/* =Main container boxes
-----------------------------------------------------------------------------*/
#container{
	margin: 0px auto;
	background: url(../images/pageBg.jpg) repeat-y top center;
	}
	#content{
		background:#fff url(../images/colbg225.gif) repeat-y right;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		padding:146px 0 0;
		position:relative;
		width:900px;
		}
		#brandimage,#brandimage2{
		background:#000;
		text-align:center;
		}
		#brandimage2 {
			line-height:0em; 
			font-size:0em; 			
			width:615px; 
			float: left; 
			margin: -25px -25px 25px; 
			overflow: hidden;			
			}
			#brandimage img,
			#brandimage2 img{
				margin:0 auto;
				}
				#brandimage2 img {border-bottom:1px solid #000; }
		.content-left{
			float:left;
			padding:25px 39px 30px 40px;
			text-align:left;
			width:675px;
			w\idth:596px;
			font-size:1.2em;
			}
		.content-right{
			background:#F6F9F5 none repeat scroll 0% 0%;
			float:right;
			text-align:left;
			padding:20px 20px 30px;
			width:225px;
			w\idth:185px;
			}
			.content-right h2{ margin-bottom:10px;}
			
/* content's element styles */
.content-left img{
	float:left;
	margin:3px 10px 0px 0px;
	}
body.article #content .content-left p,
body.service #content .content-left p,
.content-left p{
	margin:10px 0;
	font-size:1em;
	}
body.article #content .content-left h2{
	font-size:1.2em;
	margin:15px 0px 10px;
	}	
/* CSR styles */	
	body.csr #content .content-left p{
		font-size:1.1em;
		margin:10px 0;
		}
	body.csr #content .content-left table {
		border:none;
		margin:10px 20px 20px;
		text-align:center;
		width:505px;
		}
		body.csr #content .content-left table td p{ text-align:left;}
		body.csr #content .content-left table td {
			border-bottom:1px solid #CCCCCC;
			padding:5px 10px;
			vertical-align:top;
			}
	body.csr #content .content-left ul{
		margin:10px 0px;
		}		
		body.csr #content .content-left ul li{
			font-size:1em;
			line-height:1.4em;
			list-style-type:disc;
			margin-left:25px;
			}
			body.csr #content .content-left ul.item-list li {
				list-style: none;
				margin-left: 0;
				padding: 5px 0;
				}
			#content .content-left ul{ margin: 10px 0;}
			#content .content-left ul li{
				font-size:1em;
				list-style-type:disc;
				margin-left:25px;
				line-height:1.4;
				}
			ul.bordered {
				margin:0 0 15px;
				}
			ul.bordered li {
				border-bottom:1px solid #CCCCCC;
				list-style-type:none !important;
				margin:15px 0 0 !important;
				line-height:1.4;
				font-size:1em;
				padding:0 0px 15px;
				}
			/* bordered UL */
			#content .content-left ul.vacancies{
				border-top:1px solid #CCCCCC;
				line-height:1.4em;
				margin:42px 0px 15px;
				}
				#content .content-left ul.vacancies li{
					margin-left:0;
					padding:0 0 5px;
					list-style-type:none;
					}
					#content .content-left ul.vacancies li p{
						font-size:1em;
						margin:10px 0;
						}								
					ul.vacancies li dl,
					body.article dl{
						line-height:1.6em;
						margin:10px 0px;
						}
						body.article dl{font-size:1em;}
						ul.vacancies li dt, body.article dt{
							float:left; 
							margin-right:5px;}
						ul.vacancies li dd, body.article dd{ font-weight:bold;}
.line{
	border-bottom:1px solid #CCC;
	line-height:1px;
	height:1px;
	margin:5px 0;
	}						
p.title {
	line-height:1.4em;
	margin:0 0 10px;
	font-size:1.5em !important;
	}
p.small-title{
	font-size:1.3em !important;
	font-weight:bold;
	}
	
/* home & service page layout */	
h2.blackbg,
h2.greybg,
h2.redbg{
	background:#000;
	padding:7px 20px;
	color:#fff;
	}
h2.greybg{
		background:#EDEDED;
		color:#000;
		margin:0 0 15px;
		padding:5px 20px;
		}
h2.redbg,
span.redbg{
		background:#91342F;		
		margin: 10px 0 15px;
		padding:5px 20px;
		}
span.redbg{
		display:block;
		font-size:1.3em;}
.content-right h2.redbg {padding: 5px 10px;}		
	.information{
		background:#F6F9F5;
		margin:0 0 20px;
		padding:13px 0;
		overflow:hidden;
		}
	.information.wide{
		background:#F6F9F5;
		margin:0 0 20px;
		padding:13px 20px;
		}
		p.date{
			color:#666666;
			font-style:italic;
			}
		.information.wide h3{color:#000;}	
		.information h3{
			color:#6D3041;
			font-size:1.3em;
			font-weight:bold;
			}
			.information h4{margin:10px 0 0;}	
			.col1{
				border-right:1px solid #ccc;
				padding:0 18px 15px 19px;
				float:left;
				width:275px;
				w\idth:237px;
				}
			.col2{
				float:left;
				padding:0 20px 15px 15px;
				width:285px;
				w\idth:250px;
				}
/*  people details */
.people{
	padding:0 0 20px;
	}
		.people img	{
			width:100px;
			float:none;
			margin:0 !important;
			}
		.people dt,
		.people-profile dt{
			color:#999999;
			font-size:1.2em;
			margin:10px 0px 0px;
			}
		.people dd,
		.people-profile dd {
			font-size:1.2em;
			font-weight:bold;
			}
		body.people .people dd, .people-profile dd {font-weight:normal;}	
			.people dd a, .people-profile dd a{font-weight:normal;}
	.content-left .people dt, 
	.content-left .people dd {font-size:1em;}
	.people-text {
		float:left;
		padding:0 25px 0 0;
		width:410px;
		w\idth:385px;
		}
	.people-text p{margin:10px 0;}		
.intro{
	margin:0px 20px 10px;
	padding-bottom:10px;
	}									
.col2 .news-item p{margin:5px 0 !important;}

/* What you need to know */
.block-pad {padding: 0 20px 5px 20px;}
.block-pad strong.title {
	font-size: 1em;
	display: block;
	margin-top: 20px;
	
}
.block-pad strong.title a {text-decoration: none;}
.block-pad .news-item{margin-bottom:20px;}
li.NeedKnowGroupDiv{border-bottom:1px solid #CCCCCC !important;}

/* = Case study
---------------------------------------- */
#content .content-left .b-case-list li {
	float:left;
	font-size:1em !important;
	list-style-type:none !important;
	margin:15px 0 0 !important;
	padding:0 0 5px;
	list-style-type:none;
	}
	.b-case-list li h2,
	.case-title {
		background:#ededed;
		padding:5px 20px;
		position:relative;
		margin:0 0 30px -15px;
		}
	.case-title  {
		margin-top:30px;
		margin-bottom:10px;
		}	
	.b-case-list li h2 a {
		text-decoration:none;
		}
	.b-case-list li img,
	.content-left img.b-case-img {
		float:right;
		margin:-10px 0 20px 20px;
		position:relative;
		}	
	.case .people-teams 	 {
		border-top:0;
		}
	.case ul.team-list, 	
	.case .ul.team-list li	 {
		height:220px;
		}
	.case ul.team-list li {
		padding:0 46px 10px 0;
		}
	.case img.right {
		float:right !important;
		margin:0 0 20px 20px;
		}	
	.content-left ul.quote-list li {
		list-style-type:none !important;
		margin-left:0 !important;
		background:#ededed;
		color:000;
		margin:0 0 26px;
		padding:20px 20px 15px 36px;
		height:1%; /* Fix for MSIE peekaboo bug */
		}	
	.quote-list blockquote {
		border:0 !important;
		color:#000;
		padding:0 0 10px;
		font-size:1.333em;
		}
		.quote-list blockquote em.q-end {
			background:url('../../images/quotes.gif') no-repeat -29px 0;
			position:absolute;
			width:29px;
			height:27px;
			margin:5px 0 0 7px;
			text-indent:-999em;
			}	
			.quote-list blockquote em.q-st {
				background:url('../../images/quotes.gif') no-repeat 0 0;
				width:29px;
				height:27px;	
				overflow:hidden;
				display:block;
				float:left;
				margin:-5px 5px 0 0;
				text-indent:-999em;
				} 
	.quote-list cite {
		width:240px;
		display:block;
		float:right;
		font-style:normal;
		}		
/* = Employment tool
---------------------------------------- */
.third-column #content {
	background-image:none;
	position:relative;
	}
	 .content{
		background:#fff url(../../images/content-borders.gif) repeat-y 300px 0;
		margin-bottom:30px;
		overflow:hidden;
		}
	.third-column #content .content-left ul	 {
		margin:3px 0 17px;
		}
		.third-column #content .content-left ul li{
			margin-left:20px;			
			}
		.third-column .content-left p.mt4{
			margin:4px 0 17px;
			}
		
		
.third-column .content-left {
	width:240px;
	padding:0 20px 0 40px;
	}
.third-column .content-right {
	background:none;
	float:left;
	width:260px;
	padding:0 20px;
	font-size:1.2em;
	}
	.third-column .content-right p {
		margin:10px 0;
		font-size:1em;
		}
		.third-column .content-right fieldset.register{
			border-top:1px solid #f0f0f0;
			padding:15px 0 10px;
			width:auto;
			}
		.third-column .content-right .error {
			color:#91342f;
			}
.third-content {
	position:absolute;
	float:right;
	font-size:1.2em;
	overflow:hidden;
	padding:209px 40px 30px 20px;
	text-align:left;
	top:0;
	right:0;
	width:240px;	
	}
	.third-content h2 {
		margin:0 0 1em;
		}
	.third-content fieldset.register{
		padding:15px 0 10px;
		}	
	.h2-bt {
		border-top:1px solid #f0f0f0;
		padding:20px 0 0;
		margin:20px 0 10px;
		}	
	.third-column input.submit,
	.third-column fieldset.register input.submit{
		background:#e8ebe8 url(../../images/submit.gif) no-repeat 0 0;
		width:102px;
		height:30px;
		color:#000;
		font-family:"Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
		font-size:1.375em;
		border:0;
		float:right;
		}	
.employment-link img {
	margin:-20px 0 35px;
	}	

.video-sample {
	display: block;
	width: 245px;
	position: relative;
	background: url(/images/branding/video-play-bg.png) no-repeat center;
	}	
	.video-sample a {
		background: url(/images/branding/video-play-bg.png) no-repeat center;
		display: block;
		width: 245px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		text-indent: -9999px;
	}