@charset "UTF-8";

#preload, .preload {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

/*---------------------

		Sign

---------------------*/

div#SignLinks {
	position: absolute;
	top: 105px;
	left: 0;
	width: 170px;
	height: 400px;	
	z-index:99998;
}

div#SignLinks a {
	position: absolute;
	display: block !important;
	z-index: 99999;
	text-decoration:none;
	overflow:hidden;
}

div#SignLinks a:hover, div#SignLinks a.Active {
	background-image: url(http://images.adventuresdesign.com/sign_company.png);
}

div#SignLinks a#about, div#SignLinks a#about img.invisible {
 	top: 151px;
	left: 36px;
	width: 90px;
	height: 41px;	
}

div#SignLinks a#about:hover, div#SignLinks a#about.Active {
	background-position:0 0;
}

div#SignLinks a#experience, div#SignLinks a#experience img.invisible {
 	top: 175px;
	left: 20px;
	width: 151px;
	height: 54px;
		
}

div#SignLinks a#experience:hover, div#SignLinks a#experience.Active {
	background-position:0 -42px;
}

div#SignLinks a#creativeteam, div#SignLinks a#creativeteam img.invisible {
 	top: 232px;
	left: 29px;
	width: 138px;
	height: 22px;
		
}

div#SignLinks a#creativeteam:hover, div#SignLinks a#creativeteam.Active {
	background-position:0 -96px;
}

div#SignLinks a#ourplace, div#SignLinks a#ourplace img.invisible {
 	top: 262px;
	left: 36px;
	width: 127px;
	height: 24px;
		
}

div#SignLinks a#ourplace:hover, div#SignLinks a#ourplace.Active {
	background-position:0 -118px;
}

div#SignLinks a#ourapproach, div#SignLinks a#ourapproach img.invisible {
 	top: 295px;
	left: 48px;
	width: 123px;
	height: 45px;
		
}

div#SignLinks a#ourapproach:hover, div#SignLinks a#ourapproach.Active {
	background-position:0 -142px;
}


div#SignLinks a#highfives, div#SignLinks a#highfives img.invisible {
 	top: 342px;
	left: 53px;
	width: 128px;
	height: 36px;
		
}

div#SignLinks a#highfives:hover, div#SignLinks a#highfives.Active {
	background-position:0 -187px;
}

div#SignLinks a img {
	display:none;
}

div#SignLinks a img.invisible {
	display:block;
	width:200px;
	height:150px;
}

div#SignLinks a:hover img, div#SignLinks a.Active img {
	display: block !important;
}

/*---------------------

		About

---------------------*/

#about_page {
	background: url(http://images.adventuresdesign.com/bg_page_about3.jpg) no-repeat 13px 105px;
}

#about_page div.Canvas, #about_page div.LeftSideClass, #about_page div.RightSideClass {
	height: 657px;
}

#about_page div.LeftSideClass {
	width: 430px;
}

#about_page div.Left {
	margin-left: 430px;
}

#about_page .Footer {
	height: 300px;
}

#about_page div.RightSideClass {
	width: 319px;
}

#about_page div.Right {
	margin-right: 319px;
}

#about_page .Canvas p {
	line-height: 18px;
}

ul#AboutRight{
	margin: 420px 40px 0 -20px;
	padding: 0;
	position: absolute;
	top: 70px;
	left: 70px;
	width:250px;
	font-weight:bold;
}

ul#AboutRight li {
	color: #ffffff;
	line-height:15px;
	font-size:13px;
	padding-bottom:5px;
	filter: Shadow(Color=#334433, 	
			Direction=225, 
			Strength=1);
	text-shadow: #343 1px 1px 1px;

}

ul#AboutRight li a {
	color: #ffffff;
	text-decoration: none;
	
}

ul#AboutRight li small {
	font-size:10px;
}

#about_page h1 {
	position:absolute;
	top:-99px;
	left:4px;
}


/*---------------------

		Experience

---------------------*/

#experience_page {
	background: url(http://images.adventuresdesign.com/bg_page_experience2.jpg) no-repeat 13px 105px;
}

#experience_page div.Canvas, #experience_page div.LeftSideClass, #experience_page div.RightSideClass {
	height: 657px;
}

#experience_page .Footer {
	color: #c1b7b3;
	font-weight: bold;
	height: 300px;
}

