/* Social Influence */


/* Reset */
body, h1, h2, h3, h4, h5, p, ul, li, form {
	margin:0px;
	padding:0px;
	border:0px;
}


body {
	font-family:arial;
	text-align:center;
	font-size:62.5%;
	color:#182139;
	
}


.container {
	width:980px;
	margin:0px auto;
	font-size:1.2em;
}


a img {
	border:none;
}


.l_col {
	float:left;
}

.r_col {
	float:right;
}

.blue{color:#2391d2}
.dark_blue{color:#182139;}

/* header */

#header {
	width:100%;
	padding:5px 0px 3px 0px;
	background:url(../images/header_grad.gif) bottom left repeat-x #2496d8;
}



/* Twitter feed */

#twitter_feed {
	width:100%;
	padding:0 0 3px 0;
	background:url(../images/twitter_grad.gif) bottom left repeat-x #fff;
	text-align:center;
	border-bottom:3px solid #2278ac;
}

	#twitter_feed .l_col {
		width:700px;
		margin:3px 0px 0px 0px;
		text-align:left;
	}

	#twitter_feed .r_col {
		font-size:1.0em;

		width:200px;
		margin:3px 0px 0px 0px;
	}

	#twitter_feed h1 {
		font-size:1.2em;
		color:#2391d2;
		display:block;
		float:left;
	}

	#twitter_feed .l_col h2 {
		margin:0px 0px 0px 3px;
		font-size:1.2em;
		font-weight:100;
		color:#a2a2a2;
		display:block;
		float:left;
	}

	#twitter_feed .l_col h2 span {
		font-size:0.6em;
		color:#81b6d6;
	}

	#twitter_feed .r_col span {
		padding:2px 3px 0px 0px;
		font-size:0.8em;
		color:#a2a2a2;
		float:right;
	}

	#twitter_feed .r_col img {
		float:right;
	}
	
	#twitter_feed a:link, #twitter_feed a:visited {
		text-decoration:none;
		color:#a2a2a2;
	}
	
	#twitter_feed a:hover, #twitter_feed a:active {
		color:#2391d2;
	}


/* Logo */


	#header #logo .l_col {
		width:600px;
		margin:5px 0px 10px 0px;
		text-align:left;
	}

	#header #logo .r_col {
		width:300px;
		margin:5px 0px 0px 0px;
		padding:73px 0px 0px 0px;
		text-align:right;
	}

	#header #logo h1 {
		margin:0px 5px 0px 0px;
		font-size:1.4em;
		font-weight:100;
		color:#fff;
		display:block;
		float:right;
	}

	#header .r_col img {
		float:right;
	}



/* Header menu */

#header .menu {
	background:#17253d;
	text-align:center;
}

	#header .menu .container {
		width:1020px;
		height:50px;
		margin:0px auto;
		text-align:left;

	}

	#header .menu a {
		padding:15px 20px;
		font-size:1.4em;
		text-decoration:none;
		display:block;
	}

	#header .menu a:link, #header .menu a:visited {
		color:#8c919c;
	}

	#header .menu a:hover, #header .menu a:active {
		color:#fff;
		background:#3a465c;
	}

	#header .menu li {
		list-style:none;
		display:block;
		float:left;
	}


/* Determines which button to highlight */

	#header .home .menu_home a, #header .about .menu_about a,
	#header .services .menu_services a, #header .pricing .menu_pricing a,
	#header .live .menu_live a, #header .contact .menu_contact a {
		padding:4px 10px;
		background:#2391d2;
	}

	#header .home .menu_home a:link, #header .home .menu_home a:visited,
	#header .about .menu_about a:link, #header .about .menu_about a:visited,
	#header .services .menu_services a:link, #header .services .menu_services a:visited,
	#header .pricing .menu_pricing a:link, #header .pricing .menu_pricing a:visited,
	#header .live .menu_live a:link, #header .live .menu_live a:visited,
	#header .contact .menu_contact a:link, #header .contact .menu_contact a:visited {
		color:#fff;
	}

	#header .home .menu_home a:hover, #header .home .menu_home a:active,
	#header .about .menu_about a:hover, #header .about .menu_about a:active,
	#header .services .menu_services a:hover, #header .services .menu_services a:active,
	#header .pricing .menu_pricing a:hover, #header .pricing .menu_pricing a:active,
	#header .live .menu_live a:hover, #header .hover .menu_live a:active,
	#header .contact .menu_contact a:hover, #header .contact .menu_contact a:active {
		background:#2391d2;
		cursor:default;
		color:#fff;
	}

	#header .home .menu_home, #header .about .menu_about, #header .services .menu_services,
	#header .pricing .menu_pricing, #header .live .menu_live, #header .contact .menu_contact {
		margin:11px 10px
	}



