@charset "utf-8";
@import url("../webfonts/WebSymbols_Regular/stylesheet.css");
@import url("../webfonts/BebasNeue/stylesheet.css");
@import url("../webfonts/BebasNeue/stylesheet.css");
@import url("../webfonts/BebasNeue/stylesheet.css");
@import url("../webfonts/BebasNeue/stylesheet.css");
@import url("../webfonts/CaviarDreams/stylesheet.css");


/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ========================================  */
/*   Global styling starts here              */
/* ========================================  */

body {
	background-color: #ADB2B5;
	background-color: #DEC6A8;
	background-color: #bebac0;
	background-color: #FFFFFF;
	font-family: BebasNeue, Arial, sans-serif;
}

h1, h2, h3, h4, p {
	margin-right: 20px;
	margin-left: 20px;	
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #CC9900;
	color: #FFFFFF;
	font-family: BebasNeue, Arial, sans-serif;
}

h3 {
	font-size: 1.4em;
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #FFFFFF;
	font-family: BebasNeue, Arial, sans-serif;
}

p, ol {
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.3em;
}

ol {
	margin-right: 50px;
	margin-left: 60px;		
	list-style-type: decimal;
}

.hiLite {
	font-weight: bold;
	color: red;
}


.quoteTEXT {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	line-height: 1.4;
	font-style: italic;
}



@-webkit-keyframes glow {
  0% {
	-webkit-text-shadow: 0px 2px 2px #2B6670;
  }
  100% {
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #0093fa, 0 0 70px #0093fa, 0 0 80px #0093fa, 0 0 100px #0093fa, 0 0 150px #0093fa;
}
}
@-moz-keyframes glow {
  0% {
    -moz-text-shadow: 0px 2px 2px #2B6670;
  }
  100% {
    -moz-text-shadow:  0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #0093fa, 0 0 70px #0093fa, 0 0 80px #0093fa, 0 0 100px #0093fa, 0 0 150px #0093fa;
  }
}

@-o-keyframes glow {
  0% {
	text-shadow: 0px 2px 2px #2B6670;
  }
  100% {
	text-shadow:  0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #0093fa, 0 0 70px #0093fa, 0 0 80px #0093fa, 0 0 100px #0093fa, 0 0 150px #0093fa;
}
}

@keyframes glow {
  0% {
	text-shadow: 0px 2px 2px #2B6670;
  }
  100% {
	text-shadow:  0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #0093fa, 0 0 70px #0093fa, 0 0 80px #0093fa, 0 0 100px #0093fa, 0 0 130px #0093fa;
}
}

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/*---------------------------------------------------------------------*/
/* Mobile Layout: 480px and below.                                     */
/*---------------------------------------------------------------------*/

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}

#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#article {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


body.products #article,
body.careers #article,
body.team #article,
body.styling #article {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

#aside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

div.greenLogo {
	border: 4px solid #4D4D4D;
	background-color: #000000;
}

#footerContainer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer4,
#footer5,
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

section p a:visited,
section p a {
	color: #E4D092;
	text-decoration: none;
}
section p a:hover,
section p a:active {
	color: #A97E0C;
	text-decoration: underline;
}


/* Junior Prices - To show, disbale the display:none   */
.juniorPrices {
	display:none;  
}

/*******************/
/* Mobile styling  */
/*******************/

#header {
	height: 50px;
	width: 100%;
	display: block;
	text-align: left;
	border: 4px solid #4D4D4D;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #1E1A1B;
	background-color: #000000;
	background-image: url(../images/JAime_Logo_S.jpg);
	background-position-x: 10px;
	margin-top: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-repeat: no-repeat;
}

#header h1 {
	font-family: BebasNeue, "Arial Black", sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	text-shadow: 0px 2px 2px #2B6670;
	line-height: 2em;
	display: none;
}

/*#header h1:hover {
	-webkit-animation-name: glow;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 4;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: glow;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: 4;
	-moz-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-name: glow;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: 4;
	-o-animation-direction: alternate;
	-o-animation-timing-function: ease-in-out;
	animation-name: glow;
	animation-duration: 2s;
	animation-iteration-count: 4;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	background-position: 0% 0%;
}
*/
#article,
#aside {
	color: #E8E8E8;
	background-color: #332B25;
	background-color: #000000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#aside {
/*	-moz-border-radius-bottomright: 25px 50px;
	border-bottom-right-radius: 25px 50px;
*/}

body.products #article, 
body.team #article, 
body.styling #article {
	width: 100%;
	display: block;
/*	-moz-border-radius-bottomright: 25px 50px;
	border-bottom-right-radius: 25px 50px;
*/}