#experience_page .Footer .Padding {
	padding-left: 230px;
	
}

#experience_page .Footer ul {
	float: left;
	font-size: 12px;
	line-height: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 230px;
	color: #e8d8c8;
}

#experience_page .Footer ul li {
	margin: 0 0 2px;
	padding: 0 0 2px;
	
}

#experience_page .Footer p {
	font-weight:normal;
	color: #e8d8c8;
	font-size:14px;
}

#experience_page .Footer p strong {
	font-weight:bold;
}

#experience_page .Footer p em {
	font-style:italic;
	font-weight:normal !important;
	font-size:12px;
}

#experience_page div.LeftSideClass {
	width: 214px;
}

#experience_page div.Left {
	margin-left: 214px;
}

#experience_page div.Canvas {
	width: 250px;
}

#experience_page p {
	line-height: 18px;
}

#experience_page div.RightSideClass {
	width: 425px;
}

#experience_page div.Right {
	margin-right: 425px;
}

#experience_page .experienceLink {
	cursor: pointer;
	height: 90px;
	left: 0px;
	position: absolute;
	top: 430px;
	width: 220px;
	z-index: 9999;
}

#experience_page .portfolioLink {
	cursor: pointer;
	height: 90px;
	left: 200px;
	position: absolute;
	top: 430px;
	width: 240px;
	z-index: 9999;
}

#experience_page .strategyLink {
	cursor: pointer;
	height: 90px;
	left: 450px;
	position: absolute;
	top: 430px;
	width: 220px;
	z-index: 9999;
}

#experience_page h1 {
	position:absolute;
	top:-90px;
	left:11px;
}

/*---------------------

	Creative Team

---------------------*/

#creativeteam_page {
	background: url(http://images.adventuresdesign.com/bg_page_creativeteam4.jpg) no-repeat 13px 105px;
}

#creativeteam_page div.Canvas, #creative_page div.LeftSideClass, #creative_page div.RightSideClass {
	height: 657px;
}

#creativeteam_page div.Canvas p {
	line-height: 18px;
}

#creativeteam_page div.LeftSideClass {
	width: 175px;
}

#creativeteam_page div.Left {
	margin-left: 175px;
}

#creativeteam_page div.Canvas a {
	color: #767839;
	font-style: italic;
	text-decoration: none;
}

#creativeteam_page div.RightSideClass {
	width: 572px;
}

#creativeteam_page div.Right {
	margin-right: 572px;
}

#creativeteam_page div.Motto {
	display: none;
}

#creativeteam_page h1 {
	position:absolute;
	top:-54px;
	left:0px;
}

#aside {
	width:243px;
	font-size:12px;
	position:relative;
	top:20px;
}

#aside p, #aside ul {
	width:210px;
	line-height:1.35em;
}

#aside .all p {
	margin-top:5px;
}

#aside ul {
	margin:-20px 0 25px 0;
}

#aside ul li {
	margin:0 0 5px -15px;
	max-width:195px;
}

.jScrollPaneTrack {
z-index:9999;
width:27px;
min-width:27px;
right:0px;

}

.jScrollPaneDragTop {
width:27px;
min-width:27px;
}

#text ul {
	list-style-type:none;
	margin:0 0 10px 0;
	padding-left:0px;
}

#text ul li {
	margin-left:0px;
	padding-left:0px;

}	

#text ul li.m1 p {
	width:210px !important;
}

#aside #text ul, #aside #text ul p {
	width:250px;
}

#text .m2 p, #text .m3 p, #text .m4 p {
	font-size:13px;
	font-weight:normal;
	font-style:italic;
}


#text .m2 p:first-child, #text .m3 p:first-child, #text .m4 p:first-child {
	font-weight:bold;
	font-style:normal;
}

#text li img {
	margin-bottom:-15px;
}


.title {
	font-size:16px;
}

.title a {
	color:#4D3530 !Important;
}

.title a:hover {
	color:#676718 !important;
}

#main-content {
	position:relative;
	top:125px;
	left:55px;
	width:530px;
	height:380px;
}

ul#changer {
	position:absolute;
	width:157px;
	height:29px;
	overflow:hidden;
	background:url(http://images.adventuresdesign.com/bg_team_numbers.png) left top no-repeat;
	list-style-type:none;
}

ul#changer li {
	float:left;
	width:27px;
	height:29px;
	margin:0;
	padding:0;
	cursor:pointer;
	margin-right:4px;
}

