/* 
 * Keepthinking
 *
 * @copyright	Copyright (c) 2012 (Keepthinking Ltd.)
 * @link		http://keepthinking.it
 * 
 -------------------------------------------------------------------  */

#header, 
#container {
	margin: 0 auto;
}
body > header {
	background-color: #fff;
	background-position: center -4px;
	background-repeat: no-repeat;
	position: fixed;
	width: 100%;
	height: 96px;
	left: 0;
	top: 0;
	border-top: 4px solid #EE0000;
	z-index: 100;
}
	#header {
		position: relative;
		width: 940px;
		height: 96px;
	}
		#header h1 {
			margin-top: 30px;
			float: left;
		}
			#header h1 img {
				display: none;
			}
			#header h1 a {
				background: url(../img/keepthinking-logo--new.png);
				background-repeat: no-repeat;
				display: block;
				width: 236px;
				height: 38px;
				line-height: 0;
				text-indent: -90000px;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;	
			}
			#header h1 a:focus, 
			#header h1 a:hover {
				filter: alpha(opacity=65);
				-ms-filter: "alpha(opacity=65)";
				opacity: 0.65;
			}
		#header h2 {
			position: absolute;
			font-size: 18px;
			font-weight: bold;
			color: #B2B2B2;
			left: 0;
			bottom: 5px;
		}
		#user_nav, 
		#main_nav {
			position: absolute;
			right: 0;
		}
			#header ul {
				overflow: hidden;
			}
				#header li {
					float: left;
				}
					#header a {
						color: #999;
						text-align: center;
					}
					header #header li a:focus, 
					header #header li a:hover {
						color: #333;
					}
					#header a:focus, 
					#header a:hover {
						text-decoration: underline;
					}
					#header .active a {
						text-decoration: none;
					}
		#user_nav {
			top: 0;
		}
			#user_nav ul {
				margin-right: -2px;	
			}
				#user_nav li {
					margin-right: 2px;
					max-height: 25px;
				}
					#user_nav li a {
						display: block;
						font-size: 11px;
						padding: 6px 11px 7px;
					}
						#user_nav li span a:focus, 
						#user_nav li span a:hover, 
						#user_nav li span a {
							color: #EE0000;
						}
						#user_nav li span a {
							text-decoration: none;
						}
						#user_nav li span a:focus, 
						#user_nav li span a:hover {
							text-decoration: underline;
						}
					#user_nav li a:focus, 
					#user_nav li a:hover, 
					#user_nav .active a {
						color: #333;
					}
					#user_nav .flex .active a {
						background: #EE0000;
						color: #fff;
						margin: 0;
					}
				#user_nav .major {
					background: #EE0000;
				}
				#user_nav .flex .major {
					background: #999;
				}
				#user_nav .major:focus, 
				#user_nav .major:hover, 
				#user_nav .major.active {
					background: #EE0000;
				}
					#user_nav .major a {
						color: #fff;
						margin: 0;
						padding: 6px 11px 7px;
					}
					#user_nav .major a:focus, 
					#user_nav .major a:hover, 
					#user_nav .major.active a {
						color: #fff;
					}
					#user_nav .major a:focus, 
					#user_nav .major a:hover {
						text-decoration: underline;
					}
					#user_nav .major.active a:focus, 
					#user_nav .major.active a:hover, 
					#user_nav .major.active a {
						text-decoration: none;
					}
					#user_nav .major.special a {
						width: 48px;
					}
		#main_nav {
			top: 45px;
		}
			#main_nav ul {
				margin-right: -35px;
			}
				#main_nav li {
					margin-right: 35px;
				}
					#main_nav li a {
						font-size: 16px;
						color: #333;
					}
					#main_nav .active a {
						color: #EE0000;
					}
		#header #border {
			background: url(../img/header_border.png) center bottom repeat-x;
			position: absolute;
			display: none;
			width: 100%;
			height: 4px;
			left: 0;
			bottom: -4px;
		}
#pagination {
	position: fixed;
	width: 1067px;
	height: 30px;
	left: 50%;
	top: 183px;
	margin-left: -533px;
	z-index: 10;
}
	#pagination ul {
		
	}
		#pagination li {
			position: absolute;
			top: 0;
		}
		#pagination .previous {
			left: 0;
		}
		#pagination .next {
			right: 0;
		}
			#pagination a, 
			#pagination span {
				background-image: url(../img/pagination.png);
				background-repeat: no-repeat;
				display: block;
				width: 30px;
				height: 30px;
			}
			#pagination a {
				background-color: #333;
			}
			#pagination span {
				background-color: #C1C1C1;
			}
			#pagination .previous a, 
			#pagination .previous span {
				background-position: 0 0;
			}
			#pagination .next a, 
			#pagination .next span {
				background-position: 0 -30px;
			}
			#pagination a:focus, 
			#pagination a:hover {
				background-color: #EF1F1F;
			}
#content {
	z-index: 50;
}
    .work_filter {
        float: right;
        margin-bottom: 45px;
	}
	
        .work_filter a {
           color: rgba(0,0,0,0.3); 
		}
				
        .work_filter ul li {
			display: inline;
			margin-left: 10px;
        }
        .work_filter a.selected {
            color: #000;
        }
	#main {
		position: relative;
