/* CSS Document */

/* Font Face
--------------------------------------------------------------- */

@font-face {
    font-family: 'DINProBold';
    src: url('../../includes/fonts/dinpro-bold-webfont.eot');
    src: url('../../includes/fonts/dinpro-bold-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/dinpro-bold-webfont.woff') format('woff'),
         url('../../includes/fonts/dinpro-bold-webfont.ttf') format('truetype'),
         url('../../includes/fonts/dinpro-bold-webfont.svg#webfontOxG26Ljr') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINProMedium';
    src: url('../../includes/fonts/dinpro-medium-webfont.eot');
    src: url('../../includes/fonts/dinpro-medium-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/dinpro-medium-webfont.woff') format('woff'),
         url('../../includes/fonts/dinpro-medium-webfont.ttf') format('truetype'),
         url('../../includes/fonts/dinpro-medium-webfont.svg#webfontOxG26Ljr') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINProLight';
    src: url('../../includes/fonts/dinpro-light-webfont.eot');
    src: url('../../includes/fonts/dinpro-light-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/dinpro-light-webfont.woff') format('woff'),
         url('../../includes/fonts/dinpro-light-webfont.ttf') format('truetype'),
         url('../../includes/fonts/dinpro-light-webfont.svg#webfontOxG26Ljr') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesqueThin';
	src: url('../../includes/fonts/Brandon_thin-webfont.eot');
    src: url('../../includes/fonts/Brandon_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../includes/fonts/Brandon_thin-webfont.woff') format('woff'),
         url('../../includes/fonts/Brandon_thin-webfont.ttf') format('truetype'),
         url('../../includes/fonts/Brandon_thin-webfont.svg#BrandonGrotesqueThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/layout/bodyBg.jpg) top center repeat-x #fefefe;
	margin: 0;
}

a:link, a:visited, a:focus {
	color: #ED0F92;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1 {
	font-size: 3.5em;
	font-weight: normal;
	color: #535456;
	line-height: 35px;
	text-transform: uppercase;
	letter-spacing: -1px;
  	font-family: 'DINProBold';
}

h2 {
	font-size: 2em;
	font-weight: normal;
	color: #b2b3b4;
    font-family: 'BrandonGrotesqueThin';
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
    font-family: 'DINProBold';
	color: #666;
	text-transform: uppercase;
}


/* Container Styles
--------------------------------------------------------------- */

#outerContainer {
	width: 100%;
	float: left;
}

#container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 1200px;
		padding-top: 100px;
	}
	
	#index #contentContainer {
		padding-top: 772px;
	}

	#case-studies #contentContainer {
		padding-top: 370px;
	}

	#privacy-policy #contentContainer {
		padding-top: 360px;
	}
	
	body.top-large-padding #contentContainer  {
		padding-top: 518px;
	}
	
	body#contact #contentContainer  {
		padding-top: 400px;
	}
	
		body.contact #contentContainer h1 {
			display: none;
		}
	
	body#thankyou #contentContainer img {
		float: right;
	}
	
