@import url("./whitespace-reset.css");

body {
	font-family: Arial, Sans-serif;
	font-size: 14px;
	color: #333333;
	min-height: 100%;
}
* html body{
	height: 100%;
}
#container {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	overflow: visible; }

#sitewrapper {
	background: #FFFFFF;
	height: 600px;
	width: 900px;
	border: 2px solid #D4D4D4;
	position: absolute;
	top: -302px;
	left: 50%;
	margin: 0 0 0 -452px; }
	
#studies {
	background: #FFFFFF;
	height: 1270px;
	width: 700px;
	border: 2px solid #D4D4D4;
	position: absolute;
	top: -302px;
	left: 50%;
	margin: 0 0 0 -452px; }

/* Headings
------------------------------*/
#hdr_intro {
	height: 141px;
	width: 749px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_intro.gif") no-repeat 0 0; }
#hdr_01-intro {
	height: 64px;
	width: 451px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_01-intro.gif") no-repeat 0 0; }
#hdr_01-company {
	height: 40px;
	width: 338px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_01-company.gif") no-repeat 0 0; }
#hdr_01-communication-design {
	height: 21px;
	width: 383px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_01-communication-design.gif") no-repeat 0 0; }
#hdr_01-services {
	height: 68px;
	width: 416px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_01-services.gif") no-repeat 0 0; }
#hdr_01-clients {
	height: 73px;
	width: 448px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_01-clients.jpg") no-repeat 0 0; }

#hdr_02-intro {
	height: 88px;
	width: 445px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_02-intro.gif") no-repeat 0 0; }
#hdr_02-three-essentials {
	height: 45px;
	width: 290px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_02-three-essentials.gif") no-repeat 0 0; }
#hdr_02-small-is-beautiful {
	height: 40px;
	width: 393px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_02-small-is-beautiful.gif") no-repeat 0 0; }
#hdr_02-investment-or-cost {
	height: 42px;
	width: 412px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_02-investment-or-cost.gif") no-repeat 0 0; }

#hdr_03-intro {
	height: 93px;
	width: 429px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_03-intro.gif") no-repeat 0 0; }
#hdr_03-possiblities-of-three {
	height: 21px;
	width: 332px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_03-possiblities-of-three.gif") no-repeat 0 0; }
#hdr_03-three-provides {
	height: 21px;
	width: 299px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_03-three-provides.gif") no-repeat 0 0; }
#hdr_03-three {
	height: 45px;
	width: 369px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_03-three.gif") no-repeat 0 0; }

#hdr_contact {
	height: 15px;
	width: 74px;
	text-indent: -5000px;
	background: transparent url("../images/hdr_contact.gif") no-repeat 0 0; }

#we-tell{
	width: 432px;
	height: 40px;
	text-indent: -5000px;
	background: url(../images/text-we-tell.gif);
}
	
	
#logo {
	position: absolute;
	top: 0;
	left: 90px;
	height: 94px;
	width: 77px; }
	#logo a {
		display: block;
		height: 100%;
		width: 100%;
		text-indent: -5000px;
		background: transparent url("../images/logo.gif") no-repeat 0 0; }

#home-content {
	width: 770px;
	margin: 0 auto;
	text-align: center; }
	#home-content h1 {
		font-size: 20px;
		font-weight: normal;
		line-height: 140%;
		color: #0099E2;
		font-family: "Helvetica Neue Light", Helvetica, Arial, Sans-serif;
		margin: 100px 0 20px 0; }
	#home-content p {
		font-size: 13px;
		margin: 0 0 20px 0; }
	#home-content ul#home-nav {
		margin: 0 auto;
		width: 250px; }
		#home-content ul#home-nav li {
			float: left;
			font-size: 42px; }
		#home-content ul#home-nav li.bullet {
			line-height: 60px; }
			#home-content ul#home-nav li a {
				display: block;
				width: 70px;
				color: #535353;
				font-weight: bold;
				font-size: 52px;
				text-align: center; }
				#home-content ul#home-nav li a small {
					visibility: hidden;
					display: block;
					font-size: 13px;
					font-weight: normal; }
			#home-content ul#home-nav li a:hover { }
				#home-content ul#home-nav li a:hover small {
					display: block;
					visibility: visible;
					color: #333333; }
			#home-content ul#home-nav li a.one:hover { color: #46BE29; }
			#home-content ul#home-nav li a.two:hover { color: #FE0051; }
			#home-content ul#home-nav li a.three:hover { color: #0099E2; }

