/* GENERAL STYLES */
body 
{
	background-color:#161616;
	margin:0;
	font-family:Arial;		
	color:#fff;
}


div.ctaSweet {clear:both; display:block; float:left; padding:3px;}
div.sweetOne {clear:both; display:inline; float:left; padding:3px; margin: 3px; }
div.sweetTwo {clear:none; display:inline; float:left; padding:3px; margin: 3px; }
div.sweetCopy {width:530px;}
a.sweetSmall {font-family:Arial; font-size:0.8em;}
a 
{
	color:#000000;
	text-decoration:none;
}

a img, a:visited img  
{
	border:none;
}

a.underlined {
  text-decoration:underline;
}


h1.pageTitle
{
	margin:0;
	padding:0;
	font-family:Arial Black,arial;
}

p.bigger
{
	margin-top:0;
	font-size:0.9em;
	line-height:1.1em;
}

p.smaller
{
	margin-top:0;
	font-size:0.8em;
}

p.smallest
{
	margin-top:0;
	font-size:0.7em;
}


/**************************lemon landing********************************************/

#lemonBG
{
background-image: url('/media/14267/bgswirl.jpg');
text-align: center;
padding-bottom: 50px;
}

#lemonSASSlogo
{
padding: 5px;
}

#lemonVidContainer
{
background-image: url('/media/13978/bottomofvid.jpg');
width: 500px; 
background-repeat: repeat; 
height: 315px; 
margin-left: 220px;
padding: 10px
}

#lemonBottomTxt
{
font-family: Arial;
color: #000;
font-size: 1em;
padding-top: 15px;
}


/****************Accessibility classes *********************************************/






/*These anchors are used to aid disabled users so should not show in the browser*/
a.accessibilityAnchor 
{
	display:none;
}

#accessibleMenu 
{
	display:none;
}

.accessibleHeading 
{
	display:none;
}
	
.right 
{
	float:right;
	margin-left:6px;
	margin-bottom:6px;
}

.left 
{
	float:left;	
	margin-right:6px;
	margin-bottom:6px;
}

/*******************************layout*********************************/

#sassLogo 
{
	width:117px;	
}

#header 
{
	margin:0;
	padding:10px 5px 10px 5px;
	background-position:right bottom;
	background-repeat:no-repeat;
	
}

#contentDiv 
{
	background-position:right top;
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
}

#servicesBar, #liveLife 
{
	color:#fff;
	font-size:0.7em;
	padding:3px 0 3px 25px;	
}

#liveLife 
{
	width:250px;
	float:right;
}

#servicesBar a, #servicesBar a:hover 
{
	color:#fff;
}


/*****************************homepage**********************************/


#homepageLeft 
{
	overflow:hidden;
	height:440px;	
}

#homepageRight 
{
	width:389px;
	height:370px;
	padding:70px 10px 0px 10px;
	float:right;
	margin:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:right top;
}



#homepageRight div p a,
#homepageRight div p a:visited,
#homepageRight div p a:active,
#homepageRight div p a:hover {
	font-weight:bold;
}


#homepageRight div 
{
/*	margin-top:178px;*/
	margin-left:6px;
	
}

#homepageRight p.bigger 
{
	margin-bottom:15px;
	*margin-bottom:10px;
	margin-top:0;
	width:370px;
}

#homepageRight h1 
{
	font-family:Arial Black,arial;
	font-size:1.1em;
	margin:40px 0 0 0;
	padding:0;
}

#homepageRight h1, #homepageRight h2, #homepageRight h3  
{
	margin-top:0px;
	margin-bottom:0;
	padding-bottom:0;
}

#homepageRight p 
{
	margin-top:0;
	margin-bottom:5px;
	font-size:0.8em;
	width:370px;
	
}


h2.purpleBar 
{
	font-family:Arial Black,arial;
	/*background-color:#3d1c21;*/
	background-image:url(/imgv2/togglerBG.png);
	width:367px;
	font-size:1.0em;
	height:25px;
	padding:2px 0px 0px 6px;
	margin:0px 0 2px 10px;
}


