body {
background: #000000 url(../images/bg.jpg) repeat-x center top;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
}

.hotspot {
		margin: 0;
		padding: 0;
		display: inline;
	}
	.hotspot a img {
			border-color: #333333;
		}
	.hotspot a:hover img {
			border-color: #549a9b;
		}
	.hotspot div, .hotspot div a {
			background-repeat: no-repeat;
			height: 177px;
			width: 382px;
			display: block;
		}

.project_mini_container {
		background: #101010;
	}
.hr {

	}
	.hr hr {
			display: none;
		}
		
.hidden {
visibility: hidden;
}

p a {
color: #fff;
}

p a:hover {
color: #495863 !important;
}

.viewmore {
clear:left;
font-size: 14px;
padding-right:20px;
padding-top:10px;
}

.viewmore strong{
color: #495863;
}

div#view-more-link {
text-align: center;
padding: 20px 0;
}
a.more-link {
font-size: 12px;
color: #495863;
cursor: pointer;
}
a.more-link span {
color: #fff;
}

.viewmore a {
	color: #333333;
	text-decoration: none;
}

.viewmore a:hover {
	text-decoration: underline;
}

#container {
		width: 994px;
		margin: 0 auto;
	}
	#header {
			padding-top: 40px;
		}
		#header h1 {
				
			}
			#header h1 a {
					background: url(../images/logo.jpg) no-repeat;
					height: 85px;
					width: 210px;
					float: left;
					display: block;
					text-indent: -9999px;
					margin-left: 30px;
				}
		#header p#h1 {
				display: none;
			}
		#header #quote {
				color:#ABD8FA;
				float:right;
				display:inline;
				font-size:12px;
				letter-spacing:2px;
				margin:30px 35px 20px 0;
				text-align:right;
				width:161px;
				height:70px;
			}
			#quote a {
					color:#ABD8FA;
					display: block;
					margin-top: 5px;
				}
				#quote a:hover {
						color: #fff;
					}
				#quote a.looking {
						background:transparent url(../images/lookingforaquote.gif) no-repeat scroll center top;
						color:transparent;
						display:block;
						height:24px;
						margin-bottom:10px;
						text-indent:-9999px;
						text-transform:uppercase;
						width:158px;
					}
					#quote a.looking:hover {
							background:transparent url(../images/lookingforaquote.gif) no-repeat scroll center bottom;
						}
		#header #takealook {
				background: url(../images/takealook.png) no-repeat;
				height:63px;
				left:50%;
				margin-left:-180px;
				position:absolute;
				top:110px;
				width:131px;
			}
		#header ul#menu {
				background: transparent url(../images/bg-menu.png) no-repeat;
				clear: both;
				width: 994px;
				height: 71px;
				line-height: 71px;
				letter-spacing:2px;
				text-align: center;
				margin:0 0 20px 0;
			}
			ul#menu li {
					display: inline;
				}
				ul#menu li a {
						color:#fff;
						display: block;
						float: left;
						font-size: 12px;
						height: 71px;
						margin-left: 30px;
						text-transform: uppercase;
					}
					ul#menu li a:hover,
					ul#menu li a.active {
							background: url(../images/menu-underline.gif) no-repeat center 45px;
							color: #83a8c4;
						}
					ul#menu li a#home {
							margin-left:50px;
							_margin-left: 33px;
						}
					ul#menu li a#web {
							margin-left:80px;
						}
					ul#menu li a#akt {
							background: transparent url(../images/aktinsider.png) no-repeat left top;
							width: 130px;
							height: 24px;
							_overflow:hidden;
							text-indent: -9999px;
							margin:22px 0 0 60px;
						}
						ul#menu li a#akt:hover {
								background-position: left bottom;
							}
	
	
	#content {
			margin-bottom: 40px;
		}
		#content #showcase-container,
		#content #slider-container {
				position: relative;
			}
			#showcase-container a {
					float: left;
					display: inline;
				}
				#slider {
						overflow: hidden;
						width: 904px;
						height: 292px;
					}
					#slider ul {
					
						}
						#slider ul li {
								width: 904px;
								height: 292px;
								display: inline;
							}
							#slider ul li a img,
							#slider a img {
									width:904px;
								}
		.no-slide-container {
				height:143px !important;
				border-bottom: 1px solid #313C45;
			}
			.no-slide-container .no-slide-showcase {
					height:auto !important;
				}
				
			#showcase-container #showcase,
			#slider-container {
					background:transparent url(../images/bg-showcase.jpg) no-repeat scroll 0 0;
					height:292px;
					margin:0 auto 40px;
					padding:10px;
					position:relative !important;
					width:904px;
				}
				#showcase #awesome,
				#slider-container #awesome {
						background: url(../images/featured.png) no-repeat;
						height:54px;
						position:absolute;
						right:50px;
						top:0;
						width:208px;
						text-indent: -9999px;
					}
				#showcase img {
						/* margin: 10px 0 0 10px; */
						float: left;
						display: inline;
						width: 904px;
						/*height: 292px;*/
					}
			span#prevBtn,
			span#nextBtn {z-index: 9999;}
			span#prevBtn a {
					background: url(../images/left-arrow.jpg) no-repeat left top;
					height:12px;
					_overflow: hidden;
					display: block;
					position:absolute;
					left:-35px;
					text-indent:-9999px;
					top:150px;
					width:28px;
				}
				span#prevBtn a:hover {
						background-position: left bottom;
						_background-position: left top;
					}
			span#nextBtn a {
					background: url(../images/right-arrow.jpg) no-repeat left top;
					height:12px;
					_overflow: hidden;
					display: block;
					position:absolute;
					right:-35px;
					text-indent:-9999px;
					top:150px;
					width:28px;
				}
				span#nextBtn a:hover {
						background-position: left bottom;
						_background-position: left top;
					}
		#content .left-col,
		#content .contact-col {
				float: left;
				display: inline;
				width: 410px;
				color: #495863;
				font-size: 14px;
			}
			.left-col h2 {
					background: url(../images/bg-leftcol-h2.jpg) no-repeat center bottom;
					font-weight:normal;
					color: #fff;
					font-size: 14px;
					height:40px;
					letter-spacing:2px;
					margin-bottom:20px;
					padding-left:30px;
					text-transform:uppercase;
					width:380px;
				}
			.left-col p {
					padding-left:30px;
					line-height: 24px;
					margin-bottom: 20px;
				}
				.left-col p a {
						color: #fff;
					}
			.left-col ul {
					padding-left: 30px;
				}
				.left-col ul li {
						color: #fff;
						display: list-item;
						line-height: 24px;
						list-style: disc;
						list-style-position: inside;
					}
					.left-col ul li span {
							color: #495863;
						}
		#content .right-col {
				width: 560px;
				float: left;
				display: inline;
			}
			.right-col h2 {
					background: url(../images/bg-rightcol-h2.jpg) no-repeat center bottom;
					color:#FFFFFF;
					font-size:14px;
					font-weight:normal;
					height:40px;
					letter-spacing:2px;
					margin-bottom:20px;
					margin-left:20px;
					padding-left:40px;
					text-transform:uppercase;
					position: relative;
					width:520px;
				}
				.right-col h2 a,
				.project-listing h2 a {
						background:transparent url(../images/nomonthis2.jpg) no-repeat scroll center top;
						display:block;
						height:24px;
						position:absolute;
						right:25px;
						text-indent:-9999px;
						top:-6px;
						width:156px;
					}
					.right-col h2 a:hover,
					.project-listing h2 a:hover {
							background: url(../images/nomonthis2.jpg) no-repeat center bottom;
						}
			.right-col ul {
					margin-left: 20px;
				}
				.right-col ul li {
						float: left;
						display: inline;
						margin:0 0 10px 10px;
					}
					.right-col ul li a {
					
						}
						.right-col ul li a img {
								border: 4px solid #83a8c3;
							}
							.right-col ul li a img:hover {
									border: 4px solid #495863;
								}
		#content .faces {
		
			}
			.faces ul {
			
				}
				.faces ul li,

				.boxgrid caption {

						height:178px;
						overflow:hidden;
						position:relative;
						width:252px;
						border: 4px solid #83A8C3;

					}

				
				.right-col ul li {
				
				/* commented out because it was stopping the project images from being taller than the original mock. i created the class above,  #boxgrid caption, to specifically keep the Faces page working.

						height:178px;
				*/
						overflow:hidden;
						position:relative;
						width:252px;
						border: 4px solid #83A8C3;
					}
					.faces ul li a img,
					.right-col ul li a img {
							position: absolute;
							border: none !important;
							left: 0;
							top: 0;
						}
						.right-col ul li a img {
								width: 252px;
							}
					.faces ul li div.boxcaption,
					.right-col ul li div.boxcaption {
							background:#0E1C26 none repeat scroll 0 0;
							float:left;
							opacity:0.8;
							position:absolute;
							width:100%;
							top: 150px;
							font-size:12px;
							padding: 10px;
							/* For IE 5-7 */
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
							/* For IE 8 */ 
							-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
						}
						.home-page-slider ul li {
								height:178px !important;
							}
						.home-page-slider ul li div.boxcaption {
								top: 178px;
							}
							.home-page-slider ul li .boxcaption p.name {
									
								}
						div.boxcaption p.name {
								font-size:14px;
								font-weight:normal;
								letter-spacing:1px;
								color: #fff;
								margin-bottom: 5px;
							}
						div.boxcaption p.title {
								color: #83a8c3;
								font-size: 12px;
								margin: 5px 0;
							}
						div.boxcaption p.aliases {
								color: #495863;
								font-size: 12px;
								margin: 5px 0;
							}
						div.boxcaption ul {
								margin: 0;
							}
							div.boxcaption ul li {
									margin: 0;
								}
								div.boxcaption ul li a {
										text-indent: -9999px;
										display: block;
										height: 21px;
										margin-right: 20px;
									}
									div.boxcaption ul li a.aktprofile {
											background: url(../images/akt.jpg) no-repeat;
											width: 28px;
										}
									div.boxcaption ul li a.facebook {
											background: url(../images/facebook.jpg) no-repeat;
											width: 11px;
										}
									div.boxcaption ul li a.myspace {
											background: url(../images/myspace.jpg) no-repeat;
											width: 20px;
										}
									div.boxcaption ul li a.neonbeast {
											background: url(../images/neonbeast.jpg) no-repeat;
											width: 26px;
										}
	#content .project-listing {
	
		}
		.project-listing h2 {
				background: url(../images/bg-footer-links.jpg) no-repeat center bottom;
				height:55px;
				padding-left:32px;
				width:962px;
				color:#FFFFFF;
				font-size:14px;
				font-weight:normal;
				position: relative;
				letter-spacing:2px;
				text-transform:uppercase;
			}
		.project-listing ul {
				margin: 20px 0 0 33px;
			}
			.project-listing ul li {
					float: left;
					display: inline;
					margin: 0 17px 17px 0;
					width: 212px;
					height: 150px;
					border: 3px solid #7a9cb5;
					overflow: hidden;					
				}
				.project-listing ul li img {
						border:medium none !important;
						left:0;
						top:0;
						width: 212px;
					}
					.project-listing ul li:hover {
							border: 3px solid #3a5060;
						}
				.project-listing ul li span {
						background: url(../images/bg-thumbnail-span.jpg) repeat-x;
						height: 58px;
						display: block;
						line-height: 50px;
					}
					.project-listing ul li span p {
							float: left;
							display: inline;
							font-size: 12px;
							color: #8ab0cd;
							padding-left: 10px;
						}
					.project-listing ul li span a {
							float: right;
							background: url(../images/view.gif) no-repeat center top;
							display: block;
							width: 41px;
							height: 12px;
							text-indent: -9999px;
							margin: 18px 10px 0 0;
						}
						.project-listing ul li span a:hover {
								background: url(../images/view.gif) no-repeat center bottom;
							}
							
		#extra-project-listing {
			}
			#extra-project-listing ul {
					margin: 0 0 0 33px;
				}
				#extra-project-listing ul li {
						display: inline;
					}
					#extra-project-listing ul li a img {
							border: 3px solid #7a9cb5;
							width: 110px;
							height: 77px;
							margin: 0 14px 14px 0;
						}
						#extra-project-listing ul li a img:hover {
								border: 3px solid #3a5060;
							}
	#content .top-links {
			background: url(../images/bg-page-nav.jpg) no-repeat center bottom;
			padding-bottom:35px;
			width:980px;
			margin-bottom: 40px;
		}
		.top-links a.back {
				background: url(../images/backtolisting.jpg) no-repeat top left;
				width: 140px;
				height: 7px;
				float: left;
				display: block;
				text-indent: -9999px;
				_overflow: hidden;
			}
			.top-links a.back:hover {
					background-position: bottom left;
					_background-position: top left;
				}
		.top-links a.previous {
				background: url(../images/previous-project.jpg) no-repeat top left;
				width: 159px;
				height: 7px;
				float: right;
				display: block;
				text-indent: -9999px;
				margin-right: 334px;
				_overflow: hidden;
			}
			.top-links a.previous:hover {
					background-position: bottom left;
					_background-position: top left;
				}
		.top-links a.next {
				background: url(../images/next-project.jpg) no-repeat top left;
				width: 121px;
				height: 7px;
				float: right;
				display: block;
				text-indent: -9999px;
				_overflow: hidden;
			}
			.top-links a.next:hover {
					background-position: bottom left;
					_background-position: top left;
				}
	#content .project-details {
			margin:0 20px 0 40px;
			width:314px;
		}
		.project-details h2 {
				background: url(../images/project-details-h2.jpg) no-repeat left bottom;
				height:30px;
				padding:0;
				margin-bottom: 10px;
				width: 314px;
			}
		.project-details p {
				padding: 0;
				margin: 0;
				color: #354755;
				font-size: 12px;
			}
			.project-details p.project-name {
					color: #ffffff;
					font-weight: bold;
					font-size: 14px;
				}
			.project-details p.date {
					margin-bottom: 20px;
				}
		.project-details a.launch {
				background: url(../images/launchsite.jpg) no-repeat center top;
				display:block;
				height:45px;
				margin:40px auto 40px;
				text-indent:-9999px;
				width:304px;
			}
			.project-details a.launch:hover {
					background: url(../images/launchsite.jpg) no-repeat center bottom;
				}
		.project-details a.buy-this {
				background: url(../images/buy-this-button.jpg) no-repeat center top;
				display:block;
				height:45px;
				margin:0 auto 40px;
				text-indent:-9999px;
				width:304px;
			}
			.project-details a.buy-this:hover {
					background: url(../images/buy-this-button.jpg) no-repeat center bottom;
				}
		.project-details ul {
				padding: 0;
			}
			.project-details ul li {
					list-style: none;
					color: #354755;
					line-height: 20px;
				}
	#content .site-shots {
	
		}
		.site-shots h2 {
				display: none;
			}
		.site-shots ul#screen-shots {
				margin: 0;
			}
			.site-shots ul#screen-shots li {
					background: url(../images/bg-screenshot.jpg) no-repeat;
					width: 542px;
					text-align: center;
					display: block;
					margin: 0 0 20px 16px;
					border: none !important;
				}
				.site-shots ul#screen-shots li img {
						border: 3px solid #3a5060;
						display: block;
					}
		.contact-col #contact-form {
				padding: 0 10px 0 50px;
				position: relative;
			}
			#contact-form fieldset legend {
					-moz-border-radius-topleft:5px;
					-moz-border-radius-topright:5px;
					-webkit-border-top-right-radius: 5px;
					-webkit-border-top-left-radius: 5px;
					background:#0F1316 none repeat scroll 0 0;
					color:#FFFFFF;
					margin:0;
					padding:10px;
					text-transform: uppercase;
					font-size: 12px;
				}
				#contact-form fieldset legend span {
						font-size: 10px;
						color: #495863;
					}
			#contact-form ul {
					-moz-border-radius-topright:5px;
					-moz-border-radius-bottomright:5px;
					-moz-border-radius-bottomleft:5px;
					-webkit-border-top-right-radius: 5px;
					-webkit-border-bottom-right-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					background:#0F1316;
					display:block;
					margin:0 0 20px;
					padding:10px;
				}
				#contact-form ul li {
						border: none;
						display:block;
						float:none;
						margin:0;
						width: auto !important;
					}
					#contact-form ul li span {
							display: block;
						}
						#contact-form ul li span.full {
								width: 100%;
								clear: both;
							}
						#contact-form ul li span.half {
								width: 48%;
							}
						#contact-form ul li span.third {
								float:left;
								display:inline;
								margin-right:8px;
								width:31%;
							}
						#contact-form ul li span label {
								display: block;
								clear: both;
								margin: 0 0 5px 0;
							}
						#contact-form ul li span input {
								width: 100%;
								margin: 0 0 5px 0;
							}
					#contact-form ul li div ul {
							margin: 0;
							padding: 5px;
							line-height: 20px;
						}
			#contact-form form input#submit-button {
					-moz-border-radius:5px;
					-webkit-border-radius: 5px;
					background-color:#0F1316;
					border: none;
					color:#FFFFFF;
					cursor:pointer;
					font-size:14px;
					padding:10px;
				}
		.contact-col form p {
				margin-bottom: 10px;
			}
			.contact-col form p label {
					display: block;
					float: left;
					height: 20px;
					text-align: left;
					width: 90px;
				}
				.contact-col form p.note {
						font-size: 12px;
						color: #fff;
						margin: 10px 0 20px;
					}
			.contact-col form input.submit {
					width: 100px;
					margin: 27px;
				}
		.contact-col .error-container {
				background: #FFEBE8;
				color: #333333;
				font-size: 14px;
				font-weight: bold;
				border: 2px solid #ff0000;
				padding: 10px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin: 0 0 20px 0;	
			}
			
	#footer {
			height:220px;
		}
		#footer ul#companies {
				background: url(../images/bg-footer-links.jpg) no-repeat;
				height:106px;
				margin:0;
				padding-top:50px;
				width:994px;
			}
			ul#companies li {
					float: left;
					display: block;
					height:53px;
					line-height:53px;
					margin: 0 0 0 42px;
				}
				ul#companies li a {
						text-indent: -9999px;
						display: block;
						height: 53px;
						margin: 0 !important;
					}
					ul#companies li a#aktenterprises {
							background: url(../images/aktenterprises.jpg) no-repeat center top;
							width: 157px;
						}
						ul#companies li a#aktenterprises:hover {
								background: url(../images/aktenterprises.jpg) no-repeat center bottom;
							}
					ul#companies li a#merchspin {
							background: url(../images/merchspin.jpg) no-repeat center top;
							width: 97px;
						}
						ul#companies li a#merchspin:hover {
								background: url(../images/merchspin.jpg) no-repeat center bottom;
							}
					ul#companies li a#designspin {
							background: url(../images/designspin.jpg) no-repeat center top;
							width: 101px;
						}
						ul#companies li a#designspin:hover {
								background: url(../images/designspin.jpg) no-repeat center bottom;
							}
					ul#companies li a#districtlines {
							background: url(../images/districtlines.jpg) no-repeat center top;
							width: 169px;
						}
						ul#companies li a#districtlines:hover {
								background: url(../images/districtlines.jpg) no-repeat center bottom;
							}
			#footer ul {
					text-align: center;
					margin: 10px 0;
				}
				#footer ul li {
						color:#495863;
						display:inline;
						font-size:10px;
						letter-spacing:2px;
						text-transform:uppercase;
					}
					#footer ul li a {
							color:#495863;
							margin: 0 10px;
							font-size: 8px;
						}
						#footer ul li a:hover {
								color: #fff;
							}
			#footer p {	
				color: #0f1c26;
				font-size: 8px;
				text-transform: uppercase;
				letter-spacing: 2px;
				margin:20px 0 40px;
				text-align: center;
			}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}	

#testimonials {
	width: 850px;
	padding:0 0 0 50px;
	}
	#testimonials h2 {
			margin-bottom:30px;
		}

.each-testimonial {
		color: #495863;
		margin: 0 0 50px;
		padding: 0 50px;
		font-size: 14px;
		line-height: 20px;
	}

	.starting-quote {
		font-size: 38px;
		margin-left:-16px;
		margin-top:4px;
		position:absolute;
		color: #3F3F3F;
	}
	.ending-quote {
		position: absolute;
		font-size: 38px;
		color: #3F3F3F;
		margin-left:7px;
		margin-top:10px;		
	}
	.starting-quote2 {
		color:#3F3F3F;
		font-size:60px;
		margin-left:-24px;
		margin-top:13px;
		position:absolute;
	}
	.ending-quote2 {
		color:#3F3F3F;
		font-size:60px;
		margin-left:3px;
		margin-top:19px;
		position:absolute;		
	}	
	.single_test {
		width: 300px;
		float: left;
		margin-top:15px;
		margin-left:20px;
		color:#495863;
	}
	
	.testimonial-by {
			margin-top:20px;
			font-weight: bold;
			color: #B1B1B1;
		}
		
		#viewall:hover {
			text-decoration: underline;
		}