/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/


body{
	margin: 0;
	padding: 0;
}

p{
	margin: 0 0 8px 0; font-size:12px; line-height:17px;	
}

p, ul{
	font-family:Verdana, Geneva, sans-serif;
/*	font-size-adjust:0.488;
*/	font-weight:normal;
	font-style:normal;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
/*	font-size-adjust:0.40;
*/	font-weight:700;
	font-style:normal;
}

h2{
	font-family:Verdana, sans-serif; margin-bottom:10px;
	font-size-adjust:0.531; font-size:20px;
	font-weight:bold;
	font-style:normal; color:#da251d;
	text-align:center;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 0px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	right: 30px;
	z-index: 999;
}

#nav li{
	margin: 0 0 5px 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	/*background:url(../../images/firstBG.jpg) 50% -75px no-repeat fixed;*/
	background: url(../../images/director_bg.jpg) 50% 0 no-repeat fixed;
	color: white;
	/*height: 590px;*/
	margin: 0 auto;
	padding: 50px 0 0 0;
	
}

#second{
	/*background: url(../../images/why_penta_bg.jpg) 50% 0 no-repeat fixed;*/
	background: url(../../images/director_bg.jpg) 50% 0 no-repeat fixed;
	color: #333;
	/*height: 630px;*/
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0 0 0;
}

/*#second .bg{
	background: url(../../images/trainers.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}*/

#third{
	/*background: url(../../images/thirdBG.jpg) 50% 0 no-repeat fixed;*/
	background: url(../../images/director_bg.jpg) 50% 0 no-repeat fixed;
	color: white;
	/*height: 530px;*/
	padding: 50px 0 0 0;	
}
.float-left2{
	padding: 10px 20px 20px 20px;
	position: relative;
	width: 960px; color:#333; font-family:Arial, Helvetica, sans-serif;
}
#four{
	/*background: url(../../images/vision_mission_bg.jpg) 50% 0 no-repeat fixed;*/
	background: url(../../images/director_bg.jpg) 50% 0 no-repeat fixed;
	color: #333;
	/*height: 450px;*/
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0 0 0;
}

#fifth{
	/*background: url(../../images/fifthBG.jpg) 50% 0 no-repeat fixed;*/
	background: url(../../images/director_bg.jpg) 50% 0 no-repeat fixed;
	/*height: 350px;*/
	margin: 0 auto;
	padding: 50px 0 0 0;}
	
#sixth{
	background: url(../../images/director_bg.jpg) 50% 0 no-repeat fixed;
	/*height: 550px;*/
	margin: 0 auto;
	padding: 50px 0 0 0;}
	
#seventh{
	/*background: url(../../images/video_bg.jpg) 50% 0 no-repeat fixed;*/
	background: url(../../images/director_bg.jpg) 50% 0 no-repeat fixed;
	/*height: 680px;*/
	margin: 0 auto;
	padding: 50px 0 0 0;}

.story{
	margin: 0 auto;
	margin-top:50px;
	min-width: 1024px;
	overflow: auto;
	width: 1024px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */
	filter: alpha(opacity=90);  /* IE 5-7 */
	-moz-opacity: 0.9;          /* Netscape */
	-khtml-opacity: 0.9;        /* Safari 1.x */
	opacity: 0.9;               /* Good browsers */
}

.story .float-left, .story .float-right{
	padding: 10px 20px 20px 20px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	background:#fff; color:#333; font-family:Arial, Helvetica, sans-serif;
}

.slide {
	width: 100%;
}


#nav li a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	background-color: #105caa;
	border: solid 2px white;
}
#nav li a:hover {
	background-color: #da251d;
}

#nav li a[title]:hover:after {
  content: attr(title);
  text-align:center;
  padding: 10px 0px 10px 12px;
  color: #333;
  position: absolute;
  
  right:10px;
  padding-right:50px;
  box-sizing:border-box;
  z-index: -1;
  white-space: nowrap;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
}

#nav li a.current {
	background-color: #da251d;
} 
 
 
 
.nav{position:absolute;height:42px;right:0;top:15px;width:900px}

.nav ul{list-style:none;padding:0;margin:0;line-height:1}

.nav ul li a{display:block;font-family:Verdana,Geneva,sans-serif;text-decoration:none}

.nav ul ul{position:absolute;left:-9999px;top:75px;opacity:0;-webkit-transition:opacity .3s ease,top .25s ease;-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease;z-index:1000}

.nav ul ul li:last-child>a,.nav ul ul li.last>a{border-bottom:0}

.nav ul ul ul{top:37px;padding-left:1px}

.nav ul ul li{position:relative}

