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


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cSite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}     
      
a.merda:link {color:#fff;}
a.merda:visited {color:#fff;}
a.merda:hover {color:#fff;}

/*links*/


a:link {
	color: #ccc;
	text-decoration:none
}
a:visited {
	text-decoration:none;
	color:#999
}
a:hover {
	color: #e09e09;
	text-decoration:none
}


/*links end*/

img{
	border-style:none;
}

h1{
	font-size:22px;
	}

h2{
	font-size:20px;
}

h3{
	font-size:16px;
	color: #000;
}




/*main*/

body{
	margin:0px 0;
	outline-style: none;
	font-family:Arial, Helvetica, sans-serif;
}


#Page_holder{
	margin:auto;
	width:auto;
	height:auto;
	background-image: url(../Images/bg.png);
	background-repeat:repeat-x;
	background-color: #E9E9E9;
	
}

#top_nav{
	margin:auto;
	width:820px;
	height:125px;
	padding-top: 10px;
}

#top_nav img{
	float:left}

#top_menu{
	width:520px;
	float:right;
	padding-top: 10px;
}


#banner{
	margin:auto;
	width:330px;
	height:67px;
	font-size: 24px;
	font-weight: 400;
	padding-left:470px;
	padding-top: 213px;
}

#banner_var{
	margin:auto;
	width:720px;
	font-size: 38px;
	font-weight:bold;
	color:#000;
	padding: 50px;
	padding-top:10px;
	padding-bottom:0px;
	background-color: #e9e9e9;
	border-top: 1px #ccc solid;
}

#banner_var p{
	font-size:14px;
	padding:10px;
	padding-bottom:0px;
	font-weight: 600;
}

#banner_var h1{
	font-size:36px;
	color:#FFF;
	padding:10px
}

#banner_var h2{
	font-size:28px;
	color:#FFF;
	padding:10px;
	padding-left:80px
}

#banner_var h3{
	font-size:26px;
	color:#FFF;
	padding:10px;
	padding-left:50px
	
}

#slideshow{
	width: 800px;
	height: 280px;
	background-image:url(../Images/index_bgholding_image.png);
	background-repeat:no-repeat;
}

#hot_link{
	width:200px;
	height:65px;
	float: right;
	padding-right:0px;
	padding-top:15px;
	width:320px

}


#tag_holder					{
	font-size:24px;
	font-weight:bold;
	color: #000;
}

#content					{
	height:auto;
	margin: auto;
	width:820px;
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:0px;
	padding clear:both;	
	background-color: #e9e9e9;
}

#content a 					{color:#000; }

#modulesHolder				{padding:5px; padding-top:0}
	
#contentModules 			{width:190px; height:300px;	float:left;	margin:5px;	border:1px #ccc solid; margin-top: 10px; }

#contentModules h1			{font-size:24px; font-weight:700; padding-top:5px; padding-left:10px; padding-bottom:5px; background-color:#fff; border-bottom: 1px #ccc solid; }

#contentModules img			{float:right; padding-top:5px; padding-right:10px; }

#contentModules p			{margin:10px 5px 0px 5px; margin-top:100px; height:120px; font-size:18px; text-align:left; font-weight:bold; }

#contentModules h2			{float:right; width:50px; margin-right:10px; background-color:#333; padding:2px; padding-left:5px; border: 1px #FFF solid; font-size:16px }

#contentModules 	a			{  }

#contentModules 	a:hover h1	{ color:#4671b6; background-color:#FFF }


#bottom_page_holder{
	margin:auto;
	width:auto;
	height:500px;
	background-image: url(../Images/bg2.png);
	background-repeat:repeat-x;
	color:#fff;
}

#bottom_nav{
	width:800px;
	height:auto;
	margin:auto;
}

#bottom_nav_content{
	width:800px;
	height:auto;
	float:left;
	
}

#bottom_nav_content ul{
	font-size:16px;
}

#news_title{
	font-size:22px;
	font-weight:bold;
	color:e09e09;
	padding-bottom: 10px;
	float:left
}

#contact_title{
	font-size:18px;
	font-weight:bold;
	padding-bottom: 10px;
	float:right;
	padding-right: 180px;
}

#bottom_nav_contact{
	width:780px;
	height:auto;
	padding-top: 10px;
	font-size: 12px;
	float: left;
}

#bottom_nav_footer{
	width:760px;
	height:30px;
	font-size:10px;
	padding: 20px;
	float: left;
	
}

#bottom_nav_snetwork{
	width:400px;
	height:50px;
	float: left;
	padding-top: 30px;
}

#news_item{
	font-size:12px;
	padding: 30px;
	background-repeat: no-repeat;
	padding-top: 10px;
	width: 450px;
	float: left;
	padding-bottom: 0px;
	padding-left: 0px;

}

#news_item li{
	height:40px;
	font-size:14px; 
	font-weight:bold;
	margin:5px; 
	list-style-type:none; 
	background-image:url(../Images/pin1.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 20px;
	
}





