/*

	AN IMPACT CREATIVE WEBSITE
	BY CHARLIE CARLTON
	@ impactcreative.co.uk
	
*/

@import url('reset.css');
@import url('menu.css');
@import url('SpryValidationCheckbox.css');
@import url('SpryValidationRadio.css');
@import url('SpryValidationSelect.css');
@import url('SpryValidationTextField.css');
@import url('SpryValidationTextarea.css');

body {
	background-color:#EBEBEB;
	margin:0;
	padding:0 0 20px 0;
	font:300 14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
}

#wrapper {
	width:980px;
	margin:0 auto;
}

/* Globals */

strong {
	font-weight:900;
}

p {
	margin-bottom:10px;
}

a {
	color:#1764B0;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#1764B0;
}

/* Spacers */

.cleardiv20 { width:100%; clear:both; height:20px;}

/* Header */

#header {
	width:980px;
	margin:20px auto 0 auto;
	background-image:url('../images/header-bg.jpg');
	background-repeat:no-repeat;
	height:90px;
}

	#header #logo {
		width:233px;
		height:50px;
		margin-top:20px;
		margin-left:20px;
		float:left;
	}
	
	#header #contact {
		width:240px;
		float:right;
		margin-top:16px;
		margin-right:20px;
		font:300 18px Arial, Helvetica, sans-serif;
		color:#3FB9E7;
		text-align:right;
	}
	
		#header #contact strong {
			color:#000000;
		}
		
#splash {
	background-image:url('../images/splash-bg.png');
	width:980px;
	margin:20px auto 0 auto;
	height:170px;
	color:#FFFFFF;
}

	#splash h1 {
		font-size:36px;
		font-weight:300;
		margin:0;
		padding:50px 0 0 36px;
		letter-spacing:-2px;
	}
	
	#splash h2 {
		font-size:30px;
		font-weight:300;
		margin:0;
		padding:0 0 0 36px;
		line-height:20px;
		letter-spacing:-1.5px;
	}

#floating-splash {
	position:absolute;
	top:136px;
	right:50%;
	margin-right:-490px;
}

/* Content */

#content {
	width:980px;
	margin:20px auto 0 auto;
}

#content h1 {
	font-size:36px;
	font-weight:300;
	line-height:34px;
	letter-spacing:-2px;
	margin-bottom:20px;
	text-align:left;
}

#content h2 {
	font-size:24px;
	font-weight:300;
	line-height:24px;
	letter-spacing:-2px;
	margin-bottom:15px;
}

#content-full-top {
	width:980px;
	float:left;
	height:20px;
	background-image:url('../images/content-full-top.jpg');
	background-repeat:no-repeat;
}

#content-full-bottom {
	width:980px;
	float:left;
	height:20px;
	background-image:url('../images/content-full-bottom.jpg');
	background-repeat:no-repeat;
}

#content-full {
	width:940px;
	float:left;
	background:#FFFFFF;
	padding:0 20px;
}

#left {
	width:480px;
	float:left;
}

	#content-left-480-top {
		width:480px;
		float:left;
		height:20px;
		background-image:url('../images/content-480-top.jpg');
		background-repeat:no-repeat;
	}
	
	#content-left-480-bottom {
		width:480px;
		float:left;
		height:20px;
		background-image:url('../images/content-480-bottom.jpg');
		background-repeat:no-repeat;
	}

	#content-left-480 {
		width:440px;
		float:left;
		background:#FFFFFF;
		padding:0 20px;
	}
	
