body {
	background:#000 url(/gfx/bg-border.gif) top left repeat-x;
	padding:0px; margin:0px;
	text-align:center;
	}

div { font-family:Arial, sans-serif; font-size:11px; }

div.clearBoth { line-height:1px; clear:both; }


/* Structural styles */
/*--------------------------------------*/
div.container {
	width:780px;
	margin-left:auto; margin-right:auto;
	}


/* Navigation styles */
/*--------------------------------------*/
div.nav-holder {
	text-align:left;
	height:100px;
	margin-right:5px;	
	}
	
div.nav-logo {
	position:absolute;
	z-index:50;
	}
div.nav-logo H3 {
	width:222px; height:100px;
	text-indent:-3000px;
	position:relative;
	}
/* Display the logo image in a seperate <a> tag and position above the text heading */	
div.nav-logo a {
	display:block;
	width:222px; height:100px;
	position:absolute;
	z-index:100;
	background:transparent url(/gfx/nav-logo.gif) top left no-repeat;
	}
div.nav-holder ul {
	padding:0px; margin:0;
	float:right;
	}		
div.nav-holder li {
	float:left; display:inline;
	}
div.nav-holder li a {
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	letter-spacing:1px;
	color:white; text-decoration:none;
	height:80px;
	text-indent:-3000px;
	}
div.nav-holder li a.home { width:77px; background-image:url(/gfx/nav-home.gif); }
div.nav-holder li a.profile { width:89px; background-image:url(/gfx/nav-profile.gif); }
/* div.nav-holder li a.nz { width:121px; background-image:url(/gfx/nav-nz.gif); } */
div.nav-holder li a.work { width:104px; background-image:url(/gfx/nav-work.gif); }
div.nav-holder li a.contact { width:94px; background-image:url(/gfx/nav-contact.gif); }
div.nav-holder li a.client { width:115px; background-image:url(/gfx/nav-client.gif); }
	
/* Set standard nav rollover */
div.nav-holder li a:hover { background-position:0px -80px; }

/* Set 'current' styles for each template */
body.profile div.nav-holder li a.profile,
body.nz div.nav-holder li a.nz,
body.ourWork div.nav-holder li a.work,
body.contact div.nav-holder li a.contact,
body.viewGalleries div.nav-holder li a.client,
body.client div.nav-holder li a.client { background-position:0px -80px; }

	
/* Content styles */
/*--------------------------------------*/
div.content-holder {
	margin-top:60px;
	position:relative;
	width:100%;
	}
div.content-col {
	float:left;
	width:255px; height:457px;
	margin-right:5px;
	text-align:left;
	}
div.content-col h1 {
	margin:0 0 10px 0; padding:0;
	font-family:"Trebuchet MS", Arial, san-serif;
	font-size:23px;
	background-color:#000;
}
.sIFR-hasFlash div.content-col h1 {
	visibility: hidden;
	font-size:23px;
	background-color:#000;
	color:#87B91F;
}
div.content-col h2 {
	margin:0 0 10px 0; padding:0;
	font-family:"Trebuchet MS", Arial, san-serif;
	font-size:20px;
	background-color:#000;
	color:#87B91F;	
}
.sIFR-hasFlash div.content-col h2 {
	visibility: hidden;
	font-size: 20px;
	background-color:#000;
	color:#87B91F;		
}
div.content-col h3 {
	color:#9ad32b;
	font-family:"Trebuchet MS", Arial, san-serif;
	font-size:16px;
	font-weight:normal;
	line-height:14px;
	margin:3px 0 5px 0;	
	}
div.content-col h3 em {
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	}
div.content-col p {
	color:#e7e7e7;
	line-height:17px;
	margin:0 0 20px 0;
	}

/* Add largeContent body text styles */
div.largeContent,
div.largeContent div,
div.largeContent p {
	font-size:14px;
	color:#9ad32b;
}
div.largeContent a,
div.largeContent div a,
div.largeContent p a {
	color:#9ad32b;
	text-decoration:none;
}
div.largeContent a:hover,
div.largeContent div a:hover,
div.largeContent p a:hover {
	text-decoration:underline;
}

div.content-col p a {	
	font-weight:bold;
	color:#9ad32b;
}
div.content-col p a:hover {	
	text-decoration:none;
}
	
div.content-margin { height:5px; line-height:1px; font-size:1px; }
/* Use alternate padding for feature panels */
div.featurePanel {
	padding:0 7px 7px 0;
	border:1px solid #404040;
	overflow:hidden;
	}
div.content-1row, div.content-2row, div.content-3row {
	padding:7px;
	height:149px;
	border:1px solid #404040;
	overflow:hidden;
	}
div.featurePanel { height:140px; }
div.content-1row { height:133px; }
div.content-2row { height:287px; }
div.content-3row { height:453px; }

/* Override padding and margins to <p> in feature panels */
div.featurePanel p {
	padding-left:7px;
	margin-bottom:10px;
	}
div.featurePanel img {
	float:left;
	border:2px solid white;
	margin:0 7px 0 0;
	}
div.featurePanel ul {
	margin:0px; padding:0px;
	}
div.featurePanel li {
	margin:0px; padding:0 0 0 25px;
	background:url(/gfx/arrow.gif) top left no-repeat;
	}
