@charset "UTF-8";

.preload, #preload-images, #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_creative.png);
}

div#SignLinks a#creativeservices {
 	top: 152px;
	left: 29px;
	width: 124px;
	height: 37px;	
}

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

div#SignLinks a#marketingstrategy {
 	top: 176px;
	left: 24px;
	width: 151px;
	height: 55px;
		
}

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

div#SignLinks a#brandidentity {
 	top: 209px;
	left: 31px;
	width: 136px;
	height: 48px;
		
}

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

div#SignLinks a#graphicdesign {
 	top: 260px;
	left: 40px;
	width: 126px;
	height: 30px;
		
}

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

div#SignLinks a#websitedesign {
 	top: 298px;
	left: 42px;
	width: 134px;
	height: 27px;
		
}

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


div#SignLinks a#internetmarketing {
 	top: 330px;
	left: 53px;
	width: 123px;
	height: 42px;
		
}

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

div#SignLinks a#advertising {
 	top: 375px;
	left: 48px;
	width: 125px;
	height: 26px;
		
}

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

div#SignLinks a#copywriting {
 	top: 406px;
	left: 57px;
	width: 125px;
	height: 34px;
		
}

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

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;
}

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

	Universal

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

.services_side {
	position:absolute;
	left:13px;
	top:105px;
	z-index:999;
}

div#content {
	height: 535px;
	position:absolute;
	top:106px;
}

	div#content div#content-left {
		position:relative;
		height: 535px;
		width:20px;
		background: url(http://images.adventuresdesign.com/bg_content_left.png) no-repeat left top;
		float:left;
	}
	
	div#content div#content-mid {
		height: 535px;
		position:relative;
		background: url(http://images.adventuresdesign.com/bg_content_mid.png) repeat left top;
		float:left;
		width:258px;
	}
	
		div#content div#content-mid div.interior {
			padding:10px;
			width:238px;
			display:none;
		}
		
		div#content div#content-mid div.interior#interior-1 {
			display:block;
		}
		
		#interior-2, #interior-3, #interior-4 {
			position:relative;
			top:0px;
		}
		
			#content h2,  #content h3  {
				font-size:15px;
				margin-bottom:8px;
				clear:both;
			}
			
			#content h4 {
				font-size:13px;
				margin-bottom:7px;
			}

			div#content div#content-mid div.interior p {
				margin-bottom:8px;
			}
			
			ul.small {
				float:left;
				width:100px;
				padding:0 0 0 20px;
				font-size:12px;
				margin:0;
			}
			
			ul.mini {
				float:left;
				width:140px;
				padding:0 10px 0 10px;
				font-size:12px;
				margin:0;
			}
			
			ul.regular {
				padding-left:5px;
			}
			
			ul.large {
				float:left;
				width:260px;
				padding-left:10px;
				margin-right:20px;
				font-size:11px;
			}
			
			ul.mini li {
				font-size:12px;
				line-height:15px;
				margin:0 0 3px;
			}
			
			 ul.regular li {
				font-size:12px;
				line-height:15px;
				margin:0 0 5px;
			}
			
			 ul.large li {
				font-size:11px;
				line-height:14px;
				margin:0 0 5px;
			}
			
			ul.small li.heading, ul.mini li.heading, ul.regular li.heading, ul.large li.heading {
				list-style-type:none;
				font-weight:bold;
				margin:0 0 4px -15px;
			}			
		
				div#content div#content-mid div.interior p.small {
					font-size:12px;
					line-height:16px;
				}
				
				div#content div#content-mid div.interior p.no-margin {
					margin-top:-8px;
				}
				
				div#content div#content-mid div.interior p.sub-1 {
					font-size:11px;
					width:310px;
					float:left;
					margin-top:10px;
				}
				
				div#content div#content-mid div.interior p.sub-2 {
					font-size:11px;
					width:220px;
					padding-left:20px;
					float:left;
					border-left:1px solid #4e3630;
					margin-left:20px;
					height:125px;
					margin-top:10px;
				}
				
	div#content div#content-right {
		position:relative;
		position:absolute;
		right:-20px;
		top:0;
		height: 535px;
		width:20px;
		background: url(http://images.adventuresdesign.com/bg_content_right.png) no-repeat left top;
		float:left;
	}
	