/* Contact button */

	#header .menu h1 {
		margin:17px 10px 0px 0px;
		font-size:1.4em;
		color:#fff;
		display:block;
		float:right;
	}

	#header .menu .r_col img {
		margin:6px 20px 0px 0px;
		float:right;
	}



/* Banner */

#banner {
	margin:20px 0px 0px 0px;
	text-align:center;
}

	#banner .col_1 {
		width:320px;
		height:280px;
		background:url(../images/banner_1.gif) bottom left repeat-x #2391d2;
		float:left;
	}

	#banner .col_2 {
		width:320px;
		height:280px;
		margin:0px 0px 0px 10px;
		background:url(../images/banner_2.gif) bottom left repeat-x #2391d2;
		float:left;
	}

	#banner .col_3 {
		width:320px;
		height:280px;
		background:url(../images/banner_3.gif) bottom left repeat-x #2391d2;
		float:right;
	}

	#banner .bottom {
		width:100%;
		height:50px;
		margin:15px 0px 0px 0px;
		text-align:left;
		background:url(../images/bottom_grad.gif) bottom left no-repeat;
	}

	#banner .bottom .l_col {
		width:760px;
		height:50px;
		
	}

	#banner .bottom .r_col {
		width:191px;
		height:50px;
	}


	#banner .bottom p {
		padding:0px 0px 0px 17px;
		font-size:1.4em;
		color:#182139;;
	}

	a.find_out_button {
		width:174px;
		height:37px;
		display:block;
	}
	
	a.find_out_social {
		width:212px;
		height:37px;
		display:block;
		float:right;
	}

	#content .l_col a.link{color:#717171; text-decoration:underline;}
	#content .l_col a.link:hover{color:#333;}

/* Content */

#content {
	text-align:center;
}

	#content .l_col {
		width:620px;
		margin:20px 0px 30px 0px;
		font-size:1em;
		text-align:left;
	}

	#content .r_col {
		width:330px;
		margin:20px 0px 30px 0px;
		font-size:1em;
		text-align:left;
	}

	#content h1 {
		font-size:2.0em;
		line-height:1.0em;
		margin:0px 0px 10px 0px;
	}
	
	#content h2 {
		font-size:1.6em;
		line-height:1.0em;
		margin:0px 0px 7px 0px;
	}
	
	#content h3 {
		font-size:1.4em;
		line-height:1.0em;
		color:#717171;
		margin:0px 0px 7px 0px;
	}
	
	#content h3 span {
		color:#a2a2a2;
	}
	

	#content p {
		margin:0 0 20px 0;
		font-size:1.4em;
		line-height:1.6em;
		color:#717171;
	}
	
	#content p a {
		text-decoration:none;
		color:#2391d2;
	}

	#content h1 span {
		color:#2391d2;
	}


	#content .l_col a.find_out_button {
		margin:20px 0px 0px 0px;
		float:right;
	}

	#live_button {
		margin:0px 0px 20px 10px;
		display:block;
	}
	
	
	/* About content */
	
	#about_content h2 {
		margin:20px 0 15px 0;
	}


	/* Service tabs */

	.tabs {
		padding:3px 0;
		list-style-type:none;
	}

	.tabs li {
		display:inline;
	}

	.tabs li a {
		text-decoration:none;
		padding:2px 5px;
		margin:0 5px 3px 0;
		display:block;
		float:left;
	}

	.tabs li a:link, .tabs li a:visited {
		color:#182139;
	}

	.tabs li a:hover {
		color:#2391d2;
	}

	.tabs li a.selected:link, .tabs li a.selected:visited {
		background:#2391d2;
		color:#fff;
	}

	.tabs li a.selected:hover {
		cursor:default;
		color:#fff;
	}

