@charset "UTF-8";
/* CSS Document */

/*
#5F604B - Dark Green
	#555643 - 90% Tint compensated
	#868862 - Variant #1: HSL +0,+10,+30
#DAC793 - Beige (172)
#EBDFC2 - Light Beige (202)
*/

body	{
	font-family: Trebuchet, Trebuchet MS, Arial, san-serif;
	background-color: #19191a;
	margin: 0;
	color: #000000;
	font-size: 7.5pt;
background-image:url(/_assets/images/logo.png);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom left;


}
/*97b1af*/
a {
	text-decoration: none;
	color: #aaa;
}



a img	{	
	border: 0px;
}

H1, H2, H3, H4, H5, H6, P	{
	margin-top: 0;
}

p.small	{
	font-size: 7pt;
}

p.bottom	{
	position: absolute;
	bottom: 15px;
}

/*	Developer stuff	*/
.devPlaceHolder, .hilite	{
	border: 1px solid white;
	background-color: orange;
	background-image: url(/images/placeholder.gif);
}

#container	{
	margin: 50px auto 0px auto;
	width: 595px;
}

#container #navigation	{
	float: left;
	clear: both;
	width: 100%;
	height: 13px;
	font-size: 14px;
	line-height: 12px;
	margin-bottom: 7px;
}
#container #navigation UL	{
	float: left;
	margin: 0;	list-style: none;		padding: 0;	margin-left: 0px;
}
#container #navigation LI	{
	float: left;
	text-indent: 0;	margin: 0;
	text-transform: uppercase;
	text-align: justify;
	font-weight: normal;
	color: #E0E0E0;
}
#container #navigation LI#commercial			{		}
#container #navigation LI#studio		{	padding-left: 0.5em;	}
#container #navigation LI#portraits				{	padding-left: 0.5em;	}
#container #navigation LI#theatre					{	padding-left: 0.5em;	}
#container #navigation LI#about				{		}
#container #navigation LI#contact			{	padding-left: 0.5em;	}
#container #navigation LI#home			{		}
#container #navigation LI#commercial A		{	padding-right: 0.5em;	}
#container #navigation LI#studio A	{	padding-right: 0.5em;	}
#container #navigation LI#portraits A	{	padding-right: 0.5em;	}
#container #navigation LI#theatre A			{		}
#container #navigation LI#about A			{	padding-right: 0.5em;	}
#container #navigation LI#contact A		{	padding-right: 0.5em;	}
#container #navigation LI#home A		{	padding-left: 0.5em;	}

#container #navigation LI A	{
	display: block;
	float: left;
	padding-left: 0em; margin-left: 0em;
	padding-right: 0em;	text-align: center;
	text-decoration: none;
}

#container #navigation LI A:hover	{	color: #FFFFFF;	}

/*
#container #navigation LI#commercial A:hover		{	color: #;	}
#container #navigation LI#studio A:hover	{	color: #;	}
#container #navigation LI#portraits A:hover			{	color: #;	}
#container #navigation LI#theatre A:hover			{	color: #;	}
#container #navigation LI#about A:hover			{	color: #;	}
#container #navigation LI#contact A:hover		{	color: #;	}
#container #navigation LI#home A:hover		{	color: #;	}
*/

#container #navigation .bullet	{
	font-size: 20pt;
margin-left:10px;
margin-right:10px;
}

#primary	{
/*	background-color: #FFFFFF;	*/
	background-repeat: no-repeat;
	float: left;
	width: 595px;
	height: 420px;
}

#primary #lhs-bar	{
	float: left;
	position: relative;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	width: 145px;
	height: 400px;

	background-color: #E0E0E0;

/* DT: Removed these - not quite sure why they were here, and the first one was causing problems in IE */
/*	filter:alpha(opacity=50); */
/*	-moz-opacity:.50; */
/*	opacity: 0.50; */
}

#primary #lhs-bar	A	{
	color: #ec048d;
}

#primary #lhs-bar	A:hover	{
	background: #ec048d;
	color: #fff;
}



#primary #lhs-bar	H1	{
	font-size: 7.5pt;
	margin-top: 0;
	margin-bottom: 0.5em;
}

#lhs-bar p.blurb		{
	width: 145px;
	margin: 0;
}

