@media handheld, only screen and (max-width: 480px) {



.hiddenMobile {
	display: none;	
	
}



.layerMobile {
	z-index:700;
	position:relative;	
	
}

/*
-----------------------------------  Scroll back to top ----------------------------------------------
*/

#back-top {
	width:100%;
	height:40px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	/*border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFAF2E;*/
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:40px;
	font-weight: 300;
	color: #C6C6C6;
	margin-bottom:10px;
	padding-bottom:20px;
	/*margin-top:80px;*/
	text-transform:uppercase;
	letter-spacing:0.5px;
	/*background-image: url(../images/toy-elephant.png);
	background-position: 66% 113%; */
}

#back-top a {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 300;
	font-style: normal;
	line-height: 40px;
	color: #C6C6C6;
	text-transform:uppercase;
	letter-spacing:0.5px;
	transition: 0.3s;
}

#back-top a:hover {
	font-size: 11px;
	text-align: center;	
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 40px;
	color: #F7C419;
	text-transform:uppercase;
	letter-spacing:0.5px;
}


#back-top-alt {
	width:100%;
	height:200px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	/*border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFAF2E;*/
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:40px;
	font-weight: 300;
	color: #C6C6C6;
	/*margin-bottom:10px;
	padding-bottom:20px;*/
	margin-top:120px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	background-image: url(../images/toy-elephant.png);
	background-position: 68% 135%; 
}

#back-top-alt a {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 300;
	font-style: normal;
	line-height: 40px;
	color: #C6C6C6;
	text-transform:uppercase;
	letter-spacing:0.5px;
	transition: 0.3s;
}

#back-top-alt a:hover {
	font-size: 11px;
	text-align: left;	
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 40px;
	color: #F7C419;
	text-transform:uppercase;
	letter-spacing:0.5px;
}


#back-top-alt2 {
	width:100%;
	height:200px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	/*border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFAF2E;*/
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:40px;
	font-weight: 300;
	color: #F7C419;
	/*margin-bottom:10px;
	padding-bottom:20px;*/
	margin-top:120px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	background-image: url(../images/toy-elephant.png);
	background-position: 68% 135%; 
}

#back-top-alt2 a {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 300;
	font-style: normal;
	line-height: 40px;
	color: #F7C419;
	text-transform:uppercase;
	letter-spacing:0.5px;
	transition: 0.3s;
}

#back-top-alt2 a:hover {
	font-size: 11px;
	text-align: left;	
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 40px;
	color: #ffffff!important;
	text-transform:uppercase;
	letter-spacing:0.5px;
}
 

 


.back-top {
	width:150px;
	font-size: 11px;
	height:20px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	/*border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFAF2E;*/
	font-family: "Oswald", sans-serif;
	font-style: normal;
	line-height: 20px;
	color: #C6C6C6;
	margin-bottom:10px;
	padding-bottom:10px;
	text-transform:uppercase;
}

.back-top a {
	font-size: 11px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", sans-serif;
	font-style: normal;
	line-height: 20px;
	color: #C6C6C6;
	text-transform:uppercase;
	transition: 0.3s;
}

.back-top a:hover {
	font-size: 11px;
	text-align: center;	
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", sans-serif;
	font-style: normal;
	line-height: 20px;
	color: #F7C419;
	text-transform:uppercase;
}



#email-alt {
	/*width:100px;*/
	margin: 0 auto;
	text-align:center;
	margin-top:100px;
	
} 

#email-alt a {
	font-family: "anton", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F7C419;
	text-decoration: none;
	font-weight:400;
	transition: 0.3s;
}

#email-alt a:hover {
	font-family: "anton", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #878787;
	text-decoration: none;
	font-weight:400;
}


.email-alt2 {
	/*width:100px;*/
	margin: 0 auto;
	text-align:center;
	margin-top:10px;
	
	
} 

.email-alt2 a {
	font-family: "anton", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F7C419;
	text-decoration: none;
	font-weight:400;
	transition: 0.3s;
}

.email-alt2 a:hover {
	font-family: "anton", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #878787;
	text-decoration: none;
	font-weight:400;
}