img.list_arrow{margin:0 0 -4px 0;}

	/* Service image */

	#service_img_bg {
		width:100%;
		height:200px;
		margin:5px 0px 15px 0px;
		background:#2391d2;
	}

	#service_img_bg img {
		display:none;
	}


	/* Service content */

	.service_content {
		display:none;
	}

	@media print {
		.service_content {
			display:block !important;
		}
	}




/* Service comparison */

#service_comparison {
	font-size:1em;
}

	#service_comparison td {
		padding:2px 0;
		text-align:center;
		border:0;
	}

	#service_comparison td h1 {
		margin:0;
		line-height:1.2em;
		font-size:1.4em;
		float:left;
	}

	#service_comparison td h2 {
		margin:0;
		line-height:1.3em;
		font-size:1.1em;
		float:left;
	}

	#service_comparison td p {
		margin:0 0 0 5px;
		font-size:1em;
		float:left;
	}

	
	tr.tr_service_title {
		width:620px;
		margin:0 0 10px 0;
		background:url(../images/tr_bg.gif) top right no-repeat;
	}
	
	

	
	tr.tr_title_top td, tr.tr_title td {
		background:url(../images/tr_bg.gif) top left repeat-x;
	}
	
	tr.tr_title_top td.first, tr.tr_title td.first  {
		background:url(../images/tr_first_bg.gif) top left no-repeat;
	}
	
	tr.tr_title_top td.last {
		background:url(../images/tr_top_last_bg.gif) top left no-repeat;
	}
	
	tr.tr_title td.last {
		background:url(../images/tr_last_bg.gif) top left no-repeat;
	}
	
	
	
	td h1{
		padding:3px 0 5px 10px;
	}
	
	td h2{
		padding:0 0 0 10px;
	}

	.td_service {
		width:320px;
		text-align:left;
	}

	.td_tick {
		width:100px;
	}

	#td_service {
		width:320px;
		text-align:left;
	}

	.td_odd_row {
		background:#fff;
	}
	
	.td_odd_row h2, .td_even_row h2 {
		color:#2391d2;
	}

	.td_even_row {
		background:#f7f7f7;
	}
	
	
	#td_basic h1, #td_advanced h1, #td_pro h1 {width:100%; padding:5px 0 0 0; color:#fff;}
	#td_basic h2, #td_advanced h2, #td_pro h2 {width:100%; padding:0; color:#fff;}
	
	#td_basic {
		background:url(../images/td_basic.gif) top left no-repeat #1e6ca6;
		color:#fff;
	}
	
	#td_advanced {
		background:url(../images/td_advanced.gif) top left no-repeat #1e6ca6;
		color:#fff;
	}
	
	#td_pro {
		background:url(../images/td_pro.gif) top left no-repeat #1e6ca6;
		color:#fff;
	}


/* News feed */

	#news_feed h1 {
		margin:0px 0px 20px 10px;
	}

	#news_feed li {
		padding:0px 0px 10px 0px;
		font-size:1.4em;
		list-style:none;
		color:#a2a2a2;
	}

	#news_feed li a {
		width:330px;
		padding:0px 0px 12px 0px;
		text-indent:10px;
		text-decoration:none;
		line-height:0.5em;
		color:#a2a2a2;
		display:block;
	}

	#news_feed li a:hover, #news_feed li a:active {
		background:url(../images/news_hover.gif) bottom right no-repeat;
	}

	#news_feed li a img {
		margin:0px 0px -4px 10px;
	}

	#content .r_col span {
		float:right;
	}

	#content .r_col span a {
		font-size:1.4em;
		text-decoration:none;
		color:#2391d2;
	}
	

/* Contact Form */
fieldset{border:none; margin:0 0 15px 0;}