#homepageRight p a 
{
	text-decoration:NONE;
	color:#fff;
}

#imageFlicker
{
	width:373px;
	margin:25px auto 0 auto;	
}

#homepageRight div.ctaHolder 
{
	margin:20px 1px 0px 0px;
	*margin:-10px 1px 0px 0px;
	padding:0;
	position:relative;
	left:-9px;
}

div.homepageCTA 
{
	width:119px;
	height:119px;
	background-color:#3d1c21;
	float:right;
	margin:7px 1px 0 0;
}

div.homepageCTA a.text, div.homepageCTA a:visited.text
{
	font-family:Arial Black,arial;
	font-size:0.8em;
	display:block;
	color:#fff;
	margin:0 0 0 6px;
}


/************************************* diamonds to dogfood ***************************/

#diamondsToDogfood 
{
	background-repeat:repeat;
	background-image:url(/imgv2/purplePixel2.png);
	width:531px;
	height:52px;
	position:relative;
	top:440px;
	padding:10px 10px 10px 10px;
	z-index:2000;
}


/************************************sass carousel*******************/
#imageCarousel 
{
	position:relative;
	/*top:-72px;	*/
	z-index:1000;
}


/***************************free thinkers ********/

div.peopleThumbs 
{
	width:350px;
	padding-top:3px;
	display:block;
}
.peopleThumbs img 
{
	margin:0 0 3px 3px;
	*margin-bottom:0;
	padding-top:0px;
	float:left;	
}


/*****************************page with large flash at the top and content below it in two columns ********/
#flashTop 
{
	margin:0;
	padding:0;
}

#lowerHalf, #lowerHalfFullWidth 
{
	margin:0;
	padding:0 0 20px 0;
	float:left;
	width:100%;
}


#lowerHalfFullWidth  
{
	
}

#lowerHalfFullWidth h1 
{
	font-size:1.4em;
	font-family:Arial Black,arial;
	margin-left:20px;
	color:#fff;
}

#lowerHalfFullWidth h1 a, #lowerHalfFullWidth h1 a:visited 
{
	color:#fff;
}

#lowerHalfLeft 
{
	width:400px;
	clear:none;
	margin:12px 20px 0px 20px;
} 

p.introText, #lowerHalfLeft p.introText
{
	font-weight:bold;
	font-size:0.95em;
	width:auto;
	margin:0;
}
#textHolder p.introText 
{
	font-size:1.2em;
}

#lowerHalfLeft p 
{
	font-size:0.8em;	
}

#lowerHalfLeft h1 
{
	font-size:1.4em;
}

#lowerHalfRight 
{
	
	overflow:hidden;
	float:right;
	width:536px;
}





/****************cta***************/

div.ctaHolder 
{
	margin-top:195px;
}

div.cta 
{
	width:258px;
	height:52px;
	background-image:url(/imgv2/whitePixel_lightest.png);
	margin:0 0 0 4px;
	float:right;
}
div.cta img 
{
	float:left;
	clear:none;
	margin-right:10px;
}
div.cta p 
{
	margin:5px 0 0 0;
	font-family:arial black;
}

div.cta a, div.cta a:visited 
{
	font-family:arial black;
	color:#fff;
	font-weight:bold;
	font-size:0.8em;	
}
div.cta a:hover 
{
	text-decoration:underline;	
}


/************************portfolio*****************/

.portfolioItem
 {
	position:relative;
	margin:17px 0 0 0;
	min-height:175px;
	padding:0px;	
	clear:both;
	width:950px;
	color:#ececec;	
	display:block;
	font-size:0.8em;
	text-align:justify;
 }
 
 .portfolioImage
{
	float:left;
	margin:4px 20px 16px;
	border:0;
	display:block;
	overflow:visible;
}