ul#changer li#c1 {
	position:relative; 

}

ul#changer li#c1:hover {

	background:url(http://images.adventuresdesign.com/bg_team_numbers.png) -30px -29px no-repeat;
}

ul#changer li#c2:hover {

	background:url(http://images.adventuresdesign.com/bg_team_numbers.png) -61px -29px no-repeat;
}

ul#changer li#c3:hover {

	background:url(http://images.adventuresdesign.com/bg_team_numbers.png) -92px -29px no-repeat;
}

ul#changer li#c4:hover {

	background:url(http://images.adventuresdesign.com/bg_team_numbers.png) -123px -29px no-repeat;
}

.people div {
	position:absolute;
	top:35px;
	left:0px;
}

#main-content .alex img, #main-content .karen img {
	position:absolute;
	top:29px;
	left:0px;
}

ul#switcher {
	position:absolute;
	top:493px;
	left:8px;
	width:564px;
	height:148px;
	margin:0;
	padding:0;
	background:url(http://images.adventuresdesign.com/bg_page_team_switcher.png) left top no-repeat;
}

ul#switcher li {
	float:left;
	width:159px;
	height:148px;
	list-style-type:none;
	cursor:pointer;
}

ul#switcher li#people {
	width:226px;
}

li#people:hover {
	background:url(http://images.adventuresdesign.com/bg_page_team_switcher.png) 0px -148px no-repeat;
}

ul#switcher li#alex {

}

li#alex:hover {
	background:url(http://images.adventuresdesign.com/bg_page_team_switcher.png) -226px -148px no-repeat;
}

li#karen:hover {
	background:url(http://images.adventuresdesign.com/bg_page_team_switcher.png) -385px -148px no-repeat;
}

#creativeteam_page .Footer .Padding {
	margin-top:0px;
}

/*---------------------

		Our Place

---------------------*/

#ourplace_page {
	background: url(http://images.adventuresdesign.com/bg_page_ourplace2.jpg) no-repeat 13px 105px;
}

#ourplace_page div.Canvas, #highfives_page div.LeftSideClass, #highfives_page div.RightSideClass {
	height: 657px;
}

#ourplace_page div.LeftSideClass {
	width: 270px;
}

#ourplace_page div.Left {
	margin-left: 270px;
}

#ourplace_page div.RightSideClass {
	width: 71px;
}

#ourplace_page div.Right {
	margin-right: 71px;
}

#ourplace_page a#largermap {
	position:absolute;
	top:455px;
	left:540px;
}

#ourplace_page #maplarge {
	position:absolute;
	display:none;
	top:152px;
	left:551px;
	width:335px;
	height:531px;
	z-index:9999;
	background:url(http://images.adventuresdesign.com/popup_ourplace_map.gif) left top no-repeat;
}

#ourplace_page #maplarge img {
	width:335px;
	height:531px;
}

#ourplace_page a#largermap, #ourplace_page a#largermap img {
	width:100px;
	height:50px;
}

#ourplace_page p {
	margin-top: 0px;
	padding-top: 0px;
}

#ourplace_page h2 {
	font-size: 16px;
}

#ourplace_page h3 {
	font-size: 15px;
	margin-bottom: 0px;
}

#ourplace_page div.Canvas a {
	color: #767839;
	text-decoration: none;
}

#ourplace_page p.getMap a {
	background: #ffffff url(http://images.adventuresdesign.com/btn_getmap.png) left top no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 8px;
}

#ourplace_page div.Canvas {
	position: relative;
}

#ourplace_page div.Canvas a.print_map {
	cursor: pointer;
	left: 395px;
	padding: 10px;
	position: absolute;
	top: 492px;
	z-index: 1000;
}

#ourplace_page h1 {
	position:absolute;
	top:-36px;
	left:3px;
}

/*---------------------

		Our Approach

---------------------*/

#ourapproach_page {
	background: url(http://images.adventuresdesign.com/bg_page_ourapproach.jpg) no-repeat 13px 105px;
}

#ourapproach_page div.Canvas, #ourapproach_page div.LeftSideClass, #ourapproach_page div.RightSideClass {
	height: 695px;
}

#ourapproach_page div.LeftSideClass {
	width: 650px;
}

#ourapproach_page div.Left {
	margin-left: 650px;
}

