body { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
a { color: #8183FF; }
#sitewrapper {
	width: 760px;
	margin: 20px auto; }
	
#printheader	{
	display: none;
	}

#header {
	background-color: #8183FF;
	float: left;
	height: 55px;
	width: 100%; }
	#header a#logo {
		display: block;
		float: left;
		height: 32px;
		width: 166px;
		margin: 11px 0 0 17px;
		background: url("../images/logo.gif") no-repeat 0 0;
		text-indent: -5000px; }
	#header ul#nav {
		float: right;
		margin: 21px 17px 0 0; }
		#header ul#nav li {
			float: left;
			display: block;
			margin-left: 26px; }
			#header ul#nav li a {
				display: block;
				height: 19px;
				font-size: 10px;
				text-indent: -5000px; }
				#header ul#nav li a#nav_about-us {
					width: 74px;
					background: url("../images/navigation-2.gif") no-repeat 0 0; }
					#header ul#nav li a#nav_about-us:hover, #header ul#nav li a#nav_about-us.current { background: url("../images/navigation-2.gif") no-repeat 0 -19px; }
				#header ul#nav li a#nav_our-work {
					width: 71px;
					background: url("../images/navigation-2.gif") no-repeat -99px 0; }
					#header ul#nav li a#nav_our-work:hover, #header ul#nav li a#nav_our-work.current { background: url("../images/navigation-2.gif") no-repeat -99px -19px; }
				#header ul#nav li a#nav_news {
					width: 42px;
					background: url("../images/navigation-2.gif") no-repeat -196px 0; }
					#header ul#nav li a#nav_news:hover, #header ul#nav li a#nav_news.current { background: url("../images/navigation-2.gif") no-repeat -196px -19px; }
				#header ul#nav li a#nav_blog {
					width: 40px;
					background: url("../images/navigation-2.gif") no-repeat -260px 0; }
					#header ul#nav li a#nav_blog:hover, #header ul#nav li a#nav_blog.current { background: url("../images/navigation-2.gif") no-repeat -260px -19px; }
				#header ul#nav li a#nav_contact {
					width: 62px;
					background: url("../images/navigation-2.gif") no-repeat -325px 0; }
					#header ul#nav li a#nav_contact:hover, #header ul#nav li a#nav_contact.current { background: url("../images/navigation-2.gif") no-repeat -325px -19px; }

#flashcontent {
	clear: both;
	border-top: 14px solid #FFFFFF;
	width: 100%;
	height: 181px; }

h1#tagline {
	height: 30px;
	widows: 760px;
	margin: 9px 0 14px 0;
	text-indent: -5000px;
	background: #FFFFFF url("../images/hdr_tagline.gif") no-repeat 50% 50%; }
	
#noflashprint	{
	display: none;
	}

#columns {
	float: left;
	background: #FFFFFF url("../images/bg_home-faux-columns.gif") repeat-y 0 0; }

div.columnheader	{
	display: none;
	}

div.column {
	width: 240px;
	float: left; }
	div.column h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 41px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #FFF;
		font-weight:normal;
		text-align: center;
		width: 240px;
		height: 41px;
		margin: 0 0 10px 0;
		padding: 0;
		white-space: nowrap;
		background-image: url("../images/headerbg.gif");
		background-repeat: repeat-x;
		background-position: 0 -41px; }
	div.column h1 a {
		text-decoration: none;
		color: #FFF;
		width: 240px;
		height: 41px;
		background-image: url("../images/headerbg.gif");
		background-repeat: repeat-x;
		background-position: 0 0;
		display: block; }
		div.column h1 a:hover {
			background: url("../images/headerbg.gif") repeat-x 0 -41px; }
			
	div.column p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 130%;
		color: #666666;
		margin-bottom: 10px; }
	div.column li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
		color: #666;
		padding: 11px 0 0 0;
		}
		
		div.column ul li:first-child	{
			padding: 0;
			}
		
		div.column li a {
			color: #666;
			text-decoration: none; }
			div.column li a:hover {
				color: #8183FF; }
			div.column li a strong {
				color: #8183FF; }
				div.column li a:hover strong {
					color: #666; }

		div.column p a {
			font-weight: bold; }
			div.column p a:hover { text-decoration: underline; }

#news-events {
	padding-right: 10px; }

#latest-work {
	padding: 0 10px 0;
	}
	
#latest-work img	{
	vertical-align: bottom;
	line-height: 0;
	}

