/* 1 - Global Reset - Eric Meyer reset
---------------------------------------------------------------------------------------------------------------*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit;  font-family: inherit; vertical-align: baseline}
	:focus {outline: 0}
	ol, ul {list-style: none;}
	#content-wrapper ul.list { margin:9px 20px 18px 10px; font-size:1.2em; list-style:disc;}
	#content-wrapper ul.list li  { margin:10px;}
	#content-wrapper ul.right {border-left:1px dashed #CCCCCC; float:right; padding-left:20px; width:457px; text-transform:none;}
	img.small-icon { float:left;}
	table {border-collapse: separate; border-spacing: 0}
	caption, th, td {text-align: left;font-weight: normal}
	blockquote:before, blockquote:after, q:before, q:after {content: ""}
	blockquote, q {quotes: "" ""; font-size:1.2em; font-style:italic;}	
	body {color: #444444; background: #000; text-align:center; font: 62.5% Arial, Helvetica, sans-serif; line-height:1.8em; width:980px; position:relative; margin:0 auto; text-transform:lowercase!important;}
	
	/*------Blog ----------*/
	
	.blog-post .post-details {
color:#888888;
font-size:11px;
margin:0px 0 0!important;
}

.blog-post h2.post-title {
border-bottom:none!important;
font-size:18px;
margin:0;
padding:0 0 3px;
}

#home .blogsitesummary { font-size:11px;}
#home .blogsitesummary a { font-size:12px; display:block;}

#home .blog-post h2.post-title {
border-bottom:none!important;
font-size:18px;
margin-bottom:0px!important;
padding:0 0 3px;
}

.blog-post .post-body {
font-size:12px;
margin:0 !important;
}

/*------------------------------*/

/* 2 - Structural elements
---------------------------------------------------------------------------------------------------------------*/

   /** Colunms **/ 
		.twelvecol {width:940px}
		.elevencol {width:860px}
		.tencol {width:780px}
		.ninecol {width:700px}
		.eightcol {width:620px}
		.sevencol {width:540px}
		.sixcol {width:460px}
		.fivecol {width:380px}
		.fourcol {width:300px}
		.threecol {width:220px}		
		.twocol {width:140px}
		.onecol {width:60px} 

	/** Main structural wrappers **/
		#site-wrapper {width:980px; text-align:left; margin:0 auto; position:relative; font-size:1.0em}
		#header {width:940px; min-height:72px; position:relative; padding:18px 20px 0 20px}
			#ie6 #header {height:72px}
		#content-wrapper, #page content-wrapper {width:940px; position:relative; background-color:#fcfcfc; padding:0 20px 36px 20px; padding-top:18px; 
		-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius-topleft:5px; border-radius-topright:5px}
			.content {float:left; position:relative}
			.aside {float:right}
			#howwedoit .content {width:700px}
			#howwedoit .aside {width:220px}
    		#enviromerson .content {width:620px}
	 		#enviromerson .aside {width:300px}
			#iaminterested .content {width:620px}
			#iaminterested .aside {width:300px}
			#isite .content {width:620px;}
			#isite .aside {width:300px}
			#ourclientshome .content {width:700px}
			#ourclientshome .aside {width:220px}
			
			#ourclients .content {width:620px}
			#ourclients .aside {width:300px; text-align:center}
			#services .content {width:700px}
			#services .aside {width:220px}
			#service-details .content {width:700px}
			#service-details .aside {width:220px}
		#footer {width:940px; position:relative; clear:both;  font-size:1.2em; margin:20px 0; border-top:1px solid #1a1a1a; text-transform: none;}
		#footer p, #footer h4, #footer #contactcard {color:#fff!important;}
		
