/******************************************
TAG DEFINITIONS
******************************************/
body {
	background: #333 url(../images/bg-pattern.png) center top;
}

h1, h2, h3, h4 {
	font-family: 'Advent Pro', serif;
	color: #595854;
	font-weight: 400;
}
h1 {
	font-size: 47px;
	text-align: center;
	height: 59px;
	line-height: 59px;
}
.rounded-corners {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/******************************************
NAVIGATION
******************************************/
#nav {
	width: 100%;
	position: fixed;
	top: 10px;
	left: 0;
	z-index: 10;
}
	#nav_left:before, #nav_right:before {
		display: block;
		content: '';
		height: 18px;
	}
	#nav_center {
		width: 918px;
		height: 90px;
	}
	#nav_center_div {
	position: relative;
	left: 174px;
	}

		#nav_center a {
			padding: 8px 0 12px;
			text-align: center;
			font-size: 24px;
			line-height: 40px;
			color: #fff;
			text-shadow: #000000 0 0 0 1px;
		}
		#nav_center a.menu-even {
			line-height: 90px;
		}
		#nav_center a:hover, #nav_center a.current {
			color: #fff;
		}

		#nav_center a .label {
			display: none;
			position: absolute;
			width: 77px;
			left: 11px;
			top: 96px;
			color: #595856;
			text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
			text-align: center;
			font-size: 11px;
			line-height: 13px;
		}
		#nav_center a:hover .label {
			display: block;
		}


.css-arrow {
	width: 102px;
	height: 90px;
	float: left;
}

#nav_center a.css-arrow-triangle1 {
	background: url(../images/triangles.png) no-repeat 0 0;
}
#nav_center a.css-arrow-triangle1:hover, #nav_center a.css-arrow-triangle1.current {
	background-position: -204px 0;
}

#nav_center a.css-arrow-triangle2 {
	background: url(../images/triangles.png) no-repeat -102px 0;
	position: relative;
	left: -43px;
}
#nav_center a.css-arrow-triangle2:hover, #nav_center a.css-arrow-triangle2.current {
	background-position: -306px 0;
}

#nav_center a.css-arrow-triangle3 {
	background: url(../images/triangles.png) no-repeat 0 0;
	position: relative;
	left: -88px;
}
#nav_center a.css-arrow-triangle3:hover, #nav_center a.css-arrow-triangle3.current {
	background-position: -408px 0;
}

#nav_center a.css-arrow-triangle4 {
	background: url(../images/triangles.png) no-repeat -102px 0;
	position: relative;
	left: -131px;
}
#nav_center a.css-arrow-triangle4:hover, #nav_center a.css-arrow-triangle4.current {
	background-position: -510px 0;
}

#nav_center a.css-arrow-triangle5 {
	background: url(../images/triangles.png) no-repeat 0 0;
	position: relative;
	left: -175px;
}
#nav_center a.css-arrow-triangle5:hover, #nav_center a.css-arrow-triangle5.current {
	background-position: -612px 0;
}

#nav_center a.css-arrow-triangle6 {
	background: url(../images/triangles.png) no-repeat -102px 0;
	position: relative;
	left: -218px;
}
#nav_center a.css-arrow-triangle6:hover, #nav_center a.css-arrow-triangle6.current {
	background-position: -714px 0;
}

#nav_center a.css-arrow-triangle7 {
	background: url(../images/triangles.png) no-repeat 0 0;
	position: relative;
	left: -261px;
}
#nav_center a.css-arrow-triangle7:hover, #nav_center a.css-arrow-triangle7.current {
	background-position: -816px 0;
}

#nav_center a.css-arrow-triangle8 {
	background: url(../images/triangles.png) no-repeat -102px 0;
	position: relative;
	left: -305px;
}
#nav_center a.css-arrow-triangle8:hover, #nav_center a.css-arrow-triangle8.current {
	background-position: -918px 0;
}

#nav_center a.css-arrow-triangle9 {
	background: url(../images/triangles.png) no-repeat 0 0;
	position: relative;
	left: -349px;
}
#nav_center a.css-arrow-triangle9:hover, #nav_center a.css-arrow-triangle9.current {
	background-position: -1020px 0;
}


/******************************************

		#nav_center .filler {
			height: 56px;
			width: 23px;
			background: url(../images/nav-filler.png) repeat-x 0 25px;
			float: left;
		}
		#nav_center .filler:before, #filler_left, #filler_right {
			content: '';
			display: block;
			height: 18px;
		}
		#filler_left {
			width: 1px;
			float: left;
		}
		#filler_right {
			width: 2px;
			float: left;
		}

******************************************/



/******************************************
COMMON CLASSES
******************************************/
.slide {
	position: relative;
	margin: 0;
	width: 100%;
	padding: 120px 0 200px;;
}

