/*---------------------------------------------------------------
-----------------------------------------------------------------
  
  layout.css
  * Creates page layout
  * Version: 	4.0 (209/12/29)
  * Author: 	Dean Bourque | http://www.sparkable.com/

-----------------------------------------------------------------
-----------------------------------------------------------------

- Html, Body & Wrapper
- Header
  > Header
  > Logo
  > Search
  > Navigation
  > Banner
- Content
  > Left
  > Core
  > Right
- Footer
  > Copyright

/*---------------------------------------------------------------
  Html, Body & Wrapper
---------------------------------------------------------------*/

html {
  min-height: 100%; 
  height: auto; 
}

body { 
  background: #FBF9E2 url('../../img/lib/bg.jpg') center top;
  text-align: center; /* IE6 Fix */
  margin: 0 0; 
}

#wrapper {
  position: relative;   
}
	.bgBody {								position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 0; }
	.bgHome { 							background: url('../../img/lib/bg_home.jpg') center -130px no-repeat; }
	.bgAbout { 							background: url('../../img/lib/bg_about.jpg') center -130px no-repeat; }
	.bgContact { 						background: url('../../img/lib/bg_contact.jpg') center -130px no-repeat; }
	.bgGalbaniTales {			 	background: url('../../img/lib/bg_galbani_tales.jpg') center -130px no-repeat; }
	.bgMenu { 							background: url('../../img/lib/bg_menu.jpg') center -130px no-repeat; }
	.bgProducts { 						background: url('../../img/lib/bg_products.jpg') center -130px no-repeat; }
		.bgMozzarella { 				background: url('../../img/lib/bg_mozzarella.jpg') center -130px no-repeat; }
		.bgFreshMozzarella { 		background: url('../../img/lib/bg_fresh_mozzarella.jpg') center -130px no-repeat; }
		.bgMascarpone { 			background: url('../../img/lib/bg_mascarpone.jpg') center -130px no-repeat; }
		.bgGorgonzola { 				background: url('../../img/lib/bg_gorgonzola.jpg') center -130px no-repeat; }
		.bgBelPaese { 					background: url('../../img/lib/bg_bel_paese.jpg') center -130px no-repeat; }
	.bgPromotions { 					background: url('../../img/lib/bg_promotions.jpg') center -130px no-repeat; }
		.bgPieSky { 						background: url('../../img/lib/bg_pie_sky.jpg') center -130px no-repeat; }
	.bgBlank { 							background: url('../../img/lib/bg_book_blank.jpg') center -130px no-repeat; }

.container {
	position: relative;
	display: block;
	width: 960px;
	margin: 0 auto;
}

/*---------------------------------------------------------------
  Header
---------------------------------------------------------------*/

.header {  
  display: block; 
  width: 100%; height: 120px;
  padding-top: 30px;
  z-index: 3;
}

.header .container {
}
	
/* Logo */
.pageTitle {
  display: none;
}

a#logo {
  position: absolute;
  top: 15px; left: 30px;
  display: block; 
  width: 162px; height: 97px; 
  background: url('../../img/lib/galbani.png') center 0 no-repeat;
  margin: 0; padding: 0; 
  text-align: left;
  overflow: hidden; 
  text-indent: -999em; 
  z-index: 99;
}

/* Navigation */
.navbar {	  
  position: relative;
  display: block; 
  width: 960px; 
  margin: 0 auto; padding: 0; 
  text-align: left;
  z-index: 4;
}
		
/*---------------------------------------------------------------
  Content
---------------------------------------------------------------*/

.content {    
  position: relative; 
  display: block; 
  width: 100%; 
  z-index: 1;
}

.core { 
	float: left; clear: both; /* !important Float Fix */
} 

/* Core + # of columns that spans */
.core1, 
.core2,
.core2r,
.core3 {
  float: left; 
  position: relative; 
  display: block; 
  overflow: hidden; 
}

.core1 {		width: 390px; /* 420 Total */ } 
.core2 {		width: 700px; /* 690 Total */ padding-left: 15px; padding-right: 15px; } 
.core2r {		width: 700px; /* 690 Total */ padding-left: 15px; padding-right: 15px; } 
.core3 {		width: 930px; /* 960 Total */ padding-left: 15px; padding-right: 15px; } 

  .gutter { position: relative; display: block; padding: 0; }

.leftSide,
.rightSide {
  float: left; 
  position: relative; 
  display: block;
  width: 200px; /* 320 Total */    
  padding: 0 15px; 
  overflow: hidden; 
}

.box {
  display: block; 
  background: #F1F6FA; 
  padding: 2px; margin-top: 4px; 
  background: #F4EFDB; 
	border: 2px solid #8D0F2F;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	-moz-box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
	-webkit-box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
	box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
  font-size: 85%;	
}

	.leftSide .box { }
	.leftSide .box select { width: 100%; }
	.rightSide .box { }
  
.videoTitle {	position: absolute; top: 0; left: 0px; }
#modal {	position: absolute; top: 40px; left: 0px; }
#allVideos {	float: right; display: block; width: 400px; }
 .videoThumbImg {	float: left; clear: left; margin-right: 10px; }
 
