/*  
	Site Name: Terabyte Website
	Site URI: http://www.terabyte.co.nz
	Description: Portfolio Site for Terabyte Interactive
	Version: 1.0
	Author: Design / XHTML / CSS / JS / Flash - Adam Wright
	Author URI: www.terabyte.co.nz
*/

/* *01: Print Styles -------------------------------------------------------------------------------------------------------*/
* { background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after,
.thumbnail-list li a:after { content: ""; }  /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
#footer,
#footer-links,
.onya-banner { display: none;}

/*  padding / font adjustment --------------- */
body {
	padding: 0;
	font-size: 90%;
}
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em !important; }
#header, #page { padding: 0; }
#header { height: 100px !important; margin-bottom: 1em !important; }
#logo-nav-container { padding-left: 0; }
.full-width-img { display: none; }

/*  Common element adjustments -------------- */
#navigation { 
	display: none;
}

.extras-box {
	display: none !important;
}

.col, .lrg-col, .med-col, .sml-col { /*width: 65em;*/ 
	width: 640px !important;  /* Sets max width of page also must be !important to overwrite IE */
}

h1, h3 {
	padding: 0;
}
	
p {
	line-height: 1.4em;
}

.col { padding: 0; }

.thumbnail-list li span {
	display: none;
}

#logout { display: none; }
.col { height: auto !important; min-height: 1px !important; } /* Prevents extra white space between items */
.pod-inner { padding: 0 !important; }

/*  Header Relay ---------------------------- */
#header {
	margin-bottom: 3em;
}

#header .tera-logo {
	display: none;
}

#header .print-logo {
	display: block;
	margin-bottom: 1cm;
}

#header q {
	padding-bottom: 0.6em;
	font-size: 1.4em;
}

#header cite {
	font-size: 1.2em;
}

/*  Home ------------------------------------ */
.home-recent-work {
	display: none;
}
.flash-container {
	display: none;
}
.project-abstract {
	display: none;
}

#homeMain .home-site-promo {
	border: 1px solid #000;
	display: none;
}
/* Pod - Contact Us */
	.pod-inner ul.get-in-touch { display: block; } .pod-inner ul.get-in-touch li { padding-left: 0; text-indent: 0; } .pod-inner ul.get-in-touch li.where { display: none; }
	.pod-inner a.follow-tweets { display: none; }
/* Pod - News */
	.latest-news-cont { overflow: visible !important; }
	.news-letter-pod { display: none; }
/* Pod - What we do */	
	.find-or-follow { display: none; }
/* Pod - What Our Clients are Saying */
	.home-recent-work { display: block; }
	#homeMain .home-rotator, #homeMain .home-site-promo { display: none; }
	.home-site-promo li.current { margin-left: 0; } 
	.project-quote { width: 680px; } .project-quote blockquote { padding: 0 !important; }
	li.controls { display: none !important; }
	.quote-link a { display: none !important; }
	.client-rotator { height: auto !important; }

/*  Services -------------------------------- */
.skip-menu {
	display: none;
}

.show-service {
	padding: 0 !important;
	margin-bottom: 0.5em;
}
.show-service a { padding-left: 0 !important; }

.service-container {
	display: block !important;
}


/*  Jobs ------------------------------------ */
.contact-form, .apply-for-job {
	display: none !important;
}

/*  Contact --------------------------------- */
#southern-directions, #northern-directions, #newmarket-directions, #strand-directions {
	display: block !important;
}

.get-in-touch {
	display: none;
	margin-bottom: 2em;
}

/*  Portfolio ------------------------------- */
.filter-list {
	display: none;
}

.switch-view {
	display: none !important;
}

.profile-images-list .project-abstract {
	margin-top: 0em;
	background: none;
	padding: 0;
}

.project-abstract .abstract {
	padding: 0 0 2em 0;
}

blockquote {
	padding-left: 0;
}

#portfolio-holder .thumbnail-list li {
	margin: 0 1em 0 0 !important;
}
#portfolio-holder .thumbnail-list li h5 {
	height: 3em !important;
}

.hide-for-print {
	display: block;
}
.image-listing li img { border: none !important; }

/* "All Projects" Solution: Firefox & IE8 */
	.thumbnail-list li { float: none !important; }
	.thumbnail-list { display:table; }
	.thumbnail-list li { display: table-cell;}
	.thumbnail-list li.no-right-margin { display: table-row; height: 30px;  } /* This item simulates a row and its height is the the space between rows */
	.thumbnail-list li.no-right-margin a { display :none; } /* We can't display this, as it would be a row with 1 child */
	
/* "All Projects" Solution: IE6&7  */
	#ie6 #portfolio-holder, #ie7 #portfolio-holder, #ie6 #portfolio-list-head,
	#ie7 #portfolio-list-head { display: none; } /* Don't display as we can only show 1 per row at best */
	
#filter-list-top, #filter-list, #filter-list-bottom { display: none; } 
#portfolio-list-head { margin-left: 0; }

/* Portfolio Detail */
	li.control { display: none !important; }
	.java-rotator  { height: auto !important; padding: 0; } /* !important needed to overwrite #ie8 declaration */
	.java-rotator li img { border: none; }
	.java-rotator li { position:relative; }
	ul#award-list { margin-top: 20px; }
	.site-link, .project-link { display: none; }

	.services-list li { float: none; padding-left: 0;  }
	.thumbnail-list { margin-bottom: 10px; }
	ul.service-list, ul.services-list { overflow: visible !important; clear: none; padding-bottom: 20px !important; }
	#relatedProjects li { height: 190px; } /* FF Fix */
	#ie6 #relatedProjects, #ie7 #relatedProjects, #ie8 #relatedProjects { display: none; }
	#ie7 .pod-inner { float: none; } /* Fix IE7 now showing contact pod */
	.get-in-touch { overflow: visible; }
	.get-in-touch li { height: auto !important; } /* IE6&7 fix to show the li */
	
/*  About ----------------------------------- */
.image-listing .people-img img {
	display: block;
}

.pull1, 
.pull2, 
.pull3
{ display: none !important; }
.java-rotator { overflow: visible !important; }

#header {   }
#page {  }
.col,
#home-main-wrapper { float: none; } /* Fix IE7 1st page blank bug & FF cutting boxes off at end of page bug */

#home-boxes,
#home-boxes .col,
#home-pods .home-col,
#home-pods #c,
#home-pods #d,
.project-quote,
#page,
.col, .lrg-col, .med-col, .sml-col { width: 100% !important; }

.pod-inner { float: none; }

#home-main-wrapper,
#home-boxes,
col { height: auto !important; }

h1, h3 { font-size: 1.2em !important; }
h5 { font-size: 1.1em !important; }
.project-quote blockquote p, #home-boxes .large p, p,
ul.get-in-touch li { font-size: 1.2em !important;}

.project-quote blockquote { 
	margin-top: 20px;
	border: none;
}
.project-quote blockquote p { 
	font-style: italic;
}