@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			Your Projector
	Author: 		Jon Park | Union Room
	Created: 		29th October, 2007
	Updated: 
	Copyright: (c) 2007, Your Projector
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
}

a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #7C7E81; }
a.external {}
a#unionroom {}
a#unionroom:hover {}

a img { border: none; }

p { padding: 0 0 10px 0; font-size: 1.0em; line-height: 1.4em; }

/* === IDs & Classes === */
.orange { color: #FF7800; }
.flash-replaced .alt { display: none; }

/* === Structure Elements === */
div#wrapper { width: 796px; margin: 0 auto; padding: 20px 0; }
div#hdr { width: 788px; margin: 10px 0 0 0; }
div#body { width: 796px; margin: 30px auto 0 auto; background-color:#FFF; border: 1px solid #CCC; }

div#body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#portfolioContent { width: 170px; margin: 10px auto; clear: both; float:left; padding: 0 0 0 20px; }
div#portfolioContentTwo { width: 580px; margin: 10px auto; float:right; padding:0 12px 0 0;}
div#portfoliosection { padding: 0 0 0 0px; }

div#content { width: 780px; margin:0px auto; }
	div#innerContent { width: 583px; float: right; margin: 0 0 0 0;}
		div#innerContent .inner { padding: 0 15px 0 0 }
	div#leftNav { width: 189px; margin: 0 0 0 0px; float: left;}
	div#leftNav.caseStudy { width: 189px; margin: 0 0 0 2px; float: left; height: 415px; position: relative; text-align:right;}

div#content a { color: #FF7800; }
div#content a:hover { text-adecoration:underline; }

div#contentBtm { width: 775px; margin: 10px auto; clear: both; }
div#contentCaseTable { width: 780px; margin: 10px auto; clear: both; }
div#section { padding: 0 0 0 198px; }
div.full { padding: 0 0 0 190px !important; }
div#ftr { width: 100%; padding: 15px 0 10px 0; color: #AFB1B4; }

/* === Main Menu === */
ul#menuMain { list-style: none; display: table; }
ul#menuMain li { padding: 0 50px 0 0; display: inline; float: left; }
ul#menuMain ul { list-style: none; }
ul#menuMain ul li { padding: 3px 0 0 0; display: list-item; float: none; }

ul#menuMain p, ul#menuMain a { padding: 0; font: bold 1.4em/1.4em Georgia, "Times New Roman", Times, serif; }
ul#menuMain li a:hover { text-decoration:underline;}
ul#menuMain ul li a { font-weight: normal; }

/* === Ttile images === */
.titleImgHome, .titleImgApproach { width: 780px; height: 300px; margin: 10px auto 0 auto; overflow: hidden; }

.titleImg { width: 780px; height: 252px; margin: 10px auto 0 auto; overflow: hidden; }
ul#titleImage { padding: 0 0 0 1px; list-style: none; }
ul#titleImage li { padding:0 4px 0 0; display: inline; }
ul#titleImage a img { border: none; }

.titleImgHome ul li { 
	width: 189px; 
	height: 300px; 
	
	margin: 0 2px 0 0;
	padding: 0;
	
	background-position: top;
	background-repeat: no-repeat;
	
	display: block !important; 
	float: left; 
}
	.titleImgHome ul li div { width: 169px; margin: 256px 0 0 2px; padding: 5px 10px; background-color: #FF7800; }
	.titleImgHome ul li div p { padding: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; }
	.titleImgHome ul li div a { font-weight: bold; color: #FFF; }
	.titleImgHome ul li div p.tRight a { font-weight: normal; }

div#flashNotice { 
	width: 530px; 
	
	margin: 30px auto; 
	padding: 10px;
	
	background: url(../img/bg/divFlashNotice.png); 
	border: 1px dotted #333; 
	
	float: left;
	
	position: relative;
	top: -300px; 
	left: 122px;
}
	div#flashNotice h2, div#flashNotice a { color: #FF7800; }
	div#flashNotice p { color: #CCC; }
/* === Content Elements === */
img#pageTitle { margin: 8px; }

div#content p { font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.6em; }
div#portfolioContentTwo p { font-family: Verdana, Arial, Helvetica, sans-serif; }
div#portfolioSection p { font-family: "Times New Roman", Times, serif; font-size:1.6em; } 

div.slider { width: 565px; margin: 10px auto; }
.heightFix { height: 300px; }
h4.slider_tab { height: 19px; margin: 0 0 1px 0; padding: 5px 5px 0 5px; font-size: 1.2em; background-color: #FD8444; }
h4.slider_tab a { 
	height: 19px;
	
	font-size: 1.0em; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #000; 
	
	background: url(../img/aSlider.gif) no-repeat top right; 
	display: block;  
}
div.slider_panel { height: 65px; padding: 10px; }

div#contact p { font: 1.3em Georgia, "Times New Roman", Times, serif; float: left; clear: left; }
div#contact .flashReplace { padding: 0; font-size: 1.5em; }
div#contact p#address.flashReplace { color: #FF7800; padding:0; }

div#ftr p { width: 45%; font-size: 1.0em; text-transform: uppercase; }
div#ftr a { color: #AFB1B4 }

ul#caseStudies { list-style:none; margin: 20px 0 0 0; }
ul#caseStudies li { width:185px; margin:0 6px 0 0; display: block; float: left; }
	ul#caseStudies li a.showHide { }

div#hiddenContent { border: 1px solid white; }
div#hiddenContent div { font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.6em; width:580px; text-align:left; display:none;}

div#panel { position: absolute; bottom: 0px; right: 0px; }
	div#panel p a { padding: 0 5px 0 0; color: #000; }
ul#caseStudyImgNos { padding: 0 0 10px 0; text-align: right; }
	ul#caseStudyImgNos li {list-style:none; display:inline; }
	ul#caseStudyImgNos li a { font-size:1.5em; font-family: Georgia, "Times New Roman", Times, serif; padding:0 2px 0 0;}
	ul#caseStudyImgNos li a.active { text-decoration: underline; color: #999; }

table#caseStudiesTbl { margin: -15px 0 20px 0; }
	table#caseStudiesTbl td, table#caseStudiesTbl th {padding: 5px 0;}
	table#caseStudiesTbl th { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-weight: normal; text-align: right;}
	table#caseStudiesTbl th a { border-bottom: 1px dotted #FF7800; text-decoration: none;  color: #FF7800; }
		table#caseStudiesTbl th a:hover { border-bottom: 1px solid #FF7800; text-decoration: none; }
	table#caseStudiesTbl th.right { width:185px; padding:0 10px 0 0;}

	table#caseStudiesTbl span.imgReplace { width: 185px; height: 10px; margin: 2px 10px 0 0; }
	table#caseStudiesTbl span.brandYes { background-color: #FF7900; }
	table#caseStudiesTbl span.commYes { background-color: #FEAE65; }
	table#caseStudiesTbl span.expYes { background-color: #FED6B2; }

ul#caseStudyHead li {list-style:none; display:inline;}

ul#caseNav { margin: -47px 5px 0 0; list-style: none; display: table; float: right; }
	ul#caseNav li { padding: 0 4px; font-size: 3.0em; display: inline; }
	ul#caseNav li a { color: #FFF; }
	
div#hiddenContent h3, table#caseStudiesTbl h3 { margin: 0 !important; padding: 0 !important; background-color: #FFF !important; }
div#caseStudyViewport { width: 578px; height: 342px; margin: 0 0 15px 0; overflow: hidden; border: 1px solid #CCC; }
div#caseStudyViewport p { position: absolute; visibility: hidden; }
div#caseStudyViewport p.visible { visibility: visible; }

ul#clientList { list-style: none; }
ul#clientList li { padding: 1px 0; float: left; }
ul#clientList li h4 { font-size: 1.9em; }

div.clients p { padding: 0 0 0 0; font-size: 1.9em; float: left; }

fieldset { width: 220px; margin: 10px 0 0 0; padding: 20px; float: left; }
legend { margin: 0 0 0 -10px; padding: 5px; font-size: 1.2em; }

.dropdownList { padding: 0 0 0 15px; }
	.dropdownList li { padding: 5px 0; }
		.dropdownList div { }
			.dropdownList h4 { font-size: 1.4em; color: #FF7800; }

ul.join { padding: 0 0 0 15px; }
ul.join li { font-size: 1.1em; }

/* === Form Elements === */

/* === Titles & Headers === */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1#site_title, h1#site_title a { width: 160px; height: 33px; }
h1#site_title { background-image: url(../img/bg/h1Projector.gif); float:right; }
	h1#site_title a { font-size:3.5em; font-weight: bold; color: #FF7800; display: block; }
div#content h2, div#content h3 { padding:10px 10px; margin:10px 0 10px 0; color:#FFFFFF; background-color:#FF7800; font-size:1.9em; }
div#content h2.flashReplace, div#content h3.flashReplace { padding:10px; margin:10px 0; color:#FFF; background-color:#FF7800; font-size:1.9em; }
h3#dba { width: 145px; height: 38px; margin-top: - 20px; background-image: url(../img/bg/h3DBA.gif); float: right; }
ul#caseStudies h3 { margin: 0 0 10px 0; padding: 0; font-size: 1.4em; color: #FF7800; background-color: #FFF; }

h4.sectionTitle { margin: 0 0 10px 0; font-size: 1.6em; color: #FF7800; }

/* === Important Stuff === */
.fl_left { float: left !important; }
.fl_right { float: right !important; }
.ta_left { text-align: left !important; }
.ta_right, .tRight { text-align: right !important; }
.ta_centre { text-align: center !important; }

.bold { font-weight: bold !important; }
.no_bold { font-weight: normal !important; }
.no_border { border: none !important; }
.noPad{ padding:0 !important; }
.noMgn { margin:0 !important; }
.hide { display: none; }
.show{ display: block; }
.topMgn{margin-top:10px !important;}

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

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