body{
	margin:0;
	padding:0;
	background-color:#ffffff;
	background-image:url(../gfx/body_bg_v03.jpg);
	background-repeat:repeat-x;
}

#PageContainer{
	width:1000px;
	height:auto;
}

#PageHeader{
	width:1000px;
	height:120px;
	margin:0;
	padding:0;
}

#Logo{
	width:255px;
	height:29px;
	margin-top:50px;
	margin-bottom:15px;
	padding:0;
	float:left;
}

#LanguageSelector{
	width:230px;
	height:auto;
	margin-top:64px;
	padding:0;
	float:right;
}

#TopnavContainer{
	width:100%;
	height:26px;
	margin:0;
	padding:0;
	float:none;
	clear:both;
}

#MiddleContainer{
	width:1000px;
	height:auto;
	overflow:auto;
	margin-top:2px;
	background-color:#ffffff;
}

#LeftColumnContainer{
	width:380px;
	height:auto;
	overflow:auto;
	float:left;
	clear:left;
	background-color:#ffffff;
}

body.NewsArticle #LeftColumnContainer,
body.NewsListing #LeftColumnContainer{
	width:760px;
}

.FloatLeft{
	float:left;
}

.FloatRight{
	float:right;
}

#Image{
	width:380px;
	height:auto;
	/*min-height:400px;*/
	overflow:hidden;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

#Image img{
	width:auto;
	height:auto;
}

#AdditionalInfo{
	margin-top:24px;
	margin-left:30px;
	margin-right:20px;
	background-color:#ffffff;
}

#MainContentContainer{
	display:block;
	width:378px;
	height:auto;
	min-height:260px;
	background-color:#ffffff;
	float:left;
}

#MainContent{
	margin-top:40px;
	margin-left:0px;
	margin-right:25px;
	margin-bottom:40px;
	padding:0;
	background-color:#ffffff;
}

#RightColumnContainer{
	width:240px;
	height:auto;
	overflow:auto;
	float:right;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

#RightColumn{
	width:240px;
	height:258px;
	overflow:auto;
	background-color:#c3cf21;
	background-image:url(../gfx/RightColumn_bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

#MainFeatureContainer{
	width:760px;
	height:auto;
	overflow:auto;
	float:left;
}

#MainFeature{
	width:760px;
	height:288px;
	float:left;
}

.flash-replaced .alt{
	display:none;
}

#RightColumnInner{
	padding-left:20px;
	padding-top:20px;
}

div#RightColumnInner p{
	font-size:11px;
}

div#RightColumnInner a{
	color:#435336;
	background-image:url(../gfx/SubmenuSprites.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:15px;
}

div#RightColumnInner a:hover{
	color:#ffffff;
	background-position:0px -26px;
}

ul#References{
	width:362px;
	background-color:#cccccc;
	list-style:none;
	margin:0;
	padding:0;
}

ul#References li{
	display:block;
	width:180px;
	height:84px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:solid 1px #d0d0d0;
}

ul#References li.LastRow{
	border-bottom:0;
}

ul#References li.even{
	border-right:solid 1px #d0d0d0;
}

.clearfix{
	width:0;
	height:0;
	margin:0;
	padding:0;
	clear:both;
}

address{
	width:240px;
	height:auto;
	background-color:#ffffff;
	float:none;
	clear:both;
	margin:0;
	padding:0;
	margin-top:0px;
	padding-top:10px;
	/*border-top:dotted 1px #636a39;*/
}

address p{
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	font-size:11px;
	color:#c3cf21;
	color:#636a39;
	font-style:normal;
}


/*
***************************************
	Generic label (used over listings)
***************************************
*/

div.GenericLabel{
	display:block;
	width:215px;
	height:19px;
	overflow:hidden;
	margin-bottom:8px;
	padding:0;
}

div.GenericLabel span{
	display:block;
	width:200px;
	height:17px;
	margin-left:12px;
	font-family:arial;
	font-size:13px;
	color:#636a39;
	font-weight:bold;
	text-transform:uppercase;
}

#News{
	width:600px;
	margin-left:85px;
	margin-top:20px;
}

#News div.Item{
	width:auto;
	height:auto;
	overflow:auto;
	padding-bottom:20px;
	float:none;
	clear:both;
}