#ourapproach_page div.RightSideClass {
	width: 110px;
}

#ourapproach_page div.Right {
	margin-right: 110px;
}

#ourapproach_page a.trailmaplink#greenBar {
	height: 200px;
	left: -645px;
	position: absolute;
	top: 405px;
	width: 990px;
}

#ourapproach_page a.trailmaplink#inCopy {
	color: #4e3630;
	font-style: strong;
	font-size:14px;
}

#ourapproach_page h1 {
	position:absolute;
	top:-54px;
	left:2px;
}

/*---------------------

		Trail Map

---------------------*/

#trailmap {
	background: url(http://images.adventuresdesign.com/bg_trailmap.jpg) left top no-repeat;
	display: none;
	height: 657px;
	left: 13px;
	position: absolute;
	top: 105px;
	width: 986px;
	z-index: 6000;
}

img.trailmapclose {
	cursor: pointer;
	position: absolute;
	right: 30px;
	top: 20px;
}

img.steps {
	cursor: pointer;
	display: none;
	position: absolute;
}

#step1 {
	left: 288px;
	top: 51px;
}

#step2 {
	left: 355px;
	top: 196px;
}

#step3 {
	left: 292px;
	top: 320px;
}

#step4 {
	left: 494px;
	top: 393px;
}

#step5 {
	left: 340px;
	top: 470px;
}

#step6 {
	left: 546px;
	top: 529px;
}

#step7 {
	left: 740px;
	top: 432px;
}

#step8 {
	left: 682px;
	top: 281px;
}

#step9 {
	left: 777px;
	top: 172px;
}

#step10 {
	left: 717px;
	top: 26px;
}

img.paths {
	cursor: default;
	display: none;
	position: absolute;
}

#path1 {
	left: 325px;
	top: 115px;
}

#path2 {
	left: 331px;
	top: 233px;
}

#path3 {
	left: 418px;
	top: 353px;
}

#path4 {
	left: 482px;
	top: 455px;
}

#path5 {
	left: 425px;
	top: 525px;
}

#path6 {
	left: 637px;
	top: 475px;
}

#path7 {
	left: 820px;
	top: 320px;
}

#path8 {
	left: 690px;
	top: 200px;
}

#path9 {
	left: 800px;
	top: 90px;
}

#path10 {
	left: 300px;
	top: 81px;
}

img.shoes {
	cursor: default;
	position: absolute;
}

#shoes1 {
	left: 332px;
	top: 242px;
}

#shoes2 {
	left: 490px;
	top: 542px;
}

#shoes3 {
	left: 842px;
	top: 350px;
}

#tagline {
	left: 64px;
	position: absolute;
	top: 131px;
}

.taglinezoom {
	left: -73px;
	position: absolute;
	top: 106px;
}

.zoom {
	display: none;
	height: 562px;
	left: 137px;
	position: absolute;
	top: 25px;
	width: 660px;
}

.zoom p {
	color: #66650f;
	font-size: 12px;
	left: 250px;
	position: absolute;
	top: 250px;
}

#Zoom1 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom1.jpg) left top no-repeat;
}

#Zoom1 p {
	left: 235px;
	top: 245px;
	width: 225px;
}

#Zoom2 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom2.jpg) left top no-repeat;
}

#Zoom2 p {
	left: 305px;
	top: 205px;
	width: 190px;
}

#Zoom3 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom3.jpg) left top no-repeat;
}

#Zoom3 p {
	left: 305px;
	top: 210px;
	width: 195px;
}

#Zoom4 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom4.jpg) left top no-repeat;
}

#Zoom4 p {
	left: 285px;
	top: 160px;
	width: 230px;
}

#Zoom5 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom5.jpg) left top no-repeat;
}

#Zoom5 p {
	left: 302px;
	top: 205px;
	width: 195px;
}

#Zoom6 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom6.jpg) left top no-repeat;
}

#Zoom6 p {
	left: 80px;
	text-align: center;
	top: 160px;
	width: 415px;
}

#Zoom6 p span {
	margin-left: 105px;
	color: #66650f;
	font-size: 12px;
	margin-bottom:-18px;
	padding-bottom:0px;
}

#Zoom7 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom7.jpg) left top no-repeat;
}

#Zoom7 p {
	left: 400px;
	top: 190px;
	width: 94px;
}

#Zoom8 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom8.jpg) left top no-repeat;
}