/*
-----------------------------------  Body and General Styles ----------------------------------------------
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	background-image: url(../images/BGrepeat.jpg);
	background-repeat: repeat-x;
	
	
	
}


h1 {
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 36px;
	color: #636363;
	height:36px;
	font-weight: 200;
	margin-bottom:8px;
}


/*h1 {
	font-family: "Oswald", sans-serif;
	font-size: 26px;
	font-style: normal;
	line-height: 36px;
	color: #6A6A6A;
	height:36px;
	font-weight: 300;
	margin-bottom:8px;
}*/



h2 {
	font-family: "atrament-web", sans-serif;
	font-size: 28px;
	font-style: normal;
	line-height: 36px;
	color: #333;
	height:36px;
	font-weight: 400;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;	
	width:300px;	
}


h3 {
	font-family: "nimbus-sans-condensed", sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 36px;
	color: #333;
	height:36px;
	font-weight: 400;
	margin-bottom:15px;	
	margin-left:auto;
	margin-right:auto;
	width:300px;
}


h4 {
	font-family: "nimbus-sans-condensed", sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 36px;
	color: #333;
	height:36px;
	font-weight: 400;
	margin-bottom:15px;	
	margin-left:auto;
	margin-right:auto;
	width:300px;
}





/*
-----------------------------------  Classes for Different Colors ----------------------------------------------
*/


.rust {
	color: #F7C419;
	
}

.darkGray {
	color: #F7C419;
	
}

.darkGray2 {
	color: #636363;
	
}

.white {
	color: #ffffff;
	
}

.darkGray-home {
	color: #515151;
	font-weight:300;
	
}

.blueGray {
	color: #80949f;
	
}

.limeGreen {
	color: #F7C419;
	
}


.barnRed {
	color: #F7C419;
	
}







/*
-----------------------------------  Clearfix CSS ----------------------------------------------
*/


/*.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}*/




.cleaner {
	clear: right;
	font-size: 1px;
}




/*
-----------------------------------  Page Container Styles ----------------------------------------------
*/





#pageWrap {
	/*background-image: url(../images/headerRepeat.png);
	background-repeat: repeat-x;
	background-position: top;*/
	width:100%;
	position:absolute;
	z-index:20000;	
	margin-bottom:100px;
	 
}


#pageWrap-dark {
	/*background-image: url(../images/BGrepeat.jpg);
	background-repeat: repeat-x;
	height:351px;
	background-image: url(../images/test-photo.jpg);*/
	z-index:600;
	background-color:#3f233b;
	background-position: center top;
	width:100%;
	position:absolute;
}



#pageBG-home {
	width:100%;
	background-image: url(../images/BGrepeat-mobile.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	/*background-image: url(../images/BGhomeM.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #E5E5E5;*/
	/*height:300px;*/
	top:0px;
	z-index:6000;
	
	
}


#center {
	margin-left:auto;
	margin-right:auto;
	width:300px;	
	
}




#homeContent {
	width:300px;
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;
}



/*#mobileSlider {
	width:300px;*/
	/*height:100%;*/
	/*background-color: #DCDCDC;*/
	/*padding-top:45px;*/
	/*margin-left:auto;
	margin-right:auto;
	margin-top:100px;*/
	/*overflow:hidden;*/
	
/*}*/


#mobileSlider{
	margin-left:auto;
	margin-right:auto;
	width: 300px;
	height: 330px;
	margin-top:0px;
	overflow:hidden;
	margin-bottom:20px;
}
 


#homeImage-text{
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height:30px;
	color: #636363;
	width:300px;
	font-weight: 200;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
		
}


#imageMobile-home {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:480px;
	background-image: url(../images/homeImage-mobile2.jpg);
	background-repeat: no-repeat;
	background-color: #3f233a;
	background-position: center bottom;
	
}


.imageMobile {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:265px;
	
}


#imageMobile2 {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:265px;
	/*width:100%;
	height:100%;*/
	
}


/*Property of "position:fixed;", keeps it on the page always */