#snetwork_holder{
	float:left;
	padding:10px;
}

#snetwork_holder1{
	float:left;
	padding:10px;
}

#snetwork_holder2{
	float:left;
	padding:10px;
}

#snetwork_holder3{
	float:left;
	padding:10px;
}

#clients{
	width:780px;
	float: left;
	height: 180px;
	padding-left: 10px;
}

#addthis{
	float:right
}


#rightContainer{
	width:250px;
	float:right;
	height:auto;
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 10px;
	margin-right:10px;
	font-weight: 600;
	Background-color:white;
	border: 1px #cacaca;
}



#rightContainer2{
	position:relative;
	top:220px;
	width:250px;
	float:right;
	background-repeat: no-repeat;
	font-size: 12px;
	padding-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: 600;
	
}

#rightContainer li a:hover {
	color:#e09e09;
}

#rightContainer li a.selected {

	color:#FFF;
	cursor:default;
}

#rightContainer_var{
	width:780px;
	float:right;
	height: auto;
	background-repeat: no-repeat;
}

#rightContainer_news{
	width:500px;
	float:right;
	height: auto;
	padding: 10px;
	background-color: #FFF;
	margin-right: 10px;
	border: 1px #CCC solid
}

#rightContainer li{
	padding:8px
	}


#tabContainer{
	width:470px;
	float:left;
	font-size:16px;
	text-align:left;
	padding: 10px;
	margin-left:10px;
	height: auto;
	padding-top: 10px;
	Background-color:white;
	border: 1px #cacaca;}


#tabContainer3{
	width:470px;
	float:left;
	font-size:16px;
	text-align:left;
	padding: 10px;
	margin-left:10px;
	height: 420px;
	padding-top: 10px;
	Background-color:white;
	border: 1px #cacaca;
	overflow:auto;}	
	
	#tabContainer2{
	width:auto;
	float:left;
	font-size:16px;
	text-align:left;
	padding: 10px;
	height: auto;
	padding-top: 10px;
	
	
}

#news_resources{
	width:180px;
	float:left;
	font-size:12px;
	text-align:left;
	padding: 10px;
	font-weight:400;
	border: 1px #CCC solid

}


#media_contact{
	width:180px;
	float:left;
	font-size:14px;
	text-align:left;
	padding: 10px;
	height: 185px;
	margin-bottom: 10px;
}

#three{
	float:left;
	padding-left: 230px;
}


/* index tab navigation */

#tab_nav{
	width:580px;
	float:right;
	height:410px;
	background-repeat: no-repeat;
	font-size: 12px;
	background-image: url(../Images/index_bg.png);
	padding-right: 0px;
}

#tab_nav img{
	float:left;
}

#nav {
	height:65px;
	width:450px;
	padding-left:50px;
	padding-top: 50px;
}

#nav ul {	
	width:520px;
	margin:0 auto;	
}

#nav li {	
	padding-left:1px;
	width:120px;
	height:100px;
	list-style-type:none;
	text-align:center;
}

#nav a {
	color:#333333;
	display:block;
	padding:10px;
	position:relative;
	text-decoration:none;
	
}	

#nav a.current {
	color:#000

}

#nav img {
	background-color:#fff;
	border:1px solid #ccc;
	margin:5px 0 5px 10px;
	padding:4px;		
	display:block;
}

#nav strong {
	display:block;		
	font-size:12px;
}

/* panes */


#panes {
	width:570px;
	height:250px;
	text-align:justify;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:20px;
	left:20px;
	right:10px;
	font-size:12px;
	color:#444;	
	width:540px; 
}

#panes img {
	float:right;
	margin-left:10px
		
}

#panes p.more {
	color:#000;
	font-size:16px
}

#panes p{
	padding:5px
}

#panes h3 {
	margin:0 0 5px 0;
	font-size:18px;
	font-weight:bold;
}

#panes a{
	color:#000;
	font-weight:600;
	font-size:16px;
}

.overlay {
	display:none;
	width:500px;
	background-color:#ddd;

}

/* index tab navigation end */

.modal {
	background-color:#fff;
	display:none;
	width:800px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	height:500px;
	overflow:auto;
	opacity:0.8;


}

.modal h2 {
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #fff;
	font-size:20px;
}
	
#demotip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

#demo {
	padding-top:215px;
	padding-left:90px
}

#facebox {

		/* overlay is hidden before loading */
		display:none;
			
		/* place overlay on top of other elements */
		z-index:10000;

		/* standard decorations */
		width:400px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		
			/* styling */
		background-color:#666;
	
}

#facebox div {
		padding:10px;
		border:1px solid #99ccff;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
		color:#000
}

#facebox h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6699ff;
		padding:5px 10px;
		border:1px solid #99ccff;
		font-size:16px;
}	
	
#facebox label {
		border:none
}
	
#facebox span {
		color:#333
}