div.featurePanel li a {	
	border:1px solid #464646;
	padding:2px 5px 2px 5px;
	color:#808080;
	text-decoration:none;
	font-weight:bold;
	}
div.featurePanel li a:hover {
	background-color:#9ad32b;
	border:1px solid #9ad32b;
	color:#000;
	}

div.content-image {
	border:1px solid #404040;
	background:#2b2b2b url(/gfx/contentImage-bg.jpg) top left no-repeat;
	}
	
/* Homepage HTML styles */
/*--------------------------------------*/
body.hmpg div.container {
	width:782px;
	}

body.hmpg div.nav-holder { 
	padding-left:1px; padding-right:1px; 
	}


body.hmpg div.content-col {
	width:253px; height:455px;
	margin-right:9px;
	}
/* Override right column margin to keep overall width the same as content pages */
div.hmpg-rightCol { margin-right:5px !important; }	

body.hmpg div.content-margin {
	height:9px;
	}
body.hmpg div.featurePanel {
	padding:7px;
	border:1px solid #404040;
	overflow:hidden;
	height:131px;
	}
body.hmpg div.featurePanel img {
	border:none;	
	float:none;
	}
body.hmpg div.featurePanel ul {
	margin-top:25px;
}

/* Our Work HTML styles */
/*--------------------------------------*/
/* Remove top margin to fit in flash gallery */
body.ourWork div.content-holder {
	margin-top:0px;
	position:relative;
	width:100%;
	}
body.ourWork div.content-col { margin-top:36px; }
div.recentWork-gallery { margin-top:24px; }

p.qtLink {
	background:url(/gfx/qt-arrow.gif) top left no-repeat;
	padding-left:25px;
	}
p.qtLink a {
	border:1px solid #464646;
	padding:2px 5px 2px 5px;
	color:#808080;
	text-decoration:none;
	font-weight:bold;	
	}
p.qtLink a:hover {
	background-color:#9ad32b;
	border:1px solid #9ad32b;
	color:#000;
	}

div.ourWork-projectList {
	padding:7px;
	border:1px solid #404040;
	overflow:hidden;
	height:220px;
	}
div.ourWork-projectList ul {
	margin:20px 0 0 0; padding:0px;
	}
div.ourWork-projectList li {
	margin:0px; padding:0 0 10px 25px;
	background:url(/gfx/arrow.gif) top left no-repeat;
	}
div.ourWork-projectList li a {
	border:1px solid #464646;
	padding:2px 5px 2px 5px;
	color:#808080;
	text-decoration:none;
	font-weight:bold;
	}
div.ourWork-projectList li a.current, div.ourWork-projectList li a:hover {
	background-color:#9ad32b; border:1px solid #9ad32b; color:#000;
	}
	
	
/*** sIFR CSS Styles ***/
/* --------------------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/*** Popup Window styles ***/
/* --------------------*/
body.popup { background-color:#000; background-image:none; }
p.popupHeader {
	border-bottom:1px solid #404040;
	margin:0 0 5px 0;
	text-align:right;
	font-family:Arial, sans-serif; font-size:11px; font-weight:bold;
	padding:5px 10px 5px 0;
	}
p.popupHeader a { color:#fff; text-decoration:none; }
p.popupHeader a:hover { text-decoration:underline; }

div.qtHolder { text-align:center; margin-top:15px; }/* CSS Document */


/*** Client Gallery styles ***/
/* --------------------*/
/* Our Work HTML styles */
/*--------------------------------------*/
/* Remove top margin to fit in flash gallery */
body.client div.gallery-holder {
	position:relative;
	width:100%;
	margin-top:24px;
	}

div.content-clientLogin {
	padding:7px;
	height:149px;
	border:1px solid #404040;
	overflow:hidden;
	height:201px;
	}
p.formLabel {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#828282;
	text-align:left;	
	}
input.field {
	border:1px solid #404040;
	background-color:#000;
	color:#fff;
	font-family:Arial, sans-serif; font-size:12px;
	width:100%;
	height:21px;
	margin-top:2px;
	}
div.cg-submit {
	margin:0px; padding:0 0 0 30px;
	background:url(/gfx/arrow.gif) 0px 5px no-repeat;
	text-align:right;
	width:55px;
	float:right;
	}
	
/*** Redirect page styles ***/
/* --------------------*/
body.redirect { background-image:none; }
body.redirect div.content-col { text-align:left; padding:20px; }
body.redirect div.content-col h2 { font-size:24px; color:#88ba20; font-weight:normal; }
body.redirect div.content-col p { color:#fff; }
body.redirect div.content-col p a { color:#fff; }

/*** View galleries page styles ***/
/* --------------------*/
body.viewGalleries {
	margin:10px;
	}
body.viewGalleries div.content-col {
	width:auto;
}
body.viewGalleries td { color:#fff; }
body.viewGalleries td a {
	border:1px solid #464646;
	padding:2px 5px 2px 5px;
	color:#808080;
	text-decoration:none;
	font-weight:bold;
	background-image:url(images/arrow.gif);
	}	
body.viewGalleries td a:hover {
	background-color:#9ad32b;
	border:1px solid #9ad32b;
	color:#000;
	}
body.viewGalleries td.vg-title {
	font-weight:bold;
	padding-right:20px;
	}