/*
* 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
================================================== */

/*General*/

body {
//	background: url('../images/bg.jpg') no-repeat left top;
	background: #F8F8F8;
	font-size: 14px;
}

div.container {
	height:  auto;
}

body > .container {
	z-index: 5;
	position:relative;
	text-align: center;
	top: -50px;
	padding-bottom:50px;
	margin-bottom:-50px;
	background: #F8F8F8;
}

#titleWhite {
	position:absolute;
	text-shadow:0 0 5px rgba(0,0,0,0.3);
	top:30%;
	margin-left: 0px;
	color:white;
	font-size:52px;
}


.bottom-menu {
	position:fixed;
	right: 4%;	
	bottom:-10px;
	z-index:100;
}

.app-plate {
	position:absolute;
	bottom:-22px;
	right:50px;
	z-index:101;
}

.comp-plate {
	z-index:101;
}

.app-plate img {
	max-width: 100%;
}

#bottom-menu {
	opacity:0;
}

#break-away {
	position:relative;
	background: url(../images/breakawaypattern.png) repeat-x;
	height:  33px;
	width:  100%;
	text-indent:  -9999px;
	z-index:5;
}

#break-away-footer {
	position:relative;
	background: url(../images/breakawaypatternfooter.png) repeat-x;
	height:  33px;
	width:  100%;
	text-indent:  -9999px;
	z-index:15;
	top:-45px;
}

.image {
	text-align:center;
}

.container .sixteen.columns h1 {
	text-align: center;
	padding-top: 40px;
}

.container h3 {
	padding-top:  10px;
}

.sixteen.columns h2 {
	padding-top:  10px;
}


.container .one-third.column {
	width:250px;
	margin-bottom:50px;
	margin-left:27px;
	position:relative;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.container .sixteen.columns {
	z-index: 1;
}

.float-right {
	float: right;
}

/*Header*/



#background-image {
	background: url(../images/background-image.jpg);
	position:fixed;
	width:100%;
	height:100%;
	z-index:-10;
}

header {

	background: url(../images/headerpattern.png);
	height:  30%;
}



header #slideshow {
	display: block;
	position: relative;
	max-width: 100%;
	height:  550px;
	z-index: 3;
	margin-top: -80px;
	top: 50px;
}

#first-break-away, #general-break-away {
	background: url(../images/headerbreakaway.png) repeat-x;
	width:  100%;
	height:  50px;
	z-index:  4;
	position:  relative;
	bottom:  40px;
	text-indent:  -9999px;
}
	
	
/*Box Shadow*/

.blurb {
	position: relative;
	top: 40px;
	padding: 30px;
	background-color: #fff;
	color: #333;
	-webkit-box-shadow: 0 3px 8px rgba(200, 200, 200, 0.56);
	-moz-box-shadow:    0 3px 8px rgba(200, 200, 200, 0.56);
	box-shadow:         0 3px 8px rgba(200, 200, 200, 0.56);
	margin-bottom: 100px;
}

.one-third.column.blurb.people {
	height: 750px;
	top: 0px;
	width: 220px;
}




/*Footer*/

footer {
	font-size: 1em;
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(234,234,234,0.98) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,0.98)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(234,234,234,0.98) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(234,234,234,0.98) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(234,234,234,0.98) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(234,234,234,0.98) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faeaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	height:40%;
	z-index:5;
}

footer li {
	margin-bottom: 4px;
}

	footer .container .four.columns {
	}

	footer .container .four.columns h3 {
		color:  #333;
		font-size:  1.5em;
		font-family: Helvetica Neue, Arial, sans-serif;
	}


	footer .container .four.columns ul li a, footer .container .four.columns ul li a:visited {
		font-family: Helvetica Neue, Arial, sans-serif;
		color:  #333;
		text-decoration: none;
	}
	
	footer .container .four.columns ul li a:hover {
		
		color:  #333;
		text-decoration: underline;
	}

.copyright {
	color:  #333;
	text-align: center;
	padding-top: 10px;
}

#big-video-control-container {
	display: none !important;
}



/* #Typography
================================================== */


/*global*/


header p {
	font-family: Helvetica, Arial, times new roman;
	color:  #fff;
}