.teamPic img {
	width: 100%;
	height: auto;
}

.prodPic img {
	/* [disabled]width: 80%; */
	height: auto;
}



h3.habsLogo {
	background-image: url(../images/logo_Habs.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 50px;
}

#boxFlexSlider {
	float: right;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
}

.flexslider .slides img {height: auto;}

#footerContainer {
	width: 100%;
	display: block;
	text-align: left;
	border: 5px solid #333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #666666;
	background-color: #5D4F44;
	background-color: #BEBAC0;
	background-color: #000000;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 1px 3px #ebebeb;
	padding: 0 0px;
}

#footerContainer h3 {
	margin-left: 20px;
	color: #000000;
}

#footerContainer a span,
#footerContainer p span {
	font-family: "WebSymbols Regular";
	padding-right: 7px;
	color: #333;
}

#footerContainer p a {
	color: #AE0000;
	text-decoration: none;
}
#footerContainer a:hover span,
#footerContainer p a:hover {
	color: #060606;
}

/* ------------------ */
/* Navagation - Main  */   
/* ------------------ */

#nav {
	margin-top: 5px;
	top: 0px;
	margin-bottom: 10px;
}

#nav ul {
	float:right;
	width:100%;
	list-style:none;
	padding-left: 10px;
}

#nav li {
	position: relative;
	float: left;
}

#nav a,
#nav a:visited {
	display: block;
	float: left;
	width: auto;
	color: #F2F5FC;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: 0px;
	font-family: BebasNeue;
	font-size: 0.9em;
	line-height: 1.6em;
	font-weight: normal;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #070709;
	margin-bottom: 4px;
}

#nav a#lang,
#nav a#lang:visited {
	color: #C4960C;
}

#nav a:hover,
#nav a:focus,
#nav a:active {
	border-color: #333333;
	color: #070709;
	-webkit-transition: color 0.5s ease-in 0s, border-color 0.5s ease-in 0s, background-color 0.5s ease-in 0s;
	-moz-transition: color 0.5s ease-in 0s, border-color 0.5s ease-in 0s, background-color 0.5s ease-in 0s;
	-ms-transition: color 0.5s ease-in 0s, border-color 0.5s ease-in 0s, background-color 0.5s ease-in 0s;
	-o-transition: color 0.5s ease-in 0s, border-color 0.5s ease-in 0s, background-color 0.5s ease-in 0s;
	transition: color 0.5s ease-in 0s, border-color 0.5s ease-in 0s, background-color 0.5s ease-in 0s;
	background-color: #ACB0AF;
}
#nav a#lang:hover,
#nav a#lang:focus,
#nav a#lang:active {
	color: #DF2932;
}


body.home #nav a#home, 
body.prices #nav a#prices, 
body.team #nav a#team,
body.products #nav a#products, 
body.styling #nav a#styling, 
body.services #nav a#services, 
body.careers #nav a#careers, 
body.contact #nav a#contact {
	background-color: #F0F0F0;
	color: #000000;
	background-image: none;
	border-color: #525252;
}

/* ------------- */
/* Form styling  */   
/* ------------- */

form {
	margin-left: 20px;
	width: 80%;
}

form label {
	margin-top: 20px;
	margin-bottom: 5px;
	display: block;
	margin-left: 5px;
	color: #CCCCCC;
	font-size: 1.4em;
	font-family: BebasNeue, Arial, sans-serif;
}

input:invalid {
	background-color:#FFF;
	}

/* style - text input */
.simple-input {
	display: block;
	padding: 10px;
	border: 4px solid #4D4D4D;
	border-radius: 5px;
	color: #FFFFFF;
	text-shadow: 0px 2px 2px #3C3C3C;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../images/bg_body.jpg);
	width: 80%;
}

.simple-input:hover {
	border-radius: 12px;
	border-color: #333333;
}

.simple-input:focus {
	outline: none;
	border-color: #000000;
	background-color: #F4F4F4;
	color: #000;
	background-image: none;
	text-shadow: 0px 0px 0px #000000;
}

/* style - submit button */
/*.modern {
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2);
	text-decoration: none;
	text-shadow: 0px 1px rgba(153,153,153,0.7);
	background-color: #070709;
	font-size: 24px;
	color: #FDFDFD;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	z-index: 1;
	font-family: BebasNeue, Arial, sans-serif;
}

.modern:hover {
	background-color: #F0F0F0;
	color: #000;
}*/

