/*

*/

/* Global Attributes */

	* {
		margin:0;
		padding:0
	}

	body {
		background:#820d19;
		margin:0;
		padding:0;
		font-family:Verdana;
		font-size:12px
	}

		a:link img, a:active img, a:visited img, a:hover img {
			border: 0px 
		}

		a:link, a:visited, a:active {
			color:#971b1e;
			font-weight:bolder;
			text-decoration:none
		}

		a:hover {
	color:#000;
	text-decoration:none;
	font-weight: bold;
		}

	.left {
		float:left
	}

	.right {
		float:right
	}

	h1, h2, h3, h4, h5, h6, span, p, ul, li {
	margin:0;
	padding:0;
	font-weight:normal;
	color: #FFF;
	text-align:left;
	}

	#wrapper {
		background:#820d19;
		width:1024px;
		height:auto;
		float:left;
		padding:0 0 30px 0
	}

		#left-side {
			width:123px;
			height:auto;
			float:left
		}

		#right-side {
			width:870px;
			height:auto;
			float:left
		}


/* Left Panel Navigation Section */

.left-group-training,
.left-group-training a,
.left-group-training a:hover {
	width:110px;
	height:43px;
	text-indent: -10000px;
	background: url(../images/left-navigation/group-training.png) no-repeat;
	float:right;
	margin:0 0 5px 0
}
	
	.left-group-training a:hover {
		background-position: 0 -43px;
	}

.left-container-top {
	width:123px;
	height:26px;
	background: url(../images/left-navigation/left-container-top.png) no-repeat;
	overflow:hidden;
}

.left-container-content {
	width:123px;
	height:auto;
	background: url(../images/left-navigation/left-container-repeat.png) repeat-y;
	overflow:hidden
}

	.left-container-content ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 13px;
	}

	.left-container-content ul li {
		list-style: none;
		margin: 0;
		padding: 0
	}

		.marketing-strategy,
		.public-relations,
		.social-development,
		.email-marketing,
		.media-buying,
		.promotions,
		.search-engine {
			padding: 0;
		}	
	
			.marketing-strategy a,
			.public-relations a,
			.social-development a,
			.email-marketing a,
			.media-buying a,
			.promotions a,
			.search-engine a {
				text-indent: -10000px;
				float: left;
				padding: 0;
			}
				
			.marketing-strategy a:hover,
			.public-relations a:hover,
			.social-development a:hover,
			.email-marketing a:hover,
			.media-buying a:hover,
			.promotions a:hover,
			.search-engine a:hover {
				text-indent: -10000px;
				float: left;
				padding: 0;

			}

		.marketing-strategy {
			width: 83px;
			height: 62px;
			margin: 0 0 3px 0
		}

		.marketing-strategy a,
		.marketing-strategy a:hover {
			width: 83px;
			height: 62px;
			background: url(../images/left-navigation/marketing-strategy.png) no-repeat;
			margin: 0 0 3px 0
		}	
				
			.marketing-strategy a:hover {
				background-position: 0 -62px;
			}


		.public-relations {
			width: 78px;
			height: 62px;
			margin: 0 0 4px 0
		}

		.public-relations a,
		.public-relations a:hover {
			width: 78px;
			height: 62px;
			background: url(../images/left-navigation/public-relations.png) no-repeat;
			margin: 0 0 4px 0
		}	
				
			.public-relations a:hover {
				background-position: 0 -62px;
			}


		.social-development {
			width: 97px;
			height: 62px;
			margin: 0 0 3px 0
		}

		.social-development a,
		.social-development a:hover {
			width: 97px;
			height: 62px;
			background: url(../images/left-navigation/social-development.png) no-repeat;
			margin: 0 0 3px 0
		}	
				
			.social-development a:hover {
				background-position: 0 -62px;
			}

		.email-marketing {
			width: 81px;
			height: 62px;
			margin: 0 0 4px 0
		}

		.email-marketing a,
		.email-marketing a:hover {
			width: 81px;
			height: 50px;
			background: url(../images/left-navigation/email-marketing.png) no-repeat;
			margin: 0 0 4px 0
		}	
				
			.email-marketing a:hover {
				background-position: 0 -50px;
			}

		.media-buying {
			width: 61px;
			height: 61px;
			margin: 0 0 5px 0
		}

		.media-buying a,
		.media-buying a:hover {
			width: 62px;
			height: 61px;
			background: url(../images/left-navigation/media-buying.png) no-repeat;
			margin: 0 0 5px 0
		}	
				
			.media-buying a:hover {
				background-position: 0 -61px;
			}

		.promotions {
			width: 90px;
			height: 50px;
			margin: 0 0 5px 0
		}

		.promotions a,
		.promotions a:hover {
			width: 90px;
			height: 50px;
			background: url(../images/left-navigation/promotions.png) no-repeat;
			margin: 0 0 5px 0
		}	
				
			.promotions a:hover {
				background-position: 0 -50px;
			}

		.search-engine {
			width: 81px;
			height: 62px;
			margin: 0
		}

		.search-engine a,
		.search-engine a:hover {
			width: 81px;
			height: 62px;
			background: url(../images/left-navigation/search-engine.png) no-repeat;
			margin: 0
		}	
				
			.search-engine a:hover {
				background-position: 0 -62px;
			}