/* Index Styles
--------------------------------------------------------------- */

	/* Index Main Runner Links
	--------------------------------------------------------------- */

	.index-hoverimages,
	.index-hoverimage-adtrak-building {
		position: absolute;
		top: 190px;
		left: 40px;
		z-index: 1;
	}
	
	a.main-runner-index-links {
	    font-family: 'DINProMedium';
		color: #BEBDBA;
		text-decoration: none;
		text-transform: uppercase;
		position: absolute;
		z-index: 100;
		text-align: center;
		padding: 10px;
	}
		
		a.main-runner-index-links:hover {
			color: #E40D63;
		}
	
	#web-design-link {
		top: 255px;
		left: 786px;
		font-size: 1.8em;
	}
	
	#internet-marketing-link {
		top: 152px;
		left: 470px;
		line-height: 20px;
		font-size: 1.4em;
	}
	
	#graphic-design-link {
		top: 645px;
		left: 484px;
		font-size: 1.8em;
		line-height: 23px;
	}
	
	#copywriting-link {
		top: 299px;
		left: 629px;
		font-size: 0.9em;
	}
	
	#telecoms-link {
		top: 616px;
		left: 10px;
		font-size: 0.8em;
	}
	
	
	

		#index-main {
			float: left;
			width: 880px;
			padding: 40px 0 40px 0;
			height:300px;
			border-bottom: 1px solid #ccc;
		}
		
			#index-main h1 {
				float: left;
				width: 300px;
				margin-right: 20px;
				height: 300px;
				font-size: 3em;
			}
		
			#index-main p {
				color: #666;
				font-size: 1.2em;
				line-height: 23px;
				margin: 0px 0px 20px 0;
			}
			
			#index-main-wrap {
				float: left;
				height: 300px;
				width: 540px;
			}
			
		#index-sidebar {
			border-bottom: 1px solid #ccc;
			float: right;
			width: 320px;
			height: 380px;
			text-align: center;
		}
		
			#index-sidebar h2 {
    			font-family: 'DINProBold';
				text-transform: uppercase;
			}
			
			#index-sidebar-case-study {
				background: url(../../images/case-studies/index-sidebar-case-study-bg.jpg);
				width: 320px;
				position: relative;
				height: 380px;
			}
			
				#index-sidebar-case-study img#index-sidebar-case-study-img {
					position: absolute;
					top: 67px;
					left: 32px;
				}
				
				#index-sidebar-case-study-popup {
					position: absolute;
					top: -161px;
					left: 32px;
					width: 237px;
					height: 141px;
					padding: 10px;
					color: #ccc;
					text-align: left;
					font-size: 1.1em;
					background: url(../../images/case-studies/index-sidebar-case-study-overlay.png);
				}
				
					#index-sidebar-case-study-popup h2 {
						color: #fff;
						font-size: 1.4em;
						margin: 0 0 20px 0;
					}
				
				#index-sidebar-case-study-overlay {
					position: absolute;
					top: 67px;
					left: 32px;
					width: 257px;
					background: url(../../images/case-studies/index-sidebar-case-study-hid.png);
					height: 161px;
				}
				
				#index-sidebar-case-study-top-overlay {
					position: absolute;
					top: 0px;
					left: 0;
					z-index: 100;
				}
		
		#index-buckets {
			float: left;
			padding: 59px 0 0 0;
			width: 1200px;
			margin: 30px 0 0 0;
			position: relative;
			height: 180px;
			z-index: 100;
		}
		
			#index-buckets ul {
				position: absolute;
				top: 0px;
				z-index: 100;
				left: 0px;
				list-style: none;
			}
			
				#index-buckets ul li {
					float: left;
					width: 160px;
					height: 180px;
					margin-right: 40px;
				}
			
					#index-buckets ul li a {
						float: left;
						display: block;
						width: 160px;
						z-index: 100;
						text-transform: uppercase;
						height: 215px;
						font-size: 1.6em;
						padding: 5px 0 0 0;
   						font-family: 'DINProMedium';
						color: #e40d63;
					}
					
						#index-buckets ul li a:before {
							content: "» ";
						}
					
						#index-buckets ul li.singleline a {
							padding: 30px 0 0 0;
							height: 150px;
						}
						
						#index-buckets ul li a:hover {
							color: #535456;
						}
					
					#index-buckets ul li a span.hide {
						display: none;
					}
					
			#index-buckets .under-list-index {
				float: left;
				width: 160px;
				margin: 0px 40px 0 0;
				padding: 20px 0 0 0;
				font-size: 1.2em;
				color: #979795;
				font-family: Tahoma, Geneva, sans-serif;
			}

			#index-buckets .index,
			#index-buckets .blog,
			#index-buckets .contact {
				display: none;
			}
			
/* Twitter Feed
--------------------------------------------------------------- */
			
#index-tweet-feed {
	float: left;
	font-size: 1.1em;
	width: 450px;
}

	#index-tweet-feed h2 a {
		color: #888;
		background: url(../../images/layout/icon-twitter.png) left center no-repeat;
   		font-family: 'DINProMedium';
		text-transform: uppercase;
		padding: 0 0 0 30px;
		text-decoration: none;
		letter-spacing: -1px;
	}
	
	 #index-tweet-feed h2 a:hover {
		 color: #E40D63;
	 }

