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


/* Splash */

.splash-overlay img{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

/* Header Section
================================================== */
.header-section{
	line-height: 150%;
	font-size: larger;
	padding-top: 50px;
	background: url('../images/yellow-shadow-up.png') repeat-x bottom;
}

@media only screen and (min-width: 768px) {
  .header-section img{
  	position: absolute;
  	bottom: 0px;
  }
}

.social-media{ float: right;}
.social-media li{
	float: left; 
	text-indent: -9999px;
}
.social-media li.share{
	text-indent: 0px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	font-size: 24px;
	padding: 12px 10px 0px 0px;
}
.social-media li a{
	width:44px; height: 42px;
	display: block;
	background: url('../images/social-icon-sheet.png') no-repeat;
}
.social-media li a.twitter{background-position: 0px 0px;}
.social-media li a.twitter:hover{background-position: 0px -41px;}
.social-media li a.facebook{background-position: -44px 0px;}
.social-media li a.facebook:hover{background-position: -44px -41px;}
.social-media li a.stumble{background-position: -89px 0px;}
.social-media li a.stumble:hover{background-position: -89px -41px;}
.social-media li a.vimeo{background-position: -134px 0px;}
.social-media li a.vimeo:hover{background-position: -134px -41px;}

.action{display: block; padding-top: 20px;}
.or{
	display: inline-block; 
	margin: 0px 10px; 
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: normal;
	font-size: 22px;
	text-transform: uppercase;
}

/* #Information Section
================================================== */
.video-section{
	color: white;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-right: 0px;
	padding-top: 1px;
	background-color: #180003;
}
.video-section p{
	color: white;
	font-size: larger;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-right: 0px;
	padding-top: 1px;
}
.video-section a:hover, .video-section a:focus{
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: white;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-right: 0px;
	padding-top: 1px;
}
.video-section a, .video-section a:visited{
	border-bottom-color: white;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: white;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-right: 0px;
	padding-top: 1px;
}
.video-section h3{
	color: white;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-right: 0px;
	padding-top: 1px;
}
.information-section{
	padding-top: 5px;
	background-position: 0 top;
	background-image: url('../images/yellow-shadow-down.png');
	background-repeat: repeat-x;
	padding-left: 0px;
	padding-right: 0px;
}
.info{margin-bottom: 40px;}

.img-top-border { background-position: 0 top; background-repeat: repeat-x; background-image: url('../images/yellow-shadow-down.png'); border-top-style: solid; border-top-color: black; border-top-width: 1px; }

h3{display: inline-block;}
i{
	margin-bottom: 0px;
	margin-right: 6px;
	float: left;
	display: inline-block;
}

i.icon-package{
	height: 104px;
	width: 128px;
	display: inline-block;
	background: url('../images/icon-dfuser-package.png') no-repeat;
}
i.icon-controller{
	height: 55px;
	width: 37px;
	display: inline-block;
	background: url('../images/icon-dfuser-controller.png') no-repeat;
}
i.icon-processor{
	height: 42px;
	width: 88px;
	display: inline-block;
	background: url('../images/icon-dfuser-processor.png') no-repeat;
}

p.nomargin{
  margin-bottom: 0px;
}

/* #Gallery Section
================================================== */

.gallery-section{
	padding: 60px 0px;
}
.img-grid img{border:5px solid #463b37;}
.main-img{margin-bottom: 15px;}

a.lrg-thumb{
	position: relative;
	display: block;
	width:508px; height: 290px;
	margin-bottom: 30px;
}
a.sml-thumb{
	position: relative;
	display: block;
	width:150px; height: 120px;
}
a span.thumb-shade{
	display: none;
	position:absolute; 
	left:5px; top:5px; 
	width: inherit; height: inherit;
	background: url('../images/thumb-shade.png');
}
a span.thumb-zoom{
	display:none;
	position:absolute; 
	width: 57px; height: 57px;
	z-index: 10;
	background:url('../images/zoom-icon.png') no-repeat;
}
a.lrg-thumb span.thumb-zoom{left:45%; top:42%;}
a.sml-thumb span.thumb-zoom{left:36%; top:32%;}


/* #Footer
================================================== */
.footer{
	background-color: white;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	border-top-width: 2px;
	border-top: solid #2b2626;
}
.copyright h6 {text-shadow: 0px 0px; font-weight: bold;}
.copyright img { float: right; }

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	 button {padding: 10px 20px;}
		.action{margin-bottom: 40px;}
		a.lrg-thumb{
			width:100%; height:auto !important;
			margin-bottom: 10px;
		}
		a.sml-thumb, a.sml-thumb img {width:98%}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		a.sml-thumb {display: none;}
		}

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

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