@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Reset Styles!*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html{
	font-size:100%;
}
body{
	font-family:'TeXGyreAdventorRegular', sans-serif;
}

/* CSS Mobile Reset */
	html, body
	{
	 margin: 0;
	 padding: 0; 
	 border: 0;
	}
	
	body 
	{
	 line-height:1.5;
	 font-size:16px;
	 background: #fff;
	 padding:0px;
	 color: #000;
	 word-wrap: break-word;
	 -webkit-text-size-adjust: none;
	}
	
	h1, h2, h3, h4, h5, h6{ font-weight: normal; }
	
	p img { float: left; margin: 0 10px 5px 0; padding: 0; }
	
	img { border: 0; max-width: 100%; }
	
	table { width:auto; border-collapse: collapse;border-spacing: 0; }
	
	
/* primitive mobile styles */


/* Basic styles for tiny screens less than 150px w */
html{
	font-size:100%;
}
body{
	color:#94a6b0;
	background-color:#e1e6e9;
}
a{
	color:#69767d;
}
#titlePanel, #nav, #textBlockContent, .social, #footerInfo{
	margin:5px auto 5px auto;
	width:84px;
}
#titlePanel h1{
	background-image:url('img/mHmLgTny.png');
	background-repeat:no-repeat;
	padding:20px 0 0 0px;
	line-height:1.2em;
}
h1 a{
	padding:20px 0px 0 0;
}	
a#fullSiteBttn{
	font-size:0.8em;
	z-index:200;
}
a#fullSiteBttn, #footerInfo{
	line-height:1.3em;
}
#footerInfo{
	color:#94a6b0;
	font-size:0.6em;
}
#nav, .social{
	list-style:none;
	margin-bottom:12px;
}
#nav li{ 
	height:22px
 }
#navBranding, #navPrint, #navWeb, #navExhibition, #nav3d, #navInteractive,.social{
	display:none;
}
#level1 #textBlockContent p{
	font-size:0.7em;
	line-height:1.2;
	margin-bottom:5px;
}

#level1 #textBlockContent p, #level1 #textBlock a{
	color:#80929c;
}
.hide{
	display:none;
}
/* level1 page overrides */
#level1 h2{
	font-size:0.85em;
	line-height:1.2;
	margin-bottom:5px;
}
.mobTextPage .testimonial{
	width:83px;
	float:left;
}
.mobTextPage .prev, .mobTextPage .next{
	font-size:0.7em;
}
.mobTextPage .attribution{
	font-size:0.6em!important;
}
iframe{
	margin-bottom: 1em;
}
iframe, small a{
	display:none;
}
p span{
	font-weight:bold;
}
.largeSampleLink{
	display:none;
	position:absolute;
}
a.largeSampleLink {
    line-height:0!important; 
    font-size:0!important;
    color:transparent!important; 
 }