#index-tweet-feed,
.query {
	color: #666;
}

	.tweet_list {
		list-style: none;
		margin: 0; padding: 0;
		overflow-y: hidden;
	}
	
		.tweet_list .awesome,
		.tweet_list .epic {
			text-transform: uppercase;
		}
		
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0.5em;
			list-style-type: none;
		}
		
			.tweet_list li a {
				color: #979795;
			}
		
		.tweet_list .tweet_even {
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
			margin: 10px 0;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}
			
#latest-blog-post {
	float: right;
	width: 730px;
	height: 200px;
	padding: 0 0 0 20px;
	color: #888;
	font-size: 1.1em;
}

	#latest-blog-post h2 a {
		color: #888;
   		font-family: 'DINProMedium';
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: -1px;
	}
	
		#latest-blog-post h2 a:hover {
			color:#E40D63;
		}

	#latest-blog-post p {
		margin: 10px 0;
		line-height: 20px;
	}

/* Main Nav Pages
--------------------------------------------------------------- */

		h1#main {
			float: left;
			width: 400px;
			padding: 25px 0;
		}
		
		#sidebar {
			float: right;
			width: 800px;
			padding: 25px 0;
			color: #979795;
			font-family: Tahoma, Geneva, sans-serif;
		}
		
			#sidebar p {
				color: #666;
				font-size: 1.2em;
				line-height: 23px;
				margin: 0px 0px 20px 0;
			}
			
		#main-nav-pages-case-study {
			float: left;
			width: 1200px;
			border-top: 1px solid #bbbcbf;
			padding: 50px 0;
			position: relative;
		}
		
			#main-nav-pages-case-study h2 {
		  		font-family: 'DINProBold';
				font-size: 3em;
				text-transform: uppercase;
				color: #535456;
				line-height: 33px;
				width: 280px;
				float: left;
				height: 500px;
			}
			
			#main-nav-pages-case-study a.viewmore {
				position: absolute;
				top: 510px;
				font-size: 1.3em;
		  		font-family: 'DINProBold';
				text-transform: uppercase;
				left: 0px;
				text-decoration: none;
				color: #e40d63;
			}
			
				#main-nav-pages-case-study a.viewmore:hover {
					color: #333;
					text-decoration: underline;
				}
			
				#main-nav-pages-case-study .case-study {
					position: relative;
					float: left;
					padding: 300px 20px 0 20px;
					text-align: center;
					width: 240px;
					margin-right: 40px;
					display: inline;
					height: 200px;
					font-size: 2.3em;
				    font-family: 'BrandonGrotesqueThin';
					background: url(../../images/layout/main-nav-pages-case-study-bg.jpg);
				}
				
					#main-nav-pages-case-study .case-study img {
						position: absolute;
						top: 10px;
						left: 12px;
					}
					
					#main-nav-pages-case-study .nomargin {
						margin: 0;
					}
					
					#main-nav-pages-case-study ul {
						position: absolute;
						left: 280px;
						list-style: none;
						top: 0;
						z-index: 10;
					}
					
						#main-nav-pages-case-study ul li {
							float: left;
							height: 500px;
							width: 280px;
							margin-right: 40px;
						}
						
						#main-nav-pages-case-study ul li.nomargin {
							margin: 0;
						}
						
							#main-nav-pages-case-study ul li a {
								float: left;
								width: 280px;
								text-align: center;
								height: 32px;
								padding: 520px 0 0 0;
								text-decoration: none;
								font-size: 1.2em;
								color: #535456;
								border-bottom: 3px solid #535456;
								text-transform: uppercase;
		   						font-family: 'DINProMedium';
							}
							
								#main-nav-pages-case-study ul li a:hover {
									border-color: #e40d63;
								}
			
		#section-two {
			float: left;
			padding: 109px 0 0 0;
			width: 1200px;
			height: 140px;
			border-top: 1px solid #bbbcbf;
			position: relative;
		}
		
			#section-two ul {
				position: absolute;
				top: 50px;
				left: 0px;
				list-style: none;
			}
			
				#section-two ul li {
					float: left;
					width: 160px;
					height: 180px;
					margin-right: 40px;
				}
			
					#section-two ul li a {
						float: left;
						display: block;
						width: 160px;
						text-transform: uppercase;
						height: 175px;
						font-size: 1.6em;
						padding: 5px 0 0 0;
   						font-family: 'DINProMedium';
						text-decoration: none;
						color: #535456;
					}
					
						#section-two ul li.singleline a {
							padding: 30px 0 0 0;
							height: 150px;
						}
						
						#section-two ul li a:hover {
							color: #e40d63;
						}
					
					#section-two ul li a span.hide {
						display: none;
					}
					
			#section-two .under-list {
				float: left;
				width: 160px;
				margin: 0px 40px 0 0;
				padding: 20px 0 0 0;
				font-size: 1.2em;
				color: #979795;
				font-family: Tahoma, Geneva, sans-serif;
				border-top: 1px solid #bbbcbf;
			}