/*.socle {
    position: relative;
    z-index: 2;
}*/
/*
.socle:after {
    content: "";
    z-index: -1;
    position: absolute;
    border-radius: 6px;
    box-shadow: 
        inset 0 1px 0 rgba(0,0,0,0.3),
        inset 0 -1px 0 rgba(255,255,255,0.7);
    top: -6px;
    bottom: -6px;
    right: -6px;
    left: -6px;
    background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
    background: -ms-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));
}
*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
	 height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.teamPic {
	padding: 20px 20px 0px 20px;
}

.prodPic {
	padding: 20px 20px 0px 20px;
	text-align: center;
}

/*#article section h3 {
	color: #F0DA95;
	margin-top: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}*/
.teamTitle{
	color: #F0DA95;
	color: #Ffffff;
	font-size: smaller;
}
body.careers .teamTitle{
	font-family:  Verdana, Geneva, sans-serif;
	color: #F0DA95;
	color: #E82629;

}

.addressTitle{
	color: #Fff;
	font-size: smaller;
}
.phoneColor{
	color: #CC9900;
}
#aside h3 {
	color: #F0DA95;	
	color: #Ffffff;	
}

.asterisk {
	color:#E82629;
}
.asteriskInfo {
	text-align: right;
	margin-bottom: 40px;
	color: #E82629;
	font-style: italic;
}
hr {
	border-width: 3px;
	border-color: #E4E4E4;
	margin-top: 29px;
	
	}
/* ------------------ */
/* Tables             */   
/* ------------------ */
table {
	border-collapse:collapse;
	width: 93%;
	margin-bottom: 20px;
	margin-left: 10px;
}

table.tabMenu {
	margin-left: 20px;
	margin-right: 20px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 30px;
}



.pplAlumni table {
	width: 90%;
	margin-left: 50px;
	margin-bottom: 30px;
}

col#dayofweekCol {
	width: 41%;
}
col#separatorCol {
	width: 10%;
}

col#timeCol {
	width: 49%;
}

table#holidaySchedule col#dayofweekCol {
	width: 51%;
}
table#holidaySchedule col#separatorCol {
	width: 10%;
}

table#holidaySchedule col#timeCol {
	width: 39%;
}

Div.holidayText {
	color: #E82629;
	}

h2.summerText {
	color: #E82629;
}

h2.summerText span {
	color: #CC9900;
}

span.summerBreak {
	color: #CC9900;
	font-weight: bolder; !important
}


col#descCol {
	width: 70%;
}
col#priceCol {
	width: 30%;
}

col#desc2Col {
	width: 60%;
}
col#price2Col {
	width: 40%;
}




td {
	text-align: left;
	vertical-align: top;
	padding: 10px 7px 10px 0px;
}

th {
	color: #005E91;
	text-align: left;
	background-color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(228, 228, 228, .3);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A4C7D9;
}
tr {
	border-bottom: 1px dotted #E2F1FA;
}

table.openingHours tr {
	border-bottom: 0px dotted #E2F1FA;
}

table.openingHours td.dow {
	text-align:right;
	font-size: 20px;
	}

table.openingHours td.sep {
	text-align:center;
	}
table.openingHours td.time {
	font-size: 20px;
	}

table.tabMenu tr {
	margin-left:20px;
}

table.tabMenu td.menuPrice {
	text-align:right;
	}

/* hack for IE 7 */
* + html tr td{
	border-bottom: 1px dotted #E2F1FA;
}
/* end hack */

tr:hover {
	color: #000000;
	background-color: #F2F2F2;
}

tr.nohover:hover {
	color: #F2F2F2;
	background-color: #000000;
}


td > h3 {
	display: inline;  
	padding-left: 0px;
	font-size: 1.1em;
}

/* ------------------------------------- */
/* Special Tables - Book Chapter page    */   
/* ------------------------------------- */
.pubBooks table {
	width: 65%;
	margin-left: 50px;
	border-width: 0px;
	float: left;
	margin-top: 0px;
}

.pubBooks tr {
	border-bottom-width: 0px;
}

/* hack for IE 7 */
* + html .pubBooks tr{
	border-bottom: 0px dotted #E2F1FA;
}
/* end hack */

.pubBooks td {
	padding: 2px 10px 2px 2px; 
}
.pubBooks tr + td {
	color: #666666;
	padding: 5px;
	text-align: left;
	font-weight: bold;
}

.pubBooks tr:hover {
	color: #666666;
	background-color: #FFFfff;
}

col#itemCol td{
	width: 1.1em;
	font-weight: bold;
}
#article section ul {
	margin-left: 20px;
}
section ul li {
	list-style-type: disc;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;	
	line-height: 1.3em;
	font-family: Verdana, Geneva, sans-serif;
}





/*---------------------------------------------------------------------*/
/* TABLET Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/*---------------------------------------------------------------------*/