#News div.Details{
	width:auto;
	height:auto;
	overflow:auto;
	font-family:verdana,helvetica,sans-serif;
	font-size:12px;
	padding-bottom:4px;
	border-bottom:dotted 1px #c3cf21;
	color:#c3cf21;
}

#News div.Details span.Date{
	display:block;
	width:auto;
	height:auto;
	float:left;
	font-style:italic;
	padding-right:44px;
}

#News h2{
	margin-top:16px;
}

#News div.Details span.Tags{
	display:block;
	width:auto;
	height:auto;
	float:left;
}

#News div.Details span.Tags a{
	font-size:11px;
	border-left:solid 1px #c3cf21;
	padding-left:5px;
	padding-right:5px;
	color:#c3cf21;
}

#News div.Details span.Bookmarks{
	display:block;
	width:auto;
	height:auto;
	float:right;
}

#News p.Author{
	display:block;
	font-size:12px;
	font-style:italic;
}

#News div.InlineMedia{
	text-align:center;
}

#News #MoreItems{
	padding-top:6px;
	padding-right:5px;
	border-top:dotted 1px #636a39;
	text-align:right;
}

#News div#MoreItems a{
	color:#636a39;
	padding-left:16px;
	background-image:url(../gfx/SubmenuSprites.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

#News div#MoreItems a:hover{
	color:#c3cf21;
	background-position:0px -56px;
}








#TagCloud{
	margin-bottom:20px;
}

#TagCloud ul{
	list-style:none;
	display:block;
	margin:0;
	margin-top:6px;
	padding:0;
	border:0;
}

#TagCloud ul li{
	list-style:none;
	display:block;
	width:auto;
	height:auto;
	float:none;
	margin:0;
	padding:0;
	padding-top:2px;
	padding-left:10px;
	padding-bottom:2px;
}

#TagCloud ul li a{
	padding-left:16px;
	margin:0;
	border:0;
	text-decoration:none;
	background-image:url(../gfx/SubmenuSprites.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#636a39;
}

#TagCloud ul li a:hover,
#TagCloud ul li a:active{
	color:#c3cf21;
	background-position:0px -56px;
}

#TagCloud ul li.Selected a{
	color:#c3cf21;
	background-position:0px -56px;
}

#Spots div#TagCloud ul{
	margin-top:6px;
}

#Spots div#TagCloud ul li{
	margin:0;
	padding:2px 0 2px 10px;
	background-image:none;
}

#Spots div#TagCloud ul li a{
	margin:0;
	padding-left:16px;
}





/* Turn categories into tag cloud.
div#TagCloud ul,
div#TagCloud ul li,
div#TagCloud ul li a{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	background:none;
}

.Weight_1{font-size:11px;}
.Weight_2{font-size:14px;}
.Weight_3{font-size:17px;}
.Weight_4{font-size:20px;}
.Weight_5{font-size:23px;}
*/



/*
***************************************
	Spots / What's related
***************************************
*/

#Spots{
	width:240px;
	height:auto;
	/* overflow:auto; */
}

#Spots span.Headline{
	display:block;
	width:200px;
	height:auto;
	padding-left:16px;
	padding-top:4px;
	padding-bottom:3px;
	margin-top:10px;
	margin-bottom:4px;
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	font-size:12px;
	color:#636a39;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#Spots ul{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

#Spots ul li{
	display:block;
	width:198px;
	height:auto;
	margin:0;
	padding-left:16px;
	margin-top:10px;
	margin-bottom:10px;
	float:none;
	clear:both;
	background-image:url(../gfx/Arrow_ReadMore.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
}

#Spots ul li a{
	display:block;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

#Spots ul li span.Headline{
	display:block;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#636a39;
}

#Spots ul li span.Summary{
	display:block;
	margin:0;
	padding:0;
	color:#636a39;
}


/*
***************************************
	Client case
***************************************
*/

#ClientLogo{
	margin-bottom:12px;
}



/*
***************************************
	Newsletter form
***************************************
*/

#NewsletterContainer{
	width:210px;
	margin-left:12px;
	margin-top:16px;
	padding-bottom:10px;
}

#NewsletterContainer h3{
	font-size:12px;
	margin:0;
}