/* 2 - Navigation
---------------------------------------------------------------------------------------------------------------*/
	
	/** Primary nav **/
		#nav-primary {font-size:13px; position:relative; top:47px; left:-19px}
		#nav-primary li {float:left}
		#nav-primary li a {float:left; color:#f5f1f0; line-height:1.0em; padding:0px 25px; border-left:solid 1px #7F3F00; letter-spacing:0.03em;}
		#nav-primary li a:hover { color:#f17c2b; text-decoration:none;}
		#nav-primary li a.enviromerson:hover {color:#22EC52;}
		#nav-primary li:last-child a {margin-right:0; padding-right:0; border-right:0}
		#nav-primary li.current a {color:#f17c2b;}
		#enviromerson #nav-primary li.current a {color:#22EC52;}
	
	/** Secondary nav **/
		#nav-secondary {font-size:1.1em; margin-left:480px; margin-bottom:14px; letter-spacing:0.03em;}
		#nav-secondary li {float:left}
		#nav-secondary li a {float:left; color:#F17C2B; line-height:1.0em; padding-right:5px; margin-right:5px; border-right:solid 1px #F17C2B;}
		#nav-secondary li:last-child a {margin-right:0; padding-right:0; border-right:0}
		
	/** Tertiary nav **/	
		#nav-tertiary {margin-bottom:36px}
		#nav-tertiary li {float:left; margin-right:20px; position:relative; min-height:36px; width:140px}
		#nav-tertiary .current a {border-bottom:solid 5px #f17c2b; color:#f17c2b;}
		#nav-tertiary li:last-child {margin-right:0}
		#nav-tertiary li a {float:left; border-bottom:solid 5px #d7d6d6; color:#444; text-transform:uppercase; font-size:1.2em; line-height:1.2em; padding:0 0 0 0; width:140px; text-align:center; font-weight:normal; position:absolute; bottom:0; left:0; width:140px; text-transform:lowercase;}
		#nav-tertiary li a:hover {border-bottom:solid 5px #f17c2b; color:#f17c2b; text-decoration:none}
	
	/** Stages nav **/
		#nav-stages {margin-bottom:36px}
		#nav-stages li {float:left; width:220px; margin-right:20px}
		#nav-stages li a {width:152px; display:block; float:left; position:relative; padding-left:35px; min-height:36px; color:#d7d6d6; padding-right:33px; background:url(../img/rightarrow.gif) 0 -64px transparent no-repeat; line-height:3.6em; text-transform:lowercase;}
			#ie6 #nav-stages li a {height:36px}
		#nav-stages li a:hover {text-decoration:none; color:#f17c2b;background-position:0 0;}
		#nav-stages .current {text-decoration:none; color:#f17c2b;background-position:0 0;}
		#nav-stages li .num {font-size:4.3em; position:absolute; bottom:0; left:0;}
			#nav-stages li .txt {font-size:1.5em; padding-top:0; float:left; position:relative; top:0px}
		.lastnav-stage {margin-right:0 !important}
		.arrow {background:url(../img/rightarrow.jpg) 187px 10px transparent no-repeat; width:33px; height:36px}
	
