@charset "utf-8";

@import 'reset.css';

/* CSS Document */
body, html {
	width: 100%;
	height: 100%;
}

body {
	background: url(../images/bg-image.jpg) no-repeat center right;
}
/* Home Page Styles */
body.home {
	background: none;
}
table#home {
	height: 100%;
}
#wrapper-home {
	width: 950px;
	height: 400px;
	margin: 0 auto;
}
	#logo-home {
		margin:0 auto 0 auto;
		padding: 0;
		width:595px;
	}
	#tagline-home {
		color:#999;
		font-family:Arial,Helvetica,sans-serif;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
		margin:0 auto;
		text-align:center;
		width:620px;
	}



#wrapper {
	width: 950px;
	height: 750px;
	margin: 0 auto;
}
#header {
	height:183px;
}
	#logo {
			float:right;
			padding:10px 0;
			width:283px;
	}
	#tagline {
		clear:both;
		color:#999999;
		font-family:Arial,Helvetica,sans-serif;
		font-size:16px;
		font-weight:bold;
		text-align:right;
	}
#content {
	height: 458px;
}
	#nav {
		height: 458px;
		width: 38px;
		float: left;
	}
		#nav ul{
			padding: 0;
			margin: 0;
		}
			#nav ul li{
				padding: 0;
				margin: 0;
				list-style: none;
			}
			#nav ul li a{
				padding: 0;
				margin: 0;
			}
				#nav ul li span{
					display: none;
				}
				a.home-active:link, a.home-active:active, a.home-active:visited, a.home-active:hover {
					display: block;
					height: 67px;
					width: 38px;
					background: url(../images/nav/home-active.jpg) no-repeat top left;
				}
				a.home:link, a.home:active, a.home:visited {
					display: block;
					height: 67px;
					width: 38px;
					background: url(../images/nav/home.jpg) no-repeat 100% 0;
				}
				a.home:hover {
					display: block;
					height: 67px;
					width: 38px;
					background: url(../images/nav/home.jpg) no-repeat 0 0;
				}
				a.consultancy-active:link, a.consultancy-active:active, a.consultancy-active:visited, .consultancy-active:hover {
					display: block;
					height: 114px;
					width: 38px;
					background: url(../images/nav/consultancy-active.jpg) no-repeat top left;
				}
				a.consultancy:link, a.consultancy:active, a.consultancy:visited {
					display: block;
					height: 114px;
					width: 38px;
					background: url(../images/nav/consultancy.jpg) no-repeat 100% 0;
				}
				a.consultancy:hover {
					background: url(../images/nav/consultancy.jpg) no-repeat 0 0;
				}
				a.marketing-active:link, a.marketing-active:active, a.marketing-active:visited, a.marketing-active:hover {
					display: block;
					height: 93px;
					width: 38px;
					background: url(../images/nav/marketing-active.jpg) no-repeat top left;
				}
				a.marketing:link, a.marketing:active, a.marketing:visited {
					display: block;
					height: 93px;
					width: 38px;
					background: url(../images/nav/marketing.jpg) no-repeat 100% 0;
				}
				a.marketing:hover {
					background: url(../images/nav/marketing.jpg) no-repeat 0 0;
				}
				a.sponsorship-active:link, a.sponsorship-active:active, a.sponsorship-active:visited, a.sponsorship-active:hover {
					display: block;
					height: 106px;
					width: 38px;
					background: url(../images/nav/sponsorship-active.jpg) no-repeat top left;
				}
				a.sponsorship:active, a.sponsorship:link, a.sponsorship:visited {
					display: block;
					height: 106px;
					width: 38px;
					background: url(../images/nav/sponsorship.jpg) no-repeat 100% 0;
				}
				a.sponsorship:hover {
					background: url(../images/nav/sponsorship.jpg) no-repeat 0 0;
				}
				a.the-team-active:active, a.the-team-active:link, a.the-team-active:visited, a.the-team-active:hover {
					display: block;
					height: 78px;
					width: 38px;
					background: url(../images/nav/the-team-active.jpg) no-repeat top left;
				}
				a.contact-us:active, a.contact-us:visited, a.contact-us:link {
					display: block;
					height: 78px;
					width: 38px;
					background: url(../images/nav/contact-us.jpg) no-repeat 100% 0;
				}
				a.contact-us:hover {
					background: url(../images/nav/contact-us.jpg) no-repeat 0 0;
				}
	.content-text {
		border-bottom:1px solid #E9E9E9;
		border-right:1px solid #E9E9E9;
		border-top:1px solid #E9E9E9;
		float:left;
		height:454px;
		margin:1px 0 0;
		width:911px;
	}

		.content-text.cons-spons {
					background: url(../images/backgrounds/consultancy-sponsorship.jpg) no-repeat top right;
		}
		.content-text.cons-gaming {
					background: url(../images/backgrounds/consultancy-gaming.jpg) no-repeat top right;
		}
		.content-text.cons-home {
					background: url(../images/backgrounds/consultancy-front.jpg) no-repeat top right;
		}
		.content-text.cons-market {
					background: url(../images/backgrounds/consultancy-marketing.jpg) no-repeat top right;
		}
		.content-text.mark-home {
					background: url(../images/backgrounds/marketing-home.jpg) no-repeat top right;
		}
		.content-text.mark-sponsor {
					background: url(../images/backgrounds/marketing-sponsorship.jpg) no-repeat top right;
		}
		.content-text.mark-projects {
					background: url(../images/backgrounds/marketing-projects.jpg) no-repeat top right;
		}
		.content-text.mark-comms {
					background: url(../images/backgrounds/marketing-comms.jpg) no-repeat top right;
		}
		.content-text.spons-home{
					background: url(../images/backgrounds/sponsorship-home.jpg) no-repeat top right;
		}
		.content-text.sponsor-sponsor{
					background: url(../images/backgrounds/sponsorship-sponsorship.jpg) no-repeat top right;
		}
		.content-text.sponsor-product{
					background: url(../images/backgrounds/sponsorship-product.jpg) no-repeat top right;
		}

			#subnav {
				float: left;
			}
				#subnav ul{
					border-right: 1px solid #CCC;
					height:454px;
					margin:0;
					padding:0 0 0 10px;
				}
				#subnav li{
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:0 0 1px;
					padding:0;
				}
				#subnav li span{
					display: none;
				}
				a.cons-sponsor {
					display:block;
					height:210px;
					width:38px;
					background: url(../images/subnavs/cons-sponsor.jpg) no-repeat 100% 0;
				}
				a.cons-sponsor:hover {
					background: url(../images/subnavs/cons-sponsor.jpg) no-repeat 0 0;
				}
				
				a.cons-sponsor-active {
					display:block;
					height:210px;
					width:38px;
					background: url(../images/subnavs/cons-sponsor-active.jpg) no-repeat 100% 0;
				}
				
				
				a.cons-gaming {
					display: block;
					height:80px;
					width:38px;
					background: url(../images/subnavs/cons-gaming.jpg) no-repeat 100% 0;
				}
				
				a.cons-gaming:hover {
					background: url(../images/subnavs/cons-gaming.jpg) no-repeat 0 0;
				}
				
				a.cons-gaming-active {
					display: block;
					height:80px;
					width:38px;
					background: url(../images/subnavs/cons-gaming-active.jpg) no-repeat 100% 0;
				}
				
				a.cons-marketing {
					background:transparent url(../images/subnavs/cons-marketing.jpg) no-repeat scroll 100% 0;
					display:block;
					height:91px;
					width:38px;
				}
				a.cons-marketing:hover {
					background: url(../images/subnavs/cons-marketing.jpg) no-repeat 0 0;
				}
				a.cons-marketing-active {
					background:transparent url(../images/subnavs/cons-marketing-active.jpg) no-repeat scroll 100% 0;
					display:block;
					height:91px;
					width:38px;
				}

				a.mark-sponsor {
					display: block;
					height: 166px;
					width: 38px;
					background: url(../images/subnavs/mark-sponsor.jpg) no-repeat 100% 0;
				}
				a.mark-sponsor:hover {
					background: url(../images/subnavs/mark-sponsor.jpg) no-repeat 0 0;
				}
				a.mark-sponsor-active {
					display: block;
					height: 166px;
					width: 38px;
					background: url(../images/subnavs/mark-sponsor-active.jpg) no-repeat 100% 0;
				}				
				
				a.mark-projects {
					display: block;
					height:151px;
					width:38px;
					background: url(../images/subnavs/mark-projects.jpg) no-repeat 100% 0;
				}
				a.mark-projects:hover {
					background: url(../images/subnavs/mark-projects.jpg) no-repeat 0 0;
				}
				a.mark-projects-active {
					display: block;
					height:151px;
					width:38px;
					background: url(../images/subnavs/mark-projects-active.jpg) no-repeat 100% 0;
				}
				a.mark-comms {
					display: block;
					height: 128px;
					width: 38px;
					background: url(../images/subnavs/mark-comms.jpg) no-repeat 100% 0;
				}
				a.mark-comms:hover {
					background: url(../images/subnavs/mark-comms.jpg) no-repeat 0 0;
				}
				a.mark-comms-active {
					display: block;
					height: 128px;
					width: 38px;
					background: url(../images/subnavs/mark-comms-active.jpg) no-repeat 100% 0;
				}
				a.sponsor-product {
					display: block;
					height: 143px;
					width: 38px;
					background: url(../images/subnavs/sponsor-product.jpg) no-repeat 100% 0;
				}
				a.sponsor-product:hover {
					background: url(../images/subnavs/sponsor-product.jpg) no-repeat 0 0;
				}
				a.sponsor-product-active {
					display: block;
					height: 143px;
					width: 38px;
					background: url(../images/subnavs/sponsor-product-active.jpg) no-repeat 100% 0;
				}
				a.sponsor-sponsor {
					display: block;
					height: 178px;
					width: 38px;
					background: url(../images/subnavs/sponsor-sponsor.jpg) no-repeat 100% 0;
				}
				a.sponsor-sponsor:hover {
					background: url(../images/subnavs/sponsor-sponsor.jpg) no-repeat 0 0;
				}
				a.sponsor-sponsor-active {
					display: block;
					height: 178px;
					width: 38px;
					background: url(../images/subnavs/sponsor-sponsor-active.jpg) no-repeat 100% 0;
				}
		.text p {
			color:#666666;
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:18px;
			margin:0;
			padding:0 0 15px;
		}
		.text li {
			color:#000;
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:18px;

		}

		.h
		.text li {
			color:#666666;
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:18px;
		}
		.text strong {
			color:#000;
			font-weight: bold;	
			font-family:Arial,Helvetica,sans-serif;
			}

		.text h1{
			color:#000000;
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:18px;
			margin:0;
			padding:0 0 15px;
			font-weight: bold;
		}
		
		.text.home {
			padding: 20px 40px 0 40px ;
			width:440px;
			float:left;
		}
		.text.home p,
		.text.home h1 {
			text-align: center;
		}
		.quote-box {
			border-bottom:1px solid #CCCCCC;
			border-top:1px solid #CCCCCC;
			margin:5px 0 10px;
			padding:20px 0;		
		}
		.quote-box p{
			font-size: 13px;		
		}		
		.text.consultancy {
			padding:40px;
			width:400px;	
			float: left;
		}
		.text.contact.left {
			float:left;
			height:390px;
			margin:30px 0 0 30px;
			overflow:auto;
			padding:0 20px 0 0;
			width:380px;
		}
		.text.contact.right {
			border:1px solid #E7E7E7;
			float:left;
			margin:30px 0 0 30px;
			padding:5px;
		}
		.text.contact.right a {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #CC0000;
			text-decoration: none;
		}
		.text.contact.right a:hover {
			text-decoration: underline;
		}
#footer{
	height:89px;
	padding:20px 0 0;
}
	#contact-btn {
		float: left;	
	}
	#details {
		color:#666666;
		float:left;
		font-family:"Century Gothic",Arial,Verdana;
		font-size:11px;
		line-height:24px;
		padding:15px 0 0 10px;	}
		#details span{
			color: #CC0000;
			font-weight: bold;
		}
			#details span a{
			color: #CC0000;
			text-decoration: underline;
		}
			#details span a:hover{
			color: #CC0000;
			text-decoration: none;
		}		
.home-image {
	float:left;
	height:454px;
	width:391px;
	}
.red {
	color: #CC0000;	
}
.grey {
	color: #999;	
}
a {
	color: #CC0000;	
	text-decoration: underline;
}
a:hover {
	color: #CC0000;	
	text-decoration: none;
}
.center-quotes {
	text-align: center;	
}