/*
Theme Name: ELEV8TOR Reloaded
Theme URI: http://elev8tor.com
Description: Custom WP theme for ELEV8TOR
Version: 1.0
Author: Bil Herron
Author URI: http://bilherron.com
Tags: 
*/

/* Global reset */
/* Based upon Eric Meyer's Reset Reloaded */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

textarea {
   resize: none;
}

/*
total col 652 px
left col 394 px
overflow on main images 12px


*/

/* Custom Content */
body {font-family:  "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif}
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

a {text-decoration: none;}

p, blockquote {	line-height: 1.5em;}

#top_content {
	margin: 0 auto;
	width: 650px;
}

#bottom_content, #footer {
	margin: 0 auto;
	width: 642px;
	
}

#title {
	background: url(images/elev8tor-header-trans.png) no-repeat 0 60px;
	width: 209px;
	height: 50px;
	margin: 3px 0 0 3px;
	padding: 60px 0 60px 0;
	text-indent: -7890px;
}

#top_section {
	background: #2D2D2D url(images/top-section-gradient.jpg) repeat-x;
	border-top: 4px solid #4d4d4d;
}
	
	#nav { margin: 33px 0 0 0; xborder: 2px solid blue; height: 20px; }
	#nav ul li { display: block; float: left; position: relative; }
	
	#nav ul li a {
		background-repeat: no-repeat;
		height: 20px;
		display: block;
		text-indent: -7890px;
	}
	#nav-home-li { width: 92px; }
	#nav-home-link { 
		background: url(images/nav-home.png);
		width: 68px; 
	}
		#home #nav-home-link { background-position: 0 -20px; }
	#nav-about-li { width: 97px; }
	#nav-about-link { 
		background: url(images/nav-about.png);
		width: 74px; 
	}
		#about-page #nav-about-link { background-position: 0 -20px; }
	#nav-work-li { width: 95px; }
	#nav-work-link { 
		background: url(images/nav-work.png);
		width: 72px; 
	}
		#work-page #nav-work-link { background-position: 0 -20px; }
	#nav-contact-li {  }
	#nav-contact-link { 
		background: url(images/nav-contact.png);
		width: 91px; 
	}
		#contact-page #nav-contact-link { background-position: 0 -20px; }
	
	#nav-home-link-over, #nav-about-link-over, #nav-work-link-over, #nav-contact-link-over { 
		position:absolute; top: 0; left: 0;
		display: none;
		height: 20px;
	}
	#nav-home-link-over { 
		background: url(images/nav-home.png) no-repeat 0 -20px;
		width: 68px; 
	}
	#nav-about-link-over { 
		background: url(images/nav-about.png) no-repeat 0 -20px;
		width: 74px; 
	}
	#nav-work-link-over { 
		background: url(images/nav-work.png) no-repeat 0 -20px;
		width: 72px; 
	}
	#nav-contact-link-over { 
		background: url(images/nav-contact.png) no-repeat 0 -20px;
		width: 91px; 
	}
	
	#page_description {
		background-repeat: no-repeat;
		width: 616px;
		height: 84px;
		margin-left: 3px;
		margin-bottom: 70px;
		text-indent: -7890px;
	}
	#home #page_description { background-image: url(images/top-text-home.png); }
	#about-page #page_description { background-image: url(images/top-text-about.png); margin-bottom: 0; }
	#contact-page #page_description { background-image: url(images/top-text-contact.png); }
	#work-page #page_description { background-image: url(images/top-text-work.png); }
		
	#slideshow {
		width: 700px;
		height: 340px;
		margin: 0 0 27px -10px;
	}


	#galaxy { 
		height: 382px; 
		background: url(images/galaxy.png) no-repeat; 
		position: relative; 
		left: -30px; 
		width: 694px; 	
	}
	#galaxy-interactive { height: 252px; position: relative; }
	
	#galaxy-instructions {
		background: url(images/galaxy-instructions.png) no-repeat;
		height: 57px; width: 396px;
		display: block;
		position: absolute;
		top: 93px; left: 160px;;
		text-indent: -7890px;
	}
	#galaxy-interactive a {
		height: 50px; width: 50px;
		display: block;
		position: absolute;
		text-indent: -7890px;
	}
	#ii-1 { top: 136px; left: 40px;}
	#ii-2 { top: 76px; left: 120px;}
	#ii-3 { top: 112px; left: 286px;}
	#ii-4 { top: 62px; left: 375px;}
	#ii-5 { top: 132px; left: 445px;}
	#ii-6 { top: 57px; left: 585px;}
	
	#about-items { height: 129px; overflow: hidden; position: relative; left: 30px;}
	#about-items p { color: #b3b3b3; line-height: 1.15em; padding-right: 64px; font-size: 0.85em; margin-bottom: 65px;}
	#ai1 h2, #ai2 h2, #ai3 h2, #ai4 h2, #ai5 h2, #ai6 h2 {
		background: url(images/about-headers.png) no-repeat;
		height: 14px;
		width: 186px;
		text-indent: -7890px;
		margin-bottom: 8px;
	}
	#ai2 h2 { background-position: 0 -14px; }
	#ai3 h2 { background-position: 0 -28px; }
	#ai4 h2 { background-position: 0 -42px; }
	#ai5 h2 { background-position: 0 -56px; }
	#ai6 h2 { background-position: 0 -70px; }
	#ai2, #ai3, #ai4, #ai5, #ai6 { display: none; }


	#linkage { height: 61px; margin-left: 3px; margin-right: -4px;}
	#linkage span { 
		background: url(images/see-more-text.jpg) no-repeat;
		display: block;
		float: left;
		text-indent: -7890px;
		width: 170px;
	}
	
	#linkage ul { margin-left: 183px;}
	#linkage ul li { display: block; float: left; position: relative; }
	#twit-link-li { width: 116px; }
	#jour-link-li { width: 117px; }
	#news-link-li { width: 143px; }
	#link-link-li {  }
	
	#twit-link, #jour-link, #news-link, #link-link {  
		display: block;
		height: 20px; 
		text-indent: -7890px;
		-webkit-transition: all ease 0.4s;
	
	}
	#twit-link {  
		background: url(images/twitter-link.png) no-repeat 0 -20px; 
		width: 93px;
	}
	#jour-link {  
		background: url(images/journal-link.png) no-repeat 0 -20px; 
		width: 94px;
	}
	#news-link {  
		background: url(images/newsletter-link.png) no-repeat 0 -20px; 
		width: 120px;
	}
	#link-link {  
		background: url(images/linkedin-link.png) no-repeat 0 -20px; 
		width: 92px;
	}
	#twit-link:hover, #jour-link:hover, #news-link:hover, #link-link:hover {  background-position: 0 0;}
	
	