header .container h1, header h2 { 
	font-family: font-family: 'JennaSueRegular', sans-serif;

}
.sixteen.columns h2, .container h1 {

	font-family: 'JennaSueRegular', verdana, Helvetica, Arial, times new roman;
	color:  #333;
}

.container .sixteen.columns h1, .container .ten.columns h1  {
	font-size:  3.8em;
	color:  #333;
}

.container .sixteen.columns p, .container .ten.columns p  {
	font-size: 1.1em;
	font-family: verdana, Helvetica, Arial, times new roman;
	color:	#453c37;
	padding-left:  8px;
	padding-right: 8px;
	padding-bottom: 15px;
}



.secondaryContent section.five.columns p, .secondaryContent section.nine.columns p  {
	font-family: verdana, Helvetica, Arial, times new roman;
	color:  #fff;
	font-size: 1.1em;
}

.secondaryContent section.nine.columns p  {
	font-size: 1.1em;
	font-family: 'Sketchetik Light', verdana, Helvetica, Arial, times new roman;;
	font-weight:bold;
}

.secondaryContent section.five.columns h4, .secondaryContent section.nine.columns h4 {
	font-family: 'sketchica', verdana, Helvetica, Arial, times new roman;;
	color:white;
	font-size: 2.2em;
	font-weight: bold;
	padding-top:  1.4em;
}

.bold {
	font-weight: bold;
}

.caps {
	text-transform: uppercase;
}

h4 {
	color:  white;
	font-family: verdana, Helvetica, Arial, times new roman;
	font-weight: ;
	font-size: 1.6em;
}

.love {
	//text-transform: uppercase;
	font-size: 18px;
	font-family: 'HotelCoralEssexRegular', verdana, Helvetica, Arial, times new roman;
	letter-spacing: 3px;
}


/* about us*/

.container .one-third.column .notepad h3, .container .sixteen.columns .notepad h3 {
	color:  #4f4f4f;
	font-weight: bolder;
	font-size: 2.8em;
	font-family: 'JennaSueRegular', sans-serif;
}

.container .fourteen.columns h1 {
	font-size:  2.65em;
	color:  #8a8f73;
}

.container .one-third.column .notepad a, .container .sixteen.columns .notepad a   {
	//text-decoration:none;
}

.container .one-third.column .notepad p, .container .sixteen.columns .notepad p  {
	font-family: verdana, Helvetica, Arial, times new roman;
	color:  #4f4f4f;
	padding-top:  10px;
}

.container .one-third.column .blackboard h3 {
	color:  white;
	font-weight: bolder;
	font-size: 2.2em;
	font-family: 'sketchica', verdana, Helvetica, Arial, times new roman;
}

.container .one-third.column .blackboard p {
	font-family: verdana, Helvetica, Arial, times new roman;
	color:  white;
	font-size: 1.1em;
}

.container .one-third.column .blackboard a {
	color:  white;
	
}

/*sound ethics*/

.container .ethics .ten.columns {
	font-size: 1.1em;
}

.container .ethics .ten.columns p {
	font-family: font-family: verdana, Helvetica, Arial, times new roman;
	color:  grey;
}

.container .ethics .ten.columns h3 {
	font-family: verdana, Helvetica, Arial, times new roman;
	font-weight: bolder;
	font-size: 2.2em;
	font-family: 'sketchica', verdana, Helvetica, Arial, sans-serif;
}





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

/*Home*/

.secondaryContent section.homepage-board {
	background: #fff;
	color: #333;
	font-family: Helvetica Neue, Arial, sans-serif;
	margin-bottom:30px;
	height:auto;
	-webkit-box-shadow: 0 3px 8px rgba(200, 200, 200, 0.56);
	-moz-box-shadow:    0 3px 8px rgba(200, 200, 200, 0.56);
	box-shadow:         0 3px 8px rgba(200, 200, 200, 0.56);
}

.secondaryContent section.homepage-board h3, .secondaryContent section.homepage-board h4 {
	color: #333;
	font-family: 'JennaSueRegular', sans-serif;
	margin-bottom: 15px;
	margin-top: 15px;
}
.secondaryContent section.homepage-board h3 {
	font-size: 3em;
}
 
