* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		border: 0;
		}
#skip_nav {/* skip-navigation container */
		position: absolute; 
		top: 2px;
		left: -100px;
		width: 60px;
		text-align: center;
		}
#image_file {
		color: #000;
		}
body {/* set page background colour */
		font-size: 100.01%; /* Fix for some browser bugs */
		padding-bottom: 30px;
		text-align: center;
		background: #000 url(../gfx/bg_page_blk.png) no-repeat;
				}
#wrapper	{
		 min-width: 870px; 
	}
#logo_mask {
		position:fixed;
		left: 0;
		top: 0;
		}
#navigation {/* site content container */
		float: right;
		padding-top: 56px;
		}
#navigation_mask {/* site content container */
		float: right;
		padding-top: 98px;
		}
#showcase_nav {
		float: right;
		padding-top: 40px;
		margin-right:-183px;
		}
#portfolio_nav	{
		float: right;
		padding-top: 40px;
		margin-right:-76px;
		}

#image_btns_wrapper {
		z-index: 2;
		position: absolute;
		width: 725px;
		height: 476px;
		left: 50%;
	    top: 0;
	    margin-left: -416px;
	    margin-top: 136px;
		}	
		
#main_image {
		z-index: 2;
		clear: both;
		margin: 0 auto;
		height: 476px;
		text-align: center;
		min-width: 935px;
		margin-left: 60px;
				}
#main_image_750 {
		z-index: 2;
		clear: both;
		margin: 0 auto;
		height: 500px;
		text-align: center;
		min-width: 935px;
		margin-left: 60px;
		padding-top: 10px;
				}
#main_image_ie6	{
display:none;
}
#masthead_image {
	z-index:-1;
	clear:both;
		margin: 0 auto;
		width: 715px; 
		height: 250px;
		text-align: center;
		padding-top:30px;
		}

#thumbnails {
		z-index: 1;
		float:right;
		overflow: hidden;
		width: 166px;  
    	height: 480px; 
		}

#showcase_label {
		z-index: 2;
		clear: both;
		margin: 0 auto;
		width: 893px;
		height: 20px;
		text-align: left;
		padding-top: 10px;
		}
#copyright { 
		display:none;
		z-index: -1;
		position: absolute;
	    top: 0;
		left: 50%;
		margin-left:-150px;
		width: 300px;
	    margin-top: 648px;
		color: #f0f0f0;
		}

#caption_wrapper	{
		z-index: 10;
		clear: both;
		margin: 0 auto;
		width: 893px;
		text-align: left;
		padding-top: 5px;
}
#caption_wrapper_gallery	{
		z-index: 10;
		clear: both;
		margin: 0 auto;
		width: 893px;
		text-align: left;
		padding-top: 15px;
}
#caption, #caption_number{
z-index: 10;
		width: 701px;
		text-align: left;
		background: url(../gfx/caption_bg_trans.png);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 4px 12px 6px 12px;
		margin-top: 5px;
		}	
#caption_gallery	{
	width: 701px;
margin-top: 5px;
}
#homepage_wrapper	{
	position:relative;
	top: 120px;
	width:966px;
	left:50%;
	margin-left: -490px;
		}
#content_wrapper	{
		position: relative;
		width: 725px;
		height: 175px;
		left: 50%;
	    top: 0;
	    margin-left: -355px;
	    margin-top: 30px;
		}
#contact_wrapper	{
		position: relative;
		width: 725px;
		height: 175px;
		left: 50%;
	    top: 0;
	    margin-left: -355px;
	    margin-top: -120px;
		}
#content_700 {
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 700px;
		margin-top: 90px;
		}
#content_600 {
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 600px;
		padding: 0 10px 0 10px;
		}
#content_340 {
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 340px;
		padding: 0 10px 0 10px;
		}
#content_240 {
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 240px;
		padding: 0 10px 0 10px;
		}
#content_220 {
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 220px;
		padding: 0 10px 0 10px;
		}
#content_190 {
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 180px;
		padding-left: 10px;
		padding-right: 8px;
		}
#content_165 {
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 155px;
		padding-left: 17px;
		}
#footer {
	position: absolute;
	top: 675px;
	left: 15px;
	text-align: left;
	color: #f0f0f0;
		}
#showcase_home	{
	clear: both;
	width: 995px;
	text-align: center;
	margin: 0 auto;
	padding-top: 40px;
}
#showcase_home	img {
	margin: 0 5px 15px 5px;
}
#portfolio_home	{
	clear: both;
	width: 995px;
	text-align: center;
	margin: 0 auto;
	padding-top: 40px;
}
#portfolio_home	img {
	margin: 0 15px 15px 15px;
}

/* =========================== NAVIGATION =============================== */
		