/* work page */

	#work-samples {
		position: relative;
		height: 698px;
		margin: 68px 0 48px;
	}
	#work-samples a {
		position: absolute;
	}
	#work-websites, #work-packaging, #work-logo,
	#work-websites-over, #work-packaging-over, #work-logo-over {
		left: -12px;
	}
	#work-branding, #work-icons, #work-print,
	#work-branding-over, #work-icons-over, #work-print-over {
		right: -12px;
	}
	#work-packaging, #work-icons,
	#work-packaging-over, #work-icons-over {
		top: 236px;
	}
	#work-logo, #work-branding,
	#work-logo-over, #work-branding-over {
		top: 472px;
	}	
	
	#client-list {
		height: 313px;
		position: relative;
	}
	#client-list h2 {
		background: url(images/client-list-head.png) no-repeat;
		text-indent: -7890px;
		height: 11px;
		margin-bottom: 20px;
	}
	#client-list ul {
		position: absolute;
	}
	#client-list #first-list { left: -12px; }
	#client-list #second-list { left: 159px; }
	#client-list #third-list { left: 331px; }
	#client-list #last-list { right: -12px; }
	#client-list #last-list li { width: 159px;; }
	#client-list ul li {
		color: #4d4d4d;
		border-bottom: 1px solid #4d4d4d;
		padding: 7px 0;
		font-size: 0.9em;
		width: 161px;
	}
	#client-list #first-list li { padding-left: 13px; width: 147px;}
	#client-list ul li.last-li {
		border-bottom-width: 0;
	}
	.active-client {
		color: #666;
	}
	
