/*































Theme Name: The Online Circle































Theme URI: http://theonlinecircle.com/































Description: The Online Circle































Version: 1.0































Author: The Online Circle































Author URI: http://theonlinecircle.com 































Copyright © The Online Circle































*/















































body {















font-family: Tahoma, Geneva, Verdana, sans-serif;















font-size: 62.5%;















color: #000000;















margin: 0px 0 0 0;















background-color: #ffffff;















}































/* Wordpress Image Classes */































img.centered {















display: block;















margin-left: auto;















margin-right: auto;















}































img.alignright {















padding: 4px;















margin: 0 0 2px 7px;















display: inline;















}































img.alignleft {















padding: 4px;















margin: 0 7px 2px 0;















display: inline;















}































.alignright {















float: right;















}































.alignleft {















float: left;















}































.aligncenter {















margin: auto;















text-align: center;















display: block;















}































/* Text */































p, .error_search {















font-size: 1.2em;















line-height: 1.3;















color: #58595b;















padding-bottom: 15px;















}































a, a:visited {















color: #0768b3;















font-weight: bold;















text-decoration: none;















}































a:hover {















color: #f7941d;















}































h1 {















font-size: 2.4em;















}































h2 {















font-size: 2.3em;















font-weight: normal;















color: #f7941d;















padding-bottom: 20px;















}































h2 img {















margin-right: 10px;















float: left;















}































h3 {















font-size: 1.2em;















}































h4 {















font-size: 1.1em;















}































ul {















list-style-position: inside;















list-style-type: disc;















padding-bottom: 15px;















}































ol {















list-style-position: inside;















padding-bottom: 15px;















}































li {















font-size: 1.2em;















line-height: 1.2;















color: #58595b;















}































/* DIVS */































.fxd {















width: 970px;















text-align: center;















margin: 0 auto;















}































.xpd {















width: 100%;















text-align: center;















margin: 0 auto;















}































#header {
	height: 157px;
}































#logo {















float: left;















top:-5px;















}































#tagline {
	float: left;
	margin-top: 30px;
	margin-left:67px;
}































#sidebar {































}































#navbar {
	float: right;
	margin-top:15px;
}































#content {















margin: 20px 0 0 0;















}































#homecont {































}































#footer {















clear: both;















background-image: url(footer-background.png);















background-repeat: repeat-x;















height: 112px;















margin: 20px 0 0 0;















}































#footercont {















padding: 20px 0 0 0;















}































#footer p {















clear: both;















color: #fff;















padding: 15px 0 0 0;















font-size: 1em;















}































#homefooter {















height: 70px;















padding-top: 20px;















}































#homefooter img, #footer img {















float: left;















}































#homebtaddress {















padding-left: 0;















}































.homebtnstack {















padding: 1px 0 2px 0;















}































#homebtnstack1 {















float: left;















width: 210px;















}































#homebtnstack2 {















float: left;















width: 216px;















}































#homebtnstack2 img {















margin: 0;















padding: 0;















}































#homebtnstack2 p {















margin: 15px 0 0 0;















padding: 0;















}































#homebtnstack2 #follow {















margin: 0 0 0 7px;















}































#homebtnstack3 {















float: left;















width: 80px;















}































.homebtnline {

margin: 0 35px;

}































#homecredit {















height: 16px;















background-image: url(copyright-background.png);















background-repeat: repeat-x;















color: #fff;















padding-top: 4px;















}































.clearall {















clear: both;















}































.mywidgets {































}































.navid {















margin: 0;















padding: 0;















}































div#post3 li.navhome,















{































}































#titlebar {















background-image: url(banner-background.png);















background-repeat: repeat-x;















height: 120px;















}































#titlebar img {















float: left;















margin-top: 50px;















}































#intcont {















margin: 50px auto;







margin-top:10px;















text-align: left;















min-height: 300px;















}































#floatmenu {















position: absolute;















float: left; 















width: 340px;















text-align: left;















}































#floatmenu li {















list-style-position: inside;