.col_l {float:left;}
.col_r #info_box {float:right; width:300px;}

.form_input{width:250px; margin:0 0 5px 0;}
.form_input .input_box {float:right;}
.form_input label {float:left;}



/* Live example */
ol.live_ex{padding:0 0 0 20px;}
ol.live_ex li{font-size:1.4em; line-height:1.6em; color:#a2a2a2;}
.live_point{height:20px; width:20px; background:url(../images/blue_point.gif); text-align:center; color:#fff;}


/*  Example info  */
#example_info{width:580px; height:736px; margin:20px 0 0 0; background:url(../images/example.jpg) top left no-repeat; position:relative;}
#example_info .info_point{width:50px; height:50px; background:url(../images/blue_point.gif) no-repeat;}
#example_info .info_point span{color:#fff; font-size:20px; padding:13px 20px; display:block;}
#example_info #info1.info_point{position:absolute; top:0; left:220px;}
#example_info #info2.info_point{position:absolute; top:80px; left:220px;}
#example_info #info3.info_point{position:absolute; top:220px; left:220px;}
#example_info #info4.info_point{position:absolute; top:365px; left:220px;}
#example_info #info5.info_point{position:absolute; top:505px; left:220px;}
#example_info #info6.info_point{position:absolute; top:180px; right:60px;}
#example_info #info7.info_point{position:absolute; top:510px; right:60px;}

#tooltip {
    position: absolute;
    width: 200px;
    border: 1px solid #666;
    background: #999;
    color: #FFF;
    padding: 10px;
    opacity: 0.9;
}
#tooltip h3, #tooltip div {
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}
#tooltip.darktip {
    background: #333;
}


/* Wikipedia widget */


#wikipedia_widget {
	width:320px;
	margin:0 0 20px 0;
	background:url(../images/wiki_top_grad.jpg) top left no-repeat;
	float:right;
}

	#wikipedia_widget h1 {
		margin:0;
		padding:10px 0 10px 15px;
		font-size:1.8em;
	}

	#wikipedia_widget form {
		margin:0; padding:0;
	}

	#search_word_val {
		width:270px;
		margin:0 0 0 15px;
		padding:4px 3px;
		font-size:1.4em;
		background:url(../images/input_box_bg.gif) bottom left repeat-x #fff;
		border:1px solid #a6a5a5;
		float:left;
	}

	#search_button {
		width:36px;
		height:32px;
		margin:2px 0 0 -13px;
		float:left;
	}

	#wikipedia_widget ul {
		width:100%;
		margin:0;
		padding:0;
	}

	#wikipedia_widget li {
		margin:0;
		padding:0;
		width:100%;
		font-size:1.2em;list-style:none;
	}

	#wikipedia_widget li a {
		width:100%;
		padding:3px 0;
		text-indent:15px;
		text-decoration:none;
		color:#a2a2a2;
		display:block;
	}

	#wikipedia_widget li a:hover {
		background:#f0efef;
	}	

	#wikipedia_widget strong {
		padding:5px 15px 5px 15px;
		display:block;
		color:#a2a2a2;
		font-size:1.2em;
	}

	#wiki_help p {
		margin:10px 0 0 0;
		padding:0 15px;
		color:#a2a2a2;
		font-size:1.0em;
	}

	#wiki_help img {
		margin:10px 0 0 0;
		padding:0 15px;
	}

	#search_results {
		margin:10px 0 0 0;
		background:url(../images/search_result_bg.gif) top left repeat-x #1e6ca5;
		font-size:1.0em;
	}

	#search_results p {
		margin:0px;
		padding:10px 15px 10px 15px;
		font-size:1.4em; 
		color:#fff;
	}

	#search_results a {
		height:10px;
		width:10px;
		padding:0 15px 10px 0;
		background:url(../images/external_link.gif) top left no-repeat;
		float:right;
	}

	#search_results img {
		margin:10px 0 0 10px;
	}

	#search_results p#search_error {
		padding:10px 15px 10px 40px;
		line-height:1em;
		background:url(../images/error_sign.gif) top left no-repeat;
	}

	#powered_by {
		padding:5px 15px;
		background:url(../images/wiki_bottom_grad.jpg) bottom left no-repeat;
	}

	#powered_by span {
		margin:0px;
		padding:9px 0 0 0;
		font-size:1.0em;
		color:#a2a2a2;
		float:right;
	}

	#powered_by .l_col {
		width:50px;
		margin:0;
	}

	#powered_by .r_col {
		width:200px;
		margin:0;
	}

	#powered_by .l_col img {
		margin:6px 0 0 0;
	}

	#powered_by .r_col img {
		float:right;
	}