.left-container-footer {
	width:123px;
	height:34px;
	background: url(../images/left-navigation/left-container-footer.png) no-repeat;
}

.left-what-we-do {
	width:91px;
	height:14px;
	text-indent: -10000px;
	background: url(../images/left-navigation/what-we-do.png) no-repeat;
	margin:8px 0 13px 16px
}

.left-web-design,
.left-web-design a,
.left-web-design a:hover {
	width:123px;
	height:93px;
	text-indent: -10000px;
	background: url(../images/left-navigation/webdesign.png) no-repeat;
	float:right;
	margin:0 0 13px 0
}
	
	.left-blog a:hover {
		background-position: 0 -93px;
	}



.left-blog,
.left-blog a,
.left-blog a:hover {
	width:123px;
	height:93px;
	text-indent: -10000px;
	background: url(../images/left-navigation/blog.png) no-repeat;
	float:right;
	margin:0 0 13px 0
}
	
	.left-blog a:hover {
		background-position: 0 -93px;
	}

.left-design {
	padding:0 0 0 18px;
	font-size:8px
}

	.left-design a {
		color:#521110;
		text-decoration:none
	}

	.left-design a:hover {
		color:#000;
		text-decoration:none
	}


/* Header Section */

#header {
	background: url(../images/header.png) no-repeat;
	width:846px;
	height:202px;
}

	#logo a,
	#logo a:hover {
		text-indent: -10000px;
		background: url(../images/logo.png) no-repeat;
		width:328px;
		height:124px;
		position:absolute;
		top:25px;
		left:138px;
		z-index:1;
	}

	/* Top Navigation Section */

	#navigation_top {
		width:846px;
		height:42px;
		position:absolute;
		left:123px;
		z-index:1;
	}

		#navigation_top ul {
			list-style: none;
			margin: 0 0 0 436px;
			padding: 0;
		}

		#navigation_top ul li {
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
		}
	
			.info,
			.join-team {
				height:42px;
				margin: 0;
				padding: 0;
			}
	
				.info a,
				.info a:hover,
				.join-team a,
				.join-team a:hover {
					height:42px;
					float: left;
				}

			.info {
				width:143px;
			}
	
				.info a {
					text-indent: -10000px;
					background: url(../images/navigation/info.png) no-repeat;
					width:143px;
					margin: 0 10px 0 0
				}

				.info a:hover {
					text-indent: -10000px;
					background: url(../images/navigation/info.png) no-repeat;
					background-position:0 -42px;
					width:143px;
					margin: 0 10px 0 0
				}

			.stamp {
				text-indent: -10000px;
				background: url(../images/navigation/stamp.png) no-repeat;
				width:129px;
				height:42px;
				float:left;
			}

			.join-team {
				width:143px;
			}
	
				.join-team a {
					text-indent: -10000px;
					background: url(../images/navigation/join-team.png) no-repeat;
					width:112px;
					margin: 0 0 0 10px
				}

				.join-team a:hover {
					text-indent: -10000px;
					background: url(../images/navigation/join-team.png) no-repeat;
					background-position:0 -42px;
					width:112px;
					margin: 0 0 0 10px
				}

	/* Subnav Section */

	#subnav ul {
		list-style: none;
		margin: 10px 0 0 10px;
		padding: 0;
	}

	#subnav ul li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.item a {
			color:#000000;
			font-weight:normal;
			font-size:9px;
			text-decoration: none;
		}

		.item a:hover {
			color:#971b1e;
			text-decoration: none;
		}

		.active a {
			color:#971b1e;
			font-weight:normal;
			font-size:9px;
			text-decoration: none;
		}

		.active a:hover {
			color:#971b1e;
			text-decoration: none;
		}

	/* Main Navigation Section */

	#navigation {
		width:846px;
		height:40px;
		position:absolute;
		left:123px;
		top:154px;
	}

		#navigation ul {
			list-style: none;
			margin: 0 0 0 175px;
			padding: 0;
		}

		#navigation ul li {
			display: inline;
			list-style: none;
			margin: 0;
			padding: 0;
		}

	.who-we-are,
	.who-we-are_active,
	.what-we-do,
	.what-we-do_active,
	.find-us,
	.find-us_active,
	.when-doing-it,
	.when-doing-it_active,
	.why-how,
	.why-how_active {
		height:40px;
		margin: 0;
		padding: 0;
	}
	
		.who-we-are a,
		.who-we-are_active a,
		.what-we-do a,
		.what-we-do_active a,
		.find-us a,
		.find-us_active a,
		.when-doing-it a,
		.when-doing-it_active a,
		.why-how a,
		.why-how_active a {
			height:40px;
			float: left;
		}
				
		.who-we-are a:hover,
		.who-we-are_active a:hover,
		.what-we-do a:hover,
		.what-we-do_active a:hover,
		.find-us a:hover,
		.find-us_active a:hover,
		.when-doing-it a:hover,
		.when-doing-it_active a:hover,
		.why-how a:hover,
		.why-how_active a:hover {
			height:40px;
			float: left;
		}

	.who-we-are {
		width:101px;
	}
	
		.who-we-are a,
		.who-we-are a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/who-we-are.png) no-repeat;
			width:101px;
			margin: 0
		}

	.who-we-are_active {
		width:101px;
	}
				
		.who-we-are_active a,
		.who-we-are_active a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/who-we-are.png) no-repeat;
			background-position: 0 -40px;
			width:101px;
			margin: 0
		}

	.what-we-do {
		width:100px;
	}
	
		.what-we-do a,
		.what-we-do a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/what-we-do.png) no-repeat;
			width:100px;
			margin: 0 0 0 5px
		}

	.what-we-do_active {
		width:100px;
	}
				
		.what-we-do_active a,
		.what-we-do_active a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/what-we-do.png) no-repeat;
			background-position: 0 -40px;
			width:100px;
			margin: 0 0 0 5px
		}


	.find-us {
		width:136px;
	}
	
		.find-us a,
		.find-us a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/find-us.png) no-repeat;
			width:136px;
			margin: 0 0 0 5px
		}

	.find-us_active {
		width:136px;
	}
				
		.find-us_active a,
		.find-us_active a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/find-us.png) no-repeat;
			background-position: 0 -40px;
			width:136px;
			margin: 0 0 0 5px
		}

	.when-doing-it {
		width:158px;
	}
	
		.when-doing-it a,
		.when-doing-it a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/when-doing-it.png) no-repeat;
			width:158px;
			margin: 0 0 0 5px
		}

	.find-us_active {
		width:158px;
	}
				
		.when-doing-it_active a,
		.when-doing-it_active a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/when-doing-it.png) no-repeat;
			background-position: 0 -40px;
			width:158px;
			margin: 0 0 0 5px
		}

	.why-how {
		width:155px;
	}
	
		.why-how a,
		.why-how a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/why-how.png) no-repeat;
			width:155px;
			margin: 0 0 0 5px
		}

	.why-how_active {
		width:155px;
	}
				
		.why-how_active a,
		.why-how_active a:hover {
			text-indent: -10000px;
			background: url(../images/navigation/why-how.png) no-repeat;
			background-position: 0 -40px;
			width:155px;
			margin: 0 0 0 5px
		}