list-style-image: url(TOCWEB-side-menu-arrow.png);















margin: 0 0 20px 0;















}































#floatmenu a, #floatmenu a:visited {















color: #0768b3;















font-size: 1.25em;















text-decoration: none;















font-weight: bold;















}































#maincol {















float: right;















text-align: left;















width: 640px;















}































.hidden { display: none; }















.unhidden { display: block; }































#contactform {















float: left;















width: 327px;















height: 343px;















background-image: url(contact_bkg1.png);















background-repeat: no-repeat;















margin-bottom: 40px;















}































#contact p {















padding: 0 0 3px 0;















}































#contact fieldset {















padding: 25px 0 0 35px;















}































#contact input {















margin: 0 0 15px 0;















width: 240px;















}































#contact textarea {















width: 240px;















height: 50px;















}































#contact input.btn {















background-image: url(contact_submit.png);















background-repeat: no-repeat;















background-color: #e5e6e7;















border: none;















width: 104px;















height: 36px;















margin: 20px 0 0 140px;















}































#contactmap {















float: right;















width: 617px;















height: 343px;















background-image: url(contact_bkg2.png);















background-repeat: no-repeat;















margin-bottom: 40px;















}































#contactmap img {















margin: 25px 25px 25px 25px;















}































#contactmap img.btn1 {















margin: 45px 25px 10px 25px;















}































#contactmap img.btn2 {















margin: 0 0 0 25px;















}































.pressgallery {















width: 600px;















margin-bottom: 15px;















height: 50px;















}































.mywidgets ul {















padding-bottom: 0;















}































#clientsgallery {















margin-left: 25px;















}































#clientsgallery img {































}































#clientsgallery div {



	float: left;



	margin: 0 30px 15px 0;



	text-align: center;



	width: 200px;



}































#cu3er-container {width:970px; outline:0;}







#sticker {margin: 0 0 0 320px;}







#productsimage {margin-right: 50px; width:190px;}







#productstext {width: 490px; overflow:visible;}







#productsimage2 {margin-right: 50px; width:280px;}







#productstext2 {width: 400px; overflow:visible; padding-top: 40px;}







.teamcol {float:left; background-color:#d1d2d4; width:290px; height:435px; margin-top:40px;}







.teamcol img.btn {margin:0; padding:0;}







.teamcolmid {float:left; width:390px; text-align:center;}







.teamheader {margin: 10px;}







.teamcol p {padding: 0 10px; font-size:1.2em;}







.teambtnline {margin: 10px 0; margin-top:0px;}







.orange {color:#e3af49; font-weight:bold;}















/* OUR TEAM */















/* Gallery styles */















#gallery{







	/* CSS3 Box Shadow */







	







	/* CSS3 Rounded Corners */







	







	







	/* The width of the gallery */







	width:920px;







	overflow:hidden;







}















#slides{







	/* This is the slide area */







	height:530px;







	







	/* jQuery changes the width later on to the sum of the widths of all the slides. */







	width:920px;







	overflow:hidden;







}















.slide{







	float:left;







}















.slideint {width:920px; height:530px; }







.slideint .mainimg {float:left; }







.slideint .teamarrow {float:left; margin-top:40px; }



.slideint .teamarrow-exlarge {float:left; margin-top:40px; margin-left: -31px;}



.slideint .teamarrow2 {float:left; margin-top:113px; }