#latest-work p {
	float: left;
	width: 115px;
	margin: 0; }
	#latest-work p.right {
		padding-left: 8px; }
	#latest-work a.bottom {
		display: block;
		padding-top: 8px; }
	*html #latest-work a.bottom {
		padding-top: 6px; }
	#latest-work ul li	{
		padding-top: 10px;
		}

#case-study {
	padding-left: 10px; }
	/*#case-study img { margin-bottom: 7px; }*/
	#case-study ul li	{
		padding-top: 10px;
		}

#sidebar {
	width: 240px;
	margin-top: 10px;
	float: left;
	}
	
	#sidebar .sectiontitle	{
		display: none;
		}
	
	#sidebar h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 41px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #FFF;
		font-weight: normal;
		text-indent: 15px;
		width: 240px;
		height: 41px;
		margin: 5px 0 10px 0;
		padding: 0;
		white-space: nowrap;
		background-image: url("../images/headerbg.gif");
		background-repeat: repeat-x;
		background-position: 0 -41px; }
		#sidebar h1 a {
			text-decoration: none;
			color: #FFF;
			width: 240px;
			height: 41px;
			background-image: url("../images/headerbg.gif");
			background-repeat: repeat-x;
			background-position: 0 0;
			display: block; }
			#sidebar h1 a:hover {
				color: #FFF;
				width: 240px;
				height: 41px;
				background-image: none; }
	#sidebar h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 18px;
		color: #666;
		font-weight: normal;
		margin: 0 0 7px 0; }
		#sidebar h2 a {
			color: #666;
			text-decoration: none; }
			#sidebar h2 a:hover, #sidebar #current_nav a:hover {
				color: #8183FF; }
		#sidebar #current_nav a {
			font-family: Arial, Helvetica, sans-serif;
			color: #666;
			font-weight: bold;
			text-decoration: none; }
			
	#sidebar ul {
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 0 0 0 15px; }
		#sidebar li {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height: 16px;
			color: #666;
			margin: 0;
			padding: 0; }
			#sidebar li a {
				color: #666;
				text-decoration: none; }
				#sidebar li a:hover {
					color: #8183FF; }
			#sidebar #current_subnav a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				line-height: 15px;
				color: #8183FF;
				text-decoration: none; }
			
/* My awesome styles	
	#sidebar ul { }
		#sidebar ul li {
			color: #666666;
			font-weight: bold;
			font-size: 15px;
			line-height: 180%; }
			#sidebar ul li a {
				color: #666666;
				font-weight: normal; }
				#sidebar ul li a:hover { color: #8183FF; }
			#sidebar ul li a.current {
				font-size: 15px;
				color: #666;
				font-weight: bold; }
				#sidebar ul li a.current:hover { color: #8183FF; }
			#sidebar ul li ul {
				margin-left: 20px; }
				#sidebar ul li ul li {
					line-height: 150%;
					font-size: 13px;
					color: #8183FF;
					font-weight: normal; }
					#sidebar ul li ul li a {
						color: #666666; }
						#sidebar ul li ul li a:hover { color: #8183FF; }
						#sidebar ul li ul li a.current { font-weight: normal; font-size: 13px; color: #8183FF; }
							#sidebar ul li ul li a.current:hover { color: #8183FF; }
*/
	#sidebar address {
		margin-top: 98px;
		color: #666666;
		font-size: 13px;
		line-height: 110%; }
		#sidebar address a {
			color: #666666; }
			#sidebar address a:hover { color: #8183FF; }
		#sidebar span.phone {
			display: block;
			margin: 10px 0; }

