/* ------------------------------------------------- Reset and Utility Stuff */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
img.left, a.left { float: left; margin: 2px 20px 16px 0; }
img.right, a.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
body { font: 0.8125em Arial, Helvetica, sans-serif; line-height: 1; background:url(/Images/Common/tile.jpg); color:#333333; }
div#Container { width: 924px; margin: 0 auto; position: relative; background-color: #FFF;  }

/* Visible vertical scrollbar which disables correctly, allows normal horizontal scrollbar behaviour  */
html {
 overflow-y: scroll;
} 

/* ------------------------------------------------- Typography */

a img { border: none; }
a:link, a:visited { color: #D1005E; text-decoration: underline; font-weight: bold; }
a:hover { color: #000; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
h1, h2, h3, h4, h5  
{	
	padding: 0 10px; 
	color: #d1005e; 
	line-height: 1.3;
}
h1  
{	
	font-size: 2.3em; 
	font-weight: normal;  
	margin: 0 0 0.4em 0;   
	color: #666666;
	line-height: 1.2em;
}
h2 
{ 
	font-size: 1.1em; 
	font-weight: bold; 
	margin: 0 0 0.3em 0;  
	letter-spacing: normal;	
	line-height: 1.2em;
}
h3 { font-size: 1.1em;  font-weight: bold; margin: 0 0 0.3em 0; line-height: 1.2em;  }
h4 { font-size: 0.9em; font-weight: bold; margin: 0 0 0.3em 0; font-style: italic;  }
h5 { font-size: 0.7em; font-weight: bold; margin: 0 0 0.3em 0; }
ul, ol { list-style: none; padding: 0 40px 0 30px; margin: 0 0 0.3em 0; }
li { padding-bottom: 1em; line-height: 1em;}
div#Body ul, div#Body ol { list-style-type: disc; list-style-image: url(/Images/Common/bullet.gif); }
blockquote, pre { padding: 0.25em 10px; }
cite { display:block; padding: 0.25em 10px;}
blockquote { font-style: italic; font-size: 1em; margin: 0.25em 0; }
pre, code { font: 1em Courier, monospace; }
pre { line-height: 1.5em; }
pre strong { font-size: 1em; font-weight: bold; }
p { text-align: left; line-height: 1.4em; margin: 0 0 0.8em 0; font-size: 1em; padding: 0 10px; color: #333333; }
p.intro { font-size: 1.2em; }

/* ------------------------------------------------- Body (non page-specific) */
div#ContainerInner
{
	display: block;
	float: left;
	width: 100%;
	background-color: #FFF;	
	padding:0 10px 10px 10px;
}
div#PageBG 
{ 
	display: block; 
	float: left; 
	width: 100%; 
	margin-bottom: 20px;
}
div#Body
{
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

div#Body div.Content
{
	display: inline;
	float: left;
	width: 425px;
	margin: 0 0 10px 22px;
}

div#Body div.Content li
{
	line-height: 1.4;
	padding-bottom: 0.5em;
}

div#Body div.Content h3
{
	padding-top: 1em; 
}

div#Body div.SecondaryNav
{
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 10px 0;	
	font-size: 0.9em;	
	clear: left;
	padding-top: 20px;
	background-image: url(/Images/Common/LeftNavTop.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

div#Body div.SecondaryNav ul
{
	display: block;
	float: left;
	width: 100%;
	padding: 0 0 20px 0;		
	margin: 0px;
	background-image: url(/Images/Common/LeftNavBottom.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-top: solid 1px #dbdbdb;
}

div#Body div.SecondaryNav ul li
{
	display: block;
	float: left;
	width: 100%;		
	padding: 0;
	overflow: hidden;
	height: 25px;
	line-height: 25px;	
	font-weight: bold;	
	background-image: url(/Images/Common/Nav/secondary-pale-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color:#4c4c4c;
	border-bottom: solid 1px #dbdbdb;
}

div#Body div.SecondaryNav ul li span
{
	display: block;
	float: left;
	width: 180px;
	padding: 0 10px;
	color: #D1005E;			
}

div#Body div.SecondaryNav ul li a span
{
	background-image: none;
	cursor: pointer;
	color: #4c4c4c;
}

div#Body div.SecondaryNav ul li a:link,
div#Body div.SecondaryNav ul li a:visited
{
	display: block;
	float: left;
	width: 200px;
	border: 0px;
	padding: 0px;	
	background-color: #FFF;	
	color: #4c4c4c;	
	text-decoration: none;
}
div#Body div.SecondaryNav ul li a:hover
{
	background: none;	
	border: 0px;
	background-image: url(/Images/Common/Nav/secondary-dark-left.gif);
}

/* ------------------------------------------------- Customise */
div#Customise
{
	display: block;
	float: left;
	width: 100%;
	background-color: #a42752;
	height: 30px;
}

a.Customise:link,
a.Customise:visited
{
	display: inline;
	float: left;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	height: 30px;
	line-height: 29px;
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 27px;
	background-image: url(/Images/Common/plus.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}

a.Customise:hover,
a.Customise:active
{
	background-color: Transparent;
	color: #CCC;
}

div#Customise h3
{
	text-transform: uppercase;
	letter-spacing: 0px;
	display: inline;
	margin: 0 0 0 0;
	font-weight: normal;
	color: #f8d2df;
	font-size: 0.8em;	
	height: 30px;
	line-height: 26px;
}
div#Customise h3 strong
{
	font-size: 1.3em;
	font-weight: normal;
	color: #FFF;
	position: relative;
	top: 1px;
}
div#Customise div.Search
{
	display: inline;
	float: right;	
	margin: 0 0 0 0;
	height: 30px;
	width: 260px;	
}

div#Customise .QuickSearchBox
{
	position: absolute;
	top: 5px;
	right: 74px;
	background-color: #731a39;
	border: solid 1px #f47da6;
	color: #FFF;
}

div#Customise .QuickSearchButton
{
	position: absolute;
	top: 3px;
	right: 6px;	
}

div#Customise .CustomiseArrow
{
	position: absolute;
	top: 10px;
	left: 7px;
}

div.CustomiseExpanded
{
	display: block;
	float: left;
	width: 100%;
	background-color: #b2b2b2;
}

div.FontSize,
div.Colour,
div.BackgroundColour
{
	display: inline;
	float: left;
	width: 285px;
	height: 95px;
	margin: 0 0 0 20px;
}


div.FontSize p,
div.Colour p,
div.BackgroundColour p
{
	padding: 15px 0 15px 0;
	margin: 0;
	font-weight: bold;
}

div.FontSize input,
div.Colour input,
div.BackgroundColour input
{
	display: inline;
	float: left;
	padding: 0 0 0 0;
	margin: 3px 0 0 0;	
}

div.FontSize label,
div.Colour label,
div.BackgroundColour label
{
	display: inline;
	float: left;
	padding: 0 10px 0 3px;
	margin: 0;	
}

div.FontSize label img,
div.Colour label img,
div.BackgroundColour label img
{
	cursor: pointer;
}

div.SaveSettings
{
	display: block;
	float: left;
	width: 100%;
	border-top: solid 1px #CCC;
	text-align: center;
	padding: 10px 0 10px 0;
	background-color: #9F9F9F;
}

/* ------------------------------------------------- Header */
div#Header
{
	display: block;
	float: left;
	width: 100%;
	height: 77px;
}
div#Header a
{
	border: 0px;
}
div#Header h2
{
	display: inline;
	float: left;
	width: 222px;
	height: 40px;
	margin: 23px 0 22px 0;	
	padding:0;
}
div#Header h2 a:link,
div#Header h2 a:visited
{
	display: inline;
	float: left;
	width: 222px;
	text-transform: uppercase;
	/* image replacement */
	padding: 40px 0 0 0;
	overflow: hidden;
	background-image: url(/Images/Common/FlipsideDigitalLogo.png);
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:40px;
}

div.PrimaryNav
{
	display: inline;
	float: right;	
	width: 650px;
	height: 25px;
	margin: 24px 0 0 0;
	position: relative;
}

div.PrimaryNav ul
{
	display: inline;
	float: left;	
	height: 25px;
	padding: 0 0 0 0;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0.9em;
	margin:0 5px 0 0;
}

div.PrimaryNav ul li
{
	display: inline;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0;
	font-weight: bold;
	background-color: #FFF;
	color: #D1005E;
	margin: 0 0 0 32px;
	letter-spacing: 1px;	

	color: #58585a;
	font-size:16px;
	letter-spacing:-1px;
	background-image: none;	
	text-decoration: none;
}


div.PrimaryNav ul li a:link,
div.PrimaryNav ul li a:visited
{
	display: inline;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 0;	
	background-color: #FFF;
	color: #58585a;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	background-image: none;	
	text-decoration: none;
}


div.PrimaryNav ul li a span.parent
{
	color: #D1005E;	
}

div.PrimaryNav ul li a:hover span.parent,
div.PrimaryNav ul li a:active span.parent
{
	/* to do */
}

div.PrimaryNav ul li a:hover,
div.PrimaryNav ul li a:active
{		
    color:#d1005e !important
}



/* ------------------------------------------------- Footer */
div#Footer
{
	clear:both;
	height:100px;
	width: 100%;	
	padding-bottom: 10px;
	background-color: #6b1936;
}

div#Footer div.FooterNav
{
	display: inline;
	float: left;
	width: 100%;
	height: 50px;		
	color: #FFF;
}

div#Footer div.FooterNav p,
div#Footer div.FooterNav li
{
	font-size: 0.9em;
	padding-bottom: 0;
}

div#Footer div.FooterNav ul
{
	display: inline;
	float: right;
	margin: 20px 10px 0 0px;
	padding: 0 0 0 0;	
}

div#Footer div.FooterNav ul li
{
	display: inline;
	float: left;
	margin: 0 0 0 20px;	
	font-weight: bold;
	color: #FFF;
	padding-bottom: 0;
}

div#Footer div.FooterNav ul li a:link span.parent,
div#Footer div.FooterNav ul li a:visited span.parent
{
	color: #FFF;
}

div#Footer div.FooterNav ul li a:link,
div#Footer div.FooterNav ul li a:visited
{
	color: #f8d2df;
	letter-spacing: 0.5px;
	font-weight: normal;
	text-decoration: none;
}

div#Footer div.FooterNav ul li a:hover,
div#Footer div.FooterNav ul li a:active
{
	color: #FFF;	
	background: none;
}


div#Footer p.Copyright
{
	display: inline;
	float: left;
	margin: 20px 0 0 0;	
	color: #FFF;
}

div#Footer div.FooterUtility
{
	
	float: left;
	width: 100%;
	height: 38px;		
	color: #c5c2b1;
	padding-top: 10px;
}

div#Footer div.FooterUtility p,
div#Footer div.FooterUtility li
{
	font-size: 0.8em;
	padding-bottom: 0;
}

div#Footer div.FooterUtility p
{
	display: inline;
	float: right;	

	color: #f8d2df;
}

div#Footer div.FooterUtility p a:link,
div#Footer div.FooterUtility p a:visited
{
	text-transform: uppercase;
	color: #a60c48;
	text-decoration: none;
}

div#Footer div.FooterUtility p a:hover,
div#Footer div.FooterUtility p a:active
{
	background: none;		
	color: #FFF;
}

div#Footer div.FooterUtility ul
{
	display: inline;
	float: left;	
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}

div#Footer div.FooterUtility ul li
{
	display: inline;
	float: left;
	font-weight: bold;	
	padding: 0 10px 0 10px;
	border-left: solid 1px #52504a;
	color: #FFF;
}

div#Footer div.FooterUtility ul li.first
{			
	padding-left: 0;
	border-left-width: 0px;
}

div#Footer div.FooterUtility ul li a:link,
div#Footer div.FooterUtility ul li a:visited
{
	color: #f8d2df;
	text-decoration: none;	
}

div#Footer div.FooterUtility ul li a:active,
div#Footer div.FooterUtility ul li a:hover
{
	background: none;
	color: #FFF;	
}

/* ------------------------------------------------- Home Template */
div.Homepage div.Column
{
	display: inline;
	float: left;	
	margin: 0;
}


/* ------------------------------------------------- Portfolio */
div#Body div.PortfolioTopRow
{
	display: inline;
	float: left;
	width: 100%;	
	background-image: url(/Images/Narrow/portfolio-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

div.PortfolioHome div.PortfolioTitle,
div.PortfolioProject div.PortfolioTitle
{
	display: inline;
	float: left;
	width: 190px;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;	
	height:100px;	
}

div.ShowreelTitle
{
	display: inline;
	float: left;
	width: 200px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;			
	background-image: url(/Images/Portfolio/Headings/ShowreelBG.gif);
	background-position: left top;	
	background-repeat: no-repeat;
}

div.PortfolioHome div.PortfolioTitle a:link,
div.PortfolioHome div.PortfolioTitle a:visited,
div.PortfolioProject div.PortfolioTitle a:link,
div.PortfolioProject div.PortfolioTitle a:visited
{
	border-bottom-width: 0px;
	padding: 0 0 0 0;
	background-color: Transparent;
}

div.PortfolioHome div#PortfolioTopLevelNav,
div.PortfolioProject div#PortfolioTopLevelNav
{
	position: relative;
	display: inline;
	float: left;
	width: 714px;
	margin: 0 0 10px 10px;	
	height:100px;
	/* Temp until AJAX overwrites */
	overflow: scroll;
}

div.PortfolioHome div.Column
{
	display: inline;
	float: left;
	width: 724px;		
}

div.PortfolioProject div.ContentWrapper
{
	display: inline;
	float: left;
	width: 724px;	
	padding-top: 20px;
}

div#Body div.PortfolioProject div.Content
{
	width: 490px;		
}

div.PortfolioHome div.MainFeature
{
	display: inline;
	float: left;
	width: 440px;
	margin: 0 0 0 0px;	
	height:259px;
	padding: 18px;
	background-image: url(/Images/Portfolio/FeaturedBG.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div.PortfolioHome div.MainFeature a 
{
	border:0;
}
	
#main-feature-flash
{
	float: left;
	background:#f2f2f2;	
	margin: 0;
	padding:0;
	width: 439px;
	height: 260px;	
}

#monoSlideshow
{
	border: 0;
	width: 439px;
	height: 260px;	
}

div.PortfolioHome div.RecentProjects,
div.PortfolioProject div.ProjectOverview
{
	display: inline;
	float: left;
	width: 238px;
	margin: 0 0 0 0;	
	padding: 0;
	background-image: url(/Images/Portfolio/TextBG.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div.PortfolioHome div.RecentProjects 
{
	height:330px;
}

div.PortfolioProject div.ProjectOverview
{	
	width: 470px;	
	background-image: none; 
	padding-bottom: 10px;
}

div.PortfolioHome div.RecentProjects h1
{	
	display: inline;
	float: left;
	font-size: 21px;
	margin: 30px 30px 10px 30px;
	padding: 0 0 0 0;
}

div.PortfolioHome div.RecentProjects h3
{
	padding: 0 30px;
}

div.PortfolioHome div.RecentProjects p
{
	clear: left;
	padding: 0 30px;
	font-size: 13px;
}

div.PortfolioHome div.SupportFeature1,
div.PortfolioHome div.SupportFeature2,
div.PortfolioHome div.SupportFeature3,
div.PortfolioProject div.SimilarProjects
{
	display: inline;
	float: left;
	width: 233px;
	margin: 0 0px 0 0;	
	padding: 0 0 0 0;	
}

div.PortfolioHome div.SupportFeature1
{
	margin-left: 5px;
}


div.PortfolioProject div.ServicesProvided
{
	display: inline;
	float: left;
	width: 450px;
	margin: 0 0 0 0;	
	padding: 20px 0 20px 0;	
}

div.PortfolioProject div.SimilarProjects
{
	display: inline;
	float: right;
	width: 204px;		
	clear: right;
	margin-right: 5px;		
	overflow:hidden;
	background-image: url(/Images/Common/right/top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.PortfolioProject div.SimilarProjects h4
{	
	line-height: 1.2;
	font-size: 1.4em;
	font-weight: normal;
	font-style: normal;
	margin: 25px 20px 5px 20px;
	padding: 0 0 0 0;
}

div.PortfolioProject div.SimilarProjects ul
{
	float: left;
	width: 164px;	
	list-style-type: none;
	padding: 0 20px 20px 20px;
}

div.PortfolioProject div.SimilarProjects ul li
{
	float: left;
	width: 164px;		
	list-style-type: none;
	list-style-image: none;	
	padding-bottom: 0.5em;
}

div.PortfolioProject div.SimilarProjects ul li a:link,
div.PortfolioProject div.SimilarProjects ul li a:visited
{
	float: left;
	width: 144px;		
	padding: 0 0 0 20px;
	line-height: 1.3em;	
	background-image: url(/Images/Common/Featured/Arrow.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;		
}

div.PortfolioProject div.SimilarProjects ul li a:hover,
div.PortfolioProject div.SimilarProjects ul li a:active
{
	background-color: #FFF;
	background-image: url(/Images/Common/Featured/Tick.gif);	
}

div.PortfolioProject div.CallToAction
{
	clear:both;
	float:right;
}

div.PortfolioProject div.ServicesProvided h3,
div.PortfolioProject div.SimilarProjects h3
{		
	font-weight:normal;
	line-height:1.1;	
	color: #666666;
	padding-bottom: 10px;
}

div.PortfolioHome div.SupportFeature1 span,
div.PortfolioHome div.SupportFeature2 span,
div.PortfolioHome div.SupportFeature3 span
{
	display: inline;
	float: left;
	width: 238px;
	padding: 0 0;
	text-align: center;
}

div.PortfolioHome div.SupportFeature1 a,
div.PortfolioHome div.SupportFeature2 a,
div.PortfolioHome div.SupportFeature3 a
{
	display: inline;
	float: left;
	border:0px solid #dedede;
	line-height: 1.4;
	color: #f7931d;
	font-weight: bold;
	font-size: 0.85em;	
}

div.PortfolioHome div.SupportFeature1 a:hover,
div.PortfolioHome div.SupportFeature2 a:hover,
div.PortfolioHome div.SupportFeature3 a:hover
{
	display: inline;
	float: left;
	margin: 0 0 0 0;	
	padding: 0 0 0 0;	
	background-color: Transparent;	
	color: #666;
}



div.PortfolioHome div.SupportFeature3
{
	width: 233px;
}

div.PortfolioHome div.CallToAction
{
	display: inline;
	float: left;	
	width: 714px;
	margin: 0 0 0 0;		
	padding: 40px 0 15px 0;	
}

div.PortfolioHome div.CallToAction a:link,
div.PortfolioHome div.CallToAction a:visited
{
	float: right;
	border-bottom-width: 0px;	
	margin-right: 20px;
	
}

div.PortfolioProject div.CallToAction a:link,
div.PortfolioProject div.CallToAction a:visited
{
	border-bottom-width: 0px;	
}

div.PortfolioHome div.CallToAction a:hover,
div.PortfolioHome div.CallToAction a:active,
div.PortfolioProject div.CallToAction a:hover,
div.PortfolioProject div.CallToAction a:active
{
	background-color: Transparent;
}

div.PortfolioProject div.VisualsOrVideo
{
	display: inline;
	float: left;
	width: 472px;
	margin: 0 0 0 10px;	
	height: 348px;	
	border: 1px solid #CCC;	
	background-color: #EEEEEE;
	/* background-image: url(/Images/Portfolio/ProjectFeature.gif);
	background-position: left top;
	background-repeat: no-repeat; */
}
div.PortfolioProject div.VisualsOrVideo .Inner
{
	display: inline;
	float: left;	
	margin: 8px 0 0 8px;			
}


div.PortfolioProject div.Column
{
	display: inline;
	float: left;
	width: 200px;
}
div.PortfolioProject div.ShowreelVideo
{
	display: inline;
	float: left;
	width: 714px;
	margin: 0 0 10px 10px;	
	height: 440px;	
}
#ShowreelPlaceholder
{
	position: absolute;
	top: 92px;
	left: 210px;
}
div.PortfolioProject div.ShowreelCallToAction
{
	display: inline;
	float: left;
	width: 714px;
	margin: 0 0 10px 10px;
	background-color: #F2F2F2;
	height:100px;
}

div.PortfolioProject div.ServicesProvided ul,
div.PortfolioProject div.CallToAction ul
{
	display: inline;
	float: left;
	width: 450;
	padding: 0 0 0 15px;	
}

div#Body div.PortfolioProject div.ServicesProvided ul li
{
	display: inline;
	float:left;
	width: 200px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

div.PortfolioProject div.ServicesProvided ul li a:link,
div.PortfolioProject div.ServicesProvided ul li a:visited
{
	display: inline;
	float:left;
	width: 180px;		
	line-height:1.1em;
	list-style-type:none;
	margin:0;
	padding: 3px 0 3px 20px;	
	background-image:url(/Images/Common/Featured/Arrow.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
}

div.PortfolioProject div.SimilarProjects ul li
{
	float:left;
	width: 164px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}
div.PortfolioProject div.SimilarProjects ul li a:link,
div.PortfolioProject div.SimilarProjects ul li a:visited
{
	background-image:url(/Images/Common/Featured/Arrow.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	border-bottom-width:0;	
	float:left;	
	line-height:1.1em;
	list-style-type:none;
	margin:0;
	padding:5px 0 5px 20px;
	width:144px;
}


div.PortfolioProject div.ServicesProvided ul li a:hover,
div.PortfolioProject div.ServicesProvided ul li a:active,
div.PortfolioProject div.SimilarProjects ul li a:hover,
div.PortfolioProject div.SimilarProjects ul li a:active
{
	background-color:#FFFFFF;
	background-image:url(/Images/Common/Featured/Tick.gif);
}

/* Temporary - for Services Provided list items that are not yet links */
div.PortfolioProject div.ServicesProvided ul li span
{
	background-image:url(/Images/Common/Featured/Arrow.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	border-bottom-width:0;	
	float:left;
	font-weight:normal;
	line-height:1.1em;
	list-style-type:none;
	margin:0;
	padding: 3px 0 3px 20px;
	width:182px;
}


/* ------------------------------------------------- Portfolio Slider */
div#SliderContainer
{
	position: relative;
	display: inline;
	float: left;
	margin: 5px 0 0 10px;
	width: 694px;
	height: 10px;	
	visibility: hidden;	/* this is hidden and only shown if the user has js */
}

div#SliderLeft
{
	display: inline;
	float: left;	
	height: 10px;
	width: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #bebebe;
	background-image: url(/Images/Portfolio/SliderLeft.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div#SliderRight
{
	display: inline;
	float: left;	
	height: 10px;
	width: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #bebebe;
	background-image: url(/Images/Portfolio/SliderRight.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div#SliderRail
{
	display: inline;
	float: left;	
	height: 10px;
	position: absolute;
	top: 0px;
	left: 11px;
	background-color: #bebebe;
}

div#SliderHandle
{	
	position: absolute;
	height: 10px;		
	z-index: 999;
}

div#SliderHandleImage
{
	position: absolute;	
	height: 10px;	
	background-color: #8e8e8e;		
}



div#Body div#PortfolioTopLevelNav ul
{
	display: inline;
	float: left;
	padding: 0 5px 0 0;
	height: 75px;	
	overflow: visible;
	margin: 0 0 0 0;
}
div#Body div#PortfolioTopLevelNav ul li
{
	display: inline;
	float: left;
	padding: 0 0 0 0;
	height: 60px;
	margin: 10px 0 0 12px;	
	background-color: #c8c8c8;
}
div#Body div#PortfolioTopLevelNav ul li a:link,
div#Body div#PortfolioTopLevelNav ul li a:visited
{	
}

div#Body div#PortfolioTopLevelNav ul li span
{
	display: inline;
	float: left;
	padding: 11px 10px 0 90px;
	height: 49px;
	width: 75px;	
	margin: 0 0 0 0px;	
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(/Images/Portfolio/ItemBGCurrent.gif);	
	text-align: left;
}

div#Body div#PortfolioTopLevelNav ul li a span
{	
	color: #5E5E5E;
	background-image: url(/Images/Portfolio/ItemBG.gif);
}

div#Body div#PortfolioTopLevelNav ul li a:hover span,
div#Body div#PortfolioTopLevelNav ul li a:active span
{	
	color: #EEE;
	cursor: pointer;
	background-image: url(/Images/Portfolio/ItemBGHover.gif);
}

div#Body div.SupportiveBrandMessages
{
	
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding:0;
	background-color: #FFFFFF;
	height:100px;
}

/* ------------------------------------------------- Portfolio Images */

/* -------------------- Home */
div#Body div#PortfolioTopLevelNav ul li#PortNavShowreel a span { background-image: url(/Images/Portfolio/Home/Showreel.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavShowreel a:hover span { background-image: url(/Images/Portfolio/Home/ShowreelHover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavWebsiteDesign a span { background-image: url(/Images/Portfolio/Home/WebDesign.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavWebsiteDesign a:hover span { background-image: url(/Images/Portfolio/Home/WebDesignHover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavEcommerce a span { background-image: url(/Images/Portfolio/Home/Ecommerce.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavEcommerce a:hover span { background-image: url(/Images/Portfolio/Home/EcommerceHover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavFlash a span { background-image: url(/Images/Portfolio/Home/Flash.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavFlash a:hover span { background-image: url(/Images/Portfolio/Home/FlashHover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavEmailMarketing a span { background-image: url(/Images/Portfolio/Home/EmailMarketing.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavEmailMarketing a:hover span { background-image: url(/Images/Portfolio/Home/EmailMarketingHover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavIntranetAndExtranet a span { background-image: url(/Images/Portfolio/Home/IntranetExtranet.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavIntranetAndExtranet a:hover span { background-image: url(/Images/Portfolio/Home/IntranetExtranetHover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavIntranetAndExtranet a span { background-image: url(/Images/Portfolio/Home/IntranetExtranet.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavIntranetAndExtranet a:hover span { background-image: url(/Images/Portfolio/Home/IntranetExtranetHover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavSearchEngineMarketing a span { background-image: url(/Images/Portfolio/Home/SearchEngineMarketing.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavSearchEngineMarketing a:hover span { background-image: url(/Images/Portfolio/Home/SearchEngineMarketingHover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavInteractiveCD-Roms a span { background-image: url(/Images/Portfolio/Home/InteractiveCDRom.gif); }
div#Body div#PortfolioTopLevelNav ul li#PortNavInteractiveCD-Roms a:hover span { background-image: url(/Images/Portfolio/Home/InteractiveCDRomHover.gif); }

/* -------------------- Web Design */

/* copy this one to create more web design
div#Body div#PortfolioTopLevelNav ul li#PASTEHERE a span { background-image: url(/Images/Portfolio/Website-Design/PASTEHERE/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#PASTEHERE a:hover span { background-image: url(/Images/Portfolio/Website-Design/PASTEHERE/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PASTEHERE span { background-image: url(/Images/Portfolio/Website-Design/PASTEHERE/selected.gif); }
*/

/* Bomber Command */
div#Body div#PortfolioTopLevelNav ul li#WebDesignBomberCommand a span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignBomberCommand a:hover span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignBomberCommand span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/selected.gif); }

/* Capcom */
div#Body div#PortfolioTopLevelNav ul li#WebDesignCapcom a span { background-image: url(/Images/Portfolio/Website-Design/Capcom/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignCapcom a:hover span { background-image: url(/Images/Portfolio/Website-Design/Capcom/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignCapcom span { background-image: url(/Images/Portfolio/Website-Design/Capcom/selected.gif); }

/* Hurtwood House */
div#Body div#PortfolioTopLevelNav ul li#WebDesignHurtwoodHouse a span { background-image: url(/Images/Portfolio/Website-Design/Hurtwood-house/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignHurtwoodHouse a:hover span { background-image: url(/Images/Portfolio/Website-Design/Hurtwood-house/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignHurtwoodHouse span { background-image: url(/Images/Portfolio/Website-Design/Hurtwood-house/selected.gif); }

/* Make-A-Wish */
div#Body div#PortfolioTopLevelNav ul li#WebDesignMake-A-WishFoundationUK a span { background-image: url(/Images/Portfolio/Website-Design/Make-A-Wish/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignMake-A-WishFoundationUK a:hover span { background-image: url(/Images/Portfolio/Website-Design/Make-A-Wish/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignMake-A-WishFoundationUK span { background-image: url(/Images/Portfolio/Website-Design/Make-A-Wish/selected.gif); }

/* National Garden Scheme */
div#Body div#PortfolioTopLevelNav ul li#WebDesignNationalGardenScheme a span { background-image: url(/Images/Portfolio/Website-Design/National-Garden-Scheme/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignNationalGardenScheme a:hover span { background-image: url(/Images/Portfolio/Website-Design/National-Garden-Scheme/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignNationalGardenScheme span { background-image: url(/Images/Portfolio/Website-Design/National-Garden-Scheme/selected.gif); }

/* Ramsac */
div#Body div#PortfolioTopLevelNav ul li#WebDesignRamsac a span { background-image: url(/Images/Portfolio/Website-Design/Ramsac/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignRamsac a:hover span { background-image: url(/Images/Portfolio/Website-Design/Ramsac/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignRamsac span { background-image: url(/Images/Portfolio/Website-Design/Ramsac/selected.gif); }

/* Royal Surrey */
div#Body div#PortfolioTopLevelNav ul li#WebDesignRoyalSurreyCountyHospital a span { background-image: url(/Images/Portfolio/Website-Design/RSCH/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignRoyalSurreyCountyHospital a:hover span { background-image: url(/Images/Portfolio/Website-Design/RSCH/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignRoyalSurreyCountyHospital span { background-image: url(/Images/Portfolio/Website-Design/RSCH/selected.gif); }

/* Spain on Show */
div#Body div#PortfolioTopLevelNav ul li#WebDesignSpainonShow a span { background-image: url(/Images/Portfolio/Website-Design/Spain-on-show/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignSpainonShow a:hover span { background-image: url(/Images/Portfolio/Website-Design/Spain-on-show/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignSpainonShow span { background-image: url(/Images/Portfolio/Website-Design/Spain-on-show/selected.gif); }

/* Trixter */
div#Body div#PortfolioTopLevelNav ul li#WebDesignTrixter a span { background-image: url(/Images/Portfolio/Website-Design/Trixter/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignTrixter a:hover span { background-image: url(/Images/Portfolio/Website-Design/Trixter/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#WebDesignTrixter span { background-image: url(/Images/Portfolio/Website-Design/Trixter/selected.gif); }

/* -------------------- Email Marketing */

/* copy this one to create more email marketing
div#Body div#PortfolioTopLevelNav ul li#PASTEHERE a span { background-image: url(/Images/Portfolio/Email-Marketing/PASTEHERE/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#PASTEHERE a:hover span { background-image: url(/Images/Portfolio/Email-Marketing/PASTEHERE/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#PASTEHERE span { background-image: url(/Images/Portfolio/Email-Marketing/PASTEHERE/selected.gif); }
*/

/* Bomber Command */
div#Body div#PortfolioTopLevelNav ul li#EmailBomberCommand a span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#EmailBomberCommand a:hover span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#EmailBomberCommand span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/selected.gif); }

/* Capcom */
div#Body div#PortfolioTopLevelNav ul li#EmailCapcom a span { background-image: url(/Images/Portfolio/Website-Design/Capcom/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#EmailCapcom a:hover span { background-image: url(/Images/Portfolio/Website-Design/Capcom/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#EmailCapcom span { background-image: url(/Images/Portfolio/Website-Design/Capcom/selected.gif); }

/* Compass */
div#Body div#PortfolioTopLevelNav ul li#EmailCompassManagementConsultancy a span { background-image: url(/Images/Portfolio/Email-Marketing/Compass/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#EmailCompassManagementConsultancy a:hover span { background-image: url(/Images/Portfolio/Email-Marketing/Compass/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#EmailCompassManagementConsultancy span { background-image: url(/Images/Portfolio/Email-Marketing/Compass/selected.gif); }

/* Make-A-Wish */
div#Body div#PortfolioTopLevelNav ul li#EmailMake-A-WishFoundationUK a span { background-image: url(/Images/Portfolio/Website-Design/Make-A-Wish/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#EmailMake-A-WishFoundationUK a:hover span { background-image: url(/Images/Portfolio/Website-Design/Make-A-Wish/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#EmailMake-A-WishFoundationUK span { background-image: url(/Images/Portfolio/Website-Design/Make-A-Wish/selected.gif); }

/* -------------------- Intranet & Extranet */

/* copy this one to create more intranet & extranet
div#Body div#PortfolioTopLevelNav ul li#IntranetPASTEHERE a span { background-image: url(/Images/Portfolio/Intranet-Extranet/PASTEHERE/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetPASTEHERE a:hover span { background-image: url(/Images/Portfolio/Intranet-Extranet/PASTEHERE/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetPASTEHERE span { background-image: url(/Images/Portfolio/Intranet-Extranet/PASTEHERE/selected.gif); }
*/

/* Dance Teachers */
div#Body div#PortfolioTopLevelNav ul li#IntranetDanceTeachers a span { background-image: url(/Images/Portfolio/Intranet-Extranet/Dance-teachers/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetDanceTeachers a:hover span { background-image: url(/Images/Portfolio/Intranet-Extranet/Dance-teachers/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetDanceTeachers span { background-image: url(/Images/Portfolio/Intranet-Extranet/Dance-teachers/selected.gif); }

/* Dairy Crest */
div#Body div#PortfolioTopLevelNav ul li#IntranetDairyCrest a span { background-image: url(/Images/Portfolio/Intranet-Extranet/Dairy-crest/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetDairyCrest a:hover span { background-image: url(/Images/Portfolio/Intranet-Extranet/Dairy-crest/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetDairyCrest span { background-image: url(/Images/Portfolio/Intranet-Extranet/Dairy-crest/selected.gif); }

/* Heathrow Express */
div#Body div#PortfolioTopLevelNav ul li#IntranetHeathrowExpress a span { background-image: url(/Images/Portfolio/Intranet-Extranet/Heathrow-Express/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetHeathrowExpress a:hover span { background-image: url(/Images/Portfolio/Intranet-Extranet/Heathrow-Express/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetHeathrowExpress span { background-image: url(/Images/Portfolio/Intranet-Extranet/Heathrow-Express/selected.gif); }

/* Fetch */
div#Body div#PortfolioTopLevelNav ul li#IntranetFetch a span { background-image: url(/Images/Portfolio/Intranet-Extranet/Fetch/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetFetch a:hover span { background-image: url(/Images/Portfolio/Intranet-Extranet/Fetch/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetFetch span { background-image: url(/Images/Portfolio/Intranet-Extranet/Fetch/selected.gif); }

/* Travel Uni */
div#Body div#PortfolioTopLevelNav ul li#IntranetTravelUni a span { background-image: url(/Images/Portfolio/Intranet-Extranet/Travel-Uni/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetTravelUni a:hover span { background-image: url(/Images/Portfolio/Intranet-Extranet/Travel-Uni/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#IntranetTravelUni span { background-image: url(/Images/Portfolio/Intranet-Extranet/Travel-Uni/selected.gif); }


/* -------------------- Search Engine Marketing */

/* copy this one to create more search engine marketing
div#Body div#PortfolioTopLevelNav ul li#SEMPASTEHERE a span { background-image: url(/Images/Portfolio/Search-Engine-Marketing/PASTEHERE/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMPASTEHERE a:hover span { background-image: url(/Images/Portfolio/Search-Engine-Marketing/PASTEHERE/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMPASTEHERE span { background-image: url(/Images/Portfolio/Search-Engine-Marketing/PASTEHERE/selected.gif); }
*/

/* All Vehicle Solutions */
div#Body div#PortfolioTopLevelNav ul li#SEMAllVehicleSolutions a span { background-image: url(/Images/Portfolio/Website-Design/All-vehicle/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMAllVehicleSolutions a:hover span { background-image: url(/Images/Portfolio/Website-Design/All-vehicle/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMAllVehicleSolutions span { background-image: url(/Images/Portfolio/Website-Design/All-vehicle/selected.gif); }

/* La Joie De Vivre */
div#Body div#PortfolioTopLevelNav ul li#SEMLaJoieDeVivre a span { background-image: url(/Images/Portfolio/Website-Design/La-Joie-De-Vivre/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMLaJoieDeVivre a:hover span { background-image: url(/Images/Portfolio/Website-Design/La-Joie-De-Vivre/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMLaJoieDeVivre span { background-image: url(/Images/Portfolio/Website-Design/La-Joie-De-Vivre/selected.gif); }

/* Metalflake */
div#Body div#PortfolioTopLevelNav ul li#SEMMetalflake a span { background-image: url(/Images/Portfolio/Search-Engine-Marketing/Metalflake/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMMetalflake a:hover span { background-image: url(/Images/Portfolio/Search-Engine-Marketing/Metalflake/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMMetalflake span { background-image: url(/Images/Portfolio/Search-Engine-Marketing/Metalflake/selected.gif); }

/* Ramsac */
div#Body div#PortfolioTopLevelNav ul li#SEMRamsac a span { background-image: url(/Images/Portfolio/Website-Design/Ramsac/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMRamsac a:hover span { background-image: url(/Images/Portfolio/Website-Design/Ramsac/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SEMRamsac span { background-image: url(/Images/Portfolio/Website-Design/Ramsac/selected.gif); }

/* -------------------- Social Media */

/* Bomber Command */
div#Body div#PortfolioTopLevelNav ul li#SocialMediaBomberCommand a span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaBomberCommand a:hover span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaBomberCommand span { background-image: url(/Images/Portfolio/Website-Design/Bomber-Command/selected.gif); }

/* Capcom */
div#Body div#PortfolioTopLevelNav ul li#SocialMediaCapcom a span { background-image: url(/Images/Portfolio/Website-Design/Capcom/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaCapcom a:hover span { background-image: url(/Images/Portfolio/Website-Design/Capcom/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaCapcom span { background-image: url(/Images/Portfolio/Website-Design/Capcom/selected.gif); }

/* La Joie De Vivre */
div#Body div#PortfolioTopLevelNav ul li#SocialMediaLaJoieDeVivre a span { background-image: url(/Images/Portfolio/Website-Design/La-Joie-De-Vivre/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaLaJoieDeVivre a:hover span { background-image: url(/Images/Portfolio/Website-Design/La-Joie-De-Vivre/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaLaJoieDeVivre span { background-image: url(/Images/Portfolio/Website-Design/La-Joie-De-Vivre/selected.gif); }

/* GoCarShare */
div#Body div#PortfolioTopLevelNav ul li#SocialMediaGoCarShare a span { background-image: url(/Images/Portfolio/Social-Media/GoCarShare/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaGoCarShare a:hover span { background-image: url(/Images/Portfolio/Social-Media/GoCarShare/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaGoCarShare span { background-image: url(/Images/Portfolio/Social-Media/GoCarShare/selected.gif); }

/* Nirvana Spa */
div#Body div#PortfolioTopLevelNav ul li#SocialMediaNirvanaSpa a span { background-image: url(/Images/Portfolio/Social-Media/NirvanaSpa/thumb.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaNirvanaSpa a:hover span { background-image: url(/Images/Portfolio/Social-Media/NirvanaSpa/hover.gif); }
div#Body div#PortfolioTopLevelNav ul li#SocialMediaNirvanaSpa span { background-image: url(/Images/Portfolio/Social-Media/NirvanaSpa/selected.gif); }


/* ------------------------------------------------- Search Results */
div.SearchResults div.Column
{
	width:624px;
	display: inline;
	float: left;
}

div#Body div.SearchResults div.Column .Content
{
	width:624px;
	padding: 20px 0 0 0;	
}

div.SearchResults .Content em
{
	font-weight: bold;
}

div.SearchResults .Content ul
{
	list-style-type: none;
	padding: 0 0 0 0;
	border-top: dashed 1px #CCC;
}

div.SearchResults .Content ul li
{
	padding: 0 0 0 0;
}

div.SearchResults .Content ul li a:link,
div.SearchResults .Content ul li a:visited
{
	display: inline; 
	float: left;
	width: 614px;
	padding: 10px 5px;	
	border-bottom: dashed 1px #CCC;
	text-decoration: none;
	font-weight: normal;
	color: #333333;
}

div.SearchResults .Content ul li a:hover,
div.SearchResults .Content ul li a:active
{
	background-color: #EEE;
}

div.SearchResults .Content ul li a:hover span,
div.SearchResults .Content ul li a:active span
{
	color: #D1005E;
}

div.SearchResults .Content ul li a span
{
	font-weight: bold;
	text-decoration: underline;
	color: #D1005E;
}

div.SearchResults div.CallToAction
{
	display: inline;
	float: left;
	width: 624px;
	margin: 0 0 10px 10px;
}

div.SearchResults div.CallToAction a
{
	display: inline;
	float: left;
	padding: 0 0 0 0;
	border-bottom-width: 0px;
}

div.SearchResults div.WorkExamples,
div.SearchResults div.Testimonial,
div.SearchResults div.RelatedServices
{
	display: inline;
	float: right;
	width: 187px;		
	clear: right;
	margin-right: 10px;	
}

/* ------------------------------------------------- Service Line Template (this is also applied to Products) */

div.AboutUs div.Column,
div.ServiceLine div.Column,
div.Policies div.Column
{
	width:484px;
	display: inline;
	float: left;
	padding-top: 20px;
}

div.AboutUs div.CallToAction,
div.ServiceLine div.CallToAction,
div.Policies div.CallToAction
{
	display: inline;
	float: left;
	width: 484px;
	margin: 0 0 10px 10px;	
}

div.AboutUs div.CallToAction a,
div.ServiceLine div.CallToAction a,
div.ServiceLine div.CallToActionRight a,
div.SearchResults div.CallToActionRight a,
div.AboutUs div.CallToActionRight a,
div.PortfolioProject div.CallToActionRight a,
div.Policies div.CallToAction a
{
	display: inline;
	float: left;
	margin: 0 0 0 0;
	border-bottom-width: 0px;
	padding: 20px 0 20px 20px;
}

div.AboutUs div.Testimonial,
div.AboutUs div.WorkExamples,
div.ServiceLine div.WorkExamples,
div.ServiceLine div.Testimonial
{
	display: inline;
	float: right;
	width: 187px;		
	clear: right;
	margin-right: 15px;		
	overflow:hidden;
}

div.AboutUs div.Testimonial
{
	padding-bottom: 10px;
}

div.AboutUs div.Awards,
div.ServiceLine div.TechnologySummary,
div.ServiceLine div.RelatedServices,
div.ServiceLine div.CallToActionRight,
div.SearchResults div.CallToActionRight,
div.AboutUs div.CallToActionRight,
div.PortfolioProject div.CallToActionRight,
div.SearchResults div.TechnologySummary
{
	display: inline;
	float: right;
	width: 204px;		
	clear: right;
	margin-right: 5px;		
	overflow:hidden;
	background-image: url(/Images/Common/right/top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.BGBottom
{
	display: inline;
	float: right;
	width: 204px;					
	overflow:hidden;
	background-image: url(/Images/Common/right/bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;	
}

div.BGBottomWide
{
	display: inline;
	float: right;
	width: 276px;					
	overflow:hidden;
	background-image: url(/Images/Common/right/wide-bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.AllBlogTags,
div.CallToActionRightWide,
div.LatestArticles
{
	display: inline;
	float: right;
	width: 276px;		
	clear: right;
	margin-right: 5px;		
	overflow:hidden;
	background-image: url(/Images/Common/right/wide-top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.CallToActionRightWide a:link,
div.CallToActionRightWide a:visited
{
	display: inline;
	float: left;
	padding:20px 0 20px 25px;
}

div.AllBlogTags h4,
div.LatestArticles h4
{	
	line-height: 1.2;
	font-size: 1.4em;
	font-weight: normal;
	font-style: normal;
	margin: 25px 20px 10px 20px;
	padding: 0 0 0 0;
}

div.TagsList
{
	display: inline;
	float: left;
	width: 236px;	
	padding: 0 20px 20px 20px;
}

div.ServiceLine div.WorkExamples
{
	padding-top: 20px;
}
div.AboutUs div.WorkExamples
{	
	padding-bottom: 10px;
}
div.Testimonial blockquote
{
	float: left;
	width: 187px;	
	background-image: url("/Images/Common/Quote/QuoteBG.gif");
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin: 25px 0 0 0;
	color: #D1005E;
	line-height: 18px;
	font-size: 1.1em;	
}

div.Testimonial blockquote span
{
	float: left;
	width: 167px;	
	text-indent: 20px;
	margin: 0 0 0 0;
	padding: 10px 10px 35px 10px;
	background-image: url("/Images/Common/Quote/QuoteFooter.gif");
	background-position: left bottom;
	background-repeat: no-repeat;

}

div.Testimonial cite
{
	display: inline;
	float: left;
	padding: 5px 5px 0 5px;
	margin: 0 0 25px 0;		
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color: #666666;
}

div.Testimonial a:link,
div.Testimonial a:visited
{
	float: left;		
	font-style: normal;
	font-size: 1em;
	line-height: 1.2;
	font-weight: normal;	
	text-decoration: none;	
	color: #D1005E;	
	margin-top: 5px;
}

div.Testimonial a:active,
div.Testimonial a:hover
{
	text-decoration: underline;	
}


div.Content blockquote
{
	float: left;
	width: 415px;	
	background-image: url("/Images/Common/Quote/QuoteBGWide.gif");
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin: 30px 0 0 10px;
	color: #D1005E;
	line-height: 18px;
	font-size: 1.1em;	
}

div.Content blockquote span
{
	float: left;
	width: 395px;	
	margin: 0 0 0 0;
	padding: 10px 10px 35px 10px;
	background-image: url("/Images/Common/Quote/QuoteFooterWide.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: 20px;
}

div.Content cite
{
	display: inline;
	float: left;
	padding: 5px 5px 0 5px;
	margin: 0 0 10px 10px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color: #666666;
}

div.Content div.TestimonialsList a:link,
div.Content div.TestimonialsList a:visited
{
	float: left;		
	font-style: normal;
	font-size: 1em;
	font-weight: normal;	
	text-decoration: none;	
	color: #D1005E;	
	margin-top: 5px;
}

div.Content div.TestimonialsList a:hover,
div.Content div.TestimonialsList a:active
{
	text-decoration: underline;
}

div.RelatedServices,
div.TechnologySummary
{
	float: left;
	width: 484px;	
	margin: 0 0 0 0;	
}

div.TechnologySummary h4,
div.RelatedServices h4
{	
	line-height: 1.2;
	font-size: 1.4em;
	font-weight: normal;
	font-style: normal;
	margin: 25px 20px 5px 20px;
	padding: 0 0 0 0;
}

div.TechnologySummary p
{	
	padding: 0px 20px 6px 20px;
	color: #666666;
}

div.RelatedServices ul
{
	float: left;
	width: 164px;	
	list-style-type: none;
	padding: 0 20px 20px 20px;
}

div.RelatedServices ul li
{
	float: left;
	width: 164px;		
	list-style-type: none;
	list-style-image: none;	
	padding-bottom: 0.5em;
}

div.RelatedServices ul li a:link,
div.RelatedServices ul li a:visited
{
	float: left;
	width: 144px;		
	padding: 0 0 0 20px;
	line-height: 1.3em;	
	background-image: url(/Images/Common/Featured/Arrow.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;		
}

div.RelatedServices ul li a:hover,
div.RelatedServices ul li a:active
{
	background-color: #FFF;
	background-image: url(/Images/Common/Featured/Tick.gif);	
}

div.TechnologySummary a:link,
div.TechnologySummary a:visited
{		
	line-height: 1.2em;	
}

div.WorkExamples a:link,
div.WorkExamples a:visited
{
	display: block;
	float: left;
	width: 190px;	
	padding: 0 0 0 0;
	text-align: center;
	margin: 0 0 0 0;
	border-bottom: 0px;
}

div.WorkExamples a:hover,
div.WorkExamples a:active
{
	background-color: #FFF;
	border:0;
	line-height:0;
}

div.WorkExamples img
{
	margin-bottom: 5px;
}


/* ------------------------------------------------- Blog Template (this is also applied to Resources) */

div#Body div.Blog div.SecondaryNav
{
	display: inline;
	float: right;
	width: 280px;	
	background-image: none;
}
div#Body div.Blog div.SecondaryNav .NewsItems
{
	padding: 0 0 20px 0;
}
div#Body div.Blog div.SecondaryNav .NewsItems .adxTOCTitle 
{
	padding: 0 20px 0 20px;
	line-height: 1;
	font-size: 1em;
}
div#Body div.Blog div.SecondaryNav .NewsItems .adxTOCTitle a 
{
	display: block;	
	padding: 5px 0;
}

div#Body div.Blog div.SecondaryNav .NewsItems .adxTOCDate 
{
	font-size:0.9em;
	padding: 0 20px 10px 20px;
	color:#949494;
}

div.Blog div.BlogContent
{
	display: inline;
	float: left;
	width: 624px;
	margin: 0 0 10px 10px;	
	padding: 20px 0 0 0;
}

div.Blog h1
{
	width: 500px;
}

div.Blog div.RSSLink
{
	display: inline;
	float: right;
	width: 41px;
	margin: 10px 10px 0 0;
}

div.BlogWidth
{
	display: inline;
	float: left;
	width: 500px;
}

div.Blog div.BlogContent .BlogAuthorInfo 
{
	margin:0;
}
div.Blog div.BlogContent .BlogAuthorInfo 
{
	margin:0;
}
div.Blog div.BlogContent .adxSection img 
{
	border:5px solid #F4F2EF;
	padding:2px;
	margin:0 10px 10px 10px;
}

div.BlogHome
{
	padding-top: 10px;
	width: 480px;
}

div.BlogHome div.adxTOCTitle
{
	display: inline;
	float: left;
	width: 480px;
	padding-bottom: 8px;
	font-size: 1.2em;	
}

div.BlogHome div.adxTOCTitle a:link,
div.BlogHome div.adxTOCTitle a:visited
{
	font-weight: normal;
}

div.BlogHome div.adxTOCSummary
{
	display: inline;
	float: left;
	width: 480px;
}

div.BlogHome div.adxTOCSummary p
{
	padding-left: 0px;
	padding-right: 0px;
}

div.BlogHome div.adxTocIcon
{
	float: left;
	width: 78px;
	height: 78px;	
	overflow: hidden;
	clear: left;
}

div.BlogHome div.adxTocIcon img
{
	width: 58px;
	height: 58px;
	border: solid 1px #CCC;
	overflow: hidden;
}

div#Body div.SearchResults ul
{
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 0;
	
}

div#Body div.BlogHome ul
{
	display: inline;
	float: left;
	width: 560px;
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
}

div#Body div.BlogHome ul li
{
	padding-bottom: 0.4em;
	display: inline;
	float: left;
	width: 560px;
}

div#Body div.BlogHome h2,
div#Body div.SearchResults h2
{		
	font-weight:normal;
	font-size: 1.2em;
	line-height:1em;
	margin:10px 0 0.4em;
	text-transform: none;	
}

div#Body div.BlogHome h2 a
{
	border-bottom-color: #CCC;
	font-weight: normal;
}

div.adxNavPath
{
	margin: 0 0 20px 10px;
}

div.adxFooterSection
{
	display: inline;
	float: left;
	width: 500px;
	padding: 20px 0 20px 0;
}

div.adxFooterSection div.TagsList
{
	width: 350px;
	padding: 0 0 0 10px;
}

div.adxFooterSection div.tag,
div.AllBlogTags a
{
	display:inherit;
	float: left;		
	border:0;
	line-height: 1.4;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-right: 10px;
	border-right: solid 1px #CCC;
	white-space: nowrap;
}

div.AllBlogTags a:hover
{
	float: left;	
	text-decoration:none;
	border:0;
	border-right: solid 1px #CCC;
}

/* -------------------------------------------------------------- Home */
div.Homepage h1
{
	display: inline;
	float: left;
	width: 924px;	
	height: 73px;		
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
}

div.Homepage h1 a:link,
div.Homepage h1 a:visited,
div.Homepage h1 a:hover,
div.Homepage h1 a:active
{
	display: inline;
	float: left;
	width: 924px;	
	background-image: url(/Images/Home/Brandmessage.gif);
	/* image replacement */
	padding: 73px 0 0 0;
	overflow: hidden;	
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/: 73px;		
	margin: 0 0 0 0;
}

div.Homepage div.InterchangableFeatureSpace ul
{
	display: block;
	float: left;
	width: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	height: 200px;
}

div.Homepage div.InterchangableFeatureSpace li
{
	display: block;
	float: left;
	width: 200px;
	margin: 0 0 0 0;	
	height: 200px;
	padding: 0;
}
div.Homepage div.InterchangableFeatureSpace li a:link,
div.Homepage div.InterchangableFeatureSpace li a:visited
{
	display: block;
	float: left;
	width: 200px;
	margin: 0 0 0 0;			
	border-bottom: 0px;	
	/* image replacement */
	padding: 200px 0 0 0;
	overflow: hidden;	
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:200px;
}
div.Homepage div.InterchangableFeatureSpace li a:hover,
div.Homepage div.InterchangableFeatureSpace li a:active
{
	border-bottom: 0px;
	background: none;
}

div.Homepage div.Buttons h2
{
	display: inline;
	float: left;
	width: 182px;
	height: 275px;	
	padding: 0 0 0 0;
	margin: 0 2px 2px 0;
	overflow: hidden;
}

div.Homepage div.Buttons h2 a:link,
div.Homepage div.Buttons h2 a:visited
{
	display: inline;
	float: left;
	width: 162px;
	height: 275px;		
	padding: 0 10px 0 10px;
	margin: 0 0 0 0;
	border-width: 0px;
	font-weight: normal;	
	text-decoration: none;
	color: #333333;
	font-size: 0.9em;
}

div.Homepage div.Buttons h2 a:hover,
div.Homepage div.Buttons h2 a:active
{
	color: #D1005E;
	background-color: Transparent;
	background-position: 0 -339px;
}

div.Homepage div.Buttons h2 a span
{
	float: left;
	width: 100%;
	cursor: pointer;
	
	/* image replacement */
	padding: 140px 0 0 0;
	overflow: hidden;	
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:140px;
}


div.Homepage div.Buttons h2#HomeBrandDevelopment a:link,
div.Homepage div.Buttons h2#HomeBrandDevelopment a:visited
{
background-image: url(/Images/Home/Brand.jpg);
}

div.Homepage div.Buttons h2#HomeSEM a:link,
div.Homepage div.Buttons h2#HomeSEM a:visited
{
background-image: url(/Images/Home/SEM.jpg);
}

div.Homepage div.Buttons h2#HomeIntranet a:link,
div.Homepage div.Buttons h2#HomeIntranet a:visited
{
background-image: url(/Images/Home/Intranet.jpg);
}

div.Homepage div.Buttons h2#HomeWeb a:link,
div.Homepage div.Buttons h2#HomeWeb a:visited
{
background-image: url(/Images/Home/Web.jpg);
}

div.Homepage div.Buttons h2#HomeMobile a:link,
div.Homepage div.Buttons h2#HomeMobile a:visited
{
background-image: url(/Images/Home/Mobile.jpg);
}

div.Homepage div.Buttons h2#HomeContentManagement a:link,
div.Homepage div.Buttons h2#HomeContentManagement a:visited
{
background-image: url(/Images/Home/ContentManagement.jpg);
}

div.Homepage div.Buttons h2#HomeEcommerce a:link,
div.Homepage div.Buttons h2#HomeEcommerce a:visited
{
background-image: url(/Images/Home/Ecommerce.jpg);
}

div.Homepage div.Buttons h2#HomeAnalytics a:link,
div.Homepage div.Buttons h2#HomeAnalytics a:visited
{
background-image: url(/Images/Home/Analytics.jpg);
}

div.Homepage div.Buttons h2#HomeEmail a:link,
div.Homepage div.Buttons h2#HomeEmail a:visited
{
background-image: url(/Images/Home/EmailMarketing.jpg);
}

div.Homepage div.Buttons h2#HomeSharepoint a:link,
div.Homepage div.Buttons h2#HomeSharepoint a:visited
{
background-image: url(/Images/Home/Sharepoint.jpg);
}


/* --------------------------------------------------------- Contact */
div.contact
{	
	display: inline;
	float: left;
	margin-left: 10px;
	padding-bottom: 20px;	
}
div.contact span.item
{
	display: inline;
	float: left;	
	width: 200px;	
}

div.contact .Validator
{
	display: inline;
	float: right;
	text-transform: uppercase;	
	font-size: 0.85em;
	font-weight: bold;	
	padding:15px 15px 3px 0;
	color: #F00;
}

div.contact label
{
	width: 110px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	padding:15px 0 3px 0;
	text-transform: uppercase;
	color: #888;
	font-size: 0.85em;
	font-weight: bold;	
}

div.contact .CheckBoxes label
{
	width: 160px;
	padding: 0 0 8px 5px;
	text-transform: none;
	font-weight: normal;
	color: #5C5C5C;
	font-size: 1em;
}

div.contact .HowFind label
{
	width: 150px;	
}

div.contact label.SecurityCode
{
	width: 190px;
}

div.contact input, select
{
	float:left;
	width:190px;
}

div.contact .CheckBoxes input
{
	width: auto;	
	padding: 0 0 8px 0;
	margin: 2px 0 0 0;
}

div.contact textarea
{
	float:left;
	width: 390px;
	height:120px;	
	padding: 0 0 0 0;
}

div.contact input.Send
{
	width: auto;
	float: right;	
	margin: 20px 20px 0 0;
}

div.contact br
{
	clear: left;
}
div.SecondaryCopy
{
	clear:right;
	display:inline;
	float:right;
	margin-right:15px;
	width:187px;
	padding-top: 60px;
}

div.Captcha
{
	float:left;
	width: 390px;
	border: solid 1px #CCC;
	margin-top: 5px;
	background-color: #EEE;
}

div.Captcha div.Chars
{
	float:left;
	width: 160px;
	height: 50px;
	border: solid 1px #CCC;
	margin: 5px 10px 5px 5px;
}

div.Error
{
	float:left;
	width: 395px;
	border: solid 1px #F00;
	color: #F00;
	margin-top: 5px;
	background-color: #ffe5e5;
	padding: 10px 0;
	text-indent: 10px;
}

div.SecondaryCopy h2
{
	margin: 0 0 5px 0;
}

div.SecondaryCopy .Legal
{
	font-size: 0.85em;
	line-height: 1.3;
}
/* ------------------------------------------------- Explore */
div#Explore
{
	display: block;
	float: left;
	width: 100%;
	background-color: #a42752;
	height: 30px;
	border-top: solid 1px #e7e6e0;
	border-bottom: solid 1px #f47da6;
	position: relative;	
}

a.Explore:link,
a.Explore:visited
{
	display: inline;
	float: left;
	color: #F2F2F2;
	text-decoration: none;
	border-bottom: none;
	height: 30px;
	line-height: 30px;
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 27px;
	background-image: url(/Images/Common/plus.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

a.Explore:hover,
a.Explore:active
{
	background-color: Transparent;
	color: #FFF;
}

div#Explore .ExploreArrow
{
	position: absolute;
	top: 10px;
	left: 7px;
}

div.ExploreExpanded
{
	display: block;
	float: left;
	width: 100%;
	background-color: #b2b2b2;
	background-image: url(/Images/Common/ExploreBG.gif);
	background-position: left;
	background-repeat: repeat-y;
}

div.ExploreExpanded ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;	
	width: 924px;	
}

div.ExploreExpanded ul li
{
	display: inline;
	float: left;
	padding: 0 0 0 0;
	margin: 0 1px 0 0;			
	width: 230px;	
}

div.ExploreExpanded ul li a
{
	display: inline;
	float: left;
	width: 220px;
	padding: 5px;			
	border-bottom-width: 0px;
	background-image: url(/Images/Common/ExploreLinkBG.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}

div.ExploreExpanded ul li a:hover
{	
	background-color: #CCC;	
	color: #FFF;
}

div.ExploreExpanded ul ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;	
	width: 230px;
}

div.ExploreExpanded ul ul li
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;	
	width: 230px;
}

div.ExploreExpanded ul ul ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;	
	width: 230px;
}


/* These are standard sIFR styles... do not modify */

.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;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash div.Content h1,
.sIFR-hasFlash div.BlogContent h1
{
	visibility: hidden;
}

.sIFR-hasFlash div.RecentProjects h1
{
	visibility: hidden;
}

.sIFR-hasFlash div.TechnologySummary h4,
.sIFR-hasFlash div.RelatedServices h4
{
	visibility: hidden;
}

.sIFR-hasFlash div.TechnologySummary h4,
.sIFR-hasFlash div.RelatedServices h4,
.sIFR-hasFlash div.AllBlogTags h4,
.sIFR-hasFlash div.LatestArticles h4,
.sIFR-hasFlash div.SimilarProjects h4
{
	visibility: hidden;
}

/* Web site templates page*/
div.Homepage ul li{float:left;margin-left:10px;;list-style:none;margin-bottom:20px;}
div.Homepage ul li img{border:1px solid #7d7e81;padding:2px;width:196px;height:146px;}
div.Homepage ul li img:hover{border:1px solid #c00;}
div.Homepage span{line-height:30px;font-weight:bold;}

#login{margin-left:300px;width:300px;margin-top:20px;margin-bottom:20px;background:#ece9ea;border:1px solid #ccc; padding:20px;}


.thickbox{}

#logout {
display:inline;
float:right;
margin-top:5px;
margin-right:17px;
}

h2.template_title 
{
	display:inline;
	float:left;
	width:300px;
color:#666666;
font-size:2.3em;
font-weight:normal;
line-height:1.2em;
}

#invalid{margin-top:5px;color:#ff0000}