/* ******************** Global Adjustments ******************** */

body {background: url(http://www.yodle.com/images/homepage/bodyBG.png) repeat-x;}
.main-content {padding: 0 1.5em 0 0; width: 945px; position: relative;}
	
	/* 	Column Spacing Adjustments */
	#home-page .column {width: 30em; padding: 0 0.6em;}
	#home-page .column.start {margin-left:0.1em; padding:0 0.7em 0 1.4em; background: url(/images/homepage/quote-bg.gif) 3px bottom no-repeat;}
	#home-page .column.end {padding-right: 0;}
	
	#home-page .block {border-bottom: 1px solid #e5e5e5; margin-bottom: 7px; padding: 0 0 0.7em 0; width: 100%;}
	#home-page .block.bottom {border-bottom: 0; padding: 0; margin-bottom:0;}

	/* Column Titles */
	#home-page .column-title {height:45px; width: 300px; background: url(/images/global/asset-sprite.png) no-repeat; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 18px;}
	#home-page .column-title#clients-title {background-position: -286px -30px;}
	#home-page .column-title#learning-title {background-position: -286px -75px;}
	#home-page .column-title#spotlight-title {background-position: -286px -120px; margin-bottom: 0;}	


/* Global Text Adjustments */
blockquote {background: url(/images/global/blockquote-blue.gif) no-repeat; padding: 0.4em 1em 0 3em; font-style: oblique; font-size: 1.5em;}

/* ******************** End Global Adjustments ******************** */


/* Intro Section */
	#intro {height: 262px; padding: 35px 0 0 0; position: relative; color: #FFFFFF;}
	#intro-content {width: 460px; float: left; position: relative; height: auto;}
	
	#video {position: absolute; height: 29.7em; width: 58em; top: 0; right: -5em; background:url(http://www.yodle.com/images/homepage/videoplaceholder.png) no-repeat;}
		#intro #video div {position: absolute; top: 32px; left: 121px; width: 339px; height: 190px; display: block; padding: 11px 0; background: #000000;}
	
	#main-headline {color: #FFFFFF; letter-spacing: -.001em; font-size:4.2em; margin-bottom: 0.4em; float: left; text-shadow: #666666 2px 2px 2px; line-height: 0.7em; display: block;}

	

/* Slideshow Pagination */
.slidercontrol {height: 2.5em; text-align: center; display: block; clear: both; margin: 0 0 1.5em 7.7em;}	
.slidercontrol a {display: block; width: 15px; height: 15px; background: url(/images/global/slide-nav.png); 
background-repeat: no-repeat; background-position: 0 0; color: transparent !important; float: left; margin: 0 .2em;}
.slidercontrol a span {visibility: hidden;}
.slidercontrol a:hover {background-position: -15px 0;}
.slidercontrol a.activeSlide {background-position: -30px 0;}


/* Column 1 - Client Success */
#successstories {height: 140px; margin-bottom: 0; clear: right;}
#successstories div {width: 96%; padding: 0 2%; height: 100%;}
#successstories div.video {display: none;}
#quotes {position: relative; z-index: 998;}	
	#success-control {width: 7.5em; clear: both; position: absolute; bottom: 0; left: 0; margin: 0; z-index: 999;}
	.drop-shadow {display: none;}

#watch {border-bottom: 0;}
#watch a {width: 145px; height: 75px; display: block; background-position: -436px -308px; float: right;}
#watch a#thisvideo {background-position: -286px -308px; border-right: 1px solid #E5E5E5; float: left; padding-left: 4.5px;}


/* Column 2 - Learning Center */
#homepagecolumns div div#learning-icons {padding: 0 0 1.8em 0; margin-bottom: 1.8em;}
#home-page #learning-icons.block {padding: 0 0 1.8em 0; margin-bottom: 1.8em;}

#learning-icons a {width: 75px; height: 80px; display: block; float: left; margin: 0 2px;}
	#learning-icons a#visitblog {background-position: -286px -208px;}
	#learning-icons a#viewdemo {width: 115px; background-position: -361px -208px; margin-left: 13px;}
	#learning-icons a#top5 {background-position: -476px -208px; float: right;}
#dummies-book {display: block; height: 110px; position: relative;}
#dummies-book img {position: absolute; bottom: 0;}

/* Column 3 - Spotlight */
#spotlight a {height: 80px; display: block; background: #f3f3f4; border: 1px solid #dddddd; width: 278px; margin-top:12px; padding:10px; float: left; text-decoration: none; color: #4d4e4e;}
	#spotlight span {display: block; width: 165px; line-height: 1.3em; float: left;}
	#spotlight span h2 {font-size: 18px; color: #4d4e4e; margin-bottom: 5px; line-height: 1em;}
		#spotlight a:hover{background: #e6e6e7;}
		#spotlight a img {display: block; float: right; margin: 0 0 0 5px;}

#spotlight a#blogpost span {font-size: 14px; width: 185px;}
#spotlight a#blogpost img {float: left; margin: 0 13px 0 0;}