.portfolioSubTitle 
{
	color:#d0d0d0;
	font-family:Arial black,arial;
	font-size:0.9em;
	margin-left:10px;
}

.portfolioSubEntry 
{
	color:#ececec;
	font-family:Arial black,arial;
	font-size:0.9em;

}

.portfolioSubEntry_services 
{
	font-family:Arial black,arial;
	font-size:0.9em;
	text-transform:uppercase;
	color:#727a35;	
}

a.viewMore 
{
	text-decoration:underline;
	position:absolute;
	bottom:-35px;
	*bottom:0;
	font-family:Arial Black,arial;
	color:#ececec;
	font-size:0.9em;
	margin-left:10px;
}

a.vacancyApply
{
	text-decoration:underline;
	font-family:Arial Black,arial;
	color:#ececec;
	font-size:0.9em;
	margin-left:10px;
}

a.heavyLink 
{
	text-decoration:underline;
	position:absolute;
	font-family:Arial Black,arial;
	color:#ececec;
	font-size:0.9em;
}

/**************************services page ***********************/

#servicesLandingMenu 
{
	float:right;
	width:273px;
	color:#fff;
}

#servicesLandingMenu h3 a, #servicesLandingMenu h3 a:visited 
{
	color:#fff;	
}
#servicesLandingMenu h3 a:hover 
{
	text-decoration:underline;
}

#servicesLandingMenu h3 
{
	font-family:Arial black,arial;
	padding:0;
	margin:0;	
}

#servicesLeft 
{
	width:664px;
}

#servicesLeft #textHolder 
{
	padding:0;
	margin:0 0 0 20px;
	width:95%;
	font-size:0.8em;
}

#servicesHeadingBar 
{
	background-image:url(/imgv2/blackPixel.png);
	background-repeat:repeat;
	height:37px;
	width:100%;
	padding:8px;
	margin-bottom:10px;
}

#servicesHeadingBar h1 
{
	font-family:Arial black,arial;
	font-size:1.5em;
	margin:0 10px;
	padding:0;
}

/*******************wishlist panel****************************/

#wishList 
{
	padding:8px;
	margin-bottom:10px;
	width:257px;
	height:37px;
	background-image:url(/imgv2/blackPixel.png);
	background-repeat:repeat;
}

#wishList h4 
{
	font-family:Arial black,arial;
	font-size:0.7em;
	margin:0 0 4px;
}

#basketItemsLine 
{
	font-size:0.7em;
}

#bgNavBasketText 
{
	width:250px;
}

#bgNavBasketText a, #bgNavBasketText a:visited 
{
	float:right;
	font-size:0.9em;
	font-family:Arial Black,arial;
	color:#fff;
}
#bgNavBasketText a:hover 
{
	text-decoration:underline;	
}

.addToWishlistLink 
{
	
	color:#fff;
	font-family:arial black,arial;
	font-size:0.7em;
	margin-top:0px;
}

.addToWishlistLink:hover 
{
	text-decoration:underline;
}

/********************************clients page(work)******************/

#clientLogos 
{
	margin:20px;
	width:520px;
}

#clientLogos img
{
	margin:0 2px 2px 0px;
	float:left;
}

#workCTAs 
{
	float:right;
}

div.ctaWide:first-child 
{
	*margin-top:20px;
}

div.ctaWide 
{
	width:388px;
	height:53px;
	margin-bottom:6px;
	background-image:url(/imgv2/whitePixel_lighter.png);
	background-repeat:repeat;
}

div.ctaWide img 
{
	float:left;
	margin-right:6px;
}

div.ctaWide a:hover 
{
	text-decoration:underline;
}
div.ctaWide h2 
{
	margin:2px 0 0 0;
	font-size:1.0em;
	font-family:Arial Black,arial;
}
div.ctaWide a, div.ctaWide a:visited 
{
	color:#fff;	
}

/***************************standard text only page**********/

#textPageContent 
{
	margin-left:20px;
	width:80%;
	font-size:0.8em;
}