/* Subnav Pages
--------------------------------------------------------------- */

	#subnav-pages-main-runner {
		width: 1200px;
		position: relative;
		float: left;
		border-top: 1px solid #bbbcbf;
		border-bottom: 1px solid #bbbcbf;
		height: 449px;
	}
	
		#subnav-pages-main-runner h1 {
			position: absolute;
			top: 30px;
			left: 0;
			width: 470px;
		}
	
		#subnav-pages-main-runner img {
			position: absolute;
			top: 40px;
			right: 0px;
			border: 1px solid #eee;
		}
		
		#subnav-pages-main-runner a.back {
			background: url(../../images/layout/back-btn.jpg) left 12px no-repeat;
			position: absolute;
			top: 360px;
			left: 0;
			font-size: 2.2em;
			padding: 10px 0 10px 37px;
			color: #999;
			width: 100px;
			text-transform: uppercase;
			text-decoration: none;
		  	font-family: 'DINProMedium';
		}
		
			#subnav-pages-main-runner a.back:hover {
				background-position: left -48px;
				color: #ed0f92;
			}
			
	#subnav-pages-main {
		width: 1200px;
		float: left;
		padding: 40px 0;
	}
	
		.subnav-pages-main-wrap {
			float: left;
			width: 580px;
			padding: 0px 20px 0 0;
		}	
	
		#subnav-pages-main p {
			color: #666;
			font-size: 1.2em;
			line-height: 23px;
			margin: 0px 0px 20px 0;
		}


/* Privacy Policy Styles
--------------------------------------------------------------- */

	.pp-left {
		width: 400px;
		padding: 30px 0;
		clear: both;
		float: left;
		border-top: 1px solid #ccc;
	}
	
		.pp-left h2 {
		  	font-family: 'DINProBold';
			font-size: 3em;
			color: #535456;
			text-transform: uppercase;
		}
	
	.pp-right {
		width: 800px;
		color: #888;
		border-top: 1px solid #ccc;
		padding: 30px 0;
		float: right;
		font-size: 1.4em;
	}
								