/* Contact */

	form { height: 630px; margin: 0 -16px 0 -8px; }
	#form-col-1 { float: left; width: 380px; }
	#form-col-2 { float: right; width: 269px; color: #626262; position: relative; }
	
	sup {font-size: 0.75em; line-height: 0.5em; vertical-align: super;}
	
	#contact-page input[type=text], textarea { 
		background-color: #323232;
		border:2px solid #323232;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 7px 0 27px;
		color: #b3b3b3;
		font-size: 1em;
		padding: 0 4px;
	}
	#contact-page textarea { padding-top: 4px; }
	#contact-page input[type=file] {
		z-index: 2;
	}
	.lg-text {
		height: 34px; width: 375px; 
	}
	.sm-text {
		height: 34px; width: 262px; 
	}
	#contact-page textarea {
		height: 278px; width: 375px; 
	}
	
	#contact-page label {
		color: #626262; 
		display: block;
		font-size: 0.8em;
		padding: 0 12px;
	}
	#contact-page input:focus, textarea:focus, button:focus {
		border: 2px solid #29abe2;
		outline: 0;
		background-color: #353535;
	}
	#form-holder { padding-bottom: 23px; }
	#download {
		width: 93px;
		height: 31px;
		background: url(images/download-button.png) no-repeat;
		text-indent:  -7890px;
		display: block;
		float: left;
		margin-right: 6px;
	}
	#download-over {
		width: 93px;
		height: 31px;
		background: url(images/download-button.png) no-repeat 0 -31px;
		display: block;
		position:absolute; top: 0; left: 0;
		margin-right: 6px;
	}
	#form-instructions { 
		background: url(images/creative-blueprint-bubble.jpg) no-repeat;
		margin: 7px 0 0 0;
		height: 207px;
		color: #FFF;
		padding: 14px;
	} 
	#form-instructions, #form-col-2 p {
		font-size: 0.75em;
		line-height: 1.2em;
	}
	#form-instructions h3 { 
		position: relative;
		height: 41px;
		line-height: 2.5em;
	} 
	#form-instructions ol { 
		border-top: 1px solid #FFF;
		padding-top: 12px;
	} 
	#form-instructions ol li { 
		list-style: decimal;
		margin-bottom: 9px;
		margin-left: 18px;
		width: 210px;
	} 
	input[type=file] { opacity: 0; height: 16px; width: 167px; position: absolute; top: 340px;right:100px;cursor: pointer;}
	#privacy {
		margin: 63px 0 18px;
	}
	#form-col-1 div { position: relative; }
	#send-message, #sent-message { 
		cursor: pointer;
		border: 0;
		width: 188px;
		height: 16px;
		background: url(images/send-message.png) no-repeat;
		text-indent: -7890px;
	}
	#send-message-over { 
		cursor: pointer;
		border: 0;
		width: 188px;
		height: 16px;
		background: url(images/send-message.png) no-repeat 0 -15px;
		text-indent: -7890px;
		position: absolute;
		top:0; left: 0;
	}
	#sent-message { 
		background-position: 0 -32px;
	}
	
	#thanks-for-the-email {
		font-size: 1.6em;
		color: #B3B3B3;
		padding-bottom: 24px;
	}
	#fake-select {
		width: 188px;
		height: 16px;
		cursor: pointer;
	}
	.select:hover {
		background-position: 0 -16px;
		cursor: pointer;
	}
	.select {
		background: url(images/select-file.png) no-repeat 0 0px;
	}
	.file-selected {
		background: url(images/select-file.png) no-repeat 0 -32px;
	}

	