div.address{line-height:4px; margin:0px;}


	

/* Footer */

#footer {
	margin:0;
}

	#footer .menu {
		width:100%;
		background:url(../images/footer_grad_top.gif) top right no-repeat #1f72ac;
		color:#fff;
		text-align:left;
	}

		#footer .menu a {
			font-size:1.4em;
			color:#fff;
			text-decoration:none;
		}

		#footer .menu li {
			padding:5px 10px;

			list-style:none;
			display:block;
			float:left;
		}

		#footer .menu .selected a {
			font-weight:600;
		}


	#footer #social_links {
		padding:10px;
		background:url(../images/bottom_grad.gif) bottom right no-repeat #fff;
		text-align:left;
	}
	
		#footer #social_links h1 {
			margin:0 10px 0 0;
			display:block;
			font-size:1.2em;
			font-weight:100;
			color:#a2a2a2;
			float:left;
		}
		
		#footer #social_links li {
			margin:0 25px 0 0;
			list-style:none;
			float:left;
		}
		
		#footer  #social_links li a {
			height:32px;
			display:block;
		}
		
		
		#footer li#facebook a {width:91px; background:url(../images/facebook.gif) top left no-repeat;}
		/*#footer li#facebook a {width:91px; background:url(../images/facebook_gray.gif) top left no-repeat;}
		#footer li#facebook a:hover, #footer li#facebook a:active {background:none;}*/
		
		#footer li#flickr a {width:53px; background:url(../images/flickr.gif) top left no-repeat;}
		/*#footer li#flickr a {width:53px; background:url(../images/flickr_gray.gif) top left no-repeat;}
		#footer li#flickr a:hover, #footer li#flickr a:active {background:none;}*/

		#footer li#linkedin a {width:86px; background:url(../images/linkedin.gif) top left no-repeat;}
		/*#footer li#linkedin a {width:86px; background:url(../images/linkedin_gray.gif) top left no-repeat;}
		#footer li#linkedin a:hover, #footer li#linkedin a:active {background:none;}*/
		
		#footer li#youtube a {width:56px; background:url(../images/youtube.gif) top left no-repeat;}
		/*#footer li#youtube a {width:56px; background:url(../images/youtube_gray.gif) top left no-repeat;}
		#footer li#youtube a:hover, #footer li#youtube a:active {background:none;}*/
		
		#footer li#myspace a {width:98px; background:url(../images/myspace.gif) top left no-repeat;}
		/*#footer li#myspace a {width:98px; background:url(../images/myspace_gray.gif) top left no-repeat;}
		#footer li#myspace a:hover, #footer li#myspace a:active {background:none;}*/
		
		#footer li#twitter a {width:85px; background:url(../images/twitter.gif) top left no-repeat;}
		/*#footer li#twitter a {width:85px; background:url(../images/twitter_gray.gif) top left no-repeat;}
		#footer li#twitter a:hover, #footer li#twitter a:active {background:none;}*/
		
		#footer li#wikipedia a {width:120px; background:url(../images/wikipedia_logo.gif) top left no-repeat;}
		/*#footer li#wikipedia a {width:120px; background:url(../images/wikipedia_gray.gif) top left no-repeat;}
		#footer li#wikipedia a:hover, #footer li#twitter a:active {background:none;}*/
		

	#footer .l_col{
		margin:5px 0px;
		color:#a2a2a2;
	}

	#footer .r_col{
		margin:5px 0px;
	}

.clear {clear:both;}