/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/* 1 */

div.home div.slideshow {
	background    :#eee;
	/*background    :url('/images/slideshow_background.png') no-repeat center top;*/
	background    :url('/images/slideshow_fallback_940.png') no-repeat 0 0;
	margin-top    :0px;
	margin-bottom :10px;
	/*min-height    :430px;*/
	/*height        :430px;*/
	box-shadow    : 0 4px 10px rgba(0,0,0,0.4);
	overflow : hidden;
}



div.home div.slideshow div.top {
	min-height : 328px;
}

div.home div.slideshow div.bar {
	background : rgba(255, 255, 255, 0.6);
	padding-top : 20px;
	/*margin-bottom : 20px;*/
	margin : 0 0 20px 0;
}



div.home div.slideshow h3 {
	padding : 100px 20px 0 20px;
	font-size : 36px;
}

div.home div.slideshow h3.higher {
	padding-top:60px;
}

div.home div.slideshow h2 {
	font-size : 20px;
	line-height: 22px;
	padding : 0;
	margin : 0;
}

div.home div.slideshow p {
	font-size : 14px;
	line-height: 16px;
	padding : 0;
	margin : 0 0 20px 0;
}

div.home div.slideshow .btn {
	position : relative;
	display : block;
	/*float : left;*/
	text-align: center;
	background : #0bf;
	margin : 0 0 20px 20px;
	padding : 14px 6px;
	font-family : "League Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size : 24px;
	line-height: 24px;
}

div.home div.slideshow .btn:hover {
	/*background*/
}




	/*div.home div.slideshow div.top {
		height:300px;
		overflow:hidden;
	}
	div.home div.slideshow div.bottom {
		height:100px;
		overflow:hidden;
	}

	div.home div.slideshow h3 {
		font-family: "League Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:46px;
		line-height:52px;
		padding:0 0 0 96px;
	}
	div.home div.slideshow p,
	div.home div.slideshow a,
	div.home div.slideshow a.button {
		font-family: "League Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		font-weight:normal
	}

	div.home div.slideshow p.hype {
		-ms-transform:rotate(-10deg);
		-o-transform:rotate(-10deg);
		-webkit-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
		padding:05px 0 40px 76px;
		font-size:18px;
	}

	div.home div.slideshow a.button {
		border-radius:4px;
		font-size:46px;
		border:0;
		line-height:70px;
		text-decoration:none;
		margin:14px 0 0 60px;
		text-align:center;
		width:290px;
		padding:0;
		text-shadow:none;
	}
		div.home div.slideshow a.button:hover {
			text-decoration:none;
			box-shadow:0 2px 4px rgba(0,0,0,0.4);	
		}

	div.home div.slideshow p.panel_text {
		font-size: 46px;
		line-height:100px;
		text-align:center;
	}

	div.home div.slideshow div.bottom div.left {
		float      :left;
		width      :400px;
	}
	div.home div.slideshow div.bottom div.right {
		float      :left;
		width      :540px;
	}*/




div.home div.postit{
	margin-top:10px;
}
div.home div.postit div {
	padding:10px;
	min-height:160px;
}
div.home div.postit h3, 
div.home div.postit p {
	color:#fff;
	text-shadow:0 1px 2px rgba(0,0,0,0.2);
}

div.home div.postit p {
	font-weight:bold;
	font-size:14px;
}

div.home div.postit:last-child div {
	background:url(/images/postit_corner.png) no-repeat bottom right;
}



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) { 

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* 2 */
		div.home div.slideshow {
			/*min-height:430px;
			height:430px;*/
			background :url('/images/slideshow_fallback_748.png') no-repeat 0 0;
		}

		div.home div.slideshow div.top {
			min-height : 280px;
		}

		div.home div.slideshow h3 {
			padding-top : 70px;
		}

		div.home div.slideshow h3.higher {
			padding-top:40px;
		}

		/*
		div.home div.slideshow div.bottom div.left {
			width:328px;
		}
		div.home div.slideshow div.bottom div.right {
			width:420px;		
		}

		div.home div.slideshow h3 {
			padding:0 0 0 56px;
		}

		div.home div.slideshow p.hype {
			padding:5px 0 40px 36px;
		}

		div.home div.slideshow a.button {
			margin-left:20px;
		}*/

		div.home div.postit div {
			min-height:180px;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		/* 3 */

		div.home div.slideshow {
			background : none;
			box-shadow : none;
		}

		div.home div.slideshow div.top {
			min-height : 10px;
		}

		div.home div.slideshow h3 {
			font-size : 24px;
			padding-top : 20px;
			padding-left : 10px;
		}

		div.home div.slideshow h3.higher {
			padding-top:0;
		}


		div.home div.slideshow h2,
		div.home div.slideshow p {
			padding : 0 10px;
		}

		div.home div.slideshow .btn {
			margin : 0 0 20px 10px;
			width : 200px;
			font-size : 18px;
		}


		/*div.home div.slideshow {
			height:auto;
			min-height:0;
			background:#eee;
		}
		
		div.home div.slideshow div.top,
		div.home div.slideshow div.bottom {
			height:auto;	
		}

		div.home div.slideshow div.top p.hype {
			text-align:center;	
			padding:10px 0 0 0;
		}

		div.home div.slideshow div.top h3 {
			text-align:center;	
			padding:0;
		}

		div.home div.slideshow div.bottom {
			margin:10px;
			background:#fff;
			border-radius:4px;
		}

		div.home div.slideshow div.bottom div.left {
			width:400px;
		}
		div.home div.slideshow div.bottom div.right {
			width:400px;		
		}

		div.home div.slideshow div.bottom p.panel_text {
			font-size:32px;
			line-height:32px;
			padding:10px 0;
			margin:0;
		}*/
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		/* 4 */

		div.home div.slideshow {
			background : none;
			box-shadow : none;
		}

		div.home div.slideshow div.top {
			min-height : 10px;
		}

		div.home div.slideshow h3 {
			font-size : 24px;
			padding-top : 20px;
			padding-left : 10px;
		}

		div.home div.slideshow h3.higher {
			padding-top:0;
		}


		div.home div.slideshow h2,
		div.home div.slideshow p {
			padding : 0 10px;
		}

		div.home div.slideshow .btn {
			margin : 0 0 20px 10px;
			width : 200px;
			font-size : 18px;
		}


		/*div.home div.slideshow {
			height:auto;
			min-height:0;
			background:#eee;
		}
		
		div.home div.slideshow div.top,
		div.home div.slideshow div.bottom {
			height:auto;	
		}

		div.home div.slideshow div.top p.hype {
			text-align:center;	
			padding:10px 0 0 0;
		}

		div.home div.slideshow div.top h3 {
			text-align:center;	
			padding:0;
		}

		div.home div.slideshow div.bottom {
			margin:10px;
			background:#fff;
			border-radius:4px;
		}

		div.home div.slideshow div.bottom div.left {
			width:280px;
		}
		div.home div.slideshow div.bottom div.right {
			width:280px;		
		}

		div.home div.slideshow div.bottom a.button {
			margin-left:10px;
			width:260px;
		}

		div.home div.slideshow div.bottom p.panel_text {
			font-size:32px;
			line-height:32px;
			padding:10px 0;
			margin:0;
		}*/

	}