#bottom_section {
	background: #FFF url(images/bottom-section-gradient.jpg) repeat-x bottom 0;
	border-top: 4px solid #242424;
	padding-top: 47px;
}
	.lg-column {
		float: left;
		width: 376px;
		font-size: 0.85em;
	}
	.sm-column {
		float: right;
		width: 236px;
		font-size: 0.85em;
	}
	.lg-column h3, .sm-column h3 {
		text-indent: -7890px;
		margin-bottom: 8px;
	}
	.lg-column li, .sm-column li {
		sbackground: url(images/bullet.png) no-repeat 1px 5px;
		spadding: 0 12px 0;
		color: #808080;
		margin-bottom: 8px;
	
	}
	.lg-column div, .sm-column div {position: relative;}
		
	.hr { height: 109px; background: url(images/hr.png) repeat-x; }
	.hr-alt { height: 66px; background: url(images/hr-alt.png) repeat-x;  }
	
	#elev8tor-is-head {
		background: url(images/elev8tor-is-head.png) no-repeat;
		height: 16px;
		margin-bottom: 18px;
		margin-left: 1px;
		text-indent: -7890px;
		width: 321px;
	}
	#intro-text {
		font-size: 1.0em;
		padding-right: 12px;
	}
	#intro-links { height: 15px; position: relative; margin: 29px 0 0 1px;}
	#intro-links a, #intro-links span {
		display: block;
		float: left;
		height: 15px;
		text-indent: -7890px;
	}
	#intro-links span { background: url(images/learn-more-get-in-touch.png) no-repeat -140px 0; width: 45px; }
	
	#learn-more-link {  background: url(images/learn-more-get-in-touch.png) no-repeat; width: 140px;}
	a#git-link { background: url(images/learn-more-get-in-touch.png) no-repeat -185px 0; width: 150px;}
	
		a#learn-more-link-over { 
			background: url(images/learn-more-get-in-touch.png) no-repeat 0 -15px; 
			position: absolute; top:0; left: 0px;
			width: 140px;
		}
		a#git-link-over { 
			background: url(images/learn-more-get-in-touch.png) no-repeat -185px -15px; 
			position: absolute; top:0; left: 185px;
			width: 150px; 
		}
	#work-page a#git-link { background: url(images/get-in-touch.png) no-repeat; width: 151px;}
	
		#work-page a#git-link-over { 
			background: url(images/get-in-touch.png) no-repeat 0 -15px; 
			position: absolute; top:0; left: 0;
			width: 151px; 
		}	
	#work-page a#start-project-body-link { background: url(images/start-project-body.png) no-repeat; width: 171px;}
	
		#work-page a#start-project-body-link-over { 
			background: url(images/start-project-body.png) no-repeat 0 -15px; 
			position: absolute; top:0; left: 196px;
			width: 171px; 
		}
	
	
	#testimonial-head { background: url(images/testimonial-head.png) no-repeat;		height: 14px; 	}
	#services-head 	  {	background: url(images/services-provided.png) no-repeat;	height: 18px;	}
	#awards-head 	  {	background: url(images/awards.png) no-repeat;				height: 18px;	}
	#blueprint-head   {	background: url(images/creative-blueprint.png) no-repeat;	height: 17px;	}
	#v1beta-head   {	background: url(images/v1beta-head.png) no-repeat;			height: 15px;	}
	
	#dorwart {
		display: block;
		height: 34px;
		width: 224px;
		margin-top: 13px;
		text-indent: -7890px;
		background: url(images/dorwart.png) no-repeat;
		-webkit-transition: all ease 0.4s;
	}
	#dorwart:hover {
		background-position: 0 -34px;
	}
	#work-reel-head {
		background: url(images/work-reel-head.png) no-repeat;
		height: 14px;
		text-indent: -7890px;
		width: 144px;
	}
		#reel div { position: relative;}
	
		#inline {
			background: url(images/watch-the-video.png) no-repeat;
			display: block;	
			margin-top: 13px;
			height: 16px;
			width: 166px;
			text-indent: -7890px;
		}		
			#inline-over { 
				background: url(images/watch-the-video.png) no-repeat 0 -16px; 
				position: absolute; top:0; left: 0px;
				height: 16px;
				width: 166px;
			}
		#reel div span {
			display: block;
			float: left;
			margin-top: 8px;
			height: 11px;
			width: 17px;
			text-indent: -7890px;
			background: url(images/dorwart.png) no-repeat bottom left;
		}
		#vimeo-link {
			display: block;
			float: left;
			margin-top: 8px;
			height: 11px;
			width: 142px;
			text-indent: -7890px;
			background: url(images/view-on-vimeo.png) no-repeat;
			-webkit-transition: all ease 0.4s;
		}
		#vimeo-link:hover {
			background-position: 0 -11px;
		}
		
		#dorwart-link {
			background: url(images/dorwart.png) no-repeat;
			display: block;	
			margin-top: 13px;
			height: 19px;
			width: 223px;
			text-indent: -7890px;
		}		
		#dorwart-link-over { 
			background: url(images/dorwart.png) no-repeat 0 -19px; 
			position: absolute; top:0; left: 0px;
			height: 19px;
			width: 223px;
		}

		#cv-link {
			display: block;
			float: left;
			margin-top: 8px;
			height: 10px;
			width: 137px;
			text-indent: -7890px;
			background: url(images/cv-slide.png) no-repeat;
			-webkit-transition: all ease 0.4s;
		}
		#cv-link:hover {
			background-position: 0 -11px;
		}
		
		#embedded-video {
			display: none;
		}
		#embedded-video div {
			text-align: center;
			padding: 18px auto;
			color: green;
			border: 2px solid red;
		}