/* Case Study Styles
--------------------------------------------------------------- */


	#case-study-main-page h3 {
		font-family: 'DINProBold';
		text-transform: uppercase;
		list-style: none;
		font-size: 2.5em;
	}
	
	#case-study-main-page li {
		float: left;
		margin: 0px 40px 40px 0px;
		font-family: 'DINProBold';
		text-transform: uppercase;
		list-style: none;
		font-size: 2em;
	}
	
		#case-study-main-page li a {
			color: #ccc;
			text-decoration: none;
		}
		
			#case-study-main-page li a:hover {
				text-decoration: underline;
				color: #e40d63;
			}
			
	body.case-studies-web-design #case-study-main-page li.web-design,
	body.case-studies-internet-marketing #case-study-main-page li.internet-marketing,
	body.case-studies-graphic-design #case-study-main-page li.graphic-design,
	body.case-studies-copywriting #case-study-main-page li.copywriting {
		display: none;
	}
	
		.case-study-header {
			clear: both;
			float: left;
			width: 1200px;
			padding: 40px 0 0 0;
			height: 60px;
		}
		
			.case-study-header h2 {
				font-size: 2.7em;
				display: inline;
				height: 50px;
				margin: 0;
				padding: 0;
				color: #555;
			}
			
		.case-study-runner {
			float: left;
			width: 1200px;
			border-bottom: 1px solid #bbbcbf;
		}
		
			.case-study-runner .case-study-runner-left,
			.case-study-runner .case-study-runner-middle,
			.case-study-runner .case-study-runner-middle-graphic-design,
			.case-study-runner .case-study-runner-right,
			.case-study-runner .case-study-runner-right-graphic-design {
				float: left;
				width: 560px;
				margin-right: 40px;
				border-top: 1px solid #bbbcbf;
			}
			
			.case-study-runner .case-study-runner-bottom,
			.case-study-runner .case-study-runner-bottom-right {
				float: left;
				width: 560px;
				margin-right: 40px;
				padding: 10px 0;
			}
			
				.case-study-runner .case-study-runner-bottom-right {
					margin: 0px;
					width: 600px;
				}
			
				.case-study-runner .case-study-runner-left {
					background: url(../../images/layout/case-study-left-bg.jpg) no-repeat;
					text-align: center;
					padding-top: 37px;
					height: 411px;
				}
			
				.case-study-runner .case-study-runner-middle {
					width: 600px;
					margin: 0px;
				}
				
				.case-study-runner .case-study-runner-middle-graphic-design {
					width: 280px;
				}
				
					.case-study-runner h3 {
						font-size: 1.6em;
						margin-top: 20px;
					}
				
					.case-study-runner p {
						margin: 10px 0;
    					font-family: Tahoma;
						color: #999;
						font-size: 1.2em;
						line-height: 20px;
					}
			
				.case-study-runner .case-study-runner-right,
				.case-study-runner .case-study-runner-right-graphic-design {
					width: 280px;
					text-align: center;
					padding: 37px 0 0 0;
					margin: 0px;
				}
				
					.case-study-runner .case-study-runner-right-graphic-design {
						background: none;
					}
				
				.case-study-runner .showmore {
					background: url(../../images/layout/showmore.jpg) left center no-repeat;
					float: left;
					padding: 0 0 0 40px;
					text-transform: uppercase;
					cursor: pointer;
					width: 200px;
					margin: 10px 0 10px 600px;
					font-family: 'DINProBold';
				}
				
								
/* Contact Page Styles
--------------------------------------------------------------- */

#contact-wrap {
	width: 720px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #979795;
}

	#contact-wrap h1 {
		margin: 0 0 30px 0;
	}

	#contact-wrap p {
		font-size: 1.2em;
		line-height: 25px;
		margin: 0 0 10px 0;
	}
	
		#contact-wrap p span {
			color: #e40d63; 
		}
			

#contact-wrap .jobwrap {
	color: #777;
	padding: 40px 0;
	border-bottom: 1px solid #999;
}

	#contact-wrap .jobwrap h2 {
    	font-family: 'DINProBold';
		color: #E40D63;
	}
	
		#contact-wrap .jobwrap h3 {
			margin: 0 0 30px 0;
		}

	#contact-wrap .jobwrap ul {
		margin: 20px 0 20px 50px;
	}

	#contact-wrap .jobwrap ul li {
		font-size: 1.2em;
		padding: 5px 0;
	}
	
#employment-list {
	margin: 20px 0 0 0;
}
	
	#employment-list li {
		float: left;
		width: 720px;
		display: block;
		margin: 0 0 10px 0;
	}
	
		#employment-list li a {
			float: left;
			font-size: 2em;
			border: 1px solid #ccc;
			text-decoration: none;
	    	font-family: 'DINProBold';
			text-transform: uppercase;
			width: 680px;
			display: block;
			padding: 30px 20px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
		
			#employment-list li a:hover {
				background: #eee;
			}
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	clear: both;
	width: 1200px;
	height: 130px;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

	#logo {
		width: 200px;
		height: 100px;
		float: left;
	}


/* 404 Error Styles
--------------------------------------------------------------- */

	#error404 #contentContainer {
		text-align: center;
	}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