#news-archive-list {
	width:440px;
	margin:0 auto;
}

	#news-archive-list .box {
		width:440px;
		margin:0 auto 10px auto;
		border-bottom:1px solid #EBEBEB;
		padding:10px 0;
	}
	
		#news-archive-list .box h1 {
			font-size:24px;
			font-weight:900;
			margin:0;
			padding:0;
			line-height:26px;
			margin-bottom:10px;
		}
		
		#news-archive-list .box h1 a {
			color:#000000;
			text-decoration:none;
		}
		
		#news-archive-list .box h1 a:hover {
			text-decoration:underline;
		}

		#news-archive-list .box .date {
			width:66px;
			height:66px;
			float:left;
			margin-right:23px;
			background-image:url('../images/blog_date_bg.jpg');
			background-repeat:no-repeat;
			text-align:center;
		}
		
			#news-archive-list .box .date .day {
				font-size:45px;
				font-weight:900;
				color:#FFFFFF;
				line-height:45px;
				letter-spacing:-2px;
			}
			
			#news-archive-list .box .date .monthyear {
				font-size:16px;
				color:#FFFFFF;
				font-weight:300;
				line-height:20px;
				letter-spacing:-1.5px;
				text-transform:uppercase;
			}
		
		#news-archive-list .box .content {
			width:351px;
			float:left;
		}
		
	#news-archive-list #pager-box {
		width:440px;
		margin:0 auto;
	}
	
		#news-archive-list #pager-box .paging-left {
			float:left;
			width:9px;
			height:13px;
			margin-top:2px;
		}
		
		#news-archive-list #pager-box .paging-numbers {
			float:left;
			width:402px;
			margin-left:10px;
			margin-right:10px;
			text-align:center;
			line-height:17px;
		}
		
			#news-archive-list #pager-box .paging-numbers ul {
				list-style:none;
				margin:0;
				padding:0;
			}
			
			#news-archive-list #pager-box .paging-numbers ul li {
				display:inline;
				margin:0 3px;
			}
			
			#news-archive-list #pager-box .paging-numbers ul li.current {
				padding:0;
				color:#1764B0;
				font-weight:900;
			}
			
			#news-archive-list #pager-box .paging-numbers ul li a {
				padding:0;
				text-decoration:none;
				color:#000000;
			}
			
			#news-archive-list #pager-box .paging-numbers ul li a:hover {
				text-decoration:underline;
			}
		
		#news-archive-list #pager-box .paging-right {
			float:left;
			width:9px;
			height:13px;
			margin-top:2px;
		}
		
#blog-view {
	width:940px;
}

	#blog-view #blog-top {
		width:940px;
		margin:0 auto 20px auto;
		border-bottom:1px solid #EBEBEB;
		padding-bottom:20px;
	}

		#blog-view #blog-top #top-left {
			width:66px;
			margin-right:23px;
			float:left;
		}
		
			#blog-view #blog-top #top-left .date {
				width:66px;
				height:66px;
				float:left;
				margin-right:23px;
				background-image:url('../images/blog_date_bg.jpg');
				background-repeat:no-repeat;
				text-align:center;
			}
			
				#blog-view #blog-top #top-left .date .day {
					font-size:45px;
					font-weight:900;
					color:#FFFFFF;
					line-height:45px;
					letter-spacing:-2px;
				}
				
				#blog-view #blog-top #top-left .date .monthyear {
					font-size:16px;
					color:#FFFFFF;
					font-weight:300;
					line-height:20px;
					letter-spacing:-1.5px;
					text-transform:uppercase;
				}
		
		#blog-view #blog-top #top-right {
			width:851px;
			float:left;
		}
		
			#blog-view #blog-top #top-right h2 {
				line-height:30px;
				font-size:24px;
				font-weight:900;
				margin:0;
				padding:0;
			}
			
	#blog-view #blog-content {
		width:940px;
		margin:0 auto;
	}
	
		#blog-view #blog-content #content-left {
			width:66px;
			margin-right:23px;
			float:left;
		}
		
			#blog-view #blog-content #content-left #pager-box-news-article {
				width:66px;
			}
			
				#blog-view #blog-content #content-left #pager-box-news-article .paging-left {
					width:30px;
					margin-right:6px;
					float:left;
				}
				
				#blog-view #blog-content #content-left #pager-box-news-article .paging-right {
					width:30px;
					float:left;
				}
				
				#blog-view #blog-content #content-left #pager-box-news-article .paging-middle {
					width:66px;
					background-image:url('../images/news-go-back-button.jpg');
					margin-top:8px;
					height:25px;
					text-align:center;
					font-size:14px;
					font-weight:900;
					line-height:24px;
					letter-spacing:-1px;
				}
				
					#blog-view #blog-content #content-left #pager-box-news-article .paging-middle a {
						color:#FFFFFF;
						text-decoration:none;
					}
					
					#blog-view #blog-content #content-left #pager-box-news-article .paging-middle a:hover {
						text-decoration:underline;
					}
		
		#blog-view #blog-content #content-right {
			width:851px;
			float:left;
		}

#right {
	width:480px;
	float:left;
	margin-left:20px;
}