#textPageContent_specialism 
{
	margin-left:20px;
	width:530px;
	font-size:0.8em;
}

/**********portfolio details page **************/


#portfolioDetailsHolder 
{
	font-size:0.8em;
	margin:20px;
}

#portfolioDetailsHolder .portfolioSubTitle 
{
	margin-left:0;
	color:#cfcfcf;
}

#portfolioDetailsHolder a, #portfolioDetailsHolder a:visited 
{
	color:#fff;
	text-decoration:underline;
}


.portfolioVideo table, .portfolioVideo table tr, .portfolioVideo table tr td 
{
	margin:0;
	padding:0;
	border:0;
}

.portfolioVideo 
{
	float:right;
}
.portfolioVideo img 
{
	margin:0 0 10px 20px;
	*margin:0 0 10px 10px;
}

.video 
{
	margin:0 0 10px 10px;
	float:none;
}


/***** accordian ***/

.servicesAccordian {
 position:relative;
 top:100px;
 left:400px;
 padding:0;
}

h3.toggler {
	background-image:url(/imgv2/togglerBG.png);
	background-repeat:repeat-y;
	cursor:pointer;
	color: #fff;
	margin: 0px;
	padding:2px 0px 2px 15px;
	*padding-left:0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: arial black,arial;
	width:500px;
}
 
.element {
   width:605px;
   margin-bottom:2px;
   padding-right:0;
}

.element div 
{
	margin:20px;
}
 
.element p {
	margin: 0;
	padding: 20px;
}

.element ul 
{
	list-style-type:none;
	margin:0px 0 0 20px;	
	padding:0;
}

.element ul li 
{
	padding:0;
	margin:0 0 10px;
}

img.certLogo 
{
	margin-left:6px;	
}

div.whiteGrad 
{
	background-image:url(/imgv2/whiteGrad.png);
	background-repeat:repeat-y;
	padding:20px;
	margin-top:20px;
	line-height:1.5em;
}


/****************blog viewer *********/

div.news:first-child
{
	margin-top:20px;
}

div.blog, div.news 
{
	margin-bottom:40px;
}
p.blogText 
{
	margin-left:20px;
	width:80%;
	font-size:0.8em;	
}

a.blogLink, a:visited.blogLink 
{
	text-decoration:underline;
	position:absolute;
	font-family:Arial Black,arial;
	color:#ececec;
	font-size:0.9em;
/***
	margin-left:20px;
	margin-bottom:20px;
**/
}


a.newsLink
{
	text-decoration:underline;
	font-family:Arial Black,arial;
	color:#ececec;
	font-size:0.9em;
}

div.blog a h2, div.blog a:visited h2 
{
	color:#fff;
	margin-left:20px;
}

/*************news*******************/

div.news h2 
{
	margin:20px 0 20px 20px;
}

div.news a.blogLink, div.news a:visited.blogLink  
{
	margin-left:0;
}

div.news a h2, div.news a:visited h2
{
	color:#fff;
}

.newsArticle img 
{
	float:right;
	margin:0 20px 20px 20px;
}

.newsArticle 
{
	*margin-top:20px;
}

div.news img 
{
	float:left;
	margin-left:20px;
	margin-right:20px;
}

div.imagePlaceholder 
{
	float:left;
	margin-left:20px;
	margin-right:20px;
	width:115px;
	height:115px; 
}

div.news p 
{
	margin:0 0 0 20px;
	font-size:0.8em;
	width:80%;
}

div.newsArticle p 
{
	margin-left:20px;
	font-size:0.8em;
}

/***********contact us**************/

#map 
{	
	width:960px;
	height:292px;
	color:#000;	
}

#divForm 
{
	margin:20px;
	font-size:0.8em;
}

#contactRight 
{
	float:right;
	margin:48px 20px 20px 20px;
}

#addressPanel 
{
	margin:0;
	padding:20px;
	width:450px;
	background-color:#4e4730;
	font-size:0.8em;
}