/*---------------------------------------------------------------
  Bottom
---------------------------------------------------------------*/

.footer {
  float: left; clear: both;  
  position: relative;
  display: block;
  width: 100%; height: 36px; 
  background: #007945;
  z-index: 2;
}

.footer .container {
  position: relative;
  display: block; 
  width: 960px; 
  margin: 0 auto; padding: 11px 0;   
}

.navBot {
  /* padding-left: 20px; */
}

/*---------------------------------------------------------------
  Styles
---------------------------------------------------------------*/

.half {
  float: left; 
  display: block; 
  width: 47%; padding-right: 3%;
}

.third {
  float: left; 
  display: block; 
  width: 33%;
}

.quarter {
  float: left; 
  display: block; 
  width: 25%;
}


/*---------------------------------------------------------------
  Color Background
---------------------------------------------------------------*/

.swirl {
  float: left; clear: both; 
  display: block;
  width: 100%; min-width: 203px; height: 26px;
  background: url('../../img/lib/swirl.png') center 0px no-repeat; 
  padding-bottom: 10px; 
}

.bg_blue, 
.bg_yellow, 
.bg_red, 
.bg_purple, 
.bg_turquoise, 
.bg_green {			padding: 10px 15px; color: #FFFFFF; font-weight: bold; }

.bg_blue {
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 3px /*{a-bar-shadow-radius}*/ #004d9c /*{a-bar-shadow-color}*/;
	background: #5c94ce;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #337fce/*{a-bar-background-start}*/), to( #5c94ce /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#337fce/*{a-bar-background-start}*/, #5c94ce /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#337fce/*{a-bar-background-start}*/, #5c94ce /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#337fce/*{a-bar-background-start}*/, #5c94ce /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#337fce/*{a-bar-background-start}*/, #5c94ce /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#337fce/*{a-bar-background-start}*/, #5c94ce /*{a-bar-background-end}*/); 
}
.bg_yellow {
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 3px /*{a-bar-shadow-radius}*/ #9c7800 /*{a-bar-shadow-color}*/;
	background: #f0b900;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #b4952d /*{a-bar-background-start}*/), to( #f0b900 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#b4952d /*{a-bar-background-start}*/, #f0b900 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#b4952d /*{a-bar-background-start}*/, #f0b900 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#b4952d /*{a-bar-background-start}*/, #f0b900 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#b4952d /*{a-bar-background-start}*/, #f0b900 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#b4952d /*{a-bar-background-start}*/, #f0b900 /*{a-bar-background-end}*/); 
}
.bg_red {
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 3px /*{a-bar-shadow-radius}*/ #8f4930 /*{a-bar-shadow-color}*/;
	background: #ff2c00;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #a61d00 /*{a-bar-background-start}*/), to( #ff2c00 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#a61d00 /*{a-bar-background-start}*/, #ff2c00 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#a61d00 /*{a-bar-background-start}*/, #ff2c00 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#a61d00 /*{a-bar-background-start}*/, #ff2c00 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#a61d00 /*{a-bar-background-start}*/, #ff2c00 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#a61d00 /*{a-bar-background-start}*/, #ff2c00 /*{a-bar-background-end}*/); 
}
.bg_purple {
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 3px /*{a-bar-shadow-radius}*/ #ce5c94 /*{a-bar-shadow-color}*/;
	background: #ce337f;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #9c004d /*{a-bar-background-start}*/), to( #ce337f /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9c004d /*{a-bar-background-start}*/, #ce337f /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9c004d /*{a-bar-background-start}*/, #ce337f /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#9c004d /*{a-bar-background-start}*/, #ce337f /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#9c004d /*{a-bar-background-start}*/, #ce337f /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#9c004d /*{a-bar-background-start}*/, #ce337f /*{a-bar-background-end}*/); 
}
.bg_turquoise {
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 3px /*{a-bar-shadow-radius}*/ #009c77 /*{a-bar-shadow-color}*/;
	background: #00f0b9;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #2db494 /*{a-bar-background-start}*/), to( #00f0b9 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#2db494 /*{a-bar-background-start}*/, #00f0b9 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#2db494 /*{a-bar-background-start}*/, #00f0b9 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#2db494 /*{a-bar-background-start}*/, #00f0b9 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#2db494 /*{a-bar-background-start}*/, #00f0b9 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#2db494 /*{a-bar-background-start}*/, #00f0b9 /*{a-bar-background-end}*/); 
}
.bg_green {
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 3px /*{a-bar-shadow-radius}*/ #308f49 /*{a-bar-shadow-color}*/;
	background: #00ff2c;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #00a61d /*{a-bar-background-start}*/), to( #00ff2c /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#00a61d /*{a-bar-background-start}*/, #00ff2c /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#00a61d /*{a-bar-background-start}*/, #00ff2c /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#00a61d /*{a-bar-background-start}*/, #00ff2c /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#00a61d /*{a-bar-background-start}*/, #00ff2c /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#00a61d /*{a-bar-background-start}*/, #00ff2c /*{a-bar-background-end}*/); 
}