.right-bar-blog {
	font-size:12px;
}

	.right-bar-blog .box {
		border-bottom:1px solid #EBEBEB;
		padding-bottom:10px;
		margin-bottom:10px;
	}

	.right-bar-blog .box h1 {
		font-size:24px !important;
		font-weight:900 !important;
		letter-spacing:-2px !important;
		line-height:24px !important;
		margin:0 0 8px 0 !important;
		padding:0 !important;
	}

	.right-bar-blog .box h1 a {
		color:#000000;
		text-decoration:none;
	}
	
	.right-bar-blog .box h1 a:hover {
		text-decoration:underline;
	}
	
	.right-bar-blog .box .date {
		width:66px;
		height:66px;
		float:left;
		margin-right:23px;
		background-image:url('../images/blog_date_bg.jpg');
		background-repeat:no-repeat;
		text-align:center;
	}
	
		.right-bar-blog .box .date .day {
			font-size:45px;
			font-weight:900;
			color:#FFFFFF;
			line-height:45px;
			letter-spacing:-2px;
		}
		
		.right-bar-blog .box .date .monthyear {
			font-size:16px;
			color:#FFFFFF;
			font-weight:300;
			line-height:20px;
			letter-spacing:-1.5px;
			text-transform:uppercase;
		}
		
	.right-bar-blog .box .content {
		width:351px;
		float:left;
	}
	
		.right-bar-blog .box .content p {
			margin:0;
			padding:0;
			letter-spacing:-0.2px;
		}
		
.content-480-source {
	width:440px;
	float:left;
	background-color:#6199BF;
	background-image:url('../images/source-bg.jpg');
	background-repeat:no-repeat;
	height:140px;
	padding:0 20px;
	color:#FFFFFF;
}

.sliding-clients {
	width:440px;
	float:left;
	height:130px;
}

	.sliding-clients .left-arrow {
		width:12px;
		float:left;
		margin-top:49px;
	}
	
	.sliding-clients .logos {
		max-width:396px;
		width:369px;
		height:130px;
		float:left;
		margin:0 10px;
		overflow:hidden;
	}
	
		.sliding-clients .logos img {
			margin-right:10px;
			display:block;
		}
	
	.sliding-clients .right-arrow {
		width:12px;
		float:left;
		margin-top:49px;
	}

.content-480-top {
	width:480px;
	float:left;
	height:20px;
	background-image:url('../images/content-480-top.jpg');
	background-repeat:no-repeat;
}

.content-480-bottom {
	width:480px;
	float:left;
	height:20px;
	background-image:url('../images/content-480-bottom.jpg');
	background-repeat:no-repeat;
}

.content-480 {
	width:440px;
	float:left;
	background:#FFFFFF;
	padding:0 20px;
}

/* Contact Form */
#contactform
{
width:100%;

}

#contactform input[type = "text"] {
width:432px;
border:1px solid #000000; 
padding:3px;
}

#contactform .txtfield {
height:30px;
line-height:30px;
font-weight:bold;
}

#contactform .newsletter {

 height:30px; line-height:30px;
font-weight:bold;
width:100%;
}

#contactform textarea {
    padding:3px;
	margin-top:0px;
	border:1px solid #000000;
	width:432px;
	min-height:120px;
}

#contactform .button {
 margin-top:15px;
 text-align:right;
}

.required{color:#990000;}

/* Footer */

#social-footer {
	width:940px;
	height:60px;
	margin:20px auto 0 auto;
	background-image:url('../images/social-footer-bg.jpg');
	padding:20px;
	font:300 18px Arial, Helvetica, sans-serif;
}

	#social-footer #newsletter {
		width:460px;
		float:left;
	}
	
		#social-footer #newsletter input[type = "text"] {
			width:131px;
			height:19px;
			background:#EBEBEB;
			border:none;
			padding:3px;
		}
		
	#social-footer #networks {
		width:460px;
		float:left;
		margin-left:20px;
		height:20px;
	}
	
	#social-footer #networks .logos {
		
		float:left;
		margin-right:12px;
		
	}

#corporate-footer {
	width:980px;
	margin:20px auto 0 auto;
	font-size:12px;
	font-weight:300;
}

	#corporate-footer a {
		color:#000000;
		text-decoration:none;
	}
	
	#corporate-footer a:hover {
		text-decoration:underline;
	}

	#corporate-footer #copyright {
		width:50%;
		float:left;
		font-weight:900;
	}
	
	#corporate-footer #credits {
		width:50%;
		float:left;
		text-align:right;
		font-weight:900;
	}
	
	#corporate-footer #clear {
		width:980px;
		clear:both;
		margin-bottom:2px;
		height:0;
	}
	
	#corporate-footer li {
		float:left;
		margin-right:10px;
	}