/*
-----------------------------------------------
The Production Co
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	Base Setup Styles
Filename:		proco.base.css
Author:			Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz)
Date:			3 May 2007
Updated:		3 May 2007
----------------------------------------------- */

/* =Global Styles
----------------------------------------------- */
body { background: #000; margin:0; padding:0; font: 63.7%/1.5 "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; color: #333;}

/* =Generic styles */
img { border:0; padding:0; margin-bottom:0 }
a, a:visited { color:#ae0000; text-decoration:underline;}
a:hover { text-decoration:none;}
a img {	border:none;}

.hide { display: none; position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
img.alignleft { float:left; margin: 0 5px 5px 0;}
img.alignright { float:right; margin: 0 0 5px 8px;}
.blue { color: #4C6A86; }
.large { font-size: 130%; }
.border { border: 1px solid #2d2d2d; padding: 7px; }

p { font: 1.2em/1.4 "Lucida Grande",arial,sans-serif; margin:0.2em 0 0.8em 0; }
small { font: 1.0em/1.2 "Lucida Grande", arial,sans-serif; color:#f60; margin:0 0 0.5em 0; text-transform: uppercase; }
ul, ol, td { font: 1.5em/1.2 "Lucida Grande", arial,sans-serif; }
input { font: bold 2.0em/1.3 "Lucida Grande", Arial, Helvetica, sans-serif; margin:0; padding: 2px; }
label { font: bold 2.5em/1.3 "Lucida Grande", Arial, Helvetica, sans-serif; margin:0; }
input.textbox { padding: 3px; color: #999; }
select { font: normal 1.8em/1.3 "Lucida Grande", Arial, Helvetica, sans-serif; color: #000; }
dl, dt, dd { font: 1.1em/1 "Lucida Grande", Geneva, Arial, sans-serif; margin:0 0 0.5em 0; }
em { font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #eee; }

td { font: normal 1.6em/1.2 Arial, Helvetica, sans-serif; color: #000; text-align: left; margin: 0; padding: 0 0 15px 0; }
th { font: bold 2.2em/1.2 Arial, Helvetica, sans-serif; color: #000; text-align: left; margin: 0; padding: 0 15px 15px 0; }

fieldset { border: 0; margin: 0; padding: 0; }
legend { display: none; }

h2 { font: bold 3.8em/1.1 "Avant Garde", Helvetica, Arial, Verdana, sans-serif; color: #2d2d2d; margin: 0 0 0.3em 0; padding: 0; letter-spacing: -2px; border-bottom: 1px solid #eee; }
h3 { font: bold 2.4em/1.4 "Avant Garde", Helvetica, Arial, Verdana, sans-serif; color: #333; margin: 0 0 5px 0; letter-spacing: 0; }
h4 { font: bold 1.5em/1.1 "Avant Garde", Helvetica, Arial, Verdana, sans-serif; color: #000; margin: 0; letter-spacing: 0; }

/* Hacks that can't be avoided in this file */

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =collapse lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* =Structure
----------------------------------------------- */

#container { width: 960px; margin: 0 auto; }
body#inside { background: #000 url(../img/bg_brick.jpg) top center repeat-y; }

#masthead { width: 960px; height: 350px; margin: 0 auto; z-index: 0; }
#masthead #flash_nav { float: left; }
#masthead .flash_header { float: right; }

#content-top { background: url(../img/bg_paper_top.jpg) bottom center no-repeat; width: 720px; height: 80px; margin: 0 auto; }
#content_wrap { z-index: 1; background: url(../img/bg_paper-med.jpg) no-repeat; width: 720px; height: 916px; margin: 0 auto 20px auto; }
#content { width: 560px; height: 700px; margin: 0 auto; padding: 40px 0 30px 0; }
#content img.alignright { margin-bottom: 15px; }

#footer { position: relative; width: 560px; margin: 0 auto; }
#footer p { text-align: right; font: normal 1.1em/1.2 Arial, Helvetica, sans-serif; margin: 0 0 4px 0; color: #000; }
#footer h1 a { display: block; position: absolute; background: url(../img/logo_proco.gif) no-repeat; width: 114px; height: 42px; }

/* Case Studies */
#case_studies { width: 560px; padding:20px 0 0 0; margin:20px 0 0 0; background: url(../img/div.gif) top no-repeat; }
.study_1, .study_2, .study_3, .study_4 { width: 95%; border:1px solid #ccc; padding:6px 10px 2px; /*float: left;*/ margin:0 0 10px; }
/*.study_3 { width: 100%; border:2px solid #ccc; padding:10px 10px 2px; float: left; margin:8px 10px 0 0; }
.study_4 { width: 100%; border:2px solid #ccc; padding:9px 10px 0px; float: left; margin:6px 10px 0 0; }*/
.study_1:hover, .study_2:hover, .study_3:hover, .study_4:hover { border-color:#eee; }
#case_studies p { font-size: 1.2em; }

/* Breadcrumbs */
#bct p {font-size:1.1em; color:#999;}

/* Flash Galleries */
.flash_gallery { float: right; margin: 0 0 10px 10px; }

/* thumbnails */
#thumb_holder {float: right; margin: 0 0 10px 10px; background: #f1f1f1;}
#thumb_holder p {text-align:center;}
#thumbnails {width:273px; margin:10px; padding: 0;}
#thumbnails li {float:left; list-style:none;margin:0 1px 1px 0;line-height: 0;}
#thumbnails li a {display:block;}

#ShadowBox td {padding: 0;}