#slickbox {
	width:100%;
	/*
	background-color:#f7c419;
	opacity:0.7;
	*/
	background-image: url(../images/BGhomeM.png);
	background-repeat: repeat;
	height:100%;
	overflow:auto;
	/*background-color: #E5E5E5;
	height:2000px;*/
	background-position: center top;
	z-index:1000;
	position:absolute;
	/*position:relative;*/
	margin-top:0px;
	padding-top:0px;
	
}




/*
-----------------------------------  Page Container Styles for SUBPAGES ----------------------------------------------
*/
 

#methodNumber {
	width:300px;
	color: #636363;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 40px;
	line-height:35px;
	text-decoOswaldn: none;
	text-align: left;
	vertical-align: top;
	word-spacing: -1em;
}


#methodHeader {
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 36px;
	color: #F7C419;
	height:20px;
	font-weight: 300;
	margin-bottom:8px;
}



#contentMobile-interactive{
	top:0px;

}

#touchWrapper {
	width:300px;
	height:280px;
	background-image: url(../images/touchScreenBGmobile.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:0px;
		
	
}

#videoHolder {
	width:276px;
	height:155px;
	margin-top:0px;
	margin-left:12px;
	z-index:0;

	
}



#projectDescription-CTA {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	/*height:280px;*/	
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 26px;
	color: #636363;
	font-weight: 400;
	
	
}


#blurbDescription-experience {
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:300px;
	/*height:160px;*/
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #858585;	
	/*font-weight: 400;*/
	
}


#blurbDescription-experience-alt {
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:300px;
	/*height:160px;*/
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #ffffff;	
	/*font-weight: 400;*/
	
}


#experienceHeader {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 36px;
	color: #636363;
	/*height:36px;*/
	font-weight: 400;
	margin-bottom:4px;
}

#experienceDate { 
	color: #636363;
	/*color:#F7C419;*/
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height:55px;
	height:36px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	text-transform:uppercase;
	letter-spacing:0.5px;
}

#experienceDate2 { 
	color:#F7C419;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height:55px;
	height:36px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	text-transform:uppercase;
	letter-spacing:0.5px;
}

#blurbDescription-CTA a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F7C419;
	font-weight: 400;
	text-decoOswaldn: none;
	transition: 0.3s;
}



#blurbDescription-CTA a:hover {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333;
	font-weight: 400;
	text-decoOswaldn: none;
}


#blurbDescription-experience a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F7C419;
	font-weight: 400;
	text-decoration: none;
	transition: 0.3s;
}



#blurbDescription-experience a:hover {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333;
	font-weight: 400;
	text-decoration: none;
}


#blurbDescription-experience-alt a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F7C419;
	font-weight: 400;
	text-decoration: none;
	transition: 0.3s;
}



#blurbDescription-experience-alt a:hover {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
}






#projectDescription {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	/*height:280px;	*/
	margin-bottom:20px;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 26px;
	color: #636363;
	font-weight: 400;
	
}


#projectDescription a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F7C419;
	font-weight: 400;
	text-decoration: none;
	transition: 0.3s;
}



#projectDescription a:hover {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333;
	font-weight: 400;
	text-decoration: none;
}


.projectTitle {
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	width:300px;
	font-style: normal;
	line-height: 20px;
	color: #F7C419;
	height:20px;
	font-weight: 300;
	margin-bottom:10px;
}


.projectTitle-alt {
	font-family: "Oswald", sans-serif;
	font-size: 32px;
	width:300px;
	font-style: normal;
	line-height: 36px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom:10px;
}


.conceptText {
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	/*width:250px;*/
	font-style: normal;
	line-height: 20px;
	color: #696969;
	/*height:20px;*/
	font-weight: 300;
	margin-bottom:10px;
}


.print-pTitle {
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	width:300px;
	font-style: normal;
	line-height: 10px;
	color: #F7C419;
	height:20px;
	font-weight: 300;
	margin-bottom:00px;
}


.interactive-pTitle {
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	width:300px;
	font-style: normal;
	line-height: 10px;
	color: #F7C419;
	height:20px;
	font-weight: 300;
	margin-bottom:00px;
}



.illustration-pTitle {
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	width:300px;
	font-style: normal;
	line-height: 10px;
	color: #F7C419;
	height:20px;
	font-weight: 300;
	margin-bottom:00px;
}