.container {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.transition {
	height: 71px;
	width: 100%;
	background: url(../images/dotted-bg.png) repeat-x 0 93px;
	text-align: center;
	padding: 59px 0 0;
}

	.transition .next {
		display: inline-block;
		width: 199px;
		height: 71px;
		background: url(../images/next-prev-buttons.png) no-repeat 0 0;
		margin: 0 27px;
	}
	.transition .next:hover { background-position: 0 -71px; }
	.transition .next:active { background-position: 0 -142px; }
	.transition .start {
		display: inline-block;
		width: 199px;
		height: 71px;
		background: url(../images/start-button.png) no-repeat 0 0;
		margin: 0 27px;
	}
	.transition .start:hover { background-position: 0 -71px; }
	.transition .start:active { background-position: 0 -142px; }
	.transition .prev {
		display: inline-block;
		width: 199px;
		height: 71px;
		background: url(../images/next-prev-buttons.png) no-repeat -199px 0;
		margin: 0 20px;
	}
	.transition .prev:hover { background-position: -199px -71px; }
	.transition .prev:active { background-position: -199px -142px; }

.title {
	width: 100%;
	margin: 0 0 45px;
}	
	.title th {
		background: url(../images/dotted-bg.png) repeat-x 0 30px;
	}
	
	


/******************************************
SLIDE 1
******************************************/
#slide1 {
	padding: 110px 0 210px;;
}
#logo {
	width: 300px;
	height: 152px;
	background: url(../images/logo.png) no-repeat;
	margin: 0 auto;
}
#slide1 h1 {
	margin: 27px 0 40px;
}
#intro_items {
	width: 726px;
	height: 327px;
	margin: 0 auto 20px;
}

	


/******************************************
SLIDE 2
******************************************/
#slide2 {
	background: #9ab421;
}
	#slide2 h1 {
		color: #fff;
	}
	
	h2#tagline {
		font-size: 72px;
		text-align: center;
		font-weight: 600;
		margin: 70px 0 210px;
		color: #fff;
	}
	h2#tagline2 {
		font-size: 72px;
		text-align: center;
		font-weight: 600;
		margin: 70px 0 210px;
		color: #fff;
	}
	
	#slide2 .transition {
		margin-bottom: 160px;
		padding-bottom: 160px;
	}

	


/******************************************
SLIDE 3
******************************************/
.bio {
	width: 402px;
	height: 445px;
	position: relative;
	float: left;
	margin: 0 13px 15px 41px;
}
	.banner {
		width: 90px;
		height: 90px;
		position: absolute;
		top: 0;
		left: 0;
	}
	#blake { width: 1073px; height: 703px; position:relative; left:-128px; background: url('../images/brand-me-page.png') no-repeat right top; padding-top:50px; }


	.bio h2 {
		font-size: 25px;
		font-weight: 600;
		color: #595754;
		margin: 0 0 0 23px;
	}
	.bio .bio_info {
		margin: 6px 15px 0;
		float: right;
	}
		.bio .bio_info a {
			width: 16px;
			height: 17px;
			display: block;
			float: left;
			margin: 0 0 0 5px;
		}
	
		.bio ul {
			margin: 15px 0 0 36px;
			color: #595754;
			font-size: 14px;
			line-height: 17px;
		}
			.bio ul li {
				margin-bottom: 12px;
			}

	


/******************************************
SLIDE 4
******************************************/
#education {
	width: 940px;
	height: 600px;
}

	


/******************************************
SLIDE 5
******************************************/
#problems_solutions {
	width: 780px;
	height: 611px;
}

	


/******************************************
SLIDE 6
******************************************/
#slide6 {
	background: #ffb531;
	height: 600px;
}
	#slide6 h1 {
		color: #fff;
	}

	


/******************************************
SLIDE 7
******************************************/
#traction {
	width: 940px;
	height: 1800px;
}

	


/******************************************
SLIDE 8
******************************************/
#next {
	width: 900px;
	height: 800px;
}

#clientsgraphic1 { width: 900px; height: 165px; padding-bottom:20px; background: url('../images/client-logos2.png') no-repeat right top; border-bottom:1px dashed #d1c8c8; }
#clientsgraphic2 { width: 900px; height: 270px; padding-bottom:40px; background: url('../images/client-campaigns.png') no-repeat right top; }
#clientsgraphic300 { width: 270px; height: 150px; padding-bottom:10px; background: url('../images/client-300.png') no-repeat right top; }
#clientquote1 { padding-bottom:20px; border-bottom:1px dashed #d1c8c8; }
	


/******************************************
SLIDE 9
******************************************/
#partners {
	width: 940px;
	height: 1143px;
}

	


/******************************************
SLIDE 11
******************************************/

.contact_bar {
	margin: 0 auto 33px;
	width: 448px;
	height: 31px;
	padding: 0px 18px;
	position: relative;
	text-align: center;
}
	.contact_bar i {
		width: 24px;
		height: 24px;
		display: block;
		position: absolute;
		top: 18px;
		left: 18px;
	}
	#email_bar i { background: url(../images/contact-email.png) no-repeat; }
	#twitter_bar i { background: url(../images/contact-twitter.png) no-repeat; }
	#pdf_bar i { background: url(../images/contact-print.png) no-repeat; }
	
	.contact_bar a {
		color: #da2128;
		font-size: 26px;
		font-family: 'Advent Pro', serif;
		font-weight: 600;
	}
	
	.contact_button {
		width: 140px;
		height: 31px;
		display: block;
		float: right;
		margin: 0 0 0 13px;
		background: url(../images/contact-buttons.png) no-repeat;
	}
	.email_us { background-position: -280px 0; }
	.email_us:hover { background-position: -280px -31px; }
	.follow_us { background-position: 0 0; }
	.follow_us:hover { background-position: 0 -31px; }
	.request_intro { background-position: -140px 0; }
	.request_intro:hover { background-position: -140px -31px; }
	.print { background-position: -420px 0; }
	.print:hover { background-position: -420px -31px; }