.slidetxt {float:left; background-color:#d1d2d4; width:290px; min-height:300px; text-align:left; margin-top:25px; }



.slidetxt-larage {float:left; background-color:#d1d2d4; width:440px; min-height:300px; text-align:left; margin-top:25px; }



.slidetxt-exlarge{float:left; background-color:#d1d2d4; width:541px; min-height:300px; text-align:left; margin-top:25px; margin-left: -16px; }



.slidetxtsml {float:left; background-color:#d1d2d4; width:290px; min-height:100px; text-align:left; margin-top:100px; }



.slidetxt p, .slidetxt-larage p, .slidetxt-exlarge p, .slidetxtsml p {text-align:left; padding: 0 10px 10px 10px;}















#menu{







	/* This is the container for the thumbnails */







	height:143px;







}























#gallery li{







	/* Every thumbnail is a li element */







	width:110px;







	display:inline-block;







	list-style:none;







	height:143px;







	overflow:hidden;







}















#gallery li.act a{







	cursor:default;







}















.menuint, .menuint2 { height:143px; }







li.inact #menu1 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-thumbnail-faded-jeff.jpg); }



li.inact #menu2 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-thumbnail-faded-lucio.jpg); }



li.inact #menu3 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/Alan-tn-faded.jpg); }



li.inact #menu4 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-thumbnail-faded-james.jpg); }



li.inact #menu5 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-thumbnail-faded-maryann.jpg); }



li.inact #menu6 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-thumbnail-faded-fernando.jpg); }

li.inact #menu7 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-thumbnail-faded-liam.jpg); }



li.inact #menu8 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/Michael_faded_tn.jpg); }



li.inact #menu9 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/Tim_faded_tn.jpg); }



li.inact #menu10 { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/Jina-tn-faded.jpg); }











li.act #menu1, li.inact #menu1:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-team-thumbnail-jeff.jpg); }



li.act #menu2, li.inact #menu2:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-team-thumbnail-lucio.jpg); }



li.act #menu3, li.inact #menu3:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/Alan-tn-tag.jpg); }



li.act #menu4, li.inact #menu4:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-team-thumbnail-james.jpg); }



li.act #menu5, li.inact #menu5:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-team-thumnail-maryann.jpg); }



li.act #menu6, li.inact #menu6:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-team-thumbnail-fernando.jpg); }



li.act #menu7, li.inact #menu7:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-team-thumbnail-liam.jpg); }



li.act #menu8, li.inact #menu8:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/Michael_tag_tn.jpg); }



li.act #menu9, li.inact #menu9:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/Tim_tag_tn.jpg); }



li.act #menu10, li.inact #menu10:hover { background-image: url(http://theonlinecircle.com/wp-content/uploads/2010/02/jina-tn-tag.jpg); }


.fbar{







	/* The left-most vertical bar, next to the first thumbnail */







	width:2px;







}















#gallery { /*margin-left:100px;*/ }















#gallery li a{







	display:block;







}















#gallery a img{







	border:none;







}























/* The styles below are only necessary for the demo page */















#gallery #main{







	/* The main container */







	margin:15px auto;







	text-align:center;







	width:920px;







	position:relative;







}















#gallery a, #gallery a:visited {







	color:#0196e3;







	text-decoration:none;







	outline:none;







}























/*







	root element for the scrollable.







	when scrolling occurs this element stays still.







*/







.scrollable {















	/* required settings */







	position:relative;







	overflow:hidden;







	width: 555px;







	height:143px;







	float:left;







}















/*







	root element for scrollable items. Must be absolutely positioned







	and it should have a extremely large width to accommodate scrollable items.







	it's enough that you set width and height for the root element and







	not for this element.







*/







.scrollable .items {







	/* this cannot be too large */







	width:2000em;







	position:absolute;







}















/*







	a single item. must be floated in horizontal scrolling.







	typically, this element is the one that *you* will style







	the most.







*/







.items .scrldiv, .items .scrldiv2 {







	float:left;







}















.browse {height:38px; width:26px; float:left; display:block; margin-top:50px; }







.prev { background-image:url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-team-arrowleft.png); margin-right:10px; margin-left:75px; }