#content {
	width: 498px;
	padding-left: 12px;
	/*padding-bottom: 10px;*/
	background: url("../images/bg_vertical-dashed-line.gif") repeat-y left top;
	margin: 15px 0 10px 0;
	float: right; }
	#content img.photo {
		margin-bottom: 10px; }
	#content h1 {
		margin-bottom: 5px;
		font-size: 13px;
		color: #666666; }
	#content h2 {
		font-size: 18px;
		margin: 0 0 10px 0;
		color: #666666;
		font-weight: normal;}
	#content h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 15px;
		color: #666; }
		#content h3.year {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			line-height: 18px;
			color: #8183FF;
			margin: 24px 0 12px 0; }
		#content h3.yearFirst {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			line-height: 18px;
			color: #8183FF;
			margin: 7px 0 12px 0; }
		#content h3.award {
			border-top: 1px dashed #CCCCCC;
			padding: 12px 0 0 0; }
		#content h3.speaking { margin-top: 25px; }
		#content h3.news {
			padding-top: 10px;
			font-size: 13px;
			font-weight: bold;
			color: #666666;
			margin-top: 15px; }
		
			#content h3.news strong {
				font-weight: normal;
				display: block; }
	#content h4 {
			font-family: Arial, Helvetica, sans-serif;
			color: #666; 
			font-weight: normal;
			display: block;
			font-size: 11px;
			letter-spacing: 2px;
			line-height: 20px; 
			margin: 5px 0 5px 0; 
			text-transform: uppercase; 

			background: url("../images/titledots.gif") repeat-x left top;


			}
		
	#content p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 15px;
		color: #666;
		margin: 12px 0 0 0; }

		#content p:first-child	{
			margin: 0;
			}
		
		
	#content.news a { text-decoration: none; }
		#content p a { color: #666; text-decoration: underline; }
			#content p a:hover { color: #8183FF; }
		#content p a.news {
			font-weight: normal;
			text-decoration: none;
			line-height: 120%;
			color: #666; }
			#content p a.news strong {
				color: #8183FF; }
			#content p a.news:hover {
				color: #8183FF;
				text-decoration: none; }
				#content p a.news:hover strong { color: #666666; }
		#content p strong.name,
		#content p strong.date { display: block; }
		#content p.hed {
			margin: 0 50px 4px 0; }
		#content div.pages { margin: 5px 0 0 0;}
		#content p cite {
			font-weight: bold;
			display: block;
			font-style: normal;
			}

	#content .casestudy1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 21px;
		color: #666;
		font-weight: normal;
		margin: 6px 0 6px 0; }
		#content .casestudy1 a {
			color: #666;
			text-decoration: none; }
			#content .casestudy1 a:hover {
				color: #8183FF; }
	#content .casestudy2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 18px;
		color: #8183FF;
		font-weight: normal;
		margin: 0 0 8px 0; }
		#content .casestudy2 a {
			color: #8183FF; }
			#content .casestudy2 a:hover {
				color: #666; }

	#content h5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 15px;
		color: #8183FF;
		margin: 24px 0 0 0; }
		#content h5 a,
		#content a.view-more {
			color: #8183FF;
			font-weight: bold;
			text-decoration: none; }
			#content h5 a:hover,
			#content a.view-more:hover {
				color: #666; }
		#content a.view-more { margin: 5px 0 0 0;}

	#content .nospaceafter {
		margin-bottom: 0; }
	#content .extra1spaceafter {
		margin-bottom: 12px; }
	#content .extra2spaceafter {
		margin-bottom: 24px; }

	#content #pages {
		float: right;
		margin: 5px 5px 0 0;
		width: 40px;
		color: #999;
		font-size: 11px;
		line-height: 150%;
		text-align: center; }
		#content #pages a.previous,
		#content #pages a.previous-off {
			display: block;
			height: 12px;
			width: 17px;
			float: left;
			text-indent: -5000px;
			border-right: 1px solid #ccc; }
		#content #pages a.next,
		#content #pages a.next-off {
			display: block;
			height: 12px;
			width: 12px;
			float: right;
			text-indent: -5000px; }
		#content #pages a.previous,
		#content #pages a.previous-off {
			margin: 0 5px 0 5px !important;
			margin: 0 5px 0 3px; }
		#content #pages a.previous {
			background: url("../images/btn_previous_off.gif") no-repeat 0 50%; }
		#content #pages a.previous:hover {
			background: url("../images/btn_previous.gif") no-repeat 0 50%; }
		#content #pages a.previous-off {
			background: url("../images/btn_previous_off.gif") no-repeat 0 50%; }
		#content #pages a.next {
			background: url("../images/btn_next_off.gif") no-repeat 0 50%; }
			#content #pages a.next:hover {
				background: url("../images/btn_next.gif") no-repeat 0 50%; }
		#content #pages a.next-off {
			background: url("../images/btn_next_off.gif") no-repeat 0 50%; }
	#content p.award {
		display: block;
		}
		#content p.award b {
			font-weight: normal;
			display: block;
			font-size: 11px;
			letter-spacing: 1px;
			text-transform: uppercase; }
		#content p.award strong { }
		#content p.award cite {
			font-weight: normal;
			padding: 0; }
		#content p.award a { }
	
	#content table#contact-form { }
		#content table#contact-form tr { }
			#content table#contact-form tr td {
			padding: 5px; 
			color: #666666;
			font-size: 13px;
			vertical-align: top; }
				#content table#contact-form tr td label {
					line-height: 150%;
					display: block;
					width: 70px;
					padding-right: 10px;
					text-align: right; }
				#content table#contact-form tr td input {
					width: 300px;
					padding: 3px; }
					#content table#contact-form tr td input#send {
						width: 112px;
						height: 19px;
						padding: 0;
						margin-top: 10px; }
					#content table#contact-form tr td input#opt-in {
						width: auto;
						margin-right: 10px; }
				#content table#contact-form tr td textarea {
					padding: 3px;
					width: 300px;
					height: 100px; }