.projectTitle-m {
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	width:125px;
	font-style: normal;
	margin-top:10px;
	color: #636363;
	font-weight: 300;
	
}


 

.projectResponsibilities {
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	width:300px;
	font-style: normal;
	line-height: 20px;
	color: #515151;
	height:20px;
	font-weight: 400;
	margin-bottom:15px;
}

.projectResponsibilities-alt {
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	width:300px;
	font-style: normal;
	line-height: 24px;
	color: #F7C419;
	font-weight: 300;
	margin-bottom:25px;
}


.jobTitle {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	width:300px;
	font-style: normal;
	line-height: 20px;
	color: #21202f;
	height:20px;
	font-weight: 400;
	margin-bottom:30px;
	margin-left:0px;
}

.jobTitle2 {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	width:300px;
	font-style: normal;
	line-height: 20px;
	color: #f7c419;
	height:20px;
	font-weight: 400;
	margin-bottom:30px;
	margin-left:0px;
}



.jobResponsibilities {
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	width:300px;
	font-style: normal;
	line-height: 20px;
	color: #636363;
	height:20px;
	font-weight: 500;
	margin-bottom:10px;
	margin-left:0px;
	padding-top:20px;
}




#blurbTitle{
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:36px;
	color: #858585;
	width:300px;
	height:36px;
	margin-bottom:10px;
	font-weight: 200;
	margin-left:0px;
}

#blurbDescription {
	margin-left:0px;
	margin-top:15px;
	width:300px;
	/*height:160px;*/
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #858585;	
	/*font-weight: 400;*/
	
}

#headerMobile {
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:120px;	
	
}


#categoryTitle{
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:75px;
	color: #636363;
	width:214px;
	float:right;
	/*height:91px;*/
	font-weight: 200;	
	text-align:right;
}


#categoryTitle-alt{
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:75px;
	color: #ffffff;
	width:214px;
	float:right;
	/*height:91px;*/
	font-weight: 200;	
	text-align:right;
}


#projectNumber {
	width:86px;
	/*height:109px;*/
	color: #636363;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 100;	
	font-size: 55px;
	line-height:55px;
	text-decoOswaldn: none;
	text-align: left;
	float:left;
	/*vertical-align: top;*/
	
}

#projectNumber-alt {
	width:86px;
	/*height:109px;*/
	color: #ffffff;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 100;	
	font-size: 55px;
	line-height:55px;
	text-decoOswaldn: none;
	text-align: left;
	float:left;
	/*vertical-align: top;*/
	
}


#portfolioLink {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:50px;
	color: #515151;
	font-weight:300;
	margin-left:0;
	padding-left:0px;
	list-style-image: none;
	list-style-type: none;
}

#portfolioLink a {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:40px;
	color: #858585;
	font-weight:300;
	transition: 0.3s;
		

}

#portfolioLink a:hover {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:40px;
	color: #636363;
	font-weight:300;
		

}

#portfolioLink ul {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:50px;
	color: #858585;
	font-weight:300;
	margin-left:0px;
	padding-left:0px;
	list-style-image: none;
	list-style-type: none;
	text-indent: 0px;
	width: 250px;
	list-style-position: outside;
}

#portfolioLink li {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:50px;
	color: #858585;
	font-weight:300;
	margin-left:25px;
	padding-left:0px;
	list-style-image: none;
	list-style-type: none;
	text-indent: 0px;
	width: 250px;
	list-style-position: outside;
}



#lightboxLink {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:40px;
	color: #858585;
	font-weight:300;
	width:300px;
	height:40px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	z-index:500;
	position:absolute;	

}

#lightboxLink a {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:40px;
	color: #858585;
	font-weight:300;
	transition: 0.3s;

		

}

#lightboxLink a:hover {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:40px;
	color: #21202f;
	font-weight:300;
	
		

}


#lightboxLink-alt {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:40px;
	color: #ffffff;
	font-weight:300;
	width:300px;
	height:40px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	z-index:500;
	position:absolute;	

}

#lightboxLink-alt a {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:40px;
	color: #ffffff;
	font-weight:300;
	transition: 0.3s;
		

}

#lightboxLink-alt a:hover {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:40px;
	color: #858585;
	font-weight:300;
		

}