.bar {
	position:absolute;
	top:641px;
	left:13px;
	width:986px;
	height:121px;
	background:#a3a347;
}

.services {
	padding:0;
	list-style-type:none;
}

.services li {
	height:121px;
	border-left:1px solid #cece89;
	display:block;
	float:left;
	font-size:15px;
	color:#4e3630;
	font-weight:bold;
}

	.services li:hover {
		background:#b9b962;
		cursor:pointer;
	}
	
	.services li.active {
		background:#b9b962 url(http://images.adventuresdesign.com/services_footprint.png) 92% 15px no-repeat;
	}

	.services li p {
		display:block;
		margin:40px auto 0;
	}

.services #service-1 {
	width:262px;
	border:0;
	text-transform:uppercase;
}

.services #service-2 {
	width:240px;
}

.services #service-3 {
	width:240px;
}

.services #service-4 {
	width:240px;
}

#footer {
	width:1000px;
	float:right;
	margin:0 auto;
	min-height:300px;
}

#case_study {
	background:#604a45;
	margin:20px 40px;
	padding:20px 30px;
	width:860px;
	color:#f8f4e1;
	float:right;
}

#footer #case_study {
	min-height:110px;
}

#footer h4 {
	padding-top:15px;
	margin-bottom:-2px;
	padding-bottom:0;
	font-size:18px;
	line-height:18px;
}

#footer p {
	line-height:24px;
	font-size:16px;
	padding-top:3px;
}

#footer a {
	color:#a7a35c;
	font-size:16px;
	font-style:italic;
	margin-top:3px;
}

#footer a strong {
	
}

#footer p.trails-image {
	position:relative;
	float:right;
	top:-70px;
	margin-left:25px;
	left:20px;
}

#website_page #footer p.trails-image {
	top:-45px;
	left:-130px;
}

#brand_page #footer p.trails-image {
	top:-45px;
	left:-30px;
}


#copywriting_page #footer p.trails-image {
	top:-45px;
	left:-80px;
}

#left-div {
	float:left;
	width:540px;
	height:400px;
}

#right-div {
	float:right;
	width:250px;
	color:#a7a35c;
	padding-top:40px;
	margin-right:20px;
}

#right-div img {
	float:left;
	margin-right:60px;
	margin-top:-40px;
}

#right-div ul {
	font-style:italic;
	font-size:14px;
}

#right-div ul li {
	margin-left:45px;
	list-style-position:inside;
	list-style-type:none;
	font-size:15px;

}

.divider {
	float:left;
	width:370px;
	
}

.divider.wide {
	width:470px;
}

.divider img {
	float:left;
	margin:0 20px;
}

#footer h5 {
	color:#a7a35c;
	font-size:16px;
	line-height:34px;
	padding:0 0 0;
	margin:-6px 0 -3px;
}

.divider #footer h5 + p {
	margin-top:-8px;
}

#advertising_page #footer h5 + p {
	margin-top:14px;
}

#footer p.smaller {
	font-size:15px;
}

p.tight {
	line-height:1.15em !important;
	margin-top:4px;
}

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

	Creative Page

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

div#creative_page {
	background: url(http://images.adventuresdesign.com/bg_page_creativeservices4.jpg) no-repeat 13px 105px;
	max-height: 1180px;
	overflow: hidden;
}

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

#creative_page div.Footer {
	background: url(http://images.adventuresdesign.com/bg_footer_creativeservices2.gif) no-repeat top left;
	height: 540px;
	top: -130px;
}

#creative_page div.LeftSideClass {
	width: 667px;
}

#creative_page div.Left {
	margin-left: 667px;
}

#creative_page div.RightSideClass {
	width: 83px;
}

#creative_page div.Right {
	margin-right: 83px;
}

#creative_page .Padding h1 {
	position:absolute;
	left:1px;
	top:-60px;
}

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