/* About page */
	#stay-smart {
		background: url(images/stay-smart.png) no-repeat;
		text-indent: -7890px;
		height: 18px;
		width: 594px;
		margin-bottom: 10px;
	}	
	
	a#view-work-link { background-image: url(images/view-work.png); width: 133px;}
	
		a#view-work-link-over { 
			background: url(images/view-work.png) no-repeat 0 -15px; 
			position: absolute; top:0; left: 0px;
			width: 133px;
		}
		#about-page a#git-link-over { 
			background: url(images/learn-more-get-in-touch.png) no-repeat -180px -15px; 
			position: absolute; top:0; left: 173px;
			width: 150px; 
		}
	
	#bio {
		color: #808080;
		height: 98px;
		background: url(images/portrait.png) no-repeat 0 2px;
		padding-left: 80px;
		line-height: 1.2em;
		font-size: 0.9em;
	}	
	#social { margin-right: -10px;}
	#social ul { height: 21px;}
	#social ul li { display: block; float: left; position: relative; }
	
	#soc-twitter-link-li { width: 104px; }
	#soc-v1beta-link-li { width: 102px; }
	#soc-journal-link-li { width: 106px; }
	#soc-personal-link-li { width: 151px; }
	#soc-flickr-link-li { width: 91px; }
	#soc-delicious-link-li { width: 98px; }
	
	#soc-twitter-link, #soc-v1beta-link, #soc-journal-link, 
	#soc-personal-link, #soc-flickr-link, #soc-delicious-link {
		display: block;
		height: 21px; 
		text-indent: -7890px;
		-webkit-transition: all ease 0.4s;
	}
	#soc-twitter-link { background: url(images/twitter.png) no-repeat 0 -20px; width: 85px; }
	#soc-v1beta-link { background: url(images/v1beta.png) no-repeat 0 -20px; width: 81px; }
	#soc-journal-link { background: url(images/journal.png) no-repeat 0 -20px; width: 84px; }
	#soc-personal-link { background: url(images/personal.png) no-repeat 0 -20px; width: 129px; }
	#soc-flickr-link { background: url(images/flickr.png) no-repeat 0 -20px; width: 71px; }
	#soc-delicious-link { background: url(images/delicious.png) no-repeat 0 -20px; width: 98px; }
	
	#soc-twitter-link:hover, #soc-v1beta-link:hover, #soc-journal-link:hover, 
	#soc-personal-link:hover, #soc-flickr-link:hover, #soc-delicious-link:hover {  background-position: 0 0;}
		