#NewsletterContainer p{
	font-size:10px;
	line-height:12px;
	margin-bottom:6px;
}

#NewsletterContainer form{
	display:inline;
}

#NewsletterContainer div.FormField{
	width:208px;
	height:23px;
}

#NewsletterContainer label{
	float:left;
	width:32px;
	height:13px;
	font-size:11px;
	color:#636a39;
}

div#NewsletterContainer{
	width:230px;
	margin-left:0;
	margin-bottom:20px;
}

div#NewsletterContainer h3{
	font-size:12px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
}

div#NewsletterContainer p{
	float:none;
	clear:both;
	font-size:11px;
	color:#809343;
	margin-top:0;
	margin-bottom:10px;
}

#NewsletterContainer .FormText{
	float:right;
	width:160px;
	height:13px;
	border:solid 1px #636a39;
	font-size:11px;
}

#NewsletterContainer .SubscribeButton{
	float:right;
	margin-right:12px;
	font-size:11px;
	cursor:pointer;
}

div#NewsletterContainer .FormField{
	margin-left:8px;
}


/* Labels for items in right column. */

div.Label{
	width:240px;
	height:26px;
	margin-top:2px;
	padding-top:0px;
	background-image:url(../gfx/Spots_Label_bg.jpg);
	background-repeat:repeat-x;
}

div.Label h2{
	margin-top:0;
	padding-left:10px;
	padding-top:5px;
	color:#ffffff;
	font-size:14px;
}


/* Case study listing on entry page. */

div#CaseStudiesListing{
	margin-bottom:20px;
}

div#CaseStudiesListing div.Item{
	width:auto;
	height:auto;
	overflow:auto;
	float:none;
	clear:both;
	padding-top:10px;
	margin-bottom:3px;
	border-top:dotted 1px #314001;
}

div#CaseStudiesListing div.FirstItem{
	border-top:0;
}

span.CaseStudyPreview{
	float:left;
	width:65px;
	height:40px;
	overflow:hidden;
	margin-top:1px;
	margin-right:6px;
}

span.CaseStudyPreview img{
	width:65px;
	height:40px;
	border:0;
}

div#CaseStudiesListing div.Item h3{
	float:left;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
}

div#CaseStudiesListing div.Item h3 a{
	color:#314001;
}

div#CaseStudiesListing div.Item h3 a:hover{
	color:#c3cf21;
}

div#CaseStudiesListing div.Item p{
	clear:both;
	font-size:11px;
	line-height:13px;
	color:#809343;
	margin-top:0px;
	margin-bottom:6px;
}

div#CaseStudiesListing div.Item p.Abstract a{
	margin-left:5px;
	padding-left:15px;
	padding-right:10px;
	margin-bottom:2px;
	font-size:11px;
	font-weight:normal;
	color:#636a39;
	text-decoration:none;
	background-image:url(../gfx/SubmenuSprites.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

div#CaseStudiesListing div.Item p.Abstract a:hover{
	color:#c3cf21;
	background-position:0px -56px;
}





/* jQuery Bookmark styles */

span.Bookmarks ul {
	float:left;
	width: 102px;
}

.bookmark_popup_text {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}
.bookmark_popup {
	display: none;
	position: absolute;
	z-index: 100;
}
.bookmark_popup ul {
	float: left;
	width: 200px;
	border: 1px solid #3b4d01;
	padding:4px;
}
.bookmark_list {
	display: block;
	list-style-type: none;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
	.bookmark_list {
		font-size: 100%;
	}
}
html:first-child .bookmark_list {  /* Opera */
	font-size: 80%;
}

.bookmark_list li {
	float: left;
	width: 23%;
	margin: 0px 1px;
	padding: 1px;
	background-color: #c3d021;
	border: 1px outset;
}

.bookmark_compact {
	background-color: #c3d021;
	background-color: #ffffff;
	border: 1px outset #ffffff;
}

.bookmark_compact li {
	width: 18px;
	height: 18px;
	margin: 0px;
	padding: 1px;
	background-color: transparent;
	border: none;
}
.bookmark_list a {
	width: 18px;
	height: 18px;
	border:solid 1px #ffffff;
}

.bookmark_list a:hover {
	border:dotted 1px #394902;
}