#directionsPanel 
{
	margin:0;
	padding:20px;
	width:450px;
	background-color:#4e4730;
	font-size:0.8em;
}

#directionsPanel h2 
{
	margin:0;
}

#addressPanel a, #addressPanel a:visited
{
	color:#fff;
}

#addressPanel img 
{
	float:right;
}

.formIntro 
{
	width:400px;
	float:none;
	margin:20px 0 0 20px;
	display:block;
	font-size:1.1em;
}

.textarea_message 
{
	font-family:Arial;
	font-size:0.9em;
	width:400px;
	height:200px;
}

.textbox, .textarea
{
	font-size:0.9em;
	font-family:Arial;
	width:400px;
}


/*************site map******************/

#sitemap ul li a, #siteMap ul li a:visited
{
	color:#fff;
	font-size:0.8em;
	text-transform:capitalize;
}


/*************testionials*******/

.testimonialTable tr td p 
{
	margin-top:0;	
}


p.blogIntro 
{
	width:80%;
	font-weight:bold;
	font-size:0.95em;
	margin:20px 0 0 20px;	
}


a.footerLink, a:visited.footerlink 
{
	color: #868686;
}


.specialismDescription 
{
	padding:0;
}
.element .specialismDescription  p
{
	margin:0;
	padding:0 0 10px 0;
	width:500px;
}

.specialismImage_green 
{
	float:right;
	padding:10px;
	background-color:#5b7d72;
}

.specialismImage_green h3 
{
	font-size:1em;
	padding-bottom:0;
	margin-bottom:0;
}
.specialismImage_green p 
{
	margin-top:0;
	padding-top:0px;
	width:300px;
	font-size:0.8em;
}

.specialismImage img
{
	margin-right:10px;
	margin-left:10px;
}

.boxout 
{
	color:#fff;
	padding:10px;	
}

.boxout a, .boxout a:visited 
{
	font-family:Arial Black,arial;
	color:#fff;
	text-decoration:underline;
}

img.arrow 
{
	float:left;

	
	
}

#portfolioDetailsHolder a.serviceLink, #portfolioDetailsHolder a:visited.serviceLink
{
	font-family:'Arial Black',arial;
	text-decoration:none;
	color:#ececec;
	font-size:0.9em;
}

.greenBox 
{
	background-color:#5b7d72;
	padding:8px;
	margin:0 0 10px 0;
}

ul.green 
{
	list-style-type:none;
	color:#c4f4e4;
	font-weight:bold;
	font-family:Arial Black,arial;
	margin-left:0;
	padding-left:0;
}

ul.green li:first-child 
{
	padding-bottom:8px;	
}



.vacancyList .smallWhitePanel 
{
	background-color:#394541;
	padding:10px;
	margin:10px 0 0 0;	
}

.vacancyList .smallWhitePanel h2 
{
	margin-top:0;
}

a.togglerLink 
{
	color:#fff;
	text-decoration:underline;	
}



#wishlistLink {
 float:right;
 text-align:right;
}

#wishlistLink span 
{
	font-size:0.7em;
	display:block;
	margin:0 0 4px 0;
}


#specialismCallout
{
	font-size:0.9em;
	margin:60px 20px 20px 0px;
	background-color:#394541;
	padding:20px 20px 20px 20px;
	float:right;
	width:223px;
	
	color:#fff;
}
/*************news list on whats page**********************/
div#DivImages {clear:both;}    
div.NewsWrapper {clear:both; display:block; float:left; padding:10px; margin-top:-10px; }
div.NewsImage {clear:both; display:inline; float:left; padding:5px; margin: 5px; }
div.NewsText1 {clear:none; display:inline; float:left; width:800px; padding-bottom:20px;}
div.NewsText2 {clear:none; display:inline; float:left; border:dashed 1px blue;}
div.NewsText3 {clear:none; display:inline; float:left; border:dashed 1px blue;}