.nav ul ul li a{width:180px;border-bottom:1px solid #eee;padding:8px 20px;line-height:22px;font-size:12px;color:#000;margin:2px 0;background:#eae6e6;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-ms-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px}

.nav ul ul li:hover>ul{left:180px;top:0;opacity:1}

.nav ul ul li:hover>a{background:#da251d;color:#fff;-moz-box-shadow:inset 0 0 4px 2px #b71912;-webkit-box-shadow:inset 0 0 4px 2px 5px#b71912;box-shadow:inset 0 0 4px 2px #b71912}

.nav ul ul li.has-sub::after{border:4px solid transparent;border-left-color:#9ea2a5;right:10px;top:12px;z-index:999;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-webkit-transition:-webkit-transform .2s ease,right .2s ease}

.nav ul ul li.has-sub:hover::after{border-left-color:#fff;right:0;z-index:999;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}

.nav>ul{position:relative;display:block;height:57px;width:100%;z-index:500}

.nav>ul>li{display:block;position:relative;float:left;margin:0 1px;padding:0}

.nav>ul>li>a{font-size:14px;padding:13px 0;color:#fff;-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-ms-transition:color .25s ease-out;-o-transition:color .25s ease-out;transition:color .25s ease-out;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px}

.nav>ul>li>a span{padding:0 12px}

.nav>ul>#menu-button{display:none}

.nav>ul>li:last-child>a span{background:url(../images/zero.png) right top no-repeat}

.nav>ul>li.has-sub>a{font-size:14px}

.nav>ul>li:hover>a{color:#da251d;background:#fff;-moz-box-shadow:inset 0 0 4px 2px #868686;-webkit-box-shadow:inset 0 0 4px 2px 5px#868686;box-shadow:inset 0 0 4px 2px #868686}.nav>ul>li:hover>ul{left:auto;top:40px;opacity:1}

.nav>ul>li.has-sub::after{right:10px;display:none;top:12px;border:5px solid transparent;border-top-color:#fff}

.nav>ul>li:hover::after{border-top-color:#fff;top:15px}

.nav li.has-sub::after{display:block;content:'';position:absolute;width:0;height:0}

.active{color:#da251d!important;background:#fff!important;font-weight:700;-moz-box-shadow:inset 0 0 4px 2px #868686;-webkit-box-shadow:inset 0 0 4px 2px 5px#868686;box-shadow:inset 0 0 4px 2px #868686}

#indicatorContainer{position:absolute;height:12px;width:100%;bottom:0;overflow:hidden;z-index:-1}

#pIndicator{position:absolute;height:0;width:100%;border:12px solid transparent;border-top-color:#2b2f3a;z-index:-2;-webkit-transition:left .25s ease;-moz-transition:left .25s ease;-ms-transition:left .25s ease;-o-transition:left .25s ease;transition:left .25s ease}

#cIndicator{position:absolute;height:0;width:100%;border:12px solid transparent;border-top-color:#2b2f3a;top:-12px;right:100%;z-index:-2}

.submenuArrow{background:red;width:0;height:0;margin-right:20px;border-bottom-color:red;position:absolute;top:-12px}


#cssmenu2 ul li, #cssmenu2 ul li a{ display:none;}


@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .mob_nav > li {
        float: none;
    }
    .mob_nav > li > .parent {
        background-position: 95% 50%;
    }
    .mob_nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .mob_nav ul {
        display: block;
        width: 100%;
    }
   .mob_nav > li.hover > ul , .mob_nav li li.hover ul {
        position: static;
    }

}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 992px) and (max-width: 1224px) {



.rwd_cont{ width:992px; min-width:992px; }

#cssmenu2 ul li, #cssmenu2 ul li a{ display:none;}



}





/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

#header{ position:relative;}

.rwd_cont{ width:768px; min-width:768px; }
#intro{ height:auto;}
#cssmenu2 ul li, #cssmenu2 ul li a{ display:block;}
}







/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {

#header{ position:relative;}


.rwd_cont{ width:100%; min-width:100%; padding:0px 15px;  box-sizing: border-box;}
#intro{ height:auto;}
#second{ height:auto;}
#third{ height:auto;}
#sixth{ height:auto;}
#four{ height:auto;}
#fifth{ height:auto;}
#seventh{ height:auto;}

#career_slide_01{ height:auto;}
#career_slide_02{ height:auto;}
#career_slide_03{ height:auto;}
#career_slide_04{ height:auto;}

#third .story .float-left2{ width:100%; padding:0px;}
#third .story .float-left2 .container{ width:100%;}
#third .story .float-left2 .container .ca-container{ width:100%;}
#third .story .float-left2 .container .ca-container .ca-wrapper{ width:100%;}

#sixth .story .float-left2{ width:100%; padding:0px;}
#sixth .story .float-left2 .container{ width:100%;}
#sixth .story .float-left2 .container .ca-container{ width:100%;}
#sixth .story .float-left2 .container .ca-container .ca-wrapper{ width:100%;}


.ca-nav span{left: -14px;}
.ca-nav span.ca-nav-next {right: -13px;}

#nav { display:none;}

#cssmenu2 ul li, #cssmenu2 ul li a{ display:block;}

}





/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

#header{ position:relative;}

.rwd_cont{ width:100%; min-width:100%; padding:0px 15px; box-sizing: border-box;}
#intro{ height:auto;}
#second{ height:auto;}
#third{ height:auto;}
#sixth{ height:auto;}
#four{ height:auto;}
#fifth{ height:auto;}
#seventh{ height:auto;}

#third .story .float-left2{ width:100%; padding:0px;}
#third .story .float-left2 .container{ width:100%;}
#third .story .float-left2 .container .ca-container{ width:100%;}
#third .story .float-left2 .container .ca-container .ca-wrapper{ width:100%;}

#sixth .story .float-left2{ width:100%; padding:0px;}
#sixth .story .float-left2 .container{ width:100%;}
#sixth .story .float-left2 .container .ca-container{ width:100%;}
#sixth .story .float-left2 .container .ca-container .ca-wrapper{ width:100%;}


.ca-nav span{left: -14px;}
.ca-nav span.ca-nav-next {right: -13px;}

#cssmenu #menu-button{ text-align:center;}

#nav { display:none;}
#cssmenu2 ul li, #cssmenu2 ul li a{ display:block;}

}