#Zoom8 p {
	left: 45px;
	text-align: right;
	top: 145px;
	width: 190px;
}

#Zoom9 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom9.jpg) left top no-repeat;
}

#Zoom9 p {
	color: #fff;
	left: 80px;
	text-align: center;
	top: 163px;
	width: 400px;
}

#Zoom10 {
	background: url(http://images.adventuresdesign.com/bg_trailmap_zoom10.jpg) left top no-repeat;
}

#Zoom10 p {
	color: #358;
	left: 240px;
	top: 174px;
	width: 230px;
}

.zoomclose {
	cursor: pointer;
	margin: 2px 0 -2px;
	padding: 0;
	z-index: 9999;
}

.zoom_nav {
	background: url(http://images.adventuresdesign.com/btn_trailmap_backnext.png) left top no-repeat;
	height: 66px;
	left: 340px;
	position: absolute;
	top: 429px;
	width: 88px;
	z-index: 9999;
}

.zoom_next, .zoom_close {
	background: url(http://images.adventuresdesign.com/btn_trailmap_next.png) left top no-repeat;
	color: #fff;
	font-size: 10px;
	height: 16px;
	padding: 1px 0px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-decoration: none;
	top: 6px;
	width: 56px;
}

.zoom_back {
	background: url(http://images.adventuresdesign.com/btn_trailmap_back.png) left top no-repeat;
	color: #fff;
	font-size: 10px;
	height: 14px;
	left: 0px;
	padding: 1px 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 28px;
	width: 56px;
}

a.zoom_back, a.zoom_close, a.zoom_next, a.zoom_back:hover, a.zoom_close:hover, a.zoom_next:hover, a.zoom_back:visited, a.zoom_close:visited, a.zoom_next:visited {
	color: #fff;
	text-decoration: none;
}

#blank1 {
	display: none;
	height: 590px;
	position: absolute;
	right: 50px;
	top: 15px;
	width: 400px;
}

#blank2 {
	display: none;
	position:absolute;
	width:145px;
	height:20px;
	left:70px;
	top:330px;
	cursor:pointer;
}

#blank3 {
	display: none;
	position:absolute;
	width:106px;
	height:20px;
	left:68px;
	top:354px;
	cursor:pointer;
	z-index:1;
}

#blank4 {
	display: none;
	position:absolute;
	width:106px;
	height:20px;
	left:68px;
	top:354px;
	cursor:pointer;
	z-index:999999;
}

/*---------------------

		High Fives

---------------------*/

#highfives_page {
	background: url(http://images.adventuresdesign.com/bg_page_highfives3.jpg) no-repeat 13px 105px;
}

#highfives_page div.Canvas, #highfives_page div.LeftSideClass, #highfives_page div.RightSideClass {
	height: 657px;
}

#highfives_page div.LeftSideClass {
	width: 240px;
}

#highfives_page div.Left {
	margin-left: 240px;
}

#highfives_page p.Submitted {
	color: #4e3630;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}

#highfives_page div.RightSideClass {
	width: 500px;
}

#highfives_page div.Right {
	margin-right: 500px;
}

#highfives_page .Footer .Motto {
	display:none;
}

#highfives_page h1 {
	position:absolute;
	top:-46px;
	left:12px;
}

h2.HighFiveTitle {
	color: #4e3630;
	font-size: 17px;
	font-weight: bold;
}

div#HighFiveFormContainer {
	width: 316px;
	height: 197px;
	position: absolute;
	top: 410px;
	left: 630px;
}

form#HighFiveForm {
	position: absolute;
	top: 0px;
	left:15px;
	width: 282px;
	height: 135px;
	background: none;
	border: none;
	padding: 62px 0 0 18px;
	margin: 0;
}

form#HighFiveForm fieldset {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

form#HighFiveForm label {
	width: 78px;
	float: left;
	margin-left:13px;
	display: block;
	color: #4e3630;
	font-size: 13.5px;
	font-family: Arial, Helvetica, sans-serif; 
}

form#HighFiveForm input.Text, form#HighFiveForm input.Select, form#HighFiveForm textarea.HighFiveTextArea {
	width: 180px;
	height: 15px;
	background: #ffffff;
	outline: none;
	border: none;
}


form#HighFiveForm fieldset textarea.TextArea{	
	width: 179px;
	height: 30px;
	border: none;
}