.slide img{
	display:none;
}
.slide{
	width:84px;
}
@media only screen and (min-width: 150px) {
	
	/* Small */
	
	a{
		color:#fff;
		text-decoration:none;
	}
	#titlePanel, #nav, #textBlockContent, .social, #footerInfo{
		margin-top:0;
		margin-left:auto;
		margin-right:auto;
	}
	#navExhibition, #nav3d, #navInteractive{
		display:none !important;
	}
	#titlePanel{
		width:151px;
		position:relative;
		top:16px;
	}
	h1 a{
		padding:30px 29px 0 0;
	}
	#titlePanel h1{
		font-size:0.74em;
		color:#fff;
		height:23px;
		background-image:url('img/mHmLgSprtSmll.png');
		background-repeat:no-repeat;
		background-position:0px 0px;
		margin-left:6px;
		padding:32px 0 0 0px;
	}			
	a#fullSiteBttn, .social a{
		color:transparent;
		background-image:url('img/mHmLgSprtSmll.png');
		background-repeat:no-repeat;
	}
	a#fullSiteBttn{
		position:absolute;
		top:24px;
		right:-4px;
		width:42px;
		Height:42px;
		background-position:-137px 2px;
	}
	#container{
		color:#fff;
		background-color:#e1e6e9;
		background-image:url('img/bodyMobBG.jpg');
		background-position:left top;
		background-repeat:repeat-x;
		padding-bottom:4px;
	}
	.cssgradients #container{
		background: -moz-linear-gradient(top,  #94a6b0 40%, #e1e6e9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#94a6b0), color-stop(100%,#e1e6e9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #94a6b0 40%,#e1e6e9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #94a6b0 40%,#e1e6e9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #94a6b0 40%,#e1e6e9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #94a6b0 40%,#e1e6e9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94a6b0', endColorstr='#e1e6e9',GradientType=0 ); /* IE6-9 */
		/* Set gradient max height */
		background-size:auto 340px;
		background-repeat:repeat-x;
	}
	#nav, .social{
		list-style:none;
		margin-bottom:12px;
	}
	#nav{
		margin: 16px auto 4px auto;
		width:143px;
		padding:0px 4px;
	}
	#nav li{
		display:inline-block;
		height:inherit;
	}
	#nav li a{
		width:57px;
		height:57px;
		background-color:#b73270;
		display:inline-block;
		margin:4px 2px;
		font-size:0.8em;
		padding:4px;
	}
	li#navBranding a,li#navPrint a,li#navWeb a,
	li#navExhibition a,li#navInteractive a,li#nav3d a{
		color: transparent;
	}
	#nav li#navContact a{
		background-color:#5365b8;
	}
	#nav li#navWhyUs a{
		background-color:#8f2286;
	}
	
	/* Set nav images and social icons */
	#nav li#navBranding a, #nav li#navPrint a,
	#nav li#navWeb a, .social li.googlePlus a, 
	.social li.facebook a, .social li.twitter a, 
	.social li.linkedIn a, .social li.digg a{
		background-image:url('img/mHmSprtSmll.jpg');
	}
	
	/* Position nav images and social icons */
	#nav li#navBranding a{
		background-position:0px 0px;
	}
	#nav li#navPrint a{
		background-position:-65px 0px;
	}
	#nav li#navWeb a{
		background-position:-130px 0px;
	}
	.social li.googlePlus a{
		background-position:-195px 0px;
	}
	.social li.facebook a{
		background-position:-212px 0;
	}
	.social li.twitter a{
		background-position:-195px -17px;
	}
	.social li.linkedIn a{
		background-position:-212px -17px;
	}
	.social li.digg a{
		background-position:-195px -34px;
	}	
	#textBlock{
		position:relative;
	}
	#footer{
		color:#94a6b0;
		font-size:0.6em;
	}
	.social{
		display:block;
		margin:12px auto 0 auto;
		width:151px;
		height:30px;
	}
	.social li{
		margin:0 7px; 
		float:left;
	}
	.social li a { 
		display:block; 
		width:16px; 
		height:16px;
		padding:0px;
		margin:0px;
	}
	#footerInfo{
		margin-bottom:10px;
		width:143px;
		padding-left:8px;
	}
	#footAddress{
		margin-bottom:4px;
		width:85px;
	}
	 #processWireCredit{
		padding-bottom:12px;
	}
	#copyright, #footAddress, #processWireCredit{
		width:137px;
		font-size:1.35em;
		line-height:1.4;
		float:none;
		margin-left:0px;
	}	
	#footer #processWireCredit a, .privacyButton, .showPrivacy{
		color:#69767d;
	}
	
	/* Level 1 page overrides */
	
	#level1 #textBlock, #level1 #footer{
		color:#566c79;
		padding-bottom:10px;
		overflow: hidden;
		width: 100%;
	}
	#level1 #textBlockContent{
		margin-top:12px;
		width:151px;
	}
	#level1 #textBlockContent p{
		margin-left:6px;
		margin-right:5px;
	}
	#level1 h1{
		margin-bottom:20px;
	}
	#level1 h2{
		font-size:0.8em;
		margin:0.5em 0 5px 7px;
	}
	#level1 #slides{
		margin-left:0px;
	}
	#level1 .slides_container{
		margin-left:0px;
		width:151px;
	}
	#level1 .slide{
		width:150px;
		float:left;
	}
	#level1 #titlePanel{
		height:125px;
	}
	#level1 #textBlock{
		border:none;	
		background:transparent;
		background-image:none;
		top:-67px
	}
	#level1 #footer{
		margin-top:-67px;
	}
	#level1 #container{
		background-position:left top;
		height:127px;
		/* White border */
		border-bottom:1px solid #f8fafb;
		position:relative;
	}
	#level1 #slides{
		margin-top:17px !important;
	}
	#level1 #slides a{
		font-size:0.8em;
	}
	#level1 .slide img{
		margin-left:7px;
		width:137px;
	}
	#level1 .next{
		float:right;
	}
	#level1 .prev{
		float:left;
	}
	#level1 .prev, #level1 .next{
		font-size:0.73em !important;
		padding:5px;
	}
	#level1 .prev{
		opacity:0;
	}
	/* Reposition background panel for mobile pages with no image */
	.mobTextPage #container{
		height:80px!important;
	}
	.mobTextPage #textBlock{
		margin-top:60px!important;
	}
	.mobTextPage .testimonial{
		width:139px;
	}
	.mobTextPage .prev, .mobTextPage .next{
		font-size:1.2em;
	}
	iframe{
		display:block;
		width:139px;
		height:139px;
	}
	small a{
		display:block;
		font-size:0.7em;
		margin-bottom:10px;
	}
	iframe, small a{
		margin-left:7px;
	}
	#contactEmail, #contactTel{
		font-size:1.05em;
	}
	.largeSampleLink{
		display:block;
		top:15px;
		width:145px;
		height:52px;
	}
	.slide img{
		display:block;
	}
}
@media only screen and (min-width: 210px) {
	
	/* Medium */
	#titlePanel{
		width:218px;
	}
	a#fullSiteBttn, #titlePanel h1 {
		background-image:url('img/mHmLgSprtMd.png');
	}
	#titlePanel h1{
		margin-left:2px;
		font-size:0.93em;
		height:28px;
		background-position:4px 0px;
		padding:43px 0 0 3px;
	}
	h1 a{
		padding:42px 70px 0 0;
	}
	a#fullSiteBttn{
		top:39px;
		right:0px;
		background-position:-211px 2px;				
	}
	#navExhibition, #nav3d, #navInteractive{
		display:inline-block !important;
	}
	#nav{
		margin: 14px auto 6px auto;
		width:210px;
	}
	#nav li a{
		width:55px;
		height:55px;
		margin:5px 2px;
		font-size:0.75em;
	}
	.social {
		margin:8px auto 0 auto;
		width:218px;
		height:24px;
	}
	.social li{
		margin:0 9px;		
	}
	.social li:first-child{
		margin-left:6px;
		margin-right:8px
	}
	.social li:last-child{
		margin-left:8px;
		margin-right:0px;
	}
	.social li a{
		width:27px;
		height:26px; 
		margin:0px 0px;
	}
	/* Set nav images and social icons */
	#nav li#navBranding a, #nav li#navPrint a,
	#nav li#navWeb a, #nav li#navExhibition a, #nav li#nav3d a,
	#nav li#navInteractive a
	
	, .social li.googlePlus a, 
	.social li.facebook a, .social li.twitter a, 
	.social li.linkedIn a, .social li.digg a{
		background-image:url('img/mHmSprtMd.jpg');
	}
	/* Position nav images and social icons */
	#nav li#navPrint a{
	background-position:-63px 0px;
	}
	#nav li#navWeb a{
		background-position:-126px 0px;
	}
	#nav li#navInteractive a{
		background-position:-126px -63px;
	}
	#nav li#navExhibition a{
		background-position:0px -64px;
	}
	#nav li#nav3d a{
		background-position:-63px -63px;
	}
	.social li.googlePlus a{
		background-position:1px -127px;
	}
	.social li.facebook a{
		background-position:-27px -127px;
	}
	.social li.twitter a{
		background-position:-54px -127px;
	}
	.social li.linkedIn a{
		background-position:-84px -127px;
	}
	.social li.digg a{
		background-position:-111px -127px;
	}
	#copyright, #footAddress, #processWireCredit{
		width:80px;
		font-size:1.5em;
		line-height:1.4;
		float:left;
		margin-left:7px;
	}	
	#footAddress{
		width:69px;
		float:right;
		margin-right:7px;
		padding-bottom:15px;
	}
	#footerInfo{
		width:218px;
		padding-left:0px;
		margin-top:12px;
	}
	
	/* Level 1 page overrides */
	
	#level1 #textBlockContent, #level1 .slides_container,
	#level1 .slide{
		width:218px;
	}
	#level1 #textBlockContent{
		font-size:1.1em;
	}
	#level1 #textBlockContent p{
		line-height:1.4;
	}
	#level1 h2{
		font-size:0.9em;
		margin:0.5em 0 7px 7px;
	}
	#level1 #textBlock{
		/* adjust position of white border under sample image */
		top:-103px
	}
	#level1 #footer{
		/* match top value of #level1 #textBlock */
		margin-top:-103px;
	}
	#level1 #container{
		/* adjust to reposition sample image and caption */
		height:164px; 
	}
	#level1 #slides{
		/* adjust position of slides */
		margin-top:30px !important;
	}
	#level1 .slide img{
		/* adjust size and position of sample image */
		margin-left:7px;
		width:202px;
	}
	#level1 .prev, #level1 .next{
		/* adjust size and position of next and previous buttons */
		font-size:0.73em !important;
		padding:5px;
	}
	.largeSampleLink{
		top:30px;
		width:212px;
		height:75px;
	}
	/* Reposition background panel for mobile pages with no image */
	.mobTextPage #container{
		height:90px!important;
	}
	.mobTextPage #textBlock{
		margin-top:95px!important;
	}
	.mobTextPage .testimonial{
		width:204px;
	}
	iframe{
		display:block;
		width:204px;
		height:204px;
	}
}
@media only screen and (min-width: 266px) {
/* large  */
	#titlePanel h1{
		font-size:1.16em;
		height:29px;
		/* background-image:url('img/mHmLgSprtLrg.png'); */
        background-image:url('img/logo_main.svg');
		background-position:0px 0px;
        background-size: 263px;
		padding:54px 0 0 2px;
	}
	h1 a{
        display: inline-block;
		padding:50px 88px 0 0;
        position: absolute;
        top: 0;
        width: 175px;
	}
	a#fullSiteBttn, .social a{
		background-image:url('img/mHmLgSprtLrg.png');
	}
	a#fullSiteBttn{
		top:51px;
		right:-5px;
		background-position:-269px 2px;
	}
	#titlePanel, #nav{
		margin-top:0;
		width:267px;
	}
	#titlePanel{
		padding:0 4px;
	}
	#nav{
		margin:18px auto 12px auto;
	}			
	#nav li a{
		width:70px;
		height:70px;
		margin:6px 4px;
		font-size:0.9em;
	}
	/* Set nav images and social icons */
	#nav li#navBranding a, #nav li#navPrint a,
	#nav li#navWeb a,#nav li#navInteractive a,
	#nav li#navInteractive a, #nav li#navExhibition a,
	#nav li#nav3d a, .social li.googlePlus a, 
	.social li.facebook a, .social li.twitter a, 
	.social li.linkedIn a, .social li.digg a{
		background-image:url('img/mHmSprtLrg.jpg');
	}
	#nav li#navPrint a{
		background-position:-78px 0px;
	}
	#nav li#navWeb a{
		background-position:-156px 0px;
	}
	#nav li#navInteractive a{
		background-position:-156px -78px;
	}
	#nav li#navExhibition a{
		background-position:0px -78px;
	}
	#nav li#nav3d a{
		background-position:-78px -78px;
	}
	.social li.googlePlus a{
		background-position:0px -156px;
	}
	.social li.facebook a{
		background-position:-33px -156px;
	}
	.social li.twitter a{
		background-position:-66px -156px;
	}
	.social li.linkedIn a{
		background-position:-99px -156px;
	}
	.social li.digg a{
		background-position:-132px -156px;
	}
	.social{
		width:273px;
		margin-top:12px;
		height:33px;
		padding-left:2px;
	}
	.social li{
		width:32px;
		height:32px;
		margin:0 13px 0 14px;
	}
	.social li a{
		width:32px;
		height:32px;
	}
	#footerInfo{
		font-size:0.68em;
		width:271px;
		padding-left:4px;
	}
	#footAddress{
		width:85px;
	}
	#copyright, #processWireCredit{
		margin-left:3px;
		width:100px;
	}
	#footer #processWireCredit a{
		color:#69767d;
	}
	
	/* Level 1 page overrides */
	#level1 #textBlockContent, #level1 .slides_container,
	#level1 .slide{
		width:273px;
	}
	#level1 #textBlockContent{
		font-size:1.2em;
	}
	#level1 #textBlockContent p{
		line-height:1.5;
	}
	#level1 h2{
		font-size:0.9em;
		margin:0.5em 0 7px 7px;
	}
	#level1 #textBlock{
		/* adjust position of white border under sample image */
		top:-136px
	}
	#level1 #footer{
		/* match top value of #level1 #textBlock */
		margin-top:-136px;
	}
	#level1 #container{
		/* adjust to reposition sample image and caption */
		height:198px;
	}
	#level1 #slides{
		/* adjust position of slides */
		margin-top:43px !important;
	}
	#level1 .slide img{
		/* adjust size and position of sample image */
		margin-left:8px;
		width:257px;
	}
	#level1 .prev, #level1 .next{
		/* adjust size and position of next and previous buttons */
		font-size:0.73em !important;
		padding:5px;
	}
	.largeSampleLink{
		top:40px;
		width:267px;
		height:100px;
	}
	/* Reposition background panel for mobile pages with no image */
	.mobTextPage #container{
		height:105px!important;
	}
	.mobTextPage #textBlock{
		margin-top:132px!important;
	}
	.mobTextPage .testimonial{
		width:257px;
	}
	iframe{
		display:block;
		width:257px;
		height:257px;
	}
}
#level1 .prev{
	opacity:1;
}
/* no js styles */
.no-js .next{
	display:none!important;
}
.no-js iframe,.no-js small a{
	display:none;
}
/* remove social icons and reposition other elements to compensate */
.social{
	display:none!important;
}
/* Adjust 'Next' button alignment when social icons hidden */
@media only screen and (min-width: 210px) {
	#level1 .next{
		margin-right:32px!important;
	}
}
@media only screen and (min-width: 266px) {
	#level1 .next{
		margin-right:43px!important;
	}
}
.mobTextPage .homeLink{
	color:#69767d!important;
}
h4{
	margin-top:10px;
	margin-left:6px;
	margin-right:5px;
	font-size:0.73em;
}