.secondaryContent section.homepage-board h4 {
	font-size: 2.5em;
}

	
.secondaryContent section.homepage-board a {
	color: #333;
}

.secondaryContent {
	position:relative;
	/*background: url(../images/darkpattern.png);*/
	background: #F8F8F8;
	padding-top: 120px;
	padding-bottom: 110px;
	margin-top: -50px;
	z-index:5;
}





/*About Us*/


.container .fourteen.columns h1 {
	text-align: center;
	padding-top: 40px;
}

.container h3 {
	padding-top:  10px;
}

.sixteen.columns h2 {
	padding-top:  10px;
}

.emailborder {
	border: 1px solid #4f4f4f;
	border-radius: 5px;
	max-width: 400px;
}

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

img.badgeHeader {
	position: absolute;
	z-index: 3;
	left: 800px;
	top: -60px;
}

img.badge1 {
	position: absolute;
	z-index: 2;
	left: 280px;
	top: 200px;
}

img.badge2 {
	position: absolute;
	z-index: 2;
	left: 580px;
	top: 600px;
}

/*Our Food*/


.container .one-third.column .blackboard p {
	padding-top:  10px;
	text-align:center;
}

.container .one-third.column .food {
	position:relative;
	margin-left:22px;
}

.container .one-third.column .blackboard {
	position:relative;
	top:20px;
	left:2px;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom: 30px;
	background:  url(../images/blackboard-1.jpg);
	width:  240px;
	height: 710px;
	text-align:center;
	margin:0 auto;
	border:2px solid grey;
	border-radius:10px;
}

.container .one-third.column .blackboard.row-1 {
	height: 650px;
}
/*Sound Ethics*/



.container .ethics .ten.columns h3 {
	padding-top:  10px;
	text-align:left;
	margin-left:20px;
}		

.container .ethics .ten.columns p {
	padding-top:  10px;
	text-align:left;
	margin-left:20px;
}	
	

.container .ethics .six.columns {
	position:relative;
	margin-left:30px;
	width:310px;	
}	

.container .ethics .six.columns img {
	border: 1px solid grey;
}

/*careers*/

.careersImage { 
	margin-top: 30px; 
	margin-bottom: 30px;
	margin-left: 5px;
}

/*Contact Us*/




/* #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) {

		/*HOME*/

		/*ABOUT*/

		/*OUR FOOD*/

		/*SOUND ETHICS*/

		/*CONTACT US*/



	}

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

		/*HOME*/

		/*ABOUT*/

		/*OUR FOOD*/

		/*SOUND ETHICS*/

		/*CONTACT US*/



	}

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

		/*HOME*/

		/*ABOUT*/

		/*OUR FOOD*/

		/*SOUND ETHICS*/

		/*CONTACT US*/




	}

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

		/*HOME*/

		/*ABOUT*/

		/*OUR FOOD*/

		/*SOUND ETHICS*/

		/*CONTACT US*/


	}


/* #Typography
================================================== */

/*Main Fonts

CandelaBook
CandelaBookItalic
CandelaBold
CandelaBoldItalic

FolksLightRegular
FolksRegular
FolksBold
FolksHeavyRegular

*/