.bookmark_list span {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.bookmark_list img {
	border: none;
}

div#LeftColumnListing{
	margin-top:20px;
	margin-left:20px;
}



div.tweet{
	margin:0;
	margin-right:40px;
	padding:0;
}

div.tweet ul{
	margin:0;
	padding:0;
	list-style:none;
}

div.tweet ul li{
	margin-bottom:10px;
	padding:0;
	clear:both;
}

div.tweet a.tweet_avatar{
	display:block;
	float:left;
	border:solid 1px #95a014;
	padding:2px;
	margin-top:3px;
	margin-right:8px;
}





/* TopNav */

ul#TopNav{
	position:relative; /* Need this since we're placing inside elements absolutely! */
	width:auto;
	height:26px;
	overflow:hidden;
	margin-top:1px;
	padding-left:30px;
}

ul#TopNav li{
	list-style:none;
	display:inline;
	width:auto;
	height:26px;
	float:left;
	clear:none;
	margin:0px;
}

ul#TopNav li a, ul#TopNav li span.NoLink{
	position:relative;
	display:block;
	width:auto; /* Do not set to 100% - this would break the layout! */
	height:100%;
	z-index:10;
	float:left;
	border:0;
	margin:0;
	padding-left:20px;
	padding-right:20px;
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#4d5d1c;
}

ul#TopNav li a:hover{
	color:#84921e;
	color:#ffffff;
}

ul#TopNav li.ClosedSelected a, ul#TopNav li.Open a, ul#TopNav li.OpenSelected a{
	color:#ffffff;
}

ul#TopNav li a span, ul#TopNav li span.NoLink span{
	display:block;
	width:auto;
	height:auto;
	padding-top:6px;
}

/* FF + IE6 Workaround... */
ul#TopNav li.ClosedSelected a span, ul#TopNav li.Open a span, ul#TopNav li.OpenSelected a span{
	color:#ffffff;
}

/* There's something buggy with this in Safari for Win (Vista at least) */
ul#TopNav li.back{
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:10px;
	margin-left:0;
	z-index:8;
	background-image:url(../gfx/Topnav_Arrow_ani.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

ul#TopNav li#Empty{
	list-style:none;
	display:inline;
	width:0px;
	height:32px;
	overflow:hidden;
	float:left;
	clear:none;
	margin-left:-30px;
}

ul#TopNav li#Empty a{
	width:1px;
	height:1px;
	overflow:hidden;
}

/* End TopNav */


/*
***************************************
	Submenu list
***************************************
*/

#SubMenu{
	width:200px;
	height:240px;
	margin-right:0;
	margin-left:10px;
	margin-top:14px;
	padding:0;
	float:none;
	clear:both;
}

#SubMenu ul{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	border:0;
}

#SubMenu li{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	font-family:verdana,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:13px;
}

#SubMenu a, #SubMenu span.NoLink{
	display:block;
	width:100%;
	height:auto;
	padding-top:3px;
	padding-bottom:3px;
	margin:0;
	border:0;
	text-decoration:none;
	background-image:url(../gfx/SubmenuSprites.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	color:#435336;
}

#SubMenu ul li a:hover,
#SubMenu ul li a:active{
	color:#ffffff;
	background-position:0px -24px;
}

#SubMenu ul li.Open a,
#SubMenu ul li.Selected a,
#SubMenu ul li.ClosedSelected a,
#SubMenu ul li.OpenSelected a{
	color:#ffffff;
	background-position:0px -24px;
}

#SubMenu ul li a span{
	display:block;
	border:0;
	margin:0;
	padding-left:16px;
	cursor:pointer;
}


#LanguageSelector ul{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	border:0;
}

#LanguageSelector li{
	list-style:none;
	display:block;
	width:auto;
	height:auto;
	float:none;
	margin:0;
	padding:0;
	border:0;
}

#LanguageSelector a{
	display:block;
	width:auto;
	height:auto;
	padding-left:16px;
	border:0; 
	font-family:verdana,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#636a39;
	text-decoration:none;
	background-image:url(../gfx/SubmenuSprites.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

#LanguageSelector a:hover{
	color:#c3cf21;
	background-position:0px -56px;
}





.FacebookLikebox{
	padding:1px 0 20px 0;
}