/* Work page */
	#enjoyed {
		background: url(images/hope-you-enjoyed.png) no-repeat;
		text-indent: -7890px;
		height: 15px;
		margin-bottom: 10px;
	}	
	
	a#view-work-link { background-image: url(images/view-work.png); width: 133px;}
	
		a#view-work-link-over { 
			background: url(images/view-work.png) no-repeat 0 -15px; 
			position: absolute; top:0; left: 0px;
			width: 133px;
		}
		#about-page a#git-link-over { 
			background: url(images/learn-more-get-in-touch.png) no-repeat -180px -15px; 
			position: absolute; top:0; left: 173px;
			width: 150px; 
		}
	
	#bio {
		color: #808080;
		height: 98px;
		background: url(images/portrait.png) no-repeat 0 2px;
		padding-left: 85px;
		line-height: 1.2em;
		font-size: 0.9em;
	}	
	
	
	#work-samples {
		position: relative;
		height: 698px;
		margin: 68px 0 48px;
	}
	#work-samples a {
		position: absolute;
		width: 332px;
		height: 226px;
	}
	#work-websites-over, 
	#work-packaging-over, 
	#work-logo-over, 
	#work-branding-over, 
	#work-icons-over, 
	#work-print-over, 
	#work-websites,
	#work-packaging, 
	#work-logo, 
	#work-branding, 
	#work-icons, 
	#work-print  {background: url(images/work-slides.jpg) no-repeat; }
	
	
	#work-websites 	{ background-position: 0 0; }
	#work-packaging { background-position: 0 -452px; }
	#work-logo 		{ background-position: 0 -1130px; }
	#work-branding 	{ background-position: -332px -226px; }
	#work-icons 	{ background-position: -332px -452px; }
	#work-print  	{ background-position: -332px -904px; }
	
	#work-websites-over 	{  background-position: 0 -226px;}
	#work-packaging-over 	{ background-position: 0 -678px; }
	#work-logo-over 		{ background-position: 0 -904px; }
	#work-branding-over 	{ background-position: -332px 0; }
	#work-icons-over 		{ background-position: -332px -678px; }
	#work-print-over 		{ background-position: -332px -1130px; }
	
		#dl-pdf-link {
			background: url(images/download-the-pdf.png) no-repeat;
			display: block;	
			margin-top: 13px;
			height: 16px;
			width: 297px;
			text-indent: -7890px;
		}		
		#dl-pdf-link-over { 
			background: url(images/download-the-pdf.png) no-repeat 0 -16px; 
			position: absolute; top:0; left: 0px;
			height: 16px;
			width: 297px;
		}
		#check-it-link {
			background: url(images/check-it-out.png) no-repeat;
			display: block;	
			margin-top: 13px;
			height: 16px;
			width: 120px;
			text-indent: -7890px;
		}		
		#check-it-link-over { 
			background: url(images/check-it-out.png) no-repeat 0 -16px; 
			position: absolute; top:0; left: 0px;
			height: 16px;
			width: 120px;
		}

		#send-file-link {
			display: block;
			float: left;
			margin-top: 8px;
			height: 10px;
			width: 148px;
			text-indent: -7890px;
			background: url(images/send-the-file-slide.png) no-repeat;
			-webkit-transition: all ease 0.4s;
		}
		#send-file-link:hover {
			background-position: 0 -11px;
		}
		#v1beta-link {
			display: block;
			float: left;
			margin-top: 8px;
			height: 10px;
			width: 93px;
			text-indent: -7890px;
			background: url(images/v1beta-slide.png) no-repeat;
			-webkit-transition: all ease 0.4s;
		}
		#v1beta-link:hover {
			background-position: 0 -10px;
		}
		

/* Contact page */	
	#thanks {
		background: url(images/thanks-for-your-time.jpg) no-repeat;
		text-indent: -7890px;
		height: 15px;
		width: 261px;
		margin-bottom: 10px;
	}	
	#location {
		background: url(images/location-header.jpg) no-repeat;
		height: 15px;
		margin-bottom: 12px;
		text-indent: -7890px;
		width: 211px;
	}
	#map {
		background: url(images/map.jpg) no-repeat;
		position: relative;
		width: 370px;
		height: 194px;
		float: left;
	} 
	
	#waypoint {
		position: absolute;
		left: 134px; top:24px;
		height: 42px;
		width: 32px;
	}
	#waypoint-over {
		position: absolute;
		left: 136px; top:22px;
		background: url(images/waypoint-over.jpg) no-repeat;
		height: 42px;
		width: 32px;
	}
		
	#loc-info {
		padding-left: 406px;
		color: #808080;
		font-size: 0.9em;
		line-height: 1.5em;
	}	
	#loc-info h3 {
		background: url(images/elev8tor-white.jpg) no-repeat;
		text-indent: -7890px;
		height: 13px;
		width: 94px;
		margin-bottom: 3px;
	}
	#loc-info a { color: #fd7400;-webkit-transition: all ease 0.4s; }
	#loc-info a:hover { color: #b64926; }
	#latlon { border-bottom: 1px dashed #CCC; padding: 2px 0 12px;}
	#phone { font-size: 1.9em; padding: 16px 0;}
		
		
	#bottom-padding {
		clear: both;
		height: 48px;
	}