/* 		overflow: hidden; */
		width: 940px;
		padding: 0 10px;
		margin: 140px auto 70px auto;
	}
		#banner {
			
		}
		#body {
			position: relative;
		}
	#content > footer {
		position: relative;
		width: 960px;
		color: #fff;
		margin: 0 auto;
		z-index: 50;
	}
		#footer {
			background: #333 url(../img/bg-footer.png) left top no-repeat;
			overflow: hidden;
		}
		#footer section {
			height: 260px;
			border-left: 1px solid #ADADAD;
			float: left;
		}
			#content > footer h4 {
				font-size: 14px;
				color: #fff;
			}
		#footer .form_note {
			font-size: 10px;
			margin-top: 10px;
		}
		#footer .major_line {
			background: url(../img/major_line-white.png) left top no-repeat;
			padding-top: 7px;
		}
		#footer .list {
			width: 190px;
			padding: 19px 27px 0 17px;
			margin-left: 213px;
		}
			#footer .list h4 {
				margin-bottom: 27px;
			}
			#footer .list .body {
				
			}
				#footer .list ul {
					overflow: hidden;
					margin-top: -24px;
				}
					#footer .list li {
						font-size: 11px;
						color: #fff;
						margin-top: 24px;
					}
						#footer .list .body a {
							background-color: #fff;
							background-image: url(../img/maps.png);
							background-position: center center;
							background-repeat: no-repeat;
							width: 11px;
							height: 20px;
							line-height: 0;
							text-indent: -90000px;
							margin-left: 11px;
							float: right;
						}
						#footer .list .body a:focus, 
						#footer .list .body a:hover {
							background-color: #EE0000;
						}
						#footer .list .body strong {
							margin-right: 18px;
							float: left;
						}
						#footer .list .body p {
							overflow: hidden;
						}
		#footer .form {
			width: 285px;
			padding: 19px 43px 0 13px;
		}
			#footer .form h4 {
				
			}
			#footer .form .form_response {
				overflow: hidden;
				height: 27px;
			}
				#footer .form .form_response p {
					font-size: 14px;
					line-height: 27px;
				}
			#footer form {
				
			}
				#footer fieldset {
					background: url(../img/major_line-white.png) left top no-repeat;
					padding: 0 18px 0 0;
				}
					#footer legend {
						
					}
					#footer label {
						margin-bottom: 5px;
					}
						#footer label, 
						#footer input, 
						#footer select, 
						#footer textarea, 
						#footer button {
							font-size: 11px;
						}
						#footer input[type="text"], 
						#footer input[type="search"], 
						#footer input[type="email"], 
						#footer input[type="number"], 
						#footer input[type="password"], 
						#footer textarea {
							background: #666;
							color: #fff;
							padding: 3px 9px 2px 9px;
							border: 1px solid #666;
						}
						#footer input[type="text"]:focus, 
						#footer input[type="search"]:focus, 
						#footer input[type="email"]:focus, 
						#footer input[type="number"]:focus, 
						#footer input[type="password"]:focus, 
						#footer textarea:focus {
							border: 1px solid #fff;
						}
						#footer input[type="submit"], 
						#footer input[type="button"], 
						#footer .form mark {
							font-size: 11px;
							color: #fff;
							bottom: 5px;
						}
						#footer input[type="submit"], 
						#footer input[type="button"] {
							background: transparent url(../img/submit-white.png) right center no-repeat;
						}
						#footer .form mark {
							
						}
						#footer .radio-check {
							margin-top: 10px;
						}
							#footer .radio-check input[type="radio"], 
							#footer .radio-check input[type="checkbox"] {
								margin-left: 0;
							}
							#footer .radio-check span {
								font-size: 11px;
								color: #fff;
							}
						#footer .short {
							width: 207px;
						}
		#footer .social_media {
			width: 151px;
			padding: 19px 9px 0 9px;
		}
			#footer .social_media h4 {
				margin-bottom: 21px;
			}
			#footer .social_media ul {
				overflow: hidden;
				margin-top: -12px;
			}
				#footer .social_media li {
					margin-top: 12px;
				}
					#footer .social_media li a {
						background-color: #fff;
						background-image: url(../img/social_media-footer.png);
						background-repeat: no-repeat;
						display: block;
						line-height: 0;
						text-indent: -90000px;
					}
					#footer .social_media .facebook a {
						background-position: 0 0;
						width: 60px;
						height: 13px;
					}
					#footer .social_media .twitter a {
						background-position: 0 -13px;
						width: 57px;
						height: 12px;
					}
					#footer .social_media .linkedin a {
						background-position: 0 -25px;
						width: 59px;
						height: 17px;
					}
					#footer .social_media li a:hover {
						background-color: #EE0000;
					}
		footer .copyright {
			background: #fff;
			overflow: hidden;
			padding: 6px 1px;
			clear: both;
		}
			footer .copyright p {
				color: #333;
			}
			footer .copyright p, 
			footer .copyright li {
				float: left;
			}
			footer .copyright ul {
				overflow: hidden;
				color: #333;
			}
				footer .copyright li {
					padding-left: 14px;
					margin-left: 14px;
					border-left: 1px solid #333;
				}
	#home #banner {
		margin-top: 140px;
	}
	#home #main {
		margin-top: 0;
	}