#lhs-bar .client		{
	float: left;
	width: 145px;
	padding-bottom: 6px;
}

#lhs-bar .usage		{
	width: 145px;
	padding-bottom: 5px;
}

#lhs-bar #image_link	{
	padding-top: 5px;	
}

#lhs-bar #image_link a:hover	{
	color: black;
}

#lhs-bar p.blurb br.space	{
	margin-bottom: 12px;
}

#primary #lhs-bar UL	{
	margin-top: 0;
	padding-top: 0;
	margin-left: 0em;
	padding-left: 0em;
	list-style: none;
	text-transform: uppercase;
}
#primary #lhs-bar LI	{
	margin-top: 0;
	padding-top: 0;
	margin-left: 0em;
	font-size: 8pt;
}

#primary #lhs-bar	P	{
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 12pt;
}

#primary #lhs-bar #gallery-navigation	{
	position: absolute;
	bottom: 15px;
	width: 145px;
	background-color: transparent;
}

#primary #lhs-bar #gallery-navigation A.thumbnail	{
	float: left;
	background-color: #000000;
	margin-top: 8px;
	width: 42px;
	height: 42px;
	display: block;
}

#gallery-navigation #galleryTN1, #gallery-navigation #galleryTN2	{	margin-right: 8px;	}
#gallery-navigation #galleryTN4, #gallery-navigation #galleryTN5	{	margin-right: 8px;	}
#gallery-navigation #galleryTN7, #gallery-navigation #galleryTN8	{	margin-right: 8px;	}
#gallery-navigation #galleryTN10, #gallery-navigation #galleryTN11	{	margin-right: 8px;	}
#gallery-navigation #galleryTN13, #gallery-navigation #galleryTN14	{	margin-right: 8px;	}



/*
#galleryTN1, #galleryTN2, #galleryTN3, #galleryTN4, #galleryTN5, #galleryTN6, #galleryTN7, #galleryTN8, #galleryTN9, #galleryTN10, #galleryTN11, #galleryTN12, #galleryTN13, #galleryTN14, #galleryTN15	{
	width: 42px;
	height: 42px;
	float: left;
	display: block;
	background-color: blue;
}
*/


#status	{
	float: left;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 145px;
	height: 15px;
	visibility: hidden;
}

#primary #rhs-bar	{
	position: relative;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	width: 145px;
	height: 410px;

	background-color: #FFFFFF;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity: 0.90;
}

#primary #rhs-bar	A	{
	color: #d9006e;
}

#primary #rhs-bar	H1	{
	font-size: 8pt;
	margin-top: 0;
	margin-bottom: 0.5em;
}

#primary #rhs-bar	P	{
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 11pt;
}

#content	{
	float: left;
	margin: 0;
	padding: 0;
	width: 420px;
	height: 100%;
}

#content H1	{
	margin-bottom: 0.75em;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
}

#content H2	{
	margin-bottom: 0.75em;
	font-size: 11pt;
	font-weight: bold;
	color: #0E2E56;
	border-bottom: 1px solid #C93230;
	padding-bottom: 3px;
}
#content H2	A	{
	color: #0E2E56;
}
#content H2, #content H2 A	{
	padding-bottom: 3px;
}

#content H3	{
	font-size: 9pt;
	margin-bottom: 0;

}
#content H3	A {
	color: #0E2E56;
}
#content H3.references	{
	border-top: 1px solid #9D9D9D;
	padding-top: 0.66em;
}

#content FORM	P{
	margin-bottom: 0;
}

#content FORM LABEL	{
	cursor: pointer;
}

#content BLOCKQUOTE	{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;

	background-color: #FFFFFF;

	width: 440px;
	background-repeat: no-repeat;
	background-image: url(/images/common/quote-top.gif);
	background-position: left top;
}

#content BLOCKQUOTE	P	{
	padding: 6px;
	background-repeat: no-repeat;
	background-image: url(/images/common/quote-bottom.gif);
	background-position: left bottom;
	margin-bottom: 0;
}

#content HR	{
	height: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content P, #content UL	{
	font-size: 9pt;
	margin-top: 0;
	margin-bottom: 0.75em;
	line-height: 11pt;
}
#content UL	{
	margin-left: 0;
	padding-left: 20px;
	list-style-type: square;
}