#homeCTAs {
	width:100%;
	/*height:200px;*/
	/*background-color: #3F9;*/
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;		
	
}



#homeCTAs ul {
	list-style: none;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	width:300px;	
	margin-top:20px;
	/*background-color: #9C3;*/	
	
}


#homeCTAs ul li {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	color: #666;
	line-height:18px;
	font-weight: 300;
	list-style: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	/*display: inline-block;*/
}


#CTA-spacer {
	width:55px;
	vertical-align: top;
	height:200px;
	background-image: url(../images/verticalDivider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float:right;
	position: relative;
}


#CTA-one {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: 18px;
	color: #878787;
	width:300px;
	font-weight: 400;
	/*background-color: #3F9;*/
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;	
}


#CTA-two {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: 18px;
	color: #878787;
	width:300px;
	font-weight: 400;
	/*background-color: #939;*/	
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	
	
}


#CTA-three {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: 18px;
	color: #878787;
	width:300px;
	font-weight: 400;
	/*background-color: #FF6;*/	
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
}




#homeCTA-link {
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #333;
	width:300px;
	height:36px;
	font-weight: 300;
	margin-bottom:15px;
	text-align: right;	
}



#homeCTA-link a {
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #F7C419;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}




#homeCTA-link a:hover {
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #333;
	font-weight: 300;
	text-decoration: none;
	
}


#homeCTA-link-main {
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #fff;
	width:300px;
	/*height:36px;*/
	font-weight: 300;
	margin-bottom:15px;
	text-align: center;
	padding-top:420px;  
		
}



#homeCTA-link-main a {
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #F7C419;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}




#homeCTA-link-main a:hover {
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #ffffff;
	font-weight: 300;
	text-decoration: none;
	
}


	.home2CTA-link {
	font-family: "refrigerator-deluxe", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #f7c419;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}
	
	.home2CTA-link a {
	font-family: "refrigerator-deluxe", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #f7c419;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}
	
	.home2CTA-link a:link {
	font-family: "refrigerator-deluxe", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #f7c419;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}




.home2CTA-link a:hover {
	font-family: "refrigerator-deluxe", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 36px;
	color: #515151;
	font-weight: 300;
	text-decoration: none;
	
}

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


.bulletSizerBottom-nav {
	color: #DADADA;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 16px;
	vertical-align: top;
}





.bulletSizer {
	color: #c7c7c7;
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 20px;
	vertical-align: top;
}




.breadcrumbCurrent {
	color: #636363;
	font-weight: bold;	
	font-weight: 400;
	letter-spacing:0.35px;	
	
}


#breadcrumbs {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	line-height:18px;
	color: #959595;
	width:300px;
	height:18px;
	margin-top:10px;
	margin-bottom:30px;
	font-weight: 300;
	letter-spacing:0.35px;	
	
	
}





#breadcrumbs  a {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	color: #747474;
	text-decoration: none;
	font-weight: 300;
	letter-spacing:0.35px;	
	transition: 0.3s;

	
}




#breadcrumbs  a:hover {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	font-weight: 300;
	letter-spacing:0.35px;	
	
}



#breadcrumbs-alt {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	line-height:18px;
	color: #959595;
	width:300px;
	height:18px;
	margin-top:10px;
	margin-bottom:30px;
	font-weight: 300;
	letter-spacing:0.35px;	
	
	
}





#breadcrumbs-alt  a {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	color: #747474;
	text-decoration: none;
	font-weight: 300;
	letter-spacing:0.35px;	
	transition: 0.3s;

	
}




#breadcrumbs-alt  a:hover {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 300;
	letter-spacing:0.35px;	
	
}




  






/*
-----------------------------------  Main Navigation ----------------------------------------------
*/


/*Property of "position:fixed;", keeps it on the page always */

#menuToggle {
	width:100%;
	height:50px;
	font-size: 18px;
	text-align: center;
	vertical-align: top;
	margin-top:75px;
	margin-left:auto;
	margin-right:auto;
	/*border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #e5e5e5;*/
	font-family: "Oswald", sans-serif;
	font-style: normal;
	line-height: 20px;
	color: #fff;
	z-index:80000;
	/*position:fixed;*/
	position:absolute;
	background-image: url(../images/menuBTN-BG.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 576px 60px; 
	
}