.next { background-image:url(http://theonlinecircle.com/wp-content/uploads/2010/02/TOCWEB-team-arrowright.png); }











/* RESOURCES PAGE */



.resourcesbox, .resourcesbox_line { background-color: #e7e8ea; float:left; width:195px; height:230px; overflow:hidden; margin-right:10px; padding:20px; margin-bottom:20px; }



.rblast { margin-right:0; }



.resourcesbox h3 { font-size: 1.5em; font-weight: normal; color: #f7941d; padding-bottom: 20px; }







.mediaicon {



	text-align:center;



}







.mediaicon {



	width: 195px;



	margin-left: auto;



	margin-right:auto;



	margin-bottom: 20px;



}







.resourcesbox_line{



	margin-left: -20px;



	float:none;



	height: 1px;



	padding: 0px;



	overflow:visible;



}



.resourcebox_seperate {



	margin-top: 20px;



}







.resourcebox_seperate_diverse {



	margin-top: -10px;



	margin-bottom: 20px;



}







.resourcebox_left {



	float:left;



	width:160px;



	line-height: 8em;



}







.resourcebox_right{



	display: table-cell;



	height: 50px;



	line-height: 8em;



}







.resourcebox_socialmedia {



	display: table-cell;



	line-height: 8em;



}







.resourcebox_right img, a, div {



	/*vertical-align:middle;*/



}







.resourcebox_left_diverse p {



	float:left;



	width:160px;



	line-height: 3em;



}







/* 404 error page */



.errorpage {



	height: 300x;



	width: 610px;



	border: dashed thin; 



	margin-left: auto;



	margin-right: auto;



	margin-top: 80px;



}







.error_message {



	margin-left: 280px;



}







.error_image {



	float: left;



	margin-left: 10px;



}







.error_header {



	font-size: 50px;



	font-weight: bold; 



	color: #F7941D;



}







.error_content {



	font-size: 20px;



	color: #F7941D;



	line-height: 2em;



}







.error_search {



	padding-top: 15px;



	padding-bottom: 1px;



}







.error_searchbox {



	background-image: url('search-field.png');



	background-repeat: no-repeat;



	height: 32px;



}







.error_searchtextbox {



	margin-left: 15px;



	margin-top: 7px;



	width: 235px; 



	border: 0 none;



}







.error_searchbutton {



	padding-top: 3px;



}







.error_searchbutton #searchsubmit {



	background: transparent;



	background-image: url('search-go.png');



	background-repeat: no-repeat;



	margin-left: 3px;



	margin-top: 1px;



	height: 21px;



	width: 33px;



	border: 0px;



}







.error_menu {



	margin-top: 10px;



	margin-bottom: 20px;



	color: #58595B;



	font-size: 15px;



}







.error_separator {



	color: #F7941D;



	color: #F7941D;



}







/* Search result */



.search_result_header  {



	height: 50px;



}







.search_result_form {



	float: left;



	width: 310px;



}







.search_result_menu {



	font-size: 15px;



	padding-top: 5px;



}







.search_result_title {



	font-size: 1.5em;



	color: #F7941D;



	font-weight: bold;



}







.search_result_content p{



	padding-bottom: 3px;



}







.search_result_block {



	margin-top: 15px;



	border-bottom: solid thin #CACACA;



}







.search_result_block_last {



	margin-top: 15px;



}







.content_left {



	float: left;



	width: 735px;



	border-right: thin #E5E5E5 solid;



	margin-bottom: 50px;



	padding-right: 5px;



	min-height: 660px;



}







.content_right {



	margin-left:740px;



	padding-left: 10px;



}







.searchbox {



	background-image: url("sidemenu-search-bckgd.jpg");



	height: 30px;



	background-repeat:no-repeat;



}







.searchtextbox {



    border: 0 none;



    margin-left: 6px;



    margin-top: 6px;



    width: 175px;



}







.side_contact {



	margin-top: 28px;



	background-color: #E7E8EA;



	border:thin solid #E5E5E5;



	width: 220px;



}







.side-emailform {



	width: 205px;



	margin-left:8px;



}







.side_contact input {



	width: 200px;



	border: 0px;



}







.side_contact textarea {



	width: 200px;



	height: 60px;



	border: 0px;



}







.side_contact p {



	padding-bottom: 2px;



}







.side-emailform input[type=submit]{



	background: transparent;



	background-image: url("sidemenu-submit.jpg");



    border: 0 none;



    height: 22px;



	width: 59px;



    margin-left: 144px;



    margin-top: 8px;



	color: transparent;



	text-indent: -9999px;



}







.side_webmonitoring{



	margin-top: 17px;



	background-color: #FFFFFF;



	border:thin solid #E5E5E5;



	width:220px;



}







.side_webmonitoring_content {



	margin: 0 5px 0 5px;



}







.side_webmonitoring_content P {



	color: #C0C0C0;



}







.slide_webmonitoring_btn {



	text-align:right;



	margin-bottom: 10px;



	margin-right: 10px;



}







.side_separator {



	width: 220px;



	height: 1px;



	background-color: #E5E5E5;



	margin-top: 15px;



}







#maincol-services {



	float: right;



    text-align: left;



	width: 466px;



	padding-right: 20px;



}







/* Resouces page */







.header-left {



	font-size: 1.5em;



	vertical-align:middle;



	padding-left: 15px;



	border-right: 2px solid #ffffff;

	



}







.header-right {



	text-align:center;



	font-size:1.5em;



	vertical-align:middle;

	width:100px;



}



.header-last{

	border-left: 2px solid #FFFFFF;

    font-size: 1.5em;

    padding-left: 15px;

    vertical-align: middle;

	text-align:center;

}







.tbl-header {



	background-color: #BDBEC0;



	color: #ffffff;



	height: 34px;



}







.tbl-content {



	background-color: #E7E8EA;



}







.tbl-content-left, .tbl-content-left-last {



	font-size: 1.2em;



	line-height: 1.5em;



	vertical-align:middle;



	padding-left: 15px;



	color: #000002;



	border-bottom: 2px solid #ffffff;



	border-right: 2px solid #ffffff;



}







.tbl-content-left-last {



	border-bottom: none;



}







.tbl-content-right, .tbl-content-right-last {



	font-size: 1.2em;



	vertical-align:middle;



	text-align:center;



	border-bottom: 2px solid #ffffff;

	border-right: 2px solid #ffffff;



}



.tbl-content-share{

	border-bottom: 2px solid #ffffff;

}







.tbl-content-right-last {



	border-bottom:none;



}







/* End resouces page */







.numberlist li{



	padding-bottom: 7px;



}



.testimonial_link{



font-weight:normal;



}







.testimonial_position p{



padding-bottom:0px;



line-height: 1.8;



}



.fb-share, .fb-share2 {

	width: 150px; 

	float: left; 

	padding-top: 14px; 

	padding-left: 15px;

}



.fb-share2{

	padding-top: 28px; 

}



.addthisdiv{

	padding-top: 7px;

}



.addthisdiv2{

	padding-top:18px;

}



.tbl-content-share p{

	padding-bottom: 0px;

}



.tbl-content-share-single p{

		padding-bottom: 0px;

}



.case-title{

 color: #f8a544;font-size:14px;

}

.case-bold{

color:#0a6fb7;font-size:12px;font-weight:bold;padding-bottom: 15px;

}

.case-left{

float:left;width:530px;

}



.reg{

position: relative;top: -3px;font-size: 10px;

}

.share_home{
	float:right;
	height:10px;
	padding-top:10px;
}

.share_fb{
	float:left;
}
.share_twitter{
	float:left;
}
.share_plus{
	float:left;
}

.share{
	float:right;padding-bottom:10px;
}


/* The Social Session */
.session_header{
	padding-bottom:15px;
}
.session_header p{
	line-height:1.7em;
	padding-bottom:0px;
}
.session_bold{
	padding:0px 0px 15px 0px;
}
.session_bold p{
	color:#0f6db6;
	font-weight:bold;
	line-height: 1.7em;
    padding-bottom: 0;
}

.agenda_header_top{padding-bottom:7px;font-size:1.7em; font-weight:bold;color:#0F6DB6;}
.agenda_header{font-size:1.5em;padding-bottom:7px; font-weight:bold;}
.social_media_training a{
	color:#F7941D;
}