ul#topnav, ul#subnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul#topnav li, ul#subnav li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#topnav a {
	float: left;
	display: block;
	height: 40px; /*--Specify height of navigation--*/
	text-indent: -9999px; /*--Shoot the text off the page--*/
	background-position: left top;
}
ul#topnav a:hover {
	background-position: left -40px;
}
ul#topnav li.linkCases a {
	background-image: url(../gfx/nav_cases.gif);
	width: 112px;
}
ul#topnav li.linkPortfolio a {
	background-image: url(../gfx/nav_portfolio.gif);
	width: 81px;
}
ul#topnav li.linkClients a {
	background-image: url(../gfx/nav_clients.gif);
	width: 68px;
}
ul#topnav li.linkInfo a {
	background-image: url(../gfx/nav_info.gif);
	width: 48px;
}
ul#topnav li.linkPdf a {
	background-image: url(../gfx/nav_pdf.gif);
	width: 48px;
}
ul#topnav li.linkBlog a {
	background-image: url(../gfx/nav_blog.gif);
	width: 57px;
}
ul#topnav li.linkContact a {
	background-image: url(../gfx/nav_contact.gif);
	width: 77px;
}
#pageCases li.linkCases a, 
#pageCases01 li.linkCases a, 
#pageCases02 li.linkCases a, 
#pageCases03 li.linkCases a, 
#pageCases04 li.linkCases a, 
#pageCases05 li.linkCases a, 
#pagePortfolio li.linkPortfolio a,
#pagePortfolio01 li.linkPortfolio a, 
#pagePortfolio02 li.linkPortfolio a, 
#pagePortfolio03 li.linkPortfolio a, 
#pagePortfolio04 li.linkPortfolio a, 
#pageClients li.linkClients a, 
#pageInfo li.linkInfo a, 
#pageBlog li.linkBlog a,
#pageContact li.linkContact a 
{
	background-position: left bottom;
}
		
ul#subnav a {
	float: left;
	display: block;
	height: 18px; /*--Specify height of navigation--*/
	text-indent: -9999px; /*--Shoot the text off the page--*/
	background-position: left top;
}
ul#subnav a:hover {
	background-position: left -18px;
}
ul#subnav li.link01 a {
	background-image: url(../gfx/subnav_1.gif);
	width: 18px;
}
ul#subnav li.link02 a {
	background-image: url(../gfx/subnav_2.gif);
	width: 18px;
}
ul#subnav li.link03 a {
	background-image: url(../gfx/subnav_3.gif);
	width: 18px;
}
ul#subnav li.link04 a {
	background-image: url(../gfx/subnav_4.gif);
	width: 18px;
}
ul#subnav li.link05 a {
	background-image: url(../gfx/subnav_5.gif);
	width: 18px;
}
#pageCases01 li.link01 a,
#pageCases02 li.link02 a,
#pageCases03 li.link03 a,
#pageCases04 li.link04 a,
#pageCases05 li.link05 a,
#pagePortfolio01 li.link01 a,
#pagePortfolio02 li.link02 a,
#pagePortfolio03 li.link03 a,
#pagePortfolio04 li.link04 a
{
	background-position: left bottom;
}
		
#image_button_prev {
	border: 5px;
	float: left;
		}
#image_button_prev:hover {
	background: url(../gfx/btn_prev_bg.png) no-repeat;
		}
#image_button_next {
	border: 5px;
	float: right;
		}
#image_button_next:hover {
	background: url(../gfx/btn_next_bg.png) no-repeat;
		}
/* =========================== SHOW / HIDE info and LINKS =============================== */


.caption_show a:hover	{
	color: #80db30;
	text-decoration: none;
	}

#showhide_portfolio {
	z-index: 0;
	position:absolute;
	right: 35px;
	text-align: right;
	top: 620px;
	width: 100px;
}
#download {
	margin-left: 580px;
	margin-top: -19px;
	top: 632px;
	width: 162px;
}
#download a img {
border:none;
}


/* =========================== TEXT / FONTS =============================== */

.avant {
	font-family: "avantgn.ttf", Arial, Helvetica, serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffffff;
	}
a {
	color: #f0f0f0;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	
	}
a:active {
	outline:0;
	}
a:focus {
	outline:0;
	}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.copyright {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
h1 {
	font-family: "avantgn.ttf", Arial, serif;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: left;
	}
p, form	{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #f0f0f0;
	text-align: left;
	list-style-position: inside;
	}
.center p, .center h1 {
	text-align: center;
	}
.thumbs	{
	text-align: right;
	}
input, textarea {
	BACKGROUND-COLOR: #999;
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid;
	BORDER-TOP: #ccc 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	color: black;
	FONT-WEIGHT: normal;
	padding: 2px;
	}
.white	{
	color: #000;
	background-color: #FFF;
	padding: 0 8px 0 8px;
	}
#caption, .caption_show	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f0f0f0;
    text-decoration: none;
		text-align:left;
	}
#caption_gallery{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f0f0f0;
    text-decoration: none;
		text-align:center;
		}
/* =========================== IMAGES =============================== */

#main_image img, #masthead_image img, #main_image_ie6 img, #main_image_test img {
	border: 5px solid #ffffff;
	}
#main_image_750 img	{
border: 10px solid #ffffff;
	}
#image_btns_wrapper img, #footer img	{
	border:none;
	}

#thumbnails a img {
		border: 2px solid #ffffff;
		margin: 2px;
		}
#thumbnails a:hover img{
		border: 2px solid #458ec2;
		}
#footer img, #content_340 img, #content_220 img, #content_240 img, #content_190 img {
	vertical-align: middle;
	margin-bottom: .25em;
	margin: -2px;
	}
#footer img {
	padding-top: 5px;
	padding-left: 2px;
	}
#preload	{
display:none;
}
.no_border a img {
border:none;
}
/* ================================ IE  ============================= */
.table_space {
	padding-bottom: 5px;
	padding-right: 5px;
	}