/*

@font-face {
    font-family: 'CandelaBook';
    src: url('../fonts/Candela/CandelaBook-webfont.eot');
    src: url('../fonts/Candela/CandelaBook-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Candela/CandelaBook-webfont.woff') format('woff'),
         url('../fonts/Candela/CandelaBook-webfont.ttf') format('truetype'),
         url('../fonts/Candela/CandelaBook-webfont.svg#CandelaBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CandelaBookItalic';
    src: url('../fonts/Candela/CandelaItalic-webfont.eot');
    src: url('../fonts/Candela/CandelaItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Candela/CandelaItalic-webfont.woff') format('woff'),
         url('../fonts/Candela/CandelaItalic-webfont.ttf') format('truetype'),
         url('../fonts/Candela/CandelaItalic-webfont.svg#CandelaBookItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CandelaBold';
    src: url('../fonts/Candela/CandelaBold-webfont.eot');
    src: url('../fonts/Candela/CandelaBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Candela/CandelaBold-webfont.woff') format('woff'),
         url('../fonts/Candela/CandelaBold-webfont.ttf') format('truetype'),
         url('../fonts/Candela/CandelaBold-webfont.svg#CandelaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CandelaBoldItalic';
    src: url('../fonts/Candela/CandelaBoldItalic-webfont.eot');
    src: url('../fonts/Candela/CandelaBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Candela/CandelaBoldItalic-webfont.woff') format('woff'),
         url('../fonts/Candela/CandelaBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Candela/CandelaBoldItalic-webfont.svg#CandelaBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'FolksLightRegular';
    src: url('../fonts/Folks-Light/Folks-Light-webfont.eot');
    src: url('../fonts/Folks-Light/Folks-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Folks-Light/Folks-Light-webfont.woff') format('woff'),
         url('../fonts/Folks-Light/Folks-Light-webfont.ttf') format('truetype'),
         url('../fonts/Folks-Light/Folks-Light-webfont.svg#FolksLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FolksRegular';
    src: url('../fonts/Folks-Light/Folks-Normal-webfont.eot');
    src: url('../fonts/Folks-Light/Folks-Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Folks-Light/Folks-Normal-webfont.woff') format('woff'),
         url('../fonts/Folks-Light/Folks-Normal-webfont.ttf') format('truetype'),
         url('../fonts/Folks-Light/Folks-Normal-webfont.svg#FolksRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FolksBold';
    src: url('../fonts/Folks-Light/Folks-Bold-webfont.eot');
    src: url('../fonts/Folks-Light/Folks-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Folks-Light/Folks-Bold-webfont.woff') format('woff'),
         url('../fonts/Folks-Light/Folks-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Folks-Light/Folks-Bold-webfont.svg#FolksBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FolksHeavyRegular';
    src: url('../fonts/Folks-Light/Folks-Heavy-webfont.eot');
    src: url('../fonts/Folks-Light/Folks-Heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Folks-Light/Folks-Heavy-webfont.woff') format('woff'),
         url('../fonts/Folks-Light/Folks-Heavy-webfont.ttf') format('truetype'),
         url('../fonts/Folks-Light/Folks-Heavy-webfont.svg#FolksHeavyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
	font-family:"Sketchetik Light";
	src:url("../fonts/Sketchetik/Sketchetik-Light.eot?") format("eot"),
		url("../fonts/Sketchetik/Sketchetik-Light.woff") format("woff"),
		url("../fonts/Sketchetik/Sketchetik-Light.ttf") format("truetype"),
		url("../fonts/Sketchetik/Sketchetik-Light.svg#Sketchetik-Light") format("svg");
		font-weight:normal;
		font-style:normal;}
/*

@font-face {
    font-family: 'EraserRegular';
    src: url('../fonts/Eraser/EraserRegular-webfont.eot');
    src: url('../fonts/Eraser/EraserRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Eraser/EraserRegular-webfont.woff') format('woff'),
         url('../fonts/Eraser/EraserRegular-webfont.ttf') format('truetype'),
         url('../fonts/Eraser/EraserRegular-webfont.svg#EraserRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/



@font-face {
    font-family: 'HotelCoralEssexRegular';
    src: url('../fonts/hotel-coral-essex/hotel_coral_essex-webfont.eot');
    src: url('../fonts/hotel-coral-essex/hotel_coral_essex-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hotel-coral-essex/hotel_coral_essex-webfont.woff') format('woff'),
         url('../fonts/hotel-coral-essex/hotel_coral_essex-webfont.ttf') format('truetype'),
         url('../fonts/hotel-coral-essex/hotel_coral_essex-webfont.svg#HotelCoralEssexRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JennaSueRegular';
    src: url('../fonts/jenna-sue/jennasue-webfont.eot');
    src: url('../fonts/jenna-sue/jennasue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jenna-sue/jennasue-webfont.woff') format('woff'),
         url('../fonts/jenna-sue/jennasue-webfont.ttf') format('truetype'),
         url('../fonts/jenna-sue/jennasue-webfont.svg#JennaSueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}