.creative-show {
	background: transparent;
	height: 45px;
	position: absolute;
	width: 45px;
}

#show1 {
	left: 290px;
	top: 756px;
}

#show2 {
	left: 395px;
	top: 878px;
}

#show3 {
	left: 720px;
	top: 850px;
}

#showf {
	left: -200px;
	top: 645px;
}

.creative-rollover {
	background: #47221a;
	color: #fff;
	display: none;
	padding: 10px;
	position: absolute;
}

.creative-rollover p {
	font-size: 11px;
	line-height: 15px;
	position: absolute;
}

.creative-rollover span {
	color: #fff;
	cursor: pointer;
	display: none;
	float: right;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	right: 5px;
	text-decoration: none;
	top: 10px;
}

#roll1 {
	background: transparent url(http://images.adventuresdesign.com/popup_services_starting.png) left top no-repeat;
	height: 180px;
	left: 290px;
	top: 754px;
	width: 366px;
}

#roll1 p {
	left: 50px;
	top: 50px;
	width: 310px;
}

#roll2 {
	background: transparent url(http://images.adventuresdesign.com/popup_services_broadening.png) left top no-repeat;
	height: 295px;
	left: 394px;
	top: 877px;
	width: 351px;
}

#roll2 p {
	left: 50px;
	top: 50px;
	width: 300px;
}

#roll2 ul {
	font-size: 11px;
	line-height: 14px;
	list-style-type: none;
	margin-left: 10px;
	margin-top: 160px;
}

#roll2 ul li {
	margin: 0;
}

#roll3 {
	background: transparent url(http://images.adventuresdesign.com/popup_services_expanding.png) left top no-repeat;
	height: 230px;
	left: 641px;
	top: 808px;
	width: 340px;
}

#roll3 p {
	left: 130px;
	top: 50px;
	width: 210px;
}

#rollfeatured {
	background: transparent url(http://images.adventuresdesign.com/popup_ourwork_featured2.png) left top no-repeat;
	height: 225px;
	left: -201px;
	top: 643px;
	width: 548px;
	z-index: 50;
}

#rollfeatured p {
	font-size: 13px;
	height: 190px;
	left: 180px;
	line-height: 1.2em;
	overflow: auto;
	top: 20px;
	width: 350px;
}

.rollfeaturedwrapper {
	display: none;
	height: 225px;
	left: 174px;
	position: absolute;
	top: 644px;
	width: 548px;
	z-index: 100;
}

.rollfeaturedwrapper img.results {
	height: 105px;
	left: 0px;
	position: absolute;
	top: -1px;
	width: 170px;
	z-index: 9999;
}

.rollfeaturedtop {
	background: transparent url(http://images.adventuresdesign.com/popup_ourwork_featured_top.png) left top no-repeat;
	height: 25px;
	width: 548px;
}

.rollfeaturedmiddle {
	background: transparent url(http://images.adventuresdesign.com/popup_ourwork_featured_middle.png) left top repeat-y;
	min-height: 80px;
	width: 548px;
}

.rollfeaturedmiddle p {
	color: #fff;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0;
	padding-left: 200px;
	position: relative;
	width: 330px;
	z-index: 103;
}

.rollfeaturedmiddle a {
	color: #b2b255;
}

.rollfeaturedmiddle a:hover {
	color: #fff;
}

.rollfeaturedbottom {
	background: transparent url(http://images.adventuresdesign.com/popup_ourwork_featured_bottom.png) left bottom no-repeat;
	height: 25px;
	width: 548px;
}



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

	Marketing Strategy

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



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

	#marketing_page  div#content { 
		left:230px;
	}		

		#marketing_page #content h1 {
			position:relative;
			left:0;
			float:left;
			margin:55px 0 -28px 10px;
			padding:0;
		
		}
		
		#marketing_page #content #content-mid .interior {
			top:40px;
		}

		#marketing_page #content #interior-1 {
			
			clear:left;
			position:relative;
			top:40px;
		}


	#marketing_page .services #service-1 p {
		width:90px;
		padding-top:8px;
		font-size:17px;
	}


	#marketing_page .services #service-2 p {
		width:100px;
	}


	#marketing_page .services #service-3 p {
		width:120px;
	}


	#marketing_page .services #service-4 p {
		width:120px;
	}


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

	Branding Services

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

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

	#brand_page  div#content { 
		left:339px;
	}

		#brand_page #content h1 {
			position:relative;
			left:0;
			float:left;
			margin:55px 0 -28px 10px;
			padding:0;
		
		}
		
		#brand_page #content #content-mid .interior {
			top:40px;
		}

		#brand_page #content #interior-1 {
			clear:left;
			position:relative;
			top:40px;
		}