#footer_section {
	background: #F2F2F2 url(images/footer-gradient.jpg) no-repeat 50% 0;
	height: 101px;
	padding-top: 38px;
}
	#footer ul { float: left;}
	
	#start-project-li, #deliveries-li, #contact-li { display: block; float: left; position: relative;}
	#start-project-link, #deliveries-link, #contact-link {
		background-repeat: no-repeat;
		height: 19px;
		display: block;
		text-indent: -7890px;
	}
	#start-project-li { width: 163px; }
	#start-project-link { 
		background: url(images/start-project.jpg);
		width: 136px; 
	}
	#deliveries-li { width: 133px; }
	#deliveries-link { 
		background: url(images/deliveries.jpg);
		width: 104px; 
	}
	#contact-li {  }
	#contact-link { 
		background: url(images/contact.png);
		width: 81px; 
	}
	
	#start-project-link-over, #deliveries-link-over, #contact-link-over { 
		position:absolute; top: 0; left: 0;
		display: none;
		height: 19px;
	}
	#start-project-link-over { 
		background: url(images/start-project.jpg) no-repeat 0 -19px;
		width: 136px; 
	}
	#deliveries-link-over { 
		background: url(images/deliveries.jpg) no-repeat 0 -19px;
		width: 104px; 
	}
	#contact-link-over { 
		background: url(images/contact.png) no-repeat 0 -19px;
		width: 81px; 
	}
	#copyright {
		float: right;
		height: 19px;
		background: url(images/copyright.jpg) no-repeat;
		text-indent: -7890px;
		width: 225px;
		margin-right: -7px;
	}

/* Work viewer overlay */

	#work-view-title {
		background: url(images/elev8tor-header-trans.png) no-repeat 0 60px;
		width: 209px;
		height: 50px;
		padding: 60px 0 0;
		text-indent: -7890px;
	}
	#work-viewer-contents { 
		background-color:#2d2d2d;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin-top: 59px;
		padding: 15px 13px;
		position: relative;
	}
	#work-viewer-contents h2 { height: 11px; width: 98px; text-indent: -7890px; }
	.show-websites h2 { background: url(images/work-sample-header.png) no-repeat 0 -11px; }
	.show-branding h2 { background: url(images/work-sample-header.png) no-repeat 0 -22px; }
	.show-packaging h2 { background: url(images/work-sample-header.png) no-repeat 0 -33px; }
	.show-icons h2 { background: url(images/work-sample-header.png) no-repeat 0 -44px; }
	.show-logo h2 { background: url(images/work-sample-header.png) no-repeat 0 0; }
	.show-print h2 { background: url(images/work-sample-header.png) no-repeat 0 -55px; }
		
	#slideshow-control {
		margin: 22px 0 12px 13px;
		height: 12px;
	}	
		
	#slideshow-control li {
		float: left;
		background: url(images/selector-pip.png) no-repeat 0 -12px;
		height: 12px;
		width: 14px;
	}
	#slideshow-control li a {
		display: block;
		background: url(images/selector-pip.png) no-repeat;
		height: 12px;
		width: 11px;
		text-indent: -7890px;
	}
	#work-feature {
		clear: left;
		position: relative;
		width: 650px;
		height: 400px;
	}
	#home-ss img, #work-feature img {
		position: absolute;
		display: none;
	}
	#work-feature-descr {
		font-size: 0.9em;
		margin: 15px 0;
		min-height: 35px;
		color:#b3b3b3;
		line-height: 1.4em;
	}
	#work-feature-descr div { display: none; }

	#close-overlay {
		position: absolute;
		right: 12px;
		height: 14px;
		width: 153px;
		text-indent: -7890px;
		background: url('images/return-to-work.png') top left no-repeat;
		cursor: pointer;
	}
	
	#work-feature-descr dt { font-weight: bold; display: inline; }
	#work-feature-descr dd { display: inline; }
	#work-feature-descr a  { color:#c3c3c3; border-bottom: 1px solid #c3c3c3; }

	#home-ss {
		clear: left;
		position: relative;
		width: 676px;
		height: 304px;
	}
	#home-ss img#hf-1 { display: block;}
	
	
	
	/*
body, html {
    overflow: hidden;
}
  
#container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-button:start:decrement {
	display: block;
	width: 5px;
	height: 5px;
	background-color: transparent;
}
::-webkit-scrollbar-button:end:increment {
	display: block;
	width: 5px;
	height: 5px;
	background-color: transparent;
}
::-webkit-scrollbar-track:enabled {
	background-color: transparent;
}
::-webkit-scrollbar-track-piece {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.05);
	-webkit-border-radius: 5px;
	margin: 10px 0;
}
::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: rgba(226, 219, 254, 0.5);
	-webkit-border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.1);

}
::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: rgba(255, 255, 255, .9);
	-webkit-border-radius: 5px;
}
*/