/* CSS Document */

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url("fonts/ColabReg.eot");
	src: local('Colaborate-Regular Regular'), local('Colaborate-Regular'), url("fonts/ColabReg.woff") format('woff'), url("fonts/ColabReg.otf") format('opentype'), url("fonts/ColabReg.svg#Colaborate-Regular") format('svg');
}

@font-face {
	font-family: 'Colaborate-BoldRegular';
	src: url("fonts/ColabBol.eot");
	src: local('Colaborate-Bold Regular'), local('Colaborate-Bold'), url("fonts/ColabBol.woff") format('woff'), url("fonts/ColabBol.otf") format('opentype'), url("fonts/ColabBol.svg#Colaborate-Bold") format('svg');
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url("fonts/ColabLig.eot");
	src: local('ColaborateLight Regular'), local('Colaborate-Light'), url("fonts/ColabLig.woff") format('woff'), url("fonts/ColabLig.otf") format('opentype'), url("fonts/ColabLig.svg#Colaborate-Light") format('svg');
}
/* End @font rules */

html, body, .container { height: 100%; }
body > .container { height: auto; min-height: 100%; }


* {
	margin:0px;
	padding:0px;
	outline: none;
}
body,td,th {
	font-family: 'Colaborate-RegularRegular', Helvetica, Arial, Verdana, sans-serif;
	text-shadow: #FFFFFF 0px 0px 0px;
	font-size: 14px;
	color: #000000;
}

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
a:active {
	color: #999999;
	text-decoration: none;
}
h1 {
	font-size: 18px;
	font-family: Colaborate-Light;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 10px;
}
h6 {
	font-size: 9px;
}
.container {
	width: 960px;
	text-align: left;
}
.header {
	height: 80px;
}
.mini-nav {
	display:inline;
	margin-left: 24px;
	margin-top: 1px;
}
.menu{
	width: 190px;
	float: left;
	background-color: white;
}
.menu ul {
	margin-top: 35px;
	padding-left: 13px;
}
.menu ul li {
	list-style:none;
	padding-bottom: 0px;
	line-height: 18px;
}
.menu li a.selected-illus{
	color: #37E7E9;
}
.menu li a.selected-print{
	color: #4BF272;
}
.menu li a.selected-motion{
	color: #FF1371;
}

.content {
	float: left;
	width: 770px;
	/*height: 673px;*/
	margin-top: 35px;
	padding-bottom: 50px;
	background-color:#ffffff;
	text-align: left;
}
.footer {
	clear:both;
	width: 850px;
	position: relative;
	z-index: 10;
	height: 50px;
 	margin-top: -50px;

	margin-left: 20px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C4C4C4;
	background-color:#ffffff;
	line-height: 20px;
	font-size: 14px;
	
	background-color: #ffffff;
}

.footer ul li{
	list-style: none;
	float: left;
	margin-right: 12px;
}
.credit {
	text-align: right;
}
.footer a:link, .footer a:visited, .leftlinks li a:link, .leftlinks li a:visited, .text a, .gal a:link, .gal a:visited{
	color: #FF1371;
}
.footer a:hover, .footer a:active, .leftlinks li a:hover, .leftlinks li a:active, .text a:active, .text a:hover, .gal a:hover, .gal a:active{
	text-decoration: underline;
}
a.advance-link:hover, a.advance-link:active{
	text-decoration: none;
}
.gal{
	margin-left: 74px;
}
.text {
	margin-left: 88px;
	width: 440px;
	background-color: white;
}
.home-text {
	margin-left: 20px;
	margin-top: 10px;
	line-height: 18px;
}
.home-text h1{
	font-size: 22px;
	margin-bottom: 9px;
}
.text p {
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 18px;
	background-color: white;
}
.text h1 {
	margin-bottom: 18px;
}
.text h2 {
	margin-top: 18px;
	margin-bottom: 18px;
}
.thumbs-container-illus, .thumbs-container-print, .thumbs-container-motion {
	position: relative;
	margin-left: 0px;
	margin-top: 10px;
	font-size: 14px;
}
.caption-container {
	position: relative;
	font-size: 18px;
	width: 550px;
	background-color:#FFFFFF;
	}
.caption-sub {
	font-size: 14px;	
}

.slideshow-container {

}
.slideshow-container img, .gal-image{ /*CSS for images within an album*/
padding: 0px;
border: 0px solid #C4C4C4;
margin-top: 0px;
}

ul.thumbs li {
	list-style: none;
	float: left;
	margin-right: 10px;
}
/*
ul.thumbs li.selected a.thumb {
	color: #37E7E9;
}
*/
.thumbs-container-illus ul.thumbs li.selected a.thumb {
	color: #37E7E9;
}
.thumbs-container-print ul.thumbs li.selected a.thumb {
	color: #4BF272;
}
.thumbs-container-motion ul.thumbs li.selected a.thumb {
	color: #FF1371;
}

.image-caption {
	position: relative;
	text-align: left;
	padding-left: 16px;
	width: 550px;
	font-size: 18px;
	background-color:#FFFFFF;
}
.image-wrapper {
	display: block;  /*  <-- This makes sure safari doesn't hide the image  */
}
.contact-big {
	width: 300px;
	margin-bottom: 100px;
}
.contact-big input.textline, .contact-big textarea{
	width: 300px;
	margin-bottom: 18px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}
.contact-big ul{
	list-style: none;
}
.contact-big li{
	
}
input:focus, textarea:focus{
	background-color: lightyellow;
}

.motion-desc {
	padding-top:20px;
	width: 720px;
}
.motion-desc img {
	margin-left: 20px;
	vertical-align: text-bottom;
}
.gal h1 {
	margin-bottom: 10px;
}
.vimeo {
	padding: 0px;
	padding-bottom: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome rules here */
	@font-face {  
	  font-family: "ColaborateLightRegular";  
	  src: local("ColaborateLight Regular"), url( "fonts/ColabLig.otf" ) format("opentype"); /* non-IE */  
	}  
	/* THEN use like you would any other font */  
	
	body { 
	font-family: 'ColaborateLightRegular', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	}
	.image-caption {
	font-family: 'ColaborateLightRegular', Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	}
	.caption-sub {
	font-family: 'ColaborateLightRegular', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	}
	
}  <!-- end Safari 3.0 and Chrome rules -->