#brand_page #content .left-side {
	float:left;
	width:300px;
	padding-right:15px;
	border-right:1px solid #4e3630;
	height:350px;
	clear:left;
}

#brand_page #content .right-side {
	float:right;
	padding-left:15px;
	width:240px;
}

#brand_page #content .right-side a {
	color:#5662b1;
	font-weight:bold;
}

	#brand_page .services #service-1 p {
		width:100px;
		padding-top:8px;
		font-size:17px;
	}


	#brand_page .services #service-2 p {
		width:190px;
	}


	#brand_page .services #service-3 p {
		width:190px;
	}


	#brand_page .services #service-4 p {
		width:220px;
	}
	
/*---------------------

	Graphic Design

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

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

#graphic_page  div#content { 
	left:645px;
}

	#graphic_page div#content div#content-left {
			background: url(http://images.adventuresdesign.com/bg_content_left.png) no-repeat left top;
	}
	
	#graphic_page div#content div#content-mid {
			background: url(http://images.adventuresdesign.com/bg_content_mid.png) repeat left top;
	}
	
	#graphic_page div#content div#content-right {
			background: url(http://images.adventuresdesign.com/bg_content_right.png) no-repeat left top;
	}

	#graphic_page #content h1 {
		position:relative;
		right:4px;
		float:right;
		margin:58px 0 -28px 0;
		padding:0;
	}
	
	#graphic_page #content #interior-1 {
		clear:right;
		position:relative;
		top:40px;
	}
	
	#graphic_page .left-side {
		float:left;
		width:300px;
		text-align:right;
		margin-top:65px;
	}
	
	#graphic_page .left-side ul {
		list-style-type:none;
		font-size:11px;
	}
	
	#graphic_page .right-side {
		width:240px;
		float:right;
		clear:right;
		text-align:right;
	}
	
	#graphic_page div.regular {
		width:300px;
		text-align:right;
	}
	
	#graphic_page h2 {
		clear:both;
		margin-top:40px;
	}

	#graphic_page .services #service-1 p {
		width:200px;
		padding-top:8px;
		font-size:17px;
	}


	#graphic_page .services #service-2 p {
		width:120px;
	}


	#graphic_page .services #service-3 p {
		width:100px;
	}


	#graphic_page .services #service-4 p {
		width:120px;
	}	
	
	
/*---------------------

	Website Design

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

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

	#website_page div#content { 
		left:200px;
	}

		#website_page #content h1 {
			position:relative;
			left:8px;
			margin:55px 0 0;
		}

		#website_page #content .left-side {
			float:left;
			width:320px;
			padding-right:15px;
			border-right:1px solid #4e3630;
			height:380px;
		}
		
		#website_page #content .right-side {
			float:right;
			padding-left:15px;
			width:219px;
		}
		
		#website_page #content .right-side a {
			color:#5662b1;
			font-weight:bold;
		}


	#website_page .services #service-1 p {
		width:110px;
		padding-top:8px;
		font-size:17px;
	}

	#website_page .services #service-2 p {
		width:140px;
	}

	#website_page .services #service-3 p {
		width:180px;
	}

	#website_page .services #service-4 p {
		width:200px;
	}
	

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

	Internet Marketing

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

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

#internet_page  div#content { 
	left:525px;
}

	#internet_page div#content div#content-left {
			background: url(http://images.adventuresdesign.com/bg_content_left_dark.png) no-repeat left top;
	}
	
	#internet_page div#content div#content-mid {
			background: url(http://images.adventuresdesign.com/bg_content_mid_dark.png) repeat left top;
	}
	
	#internet_page div#content div#content-right {
			background: url(http://images.adventuresdesign.com/bg_content_right_dark.png) no-repeat left top;
	}

	#internet_page #content h1 {
		position:relative;
		right:4px;
		float:right;
		margin:54px 0 -28px 0;
		padding:0;
	}
	
	#internet_page #content #interior-1 {
		clear:right;
		position:relative;
		top:40px;
	}
	
	#internet_page div.headline img {
		position:relative;
		left:339px;
		top:42px;
	}
	
	#internet_page h2 {
		clear:none;
		margin-top:40px;
	}

	#internet_page .services #service-1 p {
		width:200px;
		padding-top:0;
		font-size:17px;
	}


	#internet_page .services #service-2 p {
		width:120px;
	}


	#internet_page .services #service-3 p {
		width:100px;
	}


	#internet_page .services #service-4 p {
		width:120px;
	}
	
	
/*---------------------

	Advertising

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

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

#advertising_page  div#content { 
	left:505px;
	text-align:right;
}

	#advertising_page #content h1 {
		position:relative;
		right:55px;
		float:right;
		margin:53px 0 -28px 0;
		padding:0;
	}
	
	#advertising_page #content #interior-1 {
		clear:right;
		position:relative;
		top:40px;
		text-align:left;
	}
	
		.advertising-banner {
			position:absolute;
			left:-345px;
			top:233px;
		}
	
	#advertising_page #content #interior-2, #advertising_page #content #interior-3, #advertising_page #content #interior-4 {
		position:relative;
		top:40px;
	}
	
	#advertising_page h2 {
		clear:both;
		margin-top:32px;
		
	}
	
	#advertising_page h2.second, #website_page h2.second {
		margin-top:20px;
	}
	
	#advertising_page div#content div#content-mid div.right-side p.subheadline {
		margin-bottom:-2px;
	}
	
	#advertising_page div.left-side {
		float:left;
		width:250px;
		position:relative;
		top:162px;
		font-size:11px;
		line-height:15px;
	}
	
	#advertising_page div.right-side {
		width:238px;
		float:right;
		position:relative;
		right:0px;
		top:-40px;
		clear:both;
		text-align:left;
	}
	
	#advertising_page #interior-4 div.right-side {
		width:210px;
		float:right;
		position:relative;
		right:65px;
		top:-105px;
		clear:both;
		text-align:right;
	}
	
	
	
	#advertising_page div.full {
		width:410px;
	}

	#advertising_page .services p {
		padding-top:8px;
	}

	#advertising_page .services #service-1 p {
		width:100px;
		font-size:17px;
	}


	#advertising_page .services #service-2 p {
		width:60px;
	}


	#advertising_page .services #service-3 p {
		width:60px;
	}


	#advertising_page .services #service-4 p {
		width:60px;
	}
	
/*---------------------

	Copywriting

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

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

#copywriting_page  div#content { 
	left:460px;
}

	#copywriting_page #content h1 {
		position:relative;
		right:4px;
		float:right;
		margin:53px 0 -28px 0;
		padding:0;
	}
	
	#copywriting_page #content #interior-4 p {
		margin-bottom:0px !important;
	}
	
	#copywriting_page #content #interior-1 {
		clear:right;
		position:relative;
		top:40px;
	}
	
	#copywriting_page #content #interior-2, #copywriting_page #content #interior-3, #copywriting_page #content #interior-4 {
		position:relative;
		top:40px;
	}
	
	#copywriting_page h2 {
		clear:both;
		margin-top:40px;
		width:320px;
	}
	
	#copywriting_page h2.second {
		margin-top:20px;
	}

	#copywriting_page .services p {
		padding-top:8px;
	}

	#copywriting_page .services #service-1 p {
		width:120px;
		font-size:17px;
	}


	#copywriting_page .services #service-2 p {
		width:150px;
	}


	#copywriting_page .services #service-3 p {
		width:180px;
	}


	#copywriting_page .services #service-4 p {
		width:160px;
	}