#menuToggle a {
	font-size: 18px;
	text-align: center;	
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", sans-serif;
	font-style: normal;
	line-height: 20px;
	color: #fff;
	z-index:80000;
	position:absolute;
	background-image: url(../images/menuBTN-BG.png);
	background-repeat: no-repeat;
	background-position: center top;
	transition: 0.3s;
}

#menuToggle a:hover {
	font-size: 18px;
	text-align: center;	
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;
	font-family: "Oswald", sans-serif;
	font-style: normal;
	line-height: 20px;
	color: #fff;
	z-index:80000;
	position:absolute;
	background-image: url(../images/menuBTN-BGover.png);
	background-repeat: no-repeat;
	background-position: center top;
}



/*Property of "position:fixed;", keeps it on the page always */

#navigation {
	background-image: url(../images/headerRepeat.png);
	background-repeat: repeat-x;
	background-position: top;
	width:100%;
	z-index:50000;
	/*position:fixed;*/	
	position:absolute;	
}



#navigationBar {
	/*background-image: url(../images/navShadowMobile.png);
	background-repeat: no-repeat;
	background-position: center;*/
	width:300px;
	height:75px;
	/*background-color: #3F9;*/
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;	
		
	
}




#logo {
	
	width:165px;
	height:100px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;	
	
}


#navigationSpacer {
	width:300px;
	height:0px;
	margin-top:0px;
	/*background-color: #F00;*/
	float:left;	
}


#navigationBar ul {
	list-style: none;
	padding: 0;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	/*float:right;*/
	/*background-color: #9C3;*/	
	
}


#navigationBar ul li {
	/*background-image: url(images/verticalDividerBox.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	font-family: "Oswald", sans-serif;
	font-size:24px;
	font-style: normal;
	line-height: 100px;
	width:100%;
	/*height:100px;*/
	height:50px;
	line-height:50px;
	font-weight: 200;
	list-style: none;
	text-align: center;	
	/*display: inline-block;*/
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-weight:300;
}






/*
----------------------------- This property will make the Background of the List Item change----------
*/

#navigationBar ul li:hover {
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 100px;
	/*background-image: url(images/navBTN-BG.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	width:100%;
	/*height:100px;*/
	height:50px;
	line-height:50px;
	padding-left: 0px;
	font-weight: 200;
	list-style: none;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-weight:300;
}





#navigationBar ul li a {
	/*background-image: url(images/verticalDividerBox.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	font-family: "Oswald", sans-serif;
	font-size:24px;
	font-style: normal;
	line-height: 100px;
	color: #e5e5e5;
	/*width:138px;*/
	padding-left:0px;
	height:50px;
	line-height:50px;
	font-weight: 200;
	list-style: none;
	text-decoOswaldn: none;
	text-align: center;
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-weight:300;
	/*border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;*/
	transition: 0.3s;
	
}


#navigationBar ul li a:hover {
	/*background-image: url(images/verticalDividerBox.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 100px;
	color: #f7c419;
	/*width:138px;*/
	height:50px;
	line-height:50px;
	font-weight: 200;
	list-style: none;
	text-decoOswaldn: none;
	text-align: center;
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-weight:300;
	/*border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;*/
}




/*
-----------------------------------  Fade Hover CSS ----------------------------------------------
*/


img.aP {
	position: absolute;
	
	/*top: 0;*/
	z-index: 50;
}
 
img.bP {
	position: absolute;
	
	/*top: 0;*/
	z-index: 0;
}


 
img.a {
	position: absolute;
	
	top: 0;
	z-index: 50;
}
 
img.b {
	position: absolute;
	
	top: 0;
	z-index: 0;
}


.fadehover {
	position: relative;
	width: 120px;
	margin-top: 0px;
	margin-left:23px;
}

 
img.aLogo {
	position: absolute;
	top: 0;
	z-index: 50;
}
 
img.bLogo {
	position: absolute;
	top: 0;
	z-index: 0;
}



#blurbTitle .darkGray {
	color:#636363!important;	
}