#facebox p {
	padding:inherit;
	font-size:12px
	}


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#666;
	

	/* standard decorations */
	width:400px;
	border:10px solid #666;

	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}


	#simple_overlay div {
		padding:10px;
		border:1px solid #99ccff;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
		color:#000;
		
	}

	#simple_overlay h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6699ff;
		padding:5px 10px;
		border:1px solid #99ccff;
		font-size:16px;
	}
	
	#simple_overlay label {
		border:none
	}	
	
	#simple_overlay span {
		color:#333
	}

#box {
	width:300px;
	float:right;
}

/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}
/* this makes it possible to add next button beside scrollable */
.scrollable 				{ float:left }

/* prev, next, prevPage and nextPage buttons */
a.browse					{ background:url(../img/scrollable/arrow/hori_large.png) no-repeat;	display:block;	width:30px;	height:30px;	float:left;	margin:40px 10px;	cursor:pointer;	font-size:1px }

/* right */
a.right 					{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 				{ background-position:-30px -30px; }
a.right:active 				{ background-position:-60px -30px; } 


/* left */
a.left						{ margin-left: 0px; } 
a.left:hover  				{ background-position:-30px 0; }
a.left:active  				{ background-position:-60px 0; }

/* up and down */
a.up, a.down				{ background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 	float: none;	margin: 10px 50px;}

/* up */
a.up:hover  				{ background-position:-30px 0; }
a.up:active 			 	{ background-position:-60px 0; }

/* down */
a.down 						{ background-position: 0 -30px; }
a.down:hover  				{ background-position:-30px -30px; }
a.down:active  				{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled 					{ visibility:hidden !important} 	
/* this makes it possible to add next button beside scrollable */
.scrollable 				{ float:left }

/* prev, next, prevPage and nextPage buttons */
a.browse 					{ background:url(../img/scrollable/arrow/hori_large.png) no-repeat;	display:block;	width:30px;	height:30px;	float:left;	margin:40px 10px;	cursor:pointer;	font-size:1px}

/* right */
a.right 					{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 				{ background-position:-30px -30px; }
a.right:active			 	{ background-position:-60px -30px; } 


/* left */
a.left						{ margin-left: 0px; } 
a.left:hover  				{ background-position:-30px 0; }
a.left:active  				{ background-position:-60px 0; }

/* up and down */
a.up, a.down				{ background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 	float: none;	margin: 10px 50px}

/* up */
a.up:hover  				{ background-position:-30px 0; }
a.up:active  				{ background-position:-60px 0; }

/* down */
a.down 						{ background-position: 0 -30px; }
a.down:hover  				{ background-position:-30px -30px; }
a.down:active  				{ background-position:-60px -30px; } 


/* disabled navigational button */

a.disabled 					{visibility:hidden !important} 	

.tooltip 					{display:none;	background:url(../Images/black_arrow.png);	font-size:16px;	font-weight:bold;	height:70px;	width:160px;	padding:25px;	color:#000}

#jump					 	{
	height:210px;
	width:800px;
	padding-left: 10px;
}

#bigsociety 				{height:500px;	width:700px;	padding: 50px;	padding-top: 50px;	padding-bottom: 10px }

#jump p						{padding:5px; 	text-align:justify; font-weight: 400 }

ul							{padding:5px}

.engage 					{background-image:url(../Images/moduleBg.png)}
	
.present					{background-image:url(../Images/moduleBg3.png) }

.discover					{background-image:url(../Images/moduleBg2.png) }

.custom						{background-image:url(../Images/moduleBg4.png) }

#contentTop			{
	height:240px;
	margin:10px;
	background-repeat: no-repeat;
	width: 800px;
	text-align: justify;
	float:left;
}

#contentTop p { margin-bottom:5px;}

#contentLeft			{
	height:450px;
	float:left;
	margin-left:10px;
	background-repeat: no-repeat;
	width: 510px;
	text-align: justify;
	background-color: #FFF;
	}
	
#contentLeft h2	 { font-size:16px; margin:10px; color:#426ab2 }
	
#contentLeft li { 
	height:70px;
	font-size:14px; 
	margin:5px; 
	list-style-type:none; 
	background-image:url(../Images/pin.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 20px;
	}

#contentRight {
	height:345px;
	width:275px;
	float:right;
	font-size:36px;
	font-weight:700;
	text-align:center;
	background-image:url(../Images/callout.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	}
	
#contentRight img {
	margin-top: 30px;

	}


.engageBanner				{background-image:url(../Images/engageBg.png) }
.discoverBanner				{background-image:url(../Images/discoverBg.png) }
.presentBanner				{background-image:url(../Images/revealBg.png) }
.innovateBanner				{background-image:url(../Images/innovateBg.png) }

#twitter-ticker{
	width:200px;
	height:185px;
	color:#666666;
	display:none;
}

#tweet-container{
	height:150px;
	width:auto;
	overflow:hidden;
}


#top-bar{
	height:45px;
	border-bottom:1px solid white;
	position:relative;

}

.tweet{
	padding:5px;
	margin:0 8px 8px;
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
}

.tweet .user{
	font-weight:bold;
}


#loading{
	margin:100px 95px;
}