/* Content Section */

#content {
	width:846px;
	height:auto;
	overflow:hidden;
	color: #FFF;
}

	/* Left Content Section */

	#content .left {
		width:522px;
		height:auto;overflow:hidden
	}

		#main_content_container {
			background:#fff;
			width:505px;
			height:auto;
			float:right;
		}

			#main_content_top {
				background: url(../images/main-content-top.png) no-repeat;
				width:505px;
				height:28px;
			}

			#main_content_content {
	background: url(../images/main-content-content.png) repeat-y;
	width:505px;
	height:auto;
	overflow:hidden;
	text-align:left;
			}

				#main_content_content h2 {
					color:#808080;
					font-size:18px;
					font-weight:bolder;
					padding:0 20px
				}

					#main_content_content h2 span {
						color:#971b1e;
						font-weight:bolder;
					}

				#main_content_content h3 {
					color:#981b1e;
					font-size:14px;
					font-weight:bolder;
					padding:0 22px
				}

				#main_content_content p {
					color:#000100;
					font-size:13px;
					line-height: 17px;
					padding:25px 20px
				}

					#main_content_content p span {
						color:#971b1e;
						font-weight:bolder;
					}

			#main_content_footer {
				background: url(../images/main-content-footer.png) no-repeat;
				width:505px;
				height:27px;
			}

	/* Right COntent Section */

	#content .right {
		width:308px;
		height:auto;
	}