/*
----------------------------------- Interactive Gallery ----------------------------------------------
*/





.ei-slider{
	position: absolute;
	/*width: 100%;*/
	width: 276px;
	height: 157px;
	margin-left:12px;
	margin-top:0px;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	/*background: rgba(0,0,0,0.9);*/
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	font-weight: 200;
	color: #fff;
	text-align: center;
	line-height: 157px;
}
.ei-slider-large{
	height: 157px;
	width: 276px;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 157px;
	width: 276px;
}
.ei-slider-large li img{
	width: 100%;
}


.ei-slider-thumbs{
	height: 15px;
	margin-top:-20px;
	margin-bottom:35px;
	margin-left:-50px;
	position: absolute;
	width:300px;
	overflow:hidden;
	z-index:500;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 15px;
	margin-bottom: 0px;
	padding-right:0px;
	/*background-image: url(../images/galleryDivider.jpg);
	background-repeat: no-repeat;
	background-position: right top;	*/
	/*border-right-width: thin;
	border-right-style: solid;
	border-right-color: #fff;*/
	/*border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;*/	
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	position: absolute;
	height: 100%;
	width:60px!important;
	z-index: 10;
	text-indent: -9000px;
	background-color: #F7C419;	
	overflow:hidden;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #fff;
	/*background: rgba(0,0,0,0.9);*/
}
.ei-slider-thumbs li a{ 
	display: block;
	text-indent: -9000px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-image: url(../images/galleryDivider.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	/*-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);*/
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	-ms-transition: background 0.2s ease;
	transition: background 0.2s ease;
	background-color: #C7C7C7;
}
.ei-slider-thumbs li a:hover{
	background-color: #9D9D9D;
	height: 15px;
}
.ei-slider-thumbs li img{
	/*position: absolute;
	bottom: -8px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;*/
	display:none;
	/*-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;*/
	/*-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
}
.ei-slider-thumbs li:hover img{
	/*opacity: 1;
	bottom: 8px;*/
	display:none;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}


@import url('reset.css');

/* General Demo Style */

.clr{
	clear: both;
}


#SlideWrapper{
	/*position: absolute;*/
	margin-left:auto;
	margin-right:auto;
	width: 300px;
	height: 320px;
	margin-top:40px;
	background-image: url(../images/interactiveGalleryBGMobile.png);
	background-repeat: no-repeat;
	background-position: top;
	overflow:visible;
}




#mobileSlider-portfolio{
	/*position: absolute;*/
	margin-left:auto;
	margin-right:auto;
	width: 300px;
	/*height: 325px;*/
	margin-top:0px;
	/*overflow:hidden;*/
}



.wrapper p{
	clear: both;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
}




/* 3. DEMO


/* 3.1 =Demo Area
---------------------------------------------------------------------- */

.demo p,
.demo ul {
  margin-right: 0;
  margin-left: 0;
  width:300px;
}

#performance-toggle {
  text-align: center;
  margin-right: 0;
  font-size: 11px;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
}

#performance-toggle:hover {
  opacity: 0.999;
}

/* 3.2 =Image Grid
---------------------------------------------------------------------- */

.image-grid {
  margin: 0px 0 0 0px;
  padding-left: 0px;
  width: 300px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 125px;
  margin: 0px 0 0 50px;
  float: left;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 17px;
  color: #686f74;
  height: 177px;
  overflow: hidden;
}

.image-grid li img,
.image-grid li strong {
  display: block;
}

.image-grid li strong {
  	color: #515151;font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:20px;
	font-weight:400;
}



.splitter ul  {
	margin-left: -50px;
	list-style-image: none;
	list-style-type: none;	
	
}




.splitter li  {
	margin-left: -10px;
	list-style-image: none;
	list-style-type: none;	
	
}

.pCat-interactive {
	color: #F7C419;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight:400;
	
}

.pCat-print {
	color: #F7C419;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight:400;
	
}

.pCat-illustration {
	color: #F7C419;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight:400;
	
}







p.question {
	font-weight: bolder;
}

q { 
	background-color: #1D1F21;
}

ol.faq { 
	margin-right: 0;
}



}