@media only screen and (min-width: 481px) {
	
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#article {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#aside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#boxFlexSlider {
	float: right;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
}

#footerContainer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#footer3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}


#footer4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 78.7179%;
	display: block;
}
#footer5 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 18.7179%;
	display: block;
}


/*******************/
/* TABLET styling  */
/*******************/

#header {
	height: 100px;
	margin-top: 10px;
	background-image: url(../images/JAime_Logo_M.jpg);
	border-radius: 10px;
	/* [disabled]border-width: 5px; */
	/* [disabled]border-style: solid; */
	/* [disabled]border-color: #4D4D4D; */
}

#header h1 {
	font-size: 48px;
	text-shadow: 0px 2px 0px #030;
	line-height: 2.5em;
	display: none;
}

/* ------------------ */
/* Navagation - Main  */   
/* ------------------ */
#nav {
	margin-top: 10px;
	top: 0px;
	margin-bottom: 20px;
}

#nav a,
#nav a:visited {
	font-size: 1.1em;
	line-height: 2.2em;
	margin-right: 10px;
	border: 4px solid #4D4D4D;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 6px;
	box-shadow: inset 0px -2px 1px rgba(79,79,79,0.3),inset 0px 2px 1px rgba(0, 0, 0, 0.2);
}

#nav a:hover,
#nav a:focus,
#nav a:active {
	border-color: #333333;
}

#footerContainer h3 {
	margin-left: 20px;
	color: #000000;
}

#aside h3 span{
	display: none;
}

h3.KMS {
	background-image: url(../images/logo_KMS_California.png);
	background-repeat: no-repeat;
	height: 98px;
	width: 154px;
}

h3.moro {
	background-image: url(../images/logo_Moroccanoil.png);
	background-repeat: no-repeat;
	height: 111px;
	width: 181px;
}

/* ------------- */
/* Form styling  */   
/* ------------- */

/* style - text input */
.simple-input {
	width: 100%;
}

.simple-input:hover {
	border-radius: 12px;
	border-color: #CCCCCC;
}

.simple-input:focus {
	outline: none;
	border-color: #999999;
	background-color: #F4F4F4;
	color: #000;
	background-image: none;
}

.teamPic img {
/*	padding: 20px;  */
	height: auto;
}

body.contact div.teamPic {
	width: 75%;
	float: left;
	padding: 0px;
	display: block;
	padding: 20px;
}


}

/*---------------------------------------------------------------------------------------------------*/
/* DESKTOP Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/*---------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 769px) {

div.teamPic {
	width: 40%;
	float: left;
	padding: 0px;
	display: block;
}

body.contact div.teamPic {
	width: 75%;
	float: left;
	padding: 0px;
	display: block;
}




div.prodPic {
	width: 40%;
	float: right;
	padding: 0px;
	display: block;
}



/*body.styling div.teamPic {
	width: 40%;
	float: right;
	padding: 0px;
	display: block;
	margin-right: 40px;
}*/

.teamPic img {
	padding: 20px;
	height: auto;
}

.prodPic img {
	padding: 20px;
	height: auto;
}

#boxFlexSlider {
	float: right;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	/* [disabled]background-color: #FFFFFF; */
}
.styling #article section,
.team #article section {
	float: right;
	width: 57%;
}
.products #article section,
.careers #article section {
	float: left;
	width: 57%;
}


/*.styling #article section {
	float: left;
	width: 54%;
}
*/

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
}

/*#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
*/
#article {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.1016%;
	display: block;
}

#aside {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}

body.products #article, 
body.careers #article, 
body.team #article, 
body.styling #article {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 20px;
}


#footerContainer {
	clear: both;
	float: left;
	margin-left:0;
	width: 100%;
	display: block;
}

#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}

#footer2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}

#footer3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}

#footer4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 76.1015%;
	display: block;
}

#footer5 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 22.2033%;
	display: block;
}



/********************/
/* DESKTOP styling  */
/********************/

#header {
	height: 130px;
	background-image: url(../images/JAime_Logo_L.jpg);
	background-repeat: no-repeat;
	/* [disabled]background-color: rgba(35,31,32,1.00); */
}

#header h1 {
	padding-left: 300px;
	font-size: 37px;
	line-height: 2.8em;
	display: none;
}

/* ------------------ */
/* Navagation - Main  */   
/* ------------------ */

#nav a,
#nav a:visited {
	margin-right: 20px;
	padding-right: 25px;
	padding-left: 25px;
}

/*#article,
#aside {
	margin-bottom: 20px;
}

*/#aside h3 span{
	display: none;
}

}