/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; line-height: 18px; letter-spacing:0px }
body, button, input, select, textarea {font-family: Verdana, Arial, sans-serif;color: #222;}

::-moz-selection { background: #fec224; color: #fff; text-shadow: none; }
::selection { background: #fec224; color: #fff; text-shadow: none; }

a { text-decoration:none; }
a:hover, a.selected { }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
p{margin:0 0 10px 0; padding:0;}

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

body{background:#fff;}
	#wrapper{position:relative;width:100%;}

#navigationWrapper{position:fixed;z-index:100;background:#fff;height:124px;width:100%;overflow:hidden;top:0;left:0;}
   #navigationContainer{width:976px; margin:0 auto;}
   		#navLogo{margin:33px 0 0 24px;float:left;}
		#nav{margin:80px 26px 0 0;float:right;list-style:none;}
		#nav .link{float:left;margin:0 0 0 30px;}
		#nav .link a{text-indent:-9999px;overflow:hidden;height:16px;display:block;padding:0 0 5px 0;color: #00e; text-decoration:none; border:0px green solid;border-bottom-width:4px;}
		#nav .link a.selected { border-bottom-width:27px }
		
		#ourStoryLink{border-color:#ffc324 !important;background:url(../img/mainNav-ourStory.jpg) no-repeat 0 0; width:105px;}
		#ourBusinessesLink{border-color:#b90050 !important;background:url(../img/mainNav-ourBusinesses.jpg) no-repeat 0 0; width:155px;}
		#ourPeopleLink{border-color:#0054a3 !important;background:url(../img/mainNav-ourPeople.jpg) no-repeat 0 0; width:114px;}
		#contactUsLink{border-color:#00853e !important;background:url(../img/mainNav-contactUs.jpg) no-repeat 0 0; width:115px;}

.carouselLeftBtn{ position:absolute;left:0px;top:552px;z-index:40;width:87px;height:90px;display:block;background:url(../img/arrowLeft.png) 0 0 no-repeat;}
.carouselRightBtn{position:absolute;right:0px;top:552px;z-index:40;width:83px;height:90px;display:block;background:url(../img/arrowRight.png) 0 0 no-repeat;}
.carouselLeftBtn:HOVER{ background-position:0 -90px;}
.carouselRightBtn:HOVER{ background-position:0 -90px;}

.pageWrapper		{width:100%;height:1024px;background: no-repeat center top; position:relative;z-index:3;}
.ourStoryWrapper{width:100%;height:1024px;background: no-repeat center top; position:relative;z-index:4;}
	.pageContent{	width:976px;margin:0 auto; padding:124px 0 0 0;position:relative;z-index:5;top:0;left:0;}
	#home{			background-image:url(../img/home.jpg)}
		a#ourStoryBtn{position:absolute;top:610px;left:24px;width:505px;height:59px;display:block;background:url(../img/btn-LearnOurStory.png) 0 0 no-repeat;}
		a#ourStoryBtn:HOVER{background-position:0 -59px;}
		#home h1{position:absolute;top:454px;left:24px;width:947px;height:142px;display:block;background:url(../img/hd_homePage.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;font-size: 1px;}
		
	#ourStory{		width:100%;height:1024px;overflow:hidden;}
		.ourStoryWrapper p{margin:0 20px 0 24px;}
		.ourStoryWrapper h1{margin:180px 0 20px 24px;display:block;overflow:hidden;text-indent:-9999px;font-size: 1px;}
		#ourStory1 h1{width:609px;height:69px;background:url(../img/hd_ourStory1.png) 0 0 no-repeat;}
		#ourStory2 h1{width:556px;height:69px; background:url(../img/hd_ourStorySkills.png) 0 0 no-repeat;}
		#ourStory3 h1{width:556px;height:69px; background:url(../img/hd_ourStoryActivity.png) 0 0 no-repeat;}
		#ourStory4 h1{width:666px;height:69px; background:url(../img/hd_ourStorySocial.png) 0 0 no-repeat;}
		#ourStory5 h1{width:395px;height:69px; background:url(../img/hd_ourStoryEntertainment.png) 0 0 no-repeat;}
		#ourStory6 h1{width:379px;height:69px; background:url(../img/hd_ourStoryEnvironment.png) 0 0 no-repeat;}
		
		li#btnOurStory1{				margin:69px 0 0 0;width:191px;display:block;}
		li#btnOurStorySkills{			margin:69px 0 0 1px;width:119px;display:block;}
        li#btnOurStoryActivity{			margin:69px 0 0 1px;width:142px;display:block;}
        li#btnOurStorySocial{			margin:69px 0 0 1px;width:125px;display:block;}
        li#btnOurStoryEntertainment{	margin:69px 0 0 1px;width:206px;display:block;}
        li#btnOurStoryEnvironment{		margin:69px 0 0 1px;width:188px;display:block;}
		
		li#btnOurStory1 a{				margin:0;width:191px;display:block;}
		li#btnOurStorySkills a{			background:url(../img/btnOurStorySkills.png) 0 -54px no-repeat;width:119px;display:block;}
        li#btnOurStoryActivity a{		background:url(../img/btnOurStoryActivity.png) 0 -54px no-repeat;width:142px;display:block;}
        li#btnOurStorySocial a{			background:url(../img/btnOurStorySocial.png) 0 -54px no-repeat;width:125px;display:block;}
        li#btnOurStoryEntertainment a{	background:url(../img/btnOurStoryEntertainment.png) 0 -54px no-repeat;width:206px;display:block;}
        li#btnOurStoryEnvironment a{	background:url(../img/btnOurStoryEnvironment.png) 0 -54px no-repeat;width:188px;display:block;}
		#ourStoryNav{					position:absolute;z-index:20;top:124px;left:50%;background:url(../img/ourStoryNavBg.png) no-repeat 0 0;width:977px;height:123px;margin:0 0 0 -488px;padding:0;list-style:none;}
		ul#ourStoryNav li{float:left;height:54px;}
		ul#ourStoryNav li a{height:54px;}
		#ourStoryNav li a:HOVER, #ourStoryNav li a.selected{background-position:0 0;}
	
		#ourStoryCarousel{width:30000px;position:absolute;z-index:6;}
			#ourStory1{		background-image:url(../img/bg-ourStory1.jpg);width:1000px;height:1024px;float:left;}
			#ourStory2{		background-image:url(../img/bg-ourStorySkills.jpg);width:1000px;height:1024px;float:left;}
			#ourStory3{		background-image:url(../img/bg-ourStoryActivity.jpg);width:1000px;height:1024px;float:left;}
			#ourStory4{		background-image:url(../img/bg-ourStorySocial.jpg);width:1000px;height:1024px;float:left;}
			#ourStory5{		background-image:url(../img/bg-ourStoryEntertainment.jpg);width:1000px;height:1024px;float:left;}
			#ourStory6{		background-image:url(../img/bg-ourStoryEnvironment.jpg);width:1000px;height:1024px;float:left;}
			
	#ourBusinesses{	background-image:url(../img/bg-ourBusiness.jpg)}
		ul#businessLogoContainer{width:940px;height:417px;list-style:none;margin:0 0 0 24px;;padding:0;background-color:#fff;}
		ul#businessLogoContainer li{float:left;margin:0;}
		ul#businessLogoContainer li a{}
		ul#businessLogoContainer li a:HOVER{zoom: 1;  filter: alpha(opacity=70);opacity: 0.7;}
		#ourBusinesses p{margin:0 20px 0 24px;}
		#ourBusinesses h1{width:556px;height:69px;background:url(../img/hd_ourBusinesses.png) 0 0 no-repeat; margin:180px 0 20px 24px;display:block;overflow:hidden;text-indent:-9999px;font-size: 1px;}
		#ourBusinesses h2{width:462px;height:31px;background:url(../img/hd_grolloGroup.png) 0 0 no-repeat; margin:90px 0 20px 24px;display:block;overflow:hidden;text-indent:-9999px;font-size: 1px;}
		.groconLogo{background:url(../img/businessLogoGrocon.png) 0 0 no-repeat;}
	
	#ourPeople{		background-image:url(../img/bg-ourPeople.jpg)}
		
		#ourPeople p{margin:0 20px 0 24px;}
		#ourPeople h1{width:556px;height:69px;background:url(../img/hd_ourPeoplePage.png) 0 0 no-repeat; margin:205px 0 20px 24px;display:block;overflow:hidden;text-indent:-9999px;font-size: 1px;}
		
		#peopleHolder{width:940px; height:465px; margin:30px 0 0 25px; overflow:hidden; position:relative;}
			#peopleCarousel{position:absolute; width:30000px; height:465px;}
				.personContainer{width:150px; height:465px; overflow:hidden; position:relative; margin:0 8px 0 0; float:left;}
				.personContainer a{color:#fff;position:absolute; top:253px; background:url(../img/sendEmailBtnArrow.png) right top no-repeat; height: 27px;padding:10px 32px 0 16px;font-size:11px;}
				.personContainer a:HOVER{background-position:right -37px;}
				.peopleInfo{background:url(../img/ourPeopleTextContainer.png) 0 0; width:130px; height:110px; padding:36px 10px 0 10px;}
				.peopleInfo h3{font-size:16px; margin:0 0 18px 0;letter-spacing:-0.5px;}
				.peopleInfo p{font-size:11px;padding:0;margin:0 !important;}
			
	#contactUs{		background-image:url(../img/bg-contact.jpg)}
		#contactUs h1{margin:180px 0 20px 24px;display:block;text-indent:-9999px;font-size: 1px;width:687px;height:70px;display:block;background:url(../img/hd_contactPage.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;font-size: 1px;}
		#contactUs p{margin:0 0 20px 24px;}
		.contactSendEmail{margin:20px 0 20px 24px; display:block; width:145px; height:37px;background:url(../img/contactSendEmail.png) 0 0 no-repeat;}
		.contactSendEmail:HOVER{background-position:0 -37px;}
		.socialBtns{position:relative; top:578px; left:24px;height:33px; overflow:hidden;}
		.socialBtns img{margin:0;padding:0;border:0;}
		.socialBtns a{cursor:pointer;display:block; margin:0 8px 0 0;padding:0;width:32px; height:33px; overflow:hidden;float:left;}
		
.colouredBGText{padding:7px 13px;font-size:16px;color:white;float:left;clear:both;}
.bgYellow{background:url(../img/textBgYellow.png);}
.bgGreen{background:url(../img/textBgGreen.png);}
.bgMaroon{background:url(../img/textBgMaroon.png);}
.bgBlue{background:url(../img/textBgBlue.png);}
.bgBabyBlue{background:url(../img/textBgBabyBlue.png);}

/* ==|== visual jazz utility classes ======================================== */
.skip-links {	height:0;	overflow:hidden; }
.print-logo {display: none;}		
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}
.overflow {overflow:hidden}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

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


}

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

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .print-logo {display: block;}		
}