#footer {
	clear: both;
	background: url("../images/bg_horizontal-dashed-line.gif") repeat-x 0 0;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0 20px 0;
	color: #999999; }
#footer.home {
	clear: both;
	background: url("../images/bg_horizontal-dashed-line.gif") repeat-x left 10px;
	padding: 20px 0 0 0;
	font-size: 12px;
	color: #999999; }
	#footer span { float: right; }
#footer a {
	color: #999999; }
	#footer a:hover { color: #8183FF; }
	#footer a.login { color: #8183FF; }
		#footer a.login:hover { color: #333333; }
		
		/* josh's CSS */
		
.casedescription {
		font-family: Arial, Helvetica, sans-serif;
		width: 300px;
		font-size: 13px;
		line-height: 15px;
		color: #666;
		margin: 0px 25px 0 0; 
		float: left;
		}

			
.csimages{
		width: 165px;
		float: right;
		margin: 0px 0px 0 0; 
		}

.captionbox {
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
}

.captionline {
			width: 175px;
			height: 1px;
			background: url("../images/bg_horizontal-dashed-line.gif") repeat-x left top;
}
		
.caption {
		margin: -5px 0px 15px 0px; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: .5px;
		line-height: 13px;
		color: #666;
		width: 165px;
		}
		
.tm {
	font-size: 60%;
	font-variant: small-caps;
	vertical-align: super;
	}
	
.sc{
	font-variant: small-caps;
	font-weight: bold;
	}