#home-footer {
	clear: both;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 5px; }
	#home-footer p {
		margin: 5px 0 0 0; }
		#home-footer p a {
			color: #333333; }
	#home-footer p.copyright {
		font-size: 11px; }

#content {
	width: 475px;
	position: absolute;
	top: 135px;
	left: 90px; }
	#content h1 {
		font-size: 20px;
		font-weight: normal;
		line-height: 140%;
		font-family: "Helvetica Neue Light", Helvetica, Arial, Sans-serif;
		margin: 0 0 20px 0; }
		#content h1 strong {
			color: #0099E2;
			font-weight: normal; }
	#content h2 { }
	#content h3 {
		font-size: 12px;
		margin: 0 0 20px; }
	#content ul {
		font-size: 12px;
		margin: 0 0 20px 30px; }
		#content ul li {
			list-style-type: disc;
			margin: 0 0 5px 0; }
	#content p {
		font-size: 12px;
		line-height: 150%;
		margin: 0 0 20px 0; }
	#content a {
		color: #0099E2; }

#sidebar {
	width: 265px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url("../images/bg_sidebar.jpg") no-repeat 0 0; }
	#sidebar p#sections {
		font-weight: bold;
		font-size: 28px;
		color: #000000;
		position: absolute;
		top: 55px;
		right: 20px;
		text-align: right; }
		#sidebar p#sections strong {
			color: #FFFFFF;
			font-size: 42px; }
		#sidebar p#sections a {
			color: #535353; }
		#sidebar p#sections a:hover {
			color: #FFFFFF; }
	#sidebar ul {
		position: absolute;
		top: 140px;
		right: 20px; }
		#sidebar ul li {
			font-size: 20px;
			text-align: right;
			margin: 0 0 10px 0; }
			#sidebar ul li a {
				color: #3C3C3C; }
			#sidebar ul li a.current,
			#sidebar ul li a:hover {
				color: #FFFFFF; }
	#sidebar p#sidebar-footer {
		position: absolute;
		bottom: 10px;
		right: 20px;
		color: #FFFFFF;
		font-size: 18px;
		text-align: right;  }
		#sidebar p#sidebar-footer a {
			color: #FFFFFF; }
		#sidebar p#sidebar-footer a:hover {
			text-decoration: underline; }

#footer {
	border-left: 45px solid #0096E2;
	position: absolute;
	bottom: 0;
	left: 90px;
	padding: 10px;
	font-size: 11px; }
	
div.two{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 12px;
	color: #4d4d4d;
	line-height: 18px;
}
.two .left{
	float: left;
	width: 254px;
	padding: 38px 0 0;
}
.two .right{
	float: right;
	width: 490px;
}
.two img{
	border: 4px solid #00a5e3;
}
.two p{
	margin: 16px 0 0;
}
.two p a{
	color: #00a5e3;
	text-decoration: none;
}
.two p a:hover{
	text-decoration: underline;
}
h2.jim-mcgimpsey,
h2.heather-ciere{
	overflow: hidden;
	text-indent: -9999px;
	width: 124px;
	height:16px;
	margin: 0;
	background: url(../images/text-heather-ciere.gif);
}
h2.jim-mcgimpsey{
	width: 146px;
	height: 20px;
	background: url(../images/text-jim-mcgimpsey.gif);
}
.popup {
	display:none;
	background:#fff;
	padding:50px 7px 0 7px;
	position:absolute;
	z-index:1000;
	height: 400px;
	width: 800px;
	border: 3px solid #00a5e3;
}
#fader {
	display:none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index:999;
	background:black;
	overflow: hidden;
	position:absolute;
	top:0;
	left:0;
}
a.close{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 98px;
	height:17px;
	border: 1px solid #34b7e9;
	background: url(../images/close.gif);
	position: absolute;
	bottom: 9px;
	right: 9px;
}