ul#navigation {
	width: 940px;
	float: right;
	height: 100px;
	padding: 0 0 0 60px;
	background: url(../../images/layout/navBg.jpg);
}

	ul#navigation li {
		display: inline;
		list-style: none;
	}
		
		ul#navigation li a {
			float: left;
			color: #5d5e5f;
			text-transform: uppercase;
			text-decoration: none;
			line-height: 1em;
   			font-family: 'DINProLight', Arial;
			padding: 48px 0px 0px 6px;
			height: 11px;
			width: 97px;
			border-left: 1px solid #5d5e5f;
			border-color: #5d5e5f;
		}
		
			ul#navigation li.double-line a {
				padding-top: 35px;
				height: 24px;
			}
		
			ul#navigation li a span {
				display: block;
			}

			ul#navigation li a:hover {
				color: #000;
				background: #fefefe;
			}
			
			ul#navigation li a.jqueryon {
				background: #fefefe;
				color: #000;
			}

ul.subnav,
ul#subnav-contact {
	z-index: 1000;
	position: absolute;
	top: 59px;
	padding: 17px 0 0 0;
	border-left: 1px solid #5d5e5f;
	list-style: none;
	width: 190px;
	background: #fff;
	display: none;
}

	ul.subnav li,
	ul#subnav-contact li {
		float: left;
		width: 190px;
	}
	
		ul.subnav li a,
		ul#subnav-contact li a {
			float: left;
			width: 179px;
   			font-family: 'DINProLight';
			padding: 13px 5px 13px 6px;
			color: #666;
			text-decoration: none;
			background: none;
		}
		
			ul.subnav li a:hover,
			ul#subnav-contact li a:hover {
				background: #eee;
				color: #000;
			}
			
			ul.subnav li a span.block {
				display: block;
			}
			
	ul#subnav-web-design {
		left: 364px;
	}
	
	ul#subnav-internet-marketing {
		left: 468px;
	}
	
	ul#subnav-graphic-design {
		left: 572px;
	}
	
	ul#subnav-case-studies {
		left: 884px;
	}
	
	ul#subnav-contact {
		left: 1092px;
		width: 104px;
	}

		ul#subnav-contact li {
			width: 104px;
		}
		
			ul#subnav-contact li a {
				width: 93px;
			}

/* Main Image Styles
--------------------------------------------------------------- */

#imgmain {
	z-index: 100;
	position: absolute;
	top: 100px;
	left: 0px;
	border-bottom: 1px solid #bbbcbf;
	border-top: 1px solid #bbbcbf;
}

	#index #imgmain {
		border-top: none;
		top: 70px;
	}

	#contactimgmain {
		position: absolute;
		top: 400px;
		right: 0;
	}
	
	p#main-runner-top,
	p#main-runner-top-thankyou,
	p#main-runner-changer,
	p#main-runner-middle,
	h1#main-runner-middle {
		position: absolute;
		top: 270px;
		left: 0px;
		z-index: 100;
		letter-spacing: -2px;
		font-size: 3em;
		color: #909191;
		text-transform: uppercase;
   		font-family: 'DINProLight';
	}
	
		p#main-runner-top span {
			color: #e40d63;
		}
	
		p#main-runner-middle,
		h1#main-runner-middle {
			top: 280px;
			font-size: 10em;
			color: #535456;
			letter-spacing: -4px;
		  	font-family: 'DINProBold';
		}
		
			p#main-runner-middle span,
			h1#main-runner-middle span {
				font-family: "Trebuchet MS";
				color: #e40d63; 
				font-size: 1em;
			}
			
			#privacy-policy h1#main-runner-middle {
				top: 150px;
			}
			
		p#main-runner-top-thankyou {
			top: 410px;
		}
		
		#index p#main-runner-top,
		#index p#main-runner-middle {
			left: 580px;
			top: 440px;
		}
		
			#index p#main-runner-middle {
				top: 460px;
			}
			
			#index p#main-runner-changer {
				left: 750px;
				top: 440px;
				color: #e40d63; 
			}
		
		#contact p#main-runner-top,
		#case-studies p#main-runner-top {
			top: 170px;
		}
		
		#contact p#main-runner-middle,
		#case-studies p#main-runner-middle {
			top: 190px;
			display: block;
			width: 1200px;
			padding: 0 0 20px 0;
		}