#content LI	{
	margin-bottom: 0.5em;
}

#content A	{
	text-decoration: none;
	color: #FFC425;
	color: #FF8000;
}

#content A.external	{
	background: url(/images/common/external.png) center right no-repeat;
	padding-right: 13px;
	margin-right: 3px;
}


#content .subsection .subsection	{
	border-top: 1px solid #86876B;
	padding-top: 10px;
}
#content .subsection UL	{
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	font-size: 8pt;
}

#content .subsection>UL>LI	{
	margin-bottom: 0.8em;
	border: none;
}

#content .subsection UL UL	{
	margin-left: 1em;
	border-top: 1px solid #86876B;
}

#content #gallery	{
	width: 420px;
	height: 420px;
	display: block;
}

#footer	{
	margin-top: 0px;
	font-size: 8pt;
	float: left;
	width: 595px;
}
#footer #copyright	{
/*
	float: right;
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
*/
	height: 20px;
	color: #000;
	margin-top: 10px;
}
#footer #copyright A	{
	color: #BFBFBF;
}
#footer #copyright	A SPAN	{
	display: none;
}

#footer #lsd	{
	background-image: url(/_assets/images/logo.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 175px;
	height: 110px;
	display: block;
	float: right;
	margin-top: 10px;
}

#footer #lsd SPAN	{
	display: none;
}


#portfolio-navigation ul {
	margin-left:-30px;

}
#rhs-bar #portfolio-navigation ul {
	list-style-type: none;


}

#rhs-bar h3 {
	color: #ec048d;
	font-size: 8pt;


}







#primary #rhs-bar	{
	position: relative;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	width: 145px;
	height: 410px;

	background-color: #FFFFFF;
	filter:alpha(opacity=90); 
	-moz-opacity:.90;
	opacity: 0.90;
}

#primary #rhs-bar	A	{
	color: #ec048d;	
}

#primary #rhs-bar #portfolio-navigation a {
	color: black;
}

#primary #rhs-bar a:hover {
	color: ec048d;
}

#primary #rhs-bar	H1	{
	font-size: 8.5pt;
	margin-top: 0;
	margin-bottom: 0.5em;
}

#primary #rhs-bar	P	{
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 10pt;
}

#rhs-bar ul {
	padding: 0 0 0 10px;
	margin: 0;
}

#rhs-bar ul li {
	line-height: 10pt;
}

#rhs-bar #portfolio-navigation ul {
	list-style-type: none;
}

#rhs-bar #portfolio-navigation ul li {
	position: relative;
	padding: 0;
	/* DT: Reduced the height from 50px and added a bottom margin
	   - gives a gap between list items */
	/* NB: IE 6+7 seem to add an extra 4 pixels to the gap for some reason... */
	height: 42px;
	margin: 0 0 8px;
}

#rhs-bar #portfolio-navigation ul li a {
	display: block;
	height: 42px;
	/* DT: Reduced width from 145px - was causing issues in IE6 */
	width: 135px;
}

.img_dark {
	display: block;
	background-color: #000000;
	height: 42px;
	width: 42px;
	/* DT: Need this next line to make things look right in IE 6+7
           otherwise we see the main background image through the transparent thumbnails!.. */
	filter:alpha(opacity=100);
	/* DT: I figure it does no harm to have these in as well... */
	-moz-opacity:2;
	opacity: 1;
}

#rhs-bar #portfolio-navigation ul li a img {
	/* DT: Removed this - doesn't seem to serve any purpose any more */
	/* padding-right: 10px; */
}

#rhs-bar #portfolio-navigation ul li span.imgtext, #rhs-bar #portfolio-navigation ul li span.imgtexttwoline {
	/* DT: Swapped over to using em based heights - seems a little neater, maybe... */
	/* height: 20px; */
	height: 1.2em;
	position: absolute;
	top: 50%;
	left: 50px;
	/* margin-top: -10px; */
	margin-top: -0.6em;
}

#rhs-bar #portfolio-navigation ul li span.imgtexttwoline{
	/* DT: Swapped over to using em based heights - seems a little neater, maybe... */
	/* height: 40px;
	margin-top: -18px; */
	height: 2.6em;
	margin-top: -1.3em;
}