/* 3 - Heading, Typography, Links, Lists
---------------------------------------------------------------------------------------------------------------*/
	
	/** Headings **/
		#pagehead {font-size:7.2em; color:#444; font-weight:bold; border-bottom:solid 2px #444; line-height:1.25em; margin-bottom:52px}
			#iaminterested #pagehead {margin-bottom:36px}
			#enviromerson #pagehead {margin-bottom:36px}
			#isite #pagehead {margin-bottom:36px}
			#ourclients #pagehead {margin-bottom:36px}
			#ourclients .content h2 {font-size:2.4em; color:#f17c2b; margin-bottom:18px}
			#ourclients .content h2 span {display:block; font-size:0.8em; line-height:1.8em}
			
			#ourclientshome .content h2 {font-size:2.4em; color:#f17c2b; margin-bottom:18px; font-weight:bold;}
			#ourclientshome .content h2 span {display:block; font-size:0.8em; line-height:1.8em}

			#isite .content h2 {font-size:2.4em; color:#f17c2b; margin-bottom:18px; text-transform: none; font-weight:bold;}
			#howwedoit .content h2 {font-size:2.4em; color:#f17c2b; margin-bottom:18px; font-weight:bold;}
			#howwedoit h2 {color:#000}
		#ourclients .content h3 {font-size:1.4em; color:#444; margin-bottom:18px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #444444;}
		#ourclientshome .content h3 {font-size:1.4em; color:#444; margin-bottom:18px; font-weight:bold; text-transform:uppercase}
	

	/** Paragraphs **/
		p {font-size:1.2em; color:#444; margin-bottom:18px; text-transform: none;}
		.largep {font-size:1.4em}
				
	/** Links **/
		a{color:#F17C2B; text-decoration:none; font-weight:bold}
		a:hover{color:#333; text-decoration:underline}
		

/* Sections, Pages & Widgets
---------------------------------------------------------------------------------------------------------------*/

	/** Logo **/
		#logo {position:absolute; top:13px; right:15px; width:180px; height:72px;overflow:hidden}
		h1 a#logo  { background:url(../img/logo-merson-ilevel.jpg) no-repeat; width:180px; height:72px; text-indent:-9999px;}
	
	/** Contact VCard **/
		#contactcard {color:#6c6b6b; float:left; width:460px}
		#contactcard * {display:block}
		#contactcard .value, 
		#contactcard .email {display:inline}
		#contactcard li {color:#6c6b6b}
		#contactcard a {color:#6c6b6b}

	/** Twitter **/
		#twitter-othersites {float:right; width:460px; padding:0 0 1em 20px;}
		#twitter-othersites .site_info_colB {float:left; clear:both;}
		#twitter-othersites .site_info_colB ul li { float:left;}
		#twitter-othersites .site_info_colB ul li a.site_infobuttonA {background-image:url("../img/site_design_button.jpg"); background-position:left top; background-repeat:no-repeat;
        display:block; height:54px; text-indent:-9999px; width:140px; margin-right:20px;}
		#twitter-othersites .site_info_colB ul li a.site_infobuttonB { background-image:url("../img/site_managment_button.jpg"); background-position:left top; background-repeat:no-repeat;
        display:block; height:54px; text-indent:-9999px; width:140px;}
        #twitter-othersites .site_info_colB .site_infobuttonC { background-image:url("../img/i_level_button.jpg"); background-position:left top; background-repeat:no-repeat;
        display:block; height:54px; text-indent:-9999px; width:140px; margin-right:20px;}
		#twitter-othersites .site_info_colB ul li a.site_infobuttonA:hover,#twitter-othersites .site_info_colB ul li a.site_infobuttonB:hover, 
		#twitter-othersites .site_info_colB .site_infobuttonC:hover { background-position:left bottom;}
		#footer p.site_infotext { color:#6C6B6B!important; display:block; font-size:0.8333em; padding-top:1em;}
		#twitter-othersites .site_info_colB p { color:#6C6B6B; font-size:0.8333em;}
		
		#followtitle {margin-bottom:18px; float:left}
		#followtitle a {padding-left:23px; min-height:18px; background-color:#2a2a2a; float:left; padding-right:5px; background:url(../img/twitterbird.jpg) 0 0 no-repeat; color:#939393; text-decoration:underline}
		#followtitle a:hover {color:#fff}
		#twitter-othersites h4 {clear:left; color:#6c6b6b}
		#twitter {border-bottom:1px solid #6C6B6B; margin-bottom:1em; min-height:54px;}
		#twitter #twitter_update_list {width:380px;}
		#twitter #twitter_update_list a { color:#939393;}
		#twitter #twitter_update_list a:hover { color:#fff;}
		#twitter * {color:#ffffff;}
		#twitter h2, .profileLink {display:none}
		#twitter-othersites #signlogos {color:#fcfcfc; font-size:1.0em}
		#msd {width:139px; background:url(../img/site-design-button.jpg) 0 0 no-repeat; float:right; margin-left:10px; padding-top:54px; overflow:hidden; height:0px !important;  height /**/:54px;}
		#msd:hover {background-position:-139px 0}
		.twitted p.preLoader {margin: 0; padding: 1em 1em 1em 3em; background: transparent url("loader.gif") 1em center no-repeat}		

	/* Gallery */
		#galleryhead {clear:both; color:#444; font-size:1.2em; font-weight:normal; text-transform:uppercase; margin-bottom:18px; padding-top:36px}
		#thumb-gallery {padding:17px 0 18px 0; border-top:solid 1px #696969; border-bottom:solid 1px #696969}
		#thumb-gallery li {float:left; border:solid 3px #d7d6d6; width:134px; height:84px; margin-right:20px}
		#thumb-gallery a {float:left}
		#thumb-gallery li:last-child {margin-right:0}
		
	/* Iam interested page */
		#iaminterestedform {margin-bottom:9px; float:left}
			#iaminterestedform h2 {color:#f17c2b; font-size:2.4em; margin-bottom:22px; font-weight:bold;}
			#iaminterestedform .row {clear:left; margin-bottom:30px; float:left; position:relative; width:500px}
			#iaminterestedform fieldset  {background-color:#F8F8F8; border:1px solid #CCCCCC; margin-bottom:22px !important; padding:11px 20px 17px; width:578px;}
			#iaminterestedform legend {color:#000; font-size:1.2em; color:#f17c2b; font-weight:bold; margin-bottom:11px}	
				#ie6 #iaminterestedform legend, #ie7 #iaminterestedform legend, #ie8 #iaminterestedform legend {padding-top:11px}
			#iaminterestedform label {  font-size:1.2em; color:#000;}
			.form label, .webform label { font-size:1.2em !important}
			.form input, .webform input { font-size:1.2em !important}
			
			table.webform {background: #E7E7E7;
    border: 1px solid #D8D8D8;}
			
			#iaminterestedform input {float:left; width:250px; font-size:1.2em}
			#iaminterestedform textarea {float:left; width:250px; height:126px}
			#interestedbutton {width:100px !Important}
			#iaminterestedform em {color:#F00}
			input.error {border:solid 1px #F00}
			textarea.error {border:solid 1px #F00}
			#iaminterestedform label.error {position:absolute; left:390px; top:0; color:#F00 !important; width:200px !Important}
	
	/* Enviromerson */
		#enviroaudit {width:300px; margin-bottom:9px; float:right}
			#enviroaudit h2 {color:#f17c2b; font-size:2.4em; margin-bottom:22px; text-transform:uppercase}
			#enviroaudit .row {clear:left; margin-bottom:30px; float:left; position:relative}
			#enviroaudit fieldset  { border:1px solid #ccc; margin-bottom:22px; padding: 11px 20px 17px 20px; background-color:#F8F8F8;}
			#enviroaudit legend {color:#000; font-size:1.2em; color:#f17c2b; font-weight:bold}	
			#enviroaudit label {float:left; width:120px; font-size:1.2em; color:#000;}
			#enviroaudit input {float:left; width:250px; font-size:1.2em}
			#enviroaudit textarea {float:left; width:250px; height:126px}
			#enviroaudit label.error {color:#F00 !important; width:200px !Important}
			#envirobanner {width:940px; height:216px; overflow:hidden; margin-bottom:18px}
			#envirologo {height:118px; overflow:hidden; margin-bottom:14px}
			
			body#enviromerson #site-wrapper #content-wrapper { background: url(../img/enviro-background.jpg) bottom left no-repeat #fff;}

	/* Google Map */
		#maps {min-height:300px;}
			#maps h3 {font-size:1.4em; color:#444; text-transform:uppercase; margin-bottom:12px}
			#map_canvas {color:#000; font-size:1.2em; width:300px; height:300px; display:block; margin-bottom:18px; border:1px solid #CCCCCC;}
			#map_canvas dl {overflow:visible; min-height:200px}
			#map_canvas dt {font-weight:bold; text-transform:none;}	
			#map_canvas2 {color:#000; font-size:1.2em; width:300px; height:300px; display:block; border:1px solid #CCCCCC;}
			#map_canvas2 dl {overflow:visible; min-height:200px}
			#map_canvas2 dt {font-weight:bold; text-transform:none;}
			#map_canvas2 dd, #map_canvas dd {text-transform:none;}


	/* Article */
		.article {width:460px; float:left}
		.article h2 {color:#f17c2b; font-size:2.4em; margin-bottom:18px; font-weight:bold;}
		.article-window {width:220px; background-color:#d7d6d6; float:right; position:relative;}
		.article-window img {margin:5px 0 0 5px}
		.article-window .puff-text {position:absolute; bottom:10px; left:10px; background:url(../img/bg-puff.png) #444 0 0 repeat; background-color:rgba(68, 68, 68, 0.5); width:171px; padding:25px 15px 15px 15px; text-transform:lowercase;}
			#ie6 .article-window .puff-text {bottom:7px}
		.article-window .puff-text h3 {font-size:1.5em; color:#cf7e46; position:relative; top:3px}
		.article-window .puff-text p {margin-bottom:0; color:#fff; position:relative; top:3px}
		
		.ads {float:right; width:200px}
			.ads h2 {color:#444; margin-bottom:18px; font-weight:normal; padding-left:19px; font-size:1.4em; font-weight:bold}
			.ads ul {border-left:solid 1px #e9e9e9; padding-left:18px; float:left}
			.ads li {float:left; width:198px; height:70px; border:solid 1px #c4c4c4; overflow:hidden; margin-bottom:18px; overflow:hidden}
			.ads li:last-child {margin-bottom:0}
			.ads li a {float:left;} 	
	
	/* How we do it */
		#hwdi-nav {font-size:1.4em; padding-top:36px}
		#hwdi-nav .prev {float:left; width:200px; text-align:left}
		#hwdi-nav .next {float:right; width:200px; text-align:right}
		#hwdi-nav .prev a {color:#444;}
		#hwdi-nav .next a {color:#444;}
		#hwdi-nav .next a:hover, #hwdi-nav .prev a:hover {color:#F17C2B;}
	
	/* Clinet tables */
		.clienttable {width:100%; font-size:1.2em; margin-bottom:18px}
			.clienttable td, 
			.clienttable th {color:#444}	
			.clienttable tr:nth-child(odd)	td {backgrond-color:red}
			.clienttable th {width:30%; font-weight:bold; line-height:1.8em}
			.clienttable td {width:70%; line-height:1.8em}
	
/* Home Page
---------------------------------------------------------------------------------------------------------------*/

	/** What we do **/
		#what-we-do {margin-bottom:36px; clear:left; background:url(../img/bg.threcol.jpg) bottom left no-repeat}
		#what-we-do li {width:300px; margin-right:20px; float:left; padding-bottom:9px}
		#what-we-do h2 {color:#f17c2b; margin-bottom:18px; font-size:1.4em}
		#what-we-do h2 a {color:#f17c2b; letter-spacing:-0.03em; font-size:18px; font-weight:bold;}
		#what-we-do h2 + a {display:block; width:300px; height:126px; overflow:hidden; margin-bottom:18px}
		#what-we-do li:last-child {width:300px; margin-right:0}
	
	/** iLevel Intor **/
		#ilevel-intro {width:460px; float:left;}
		#ilevel-intro h2 {color:#f17c2b; margin-bottom:18px; font-size:1.8em; font-weight:bold; letter-spacing:-0.03em;}
	
	/** Show latest **/
		#show-latest {width:440px; float:right; padding:0 20px 0 0;}
		#show-latest>p {margin-bottom:7px}
		#show-latest #clickdemo {width:183px; height:66px;display:block; margin-bottom:36px; background:url(../img/clickfordemo.jpg) no-repeat top left; text-indent:-9999px;}
		#show-latest #clickdemo:hover { background:url(../img/clickfordemo.jpg) no-repeat bottom left;}
		#show-latest h2 {color:#f17c2b; margin-bottom:18px; font-size:1.8em; font-weight:bold; letter-spacing:-0.03em;}
		#show-latest h3 {color:#828282; font-size:1.8em; font-weight:bold}
		#home #site-wrapper #content-wrapper #show-latest h3 a { font-size:14px;}
	
	/** Carousel **/
		.scrollable {position:relative; overflow:hidden; width:940px; height:280px !important; margin-bottom:10px}
		.scrollable .items {width:5640px;position:absolute}
		.carouselitem {float:left; position:relative; width:940px; height:280px}
		.carouselitem img {position:relative; z-index:1}
		.carouselitem-text {position:absolute; top:14px; left:480px; width:440px; z-index:3; background: url(../img/carousel/gray-background.png) repeat; padding:10px;        -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;}
		.carouselitem-text h2 {font-size:3.0em; color:#fff; margin-bottom:6px; z-index:4; letter-spacing:-0.03em; line-height:0.9em}
			/*#ie6 .carouselitem-text h2, 
			#ie7 .carouselitem-text h2, 
			#ie8 .carouselitem-text h2 {line-height:0.9em}*/
		.carouselitem-text p {font-size:1.8em; line-height:1.0em; color:#fff;}
		.carouselitem-text a {color:#fff}
		.carouselitem-text a:hover {text-decoration:none; color:#fff}
		.navi {width:200px; height:11px; overflow:hidden; margin-bottom:23px}
		.navi a {width:11px;height:11px;float:left;margin-right:8px;background:url(../img/carousel/circles.jpg) 0 0 no-repeat;font-size:1px;line-height:1em}
		.navi a:hover {background-position:-22px 0}
		.navi a.active {background-position:-11px 0}
		#home #site-wrapper #content-wrapper .carouselitem .carouselitem-text p a { font-weight:normal; color:#ccc; line-height:1.2em;}


        #home #site-wrapper #content-wrapper #show-latest .newshead { border-bottom: 1px solid;}
		#home #site-wrapper #content-wrapper #show-latest img { float:left;}
		
		
		/* -- i-Site Client Login Area -- */
		
		div.i-site {width:228px; margin:10px auto; vertical-align:top}
		.logins { width:850px; margin:0 auto}
		.col { width:250px; height:400px; margin:10px; float:left; display:inline;}
		.col img { width:146px; margin: 15px 0 0 50px;}
		.col h3 { font-size:30px; text-align:center; margin:30px 0; text-transform:none !important; font-weight:bold; color:#BCBDC0}
		.col p { margin:10px 0 !important; padding:0 30px; color:#BCBDC0; text-align:center}
		a.go-ir { background:url(/images/login/go-btn.gif) no-repeat 0 0; width:175px; height:65px; text-indent:-9999px; display:block; margin:0 0 0 40px}
		a.go-ir:hover { background-position:0 -65px;}
		
		/* ---------------------------------- */

/* Helper
---------------------------------------------------------------------------------------------------------------*/

	/* Clearing Styles */
		.clearleft{clear:left}
		.clearright{clear:right}
		.clearboth{clear:both}

	/* CSS clearing */	
		.clearing:after, 
		.row:after, 
		.preview-panels li:after, 
		#popular-articles li:after, #popular-articles-double li:after {content: "."; display:block; height: 0; clear: both; visibility: hidden}
		.clearing, .row, preview-panels li, #popular-articles li {display: inline-block}
		/* Hides from IE-mac \*/
			* html .clearing, * html .row, * html .preview-panels li, * html #popular-articles li, #popular-articles-double li {height: 1%}
			.clearing, .row, .preview-panels li, #popular-articles li, #popular-articles-double li {display: block}
		/* End hide from IE-mac */
		
	/* Floats */
		.fright {float:right !important}
		.fleft {float:left}	
		.center {text-align:center}
	
	/* Skip link  */
		.skiplink, .hide {position:absolute; left:-9999em; top:-9999em; height:1px; font-size:1px; line-height:0; overflow:hidden}

	/* Extend default margins */
		.reduce-margin-m {margin-top:-20px !important; border-top:none !important}
		.reduce-margin-s {margin-top:-11px !important; border-top:none !important}
		.reduce-margin-ss {margin-top:-5px !important}
		.extend-margin-none {margin-bottom:0px !important}
		.extend-margin-ss {margin-bottom:5px !important}
		.extend-margin-s {margin-bottom:10px !important}
		.extend-margin-m {margin-bottom:15px !important}
		.extend-margin-l {margin-bottom:20px !important}
		.extend-margin-xl {margin-bottom:25px !important}
		.extend-pading-none {padding-bottom:0px !important}

	/* remove spacing from last column item */
		.lastcol {margin-right:0 !important; padding-right:0 !important; border-right:none !important; }
		.lastitem {margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:none !important; background:none !important}
		.firstitem {margin-left:0 !important}
		.firstcol {margin-top:0 !important; padding-top:0 !important}
		.lastlineup {margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:none !important}
		
		
		/* Group page additions and templates */
		
	body#page { background:#000 url(/images/group-page/bg.gif) repeat-x}
		
		.highlight { outline:1px solid red}
	
	 #site-wrapper { margin-top: 25px !important;} 
	#page #footer { background:#000}
	#page #content-wrapper {  border-top-left-radius: 0px;  border-top-right-radius: 0px; background:#000; padding:0;}
	
	.group-top { background:url(/images/group-page/bg.jpg) repeat-x top; min-height:220px; height:auto !important; height:220px;}
	.group-top p { color:#fff; padding:0 20px; font-size:22px; line-height:1.6}
	.group-top h3 { font-size:15px; color:#fff; padding:30px 20px;}
	
	.grid_7 { width:540px; float:left; display:inline;}
	.grid_4 {width:300px; float:left; display:inline; position:relative; top:-65px}
	.grid_3 {width:220px; float:left; display:inline; margin:0 6px;}
	.grid_12 { background:#fff; width:940px; float:left; display:inline;}
	
	.grid_7 h2, .grid_12 h3 { color:#f60; padding:0 20px; font-size:25px; text-transform:none !important}
	.grid_12 h3 {font-weight: bold; padding: 25px 18px;}
	.grid_3 h4 a { font-size:16px; color:#1a1a1a; text-transform:capitalize !important}
	.grid_3 h4 a:hover  { color:#f60 !important}
	
	
	
	ul#group-items li {  display:inline;}
ul#group-items li .grid_3 { height:350px; background:#fff !important}
ul#group-items li .grid_3 a.btn { background:url(/images/gotosite_btn.png) no-repeat center; width:220px; height:40px; text-indent:-9999px; margin:14px 0 0 4px; display:block; position:relative; top:-30px;}
ul#group-items li .grid_3 h4 a:hover { color:#fff;}
ul#group-items li .grid_3 h4 a { margin-left:4px; text-decoration:none; display:block;}

ul#group-items li .grid_3 h4 a.signdesign { background:url(/images/group-page/signdesign_wayfinding.jpg) no-repeat 0 0px; width:220px; height:292px}
ul#group-items li .grid_3 h4 a.signdesign:hover { background-position:0 -280px;}
ul#group-items li .grid_3 h4 a.manufacture { background:url(/images/group-page/manufactuer.jpg) no-repeat 0 0px; width:220px; height:292px}
ul#group-items li .grid_3 h4 a.manufacture:hover { background-position:0 -280px;}
ul#group-items li .grid_3 h4 a.retail { background:url(/images/group-page/pop_pos.jpg) no-repeat 0 0px; width:220px; height:292px}
ul#group-items li .grid_3 h4 a.retail:hover { background-position:0 -280px;}
ul#group-items li .grid_3 h4 a.signage { background:url(/images/group-page/signage-management.jpg) no-repeat 0 0px; width:220px; height:292px}
ul#group-items li .grid_3 h4 a.signage:hover { background-position:0 -280px;}

	
	
/* -- Widget CSS --  */

#widget-container { background:url(/widget/bg.png) no-repeat center; width:380px; height:30px; position:absolute; right:9px; top:-25px;  cursor:pointer; z-index:1000}
#widget-container  p { float:left; display:inline; font-size:12px; padding:8px 10px}
#widget-container  p a { text-decoration:none}
#widget-container  p a:hover  { text-decoration:none; color:#fff !important}
#widget-container ul { float:right; display:inline; margin:8px 0 0 0 }
#widget-container ul li { float:left; display:inline; margin:0 8px 0 0}
#widget-container ul li a { text-indent:-9999px; display:block; width:18px; height:18px; background-repeat:no-repeat;}
#widget-container ul li a.twitter { background:url(/widget/twitter.png);}
#widget-container ul li a.linkedin { background:url(/widget/linkedin.png);}
#widget-container ul li a.rss { background:url(/widget/feed.png);}


#footer p a { color:#6C6B6B !important}