/* Footer Styles
--------------------------------------------------------------- */

#outerFooter {
	clear: both;
	float: left;
	width: 100%;
	height: 300px;
}

#footer {
	clear: both;
	width: 1200px;
	color: #535456;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	font-size: 1.2em;
}

#footer ul {
	list-style: none;
}

#footer a {
	text-decoration: none;
}

	#footer a:hover {
		text-decoration: underline;
	}

	#footer h2 {
		border-bottom: 1px solid #ccc;
		text-transform: uppercase;
		color: #535456;
		font-family: 'DINProBold';
	}
	
		#footer h2 span {
			padding: 0 3px 0 0;
		}

/* Footer Left */

	#footer #footer-left {
		width: 960px;
		float: left;
		border-top: 5px solid #333;
		border-bottom: 1px solid #333;
		height: 180px;
		padding: 40px 0 0 0;
	}
	
		#footer #footer-left ul li {
			float: left;
			width: 120px;
			padding: 5px 0px 0 0;
		}
		
			#footer #footer-left ul li.endlist {
				width: 80px;
			}
	
		#footer #footer-left ul a {
			float: left;
			font-size: 1.2em;
			width: 120px;
			line-height: 17px;
			color: #535456;
		}
		
	#footer #footer-left #footer-web-services {
		width: 960px;
		float: left;
	}
		
	#footer #footer-left #footer-print-services {
		width: 320px;
		float: left;
		margin: 20px 0 0;
	}
		
	#footer #footer-left #footer-other-services {
		width: 320px;
		float: left;
		margin: 20px 0 0;
		padding: 0 0 0 40px;
	}
		
	#footer #footer-left #footer-the-company {
		width: 240px;
		float: left;
		margin: 20px 0 0;
		padding: 0 0 0 40px;
	}
	
/* Footer Right */

	#footer #footer-right {
		padding: 0;
		height: 220px;
		width: 200px;
		border-bottom: 1px solid #333;
		float: right;
		border-top: 5px solid #333;
	}
	
		#footer #footer-right p {
			margin: 20px 0;
			font-size: 1.2em;
		}
		
			#footer #footer-right p span {
				width: 80px;
				display: inline-block;
			}
			
	
/* Footer Bottom */

	#footer #footer-bottom {
		float: left;
		width: 1200px;
	}
	
		#footer #footer-bottom #footer-bottom-left {
			float: left;
			width: 960px;
			padding: 10px 0;
			height: 50px;
			font-size: 1.2em;
			text-align: right;
		}
		
			#footer #footer-bottom #footer-bottom-left img {
				float: left;
			}
		
			#footer #footer-bottom #footer-bottom-left a {
				color: #666;
				font-size: 1em;
			}
	
		#footer #footer-bottom #footer-bottom-right {
			float: right;
			width: 200px;
			height: 35px;
			padding: 15px 0 0 0;
			text-align: left;
			background: url(../../images/layout/footer-adtrak-logo.png) right 5px no-repeat;
		}
		
/* Float Styles
--------------------------------------------------------------- */

.left, .img-left {
	float: left;
}

	.img-left {
		margin: 10px 10px 10px 0px;
	}

.right, .img-right {
	float: right;
} 

	.img-right {
		margin: 10px 0px 10px 10px;
	}

	
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

/* Contact Table Styles
--------------------------------------------------------------- */
/* Contact Table Styles
--------------------------------------------------------------- */
div#form {
	float: right;
	width: 1200px;
	position: relative;
	color: #666;
	height: 460px;
}
	
	#contactForm fieldset {
		border: none;
		clear: both;
	}
				
	/* -- Interested In */

	#contactForm #interestedIn {
		width: 1200px;
		position: absolute;
		top: 0px;
		left: 0px;
		border-top: 1px solid #ccc;
		margin: 20px 0 10px 0;
		padding: 40px 0 0 0;
	}

		#contactForm p#whatareyoulookingfor {
			font-size: 1.4em;
			padding: 0;
			font-family: 'DINProBold';
			text-align: center;
			text-transform: uppercase;
			margin: 0 0 20px 0;
		}
		
		#contactForm #interestedIn .interestedInWrap {
			width: 191px;
			display: inline-block;
			font-size: 1.1em;
			margin-right: 10px;
			border-radius: 5px;
			float: left;
			background: #eee;
		}
		
			#contactForm #interestedIn .iiEnd {
				margin: 0;
			}
		
			#contactForm #interestedIn .interestedInWrap label {
				width: 199px;
				padding: 10px 10px;
				display: block;
			}
	
/* -- Contact Form Left */
	
	#contactForm #contactFormLeft {
		width: 600px;
		float: left;
		position: absolute;
		top: 200px;
		left: 0px;
	}
	
	/* -- Contact Details */
	
	#contactForm fieldset#contactDetails .contactDetailsWrap {
		width: 450px;
		padding: 0px 150px 0px 0px;
		margin: 0 0 15px 0;
		border-radius: 7px;
		float: left;
	}	
	
	/* -- IE6 Hack :( */
	
		*html #contactForm fieldset#contactDetails .contactDetailsWrap {padding-bottom: 0;}
	
		#contactForm fieldset#contactDetails label {
			width: 123px;
			float: left;
			padding: 5px 0 0 0;
			display: block;
			margin: 0;
			font-size: 1.1em;
		}
		
		#contactForm fieldset#contactDetails input {
			width: 240px;
			height: 30px;
			padding: 0px 5px;
			background: #eee;
			float: right;
			font-size: 1.1em;
			border-radius: 5px;
			border: none;
		}
	/* -- Enquiry */
	
	#contactForm #contactFormRight {
		width: 600px;
		position: absolute;
		top: 200px;
		right: 0px;
		float: right;
	}
	
		#contactForm #contactFormRight #enquiryDetailsWrap {
			width: 600px;
			border-radius: 7px;
		}
	
		#contactForm #contactFormRight #enquiryDetailsWrap label {
			float: left;
			width: 100px;
			padding: 8px 0 0 0px;
		}
		
		#contactForm #contactFormRight #enquiryDetailsWrap textarea {
			padding: 10px;
			width: 480px;
			float: right;
			height: 151px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			background: #eee;
			border: none;
			border-radius: 5px;
		}
		
			#contactForm #contactFormRight #enquiryDetailsWrap textarea:focus,
			#contactForm fieldset#contactDetails input:focus {
				background: #eee;
			}
			
	#contactForm #submitFormFieldset {
		margin: 0 0 10px 0;
		position: absolute;
		top: 380px;
		right: 0px;
	}
		
		#contactForm .submit {
			display: block;
			padding: 5px 0px;
			clear: both;
			width: 160px;
			float: right;
		}

/* -------------- PHP Errors */

#form #errors {
	font-size:1.0em;
	color: #7F2D0F;
	font-weight: bold;
	padding:0px;
	margin:0px;
}

	#contact #form #errors ul {
		padding:0px;
		margin:10px;
		}

	#contact #form #errors li {
		background: url(../../images/misc/form-error.png) left center no-repeat;
		list-style: none;
		margin:0px;
		padding: 8px 0px 8px 25px;
	}
	
/* -------------- Hide Bot Buster */

div#form fieldset.botBuster,
div#callbackform #callbackBotBuster {
	display: none;
}


/* -------------- jQuery Errors */

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				padding:4px 10px 4px 10px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					font-size:0px; height:1px; background:#ee0101;
					margin:0 auto;line-height:0px;
					font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}
				
				
#ie6-pop {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 100;
	display: none;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	background: #fff;
}

	#ie6-pop #ie6-pop-wrap {
		width: 430px;
		margin: 0px auto;
		height: 178px;
		padding: 40px 0 0 770px;
		background: #fff url(../../images/ie6/still-using.gif) left no-repeat;
	}

	#ie6-pop #ie6-pop-wrap img {
		float: left;
		padding: 10px;
	}