/* HTML */

html { background: #ffffff url(images/connect/bg.gif) repeat-x ; color : #000000;}



/* BODY

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

body { font : normal 75% "Trebuchet MS", Arial, Helvetica, sans-serif;margin0;padding:0;}



#coolguy{ display:none; margin-right:10px;float:left;width:390px;}
#coolguy h2{font-size:90px; color:blue; text-align:center; margin-bottom:20px}
#coolguy p{ text-align:center}



.home #container{width:960px;margin:0px auto;margin-top:90px;}
.newhome #container{width:100%;margin-top:90px;}
.news #container{width:960px;margin:0px auto;margin-top:100px;}
.blog #container{width:960px;margin:0px auto;margin-top:0px;}
.about #container{width:960px;margin:0px auto;margin-top:100px;}
.approach #container{width:960px;margin:0px auto;margin-top:100px;}
.people #container{width:960px;margin:0px auto;margin-top:110px;}
.person #container{width:960px;margin:0px auto;margin-top:110px;}
.services #container{width:960px;margin:0px auto;margin-top:100px;}
.service #container{width:960px;margin:0px auto;margin-top:120px;}
.contact #container{width:960px;margin:0px auto;margin-top:140px;}
.portfolio #container{width:960px;margin:0px auto;margin-top:100px;}

#tagbox{position : relative;top:142px;width:100%;height:139px;background:transparent url(images/connect/tag-bg.jpg) no-repeat top center;}

.home .main .two p,.about .main .two p{margin:20px;}

.main .two ul {
	list-style-type: square;
	list-style-image: inherit;
	list-style-position: inside;
	margin-left:40px;
}


.main .two ul li { font : normal 110% "Trebuchet MS", Arial, Helvetica, sans-serif; }


.watch{margin-top:10px;margin-right:15px;}
.watch a{display:block;height:18px;width:87px;text-indent : -9999px;}

.vidone{background:url(images/connect/video-1.png) no-repeat 0 0;}
.vidone a:hover{background:url(images/connect/video-1.png) no-repeat 0 -18px;}
.vidtwo{background:url(images/connect/video-2.png) no-repeat 0 0;}
.vidtwo a:hover{background:url(images/connect/video-2.png) no-repeat 0 -18px;}


.case{margin-top:-10px;float:right;margin-right:15px;}
.case a{display:block;height:18px;width:134px;text-indent : -9999px;}
.casestudylink{background:url(images/connect/casestudy.png) no-repeat;}
.casestudylink a:hover{background:url(images/connect/casestudy.png) no-repeat 0 -18px;}





.listen{margin-top:10px;float:left;margin-right:15px;}
.listen a{display:block;height:18px;width:87px;text-indent : -9999px;}
.audone{background:url(images/connect/audio-1.png) no-repeat;}
.audone a:hover{background:url(images/connect/audio-1.png) no-repeat 0 -18px;}
.audtwo{background:url(images/connect/audio-2.png) no-repeat;}
.audtwo a:hover{background:url(images/connect/audio-2.png) no-repeat 0 -18px;}





.main .one { float : left; width :200px;height:500px; }
.about .main .one,.service .main .one { float : left; width :200px;background:transparent url(images/connect/sidebg.jpg) no-repeat top right;height:500px }
.portfolio .main .one { float : left; width :200px;background:transparent url(images/connect/sidebg.jpg) no-repeat top right;height:692px }

.home .main .one{ float : left; width :200px;background:transparent url(images/connect/sidebg.jpg) no-repeat top right;height:650px }

.services .main .one { float : left; width :200px;background:transparent url(images/connect/sidebg.jpg) no-repeat top right;height:500px}

.main .two { float : left; width : 755px;}
.main .three { float : left; width : 640px;}
.main .three .left{ float : left; width : 460px;margin-left:10px;}
.main .three .right{ float : right; width : 140px;}
.main .twofull { float : left; width : 912px;}
.main .twofullInnovate { float : left; width : 946px;}

.main .twofull .bio { margin:40px;padding:0;}
.main .twofull .bio #person{margin-right:10px;float:left;width:390px;}
.news .main .twofull p { margin-left:20px;padding:0;}

/*#newsimage {display:block;padding:3px;background:#7ac043;font-size:1.2em;font-weight:bold;}*/

#newsimage em a,#newsimage em a:visited{float:left;display:block;padding:3px;background:#7ac043;font-size:.8em;font-weight:bold;color:#ffffff;width:10px;height:10px;text-align:center;}
#newsimage em a:hover{background:#000000;color:#ffffff;}
.main .two .con #contactimage{margin-right:15px;float:left;}

.biothumbs{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;padding:0px;}

.biothumbs li{float:left;margin-left:20px;margin-bottom:25px;padding:0;width:160px;}
.biothumbs li em{font:normal normal .9em "Trebuchet MS","Helvetica Neue", Helvetica, Arial, sans-serif;float:right;margin-right:20px;margin-top:-5px;color:#666666;}
.biothumbs li a em,.biothumbs li a:visited em{color:#666666;text-decoration:none;}
.biothumbs li a:hover em, .biothumbs li a:active em{color:#93c24e;text-decoration:none;}

#serviceblock{margin-top:20px;}

#contactblock{margin-top:25px;}
#contactblock p{font-size:1em;margin-left:10px;margin-top:0px;}

#contactblock p a, #contactblock p a:visited{text-decoration:none;color:#73c146;font-weight:bold;}
#contactblock p a:hover, #contactblock p a:active{text-decoration:underline;color:#245209;}

.newsbox{border-top:1px solid #b6b6b6;padding-top:10px;}

.newsblock{margin-top:25px;border-bottom:1px solid #d5d5d5}
.newsblock p{font-size:.9em;font-family:Tahoma,Arial,Verdana,sans-serif;margin-left:0px;margin-right:10px;margin-top:0px;text-align:left;clear:left;color:#666666;}
.newsblock h5 {margin-right:10px;margin-bottom:5px;font-family:Tahoma,Arial,Verdana,sans-serif;}
.newsblock h5 a, .newsblock h5 a:visited{text-decoration:none;color:#245209;}
.newsblock h5 a:hover, .newsblock h5 a:active{text-decoration:underline;color:#73c146;}
.newsblock p a, .newsblock p a:visited{text-decoration:none;color:#73c146;font-weight:bold;}
.newsblock p a:hover, .newsblock p a:active{text-decoration:underline;color:#245209;}

.line{margin-bottom:10px;margin-top:10px;border-bottom:1px dotted #d5d5d5}

.home .main .two p,.services .main .two p,.service .main .two p{margin:20px;}
.home .main .two .newsbox p{margin:0;font-size:1em;line-height:1.6em;color:#999c9f;}
.home .main .two .newsbox img{margin:10px 10px 0 0;font-size:1em;color:#999c9f;}
.home .main .two .newsbox {margin-left:20px;}
.home .main .two .newsbox span{font-size:1.2em;color:#000000;}
.home .main .two .newsbox cite{font-size:1.2em;color:#999c9f;}

.home .main .two .newsbox p a, .home .main .two .newsbox p a:visited{text-decoration:none;color:#73c146;font-weight:bold;}
.home .main .two .newsbox p a:hover, .home .main .two .newsbox p a:active{text-decoration:underline;color:#245209;}

 #google-maps{ clear:both;width:912px; height:260px;}
 
 #footer-outer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#footer-outer {padding: 0 0 40px;border-top: 1px solid #cccccc;background: #f9f9f9;width: 100%;float: left;margin-top:0px;clear: both;}
#footer {width: 850px;padding: 20px 30px 0;margin:0px auto;color: #999;}
#footer p {margin: 0;padding: 0;line-height: 20px;}

.toenav li a, .toenav li a:visited{text-decoration:none;color:#73c146;font-weight:bold;}
.toenav li a:hover,.toenav li a:active{text-decoration:underline;color:#245209;}
.toenav {clear: both;margin: 0; padding: 0;}

.toenav li {display: inline;padding: 0 10px;border-left: 1px solid #333;margin: 0;background: none;}

.toenav .first {padding-left: 0;border: none;}

#slider {
    width: 620px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 363px;
    width: 660px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 333px;
    width: 640px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}



.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.lt {
    left: -20px;
}

.scrollButtons.rt {
    right: -20px;
}

.hide {
    display: none;
}

#tictac table{
	width:100%;
	margin-top:10px;
}
#tictac td{
	border-top:1px solid #cccccc;
	padding:10px 0px 10px 0px;
}
#tictac tr.first td{
	border:0;
}
#left-content{
	border-right:1px solid #7ac142;
	padding-right:50px;
	width:450px;
	margin-left:10px;
}
#right-content{
	padding-left:10px;
	width:330px;
}
#right-content img{
border:4px solid #f9f9f9;
margin-top:20px;
}
address{
	margin-bottom:20px;
	margin-top:20px;
	
}
#tictac p{
	line-height: 20px;
	margin:0;
	padding:0;
	
}
#left-content{
	width:430px;
	float:left;
	margin:15px;
}
#right-content{
	width:350px;
	float:left;
	margin:20px;
}
.approach #left-content{
	width:350px;
	float:left;
	margin:15px;
}
.approach #right-content{
	width:430px;
	float:left;
	margin:20px;
}
#left-content a, #right-content a{
	padding:3px;
	color:#7ac142;
	text-decoration: none;
}
#left-content a:hover, #right-content a:hover{
	
	color:#000000;
	text-decoration: underline;
}
.cube{float:left;margin:5px;}
.cubist{margin-left:10px;}


a:hover .framed,a:active .framed{
border:1px solid #999999;
background:#7ac142;
}
.thumb img{
background:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
margin: 0px 10px 0px 0;
}

.thumb {
float:left;
}

.photoThumb img{
background:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
margin: 0px 17px 15px 0;
}

.photoThumbOdd img{
background:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
margin: 0px 0 0px 0;
}

.photoThumb, .photoThumbOdd {
float:left;
}



#navcontainer{
float:left;
margin:0;
padding:0;
width:100%;
}



#navcontainer p{
margin: 0 10px 0 0;
padding:0 0 4px 0;
text-align:justify;
font:normal normal 1.2em/1.8em   "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#navcontainerHome{
float:left;
margin:0;
padding:0;
width:466px;
margin-right:30px;
margin-left:20px;
_margin-left:10px;

}



#navcontainerHome p{
/*margin: 0 10px 0 0;
padding:0 0 4px 0;*/
text-align:justify;

margin:5px 0 5px 0;
padding:0;

font : normal normal normal 11px/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#666666;
}

#sideContainerHome{ float:left; width:230px;}

#sideContainerInnovate{float:left;
float:right;width:340px; margin-left:30px; margin-right:10px; margin-bottom:60px;
}

.navlist{
margin:0;
padding:0;
}

#sideContainerHome a#innovateAdLink img{margin-bottom:8px;}

.navlist {
float:left;
font:normal normal .8em  "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 10px 20px;
padding:10px 10px 15px 10px;
width:40%;
background:#F8F8F8;

}
.navlist .date{
display:block;
margin:0;
border-bottom:1px solid #7ac142;
font:normal normal 1.6em/1.4em  "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666666;
}
.navlist .date cite{

font:normal normal .8em/.8em  "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#000000;
}
.navlist .readmore a{display: block;
	width: 82px;
	float:right;
	padding-left: 18px;
	line-height: 18px;
	min-height: 18px;
	text-decoration: none;text-indent:-9999px}
.navlist .readmore a{background:url(images/connect/readmore.png) no-repeat;width:82px;height:18px;}
.navlist .readmore a:hover{background-position: 0pt -18px;}

.back a{display: block;
	width: 111px;
	padding-left: 18px;
	line-height: 18px;
	min-height: 18px;
	margin-left:20px;
	text-decoration: none;text-indent:-9999px}
.back a{background:url(images/connect/back.png) no-repeat;width:111px;height:18px;}
.back a:hover{background-position: 0pt -18px;}












.navlisttwo {
font:normal normal .8em  "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 20px 20px;
padding:10px 10px 15px 10px;
/*background:#F8F8F8;*/
clear:all;
width:600px;
float:right;

}
/*.navlisttwo p{width:150px;}*/
.navlisttwo .date{
display:block;
margin:0 0 0 -100px;
border-top:1px solid #c4cec6;
font:normal normal 1.2em/1.2em  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0 0 3px 0;
color:#c4cec6;
}
.navlisttwo .date cite{

font:normal normal .8em/.8em  "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#000000;
}
.navlisttwo .readmore a{display: block;
	width: 82px;
	float:right;
	padding-left: 18px;
	line-height: 18px;
	min-height: 18px;
	text-decoration: none;text-indent:-9999px}
.navlisttwo .readmore a{background:url(images/connect/readmore.png) no-repeat;width:82px;height:18px;}
.navlisttwo .readmore a:hover{background-position: 0pt -18px;}



.navlistone {
font:normal normal .8em  "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 10px 10px;
padding:10px 10px 15px 10px;
clear:all;
width:570px;
float:right;

}
.navlistone .date{
display:block;
margin:0 0 0 -100px;
border-top:1px solid #c4cec6;
font:normal normal 1.2em/1.2em  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0 0 3px 0;
color:#c4cec6;

}
.navlistone .date cite{

font:normal normal .8em/.8em  "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#000000;
}
.navlistone .readmore a{display: block;
	width: 82px;
	float:right;
	padding-left: 18px;
	line-height: 18px;
	min-height: 18px;
	text-decoration: none;text-indent:-9999px}
.navlistone .readmore a{background:url(images/connect/readmore.png) no-repeat;width:82px;height:18px;}
.navlistone .readmore a:hover{background-position: 0pt -18px;}

/*----------------------------*/
/* additions jan 2010 */
/*----------------------------*/

.navlistoneHome {
font:normal normal .8em  "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding:15px 10px 15px 0;
clear:all;
width:456px;
float:left;
border-bottom:solid 1px #dbdbdb;


}
.navlistoneHomeEnd {
font:normal normal .8em  "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding:15px 10px 15px 0;
clear:all;
width:456px;
float:left;

}
.navlistoneHome .date, .navlistoneHomeEnd .date{
display:block;
margin:0 0 0 -100px;
border-top:1px solid #c4cec6;
font:normal normal 1.2em/1.2em  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0 0 3px 0;
color:#c4cec6;

}
.navlistoneHome .date cite, .navlistoneHomeEnd .date cite{

font:normal normal .8em/.8em  "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#000000;
}
.navlistoneHome .readmore a, .navlistoneHomeEnd .readmore a{display: block;
	width: 82px;
	float:right;
	padding-left: 18px;
	line-height: 18px;
	min-height: 18px;
	text-decoration: none;text-indent:-9999px}
.navlistoneHome .readmore a, .navlistoneHomeEnd .readmore a{background:url(images/connect/readmore.png) no-repeat;width:82px;height:18px;}
.navlistoneHome .readmore a:hover, .navlistoneHomeEnd .readmore a:hover{background-position: 0pt -18px;}


#serviceBGHeader{width:575px; height:237px; background-image:url(/images/connect_assets/innovateBG.png); background-position:0 0; background-repeat:no-repeat; display:block; float:left;}
#serviceBGLogo{width:347px; height:237px; background-image:url(/images/connect_assets/innovateBG.png); background-position:-606px 0; background-repeat:no-repeat; display:block;float:left; margin-left:20px;}

#serviceBGHeader h2{ margin-left:30px; margin-right:30px; margin-top:30px; font-size:25px;}
#serviceBGHeader p{ margin-left:30px; margin-right:30px; font-size:20px; color:#ffffff;}

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

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
.spinner{ display: block; width: 565px; height: 321px; float: left; overflow: hidden; }

#recentWork{ float: left; width: 320px; height: 321px; background: #F5F5F5; color: #000; position: relative; }
#recentWork .inner{ padding: 0 15px; margin-top: 10px; }
#recentWork h6{ font-size: 24px; margin-bottom: 15px; text-transform: uppercase; font-weight: normal; }
#recentWork h4{ width: 391px; height: 48px; background: url(/images/h/h-recentwork.gif) top left no-repeat; }
#recentWork p.cats{ font-size: 10px; color: #ccc; margin: 0 0 15px 0; }
#recentWork p{ font-size: 11px; line-height: 19px; margin: 0 0 19px; }

.controls{ position: absolute; bottom: 0; height: 35px; width: 345px; margin: 0; background: #ccc; }
.controls div{ float: left; }
.controls a{ float: left; height: 35px; margin-right: 12px; font-size: 14px; padding: 0; border: none; margin-top: 10px; color: #999999; }
.controls .view{ width: 80px; margin-top: 0; background: url(/images/nav/spinner-view.gif) top left no-repeat; }
.controls .next{ float: right; margin: 0; width: 66px; height: 35px; background: url(/images/nav/spinner-next.gif) top left no-repeat; }
.controls a:hover,
.controls a.activeSlide{ color: #fff; padding: 0; border: none; }

#main_wrapper {
	position: relative;
	width: 100%;
	background-color: #7c7d81;
    	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #dbdadd;
}
#main_content {
	position: relative;
	width: 963px;
	margin-right: auto;
	margin-left: auto;
	background-color: #7c7d81;
	padding-right: 11px;
	padding-left: 11px;
	background-repeat: repeat-y;
	background-position: left top;
}
#main_content_inner {
	position: relative;
	width: 963px;
}

#main_content {
	background-image: url(/images/bg_main_home.gif);
}
#main_content_inner {

}
#col1 {
	float: left;
	width: 481px;
	margin-right: 1px;
	position: relative;
}
#col2 {
	float: left;
	width: 240px;
	margin-right: 1px;
	position: relative;
}
#col3 {
	float: left;
	width: 240px;
	position: relative;
}
.filledwith .fauxBg {
	background-color: #7c7d81;
	padding-bottom: 20px;
}
.filledwith  {
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;

	color: #eaeaea;
	line-height: 1.307692em;
   
}
.filledwith  a:link {
	text-decoration: underline;
	color: #eaeaea;
}
.filledwith  a:visited {
	text-decoration: underline;
	color: #eaeaea;
}
.filledwith  a:hover {
	text-decoration: underline;
	color: #58891C;
}
.filledwith  p, .filledwith  dl, .filledwith  ul, .filledwith  ol {
	margin-top: 0px;
	margin-bottom: 1.307692em;
	padding-right: 10px;
	padding-left: 10px;
    color:#eaeaea;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}
.filledwith  table {
	margin-bottom: 1.307692em;
}
.filledwith  h1, .filledwith  h2, .filledwith  h3, .filledwith  h4, .filledwith  h5, .filledwith  h6 {
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	color: #e4eed3;
	font-weight: normal;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}
.filledwith  h1 {
	font-size: 2.769231em;
	line-height: 0.472222em;
	margin-bottom: 0.472222em;
}
.filledwith  h2 {
	font-size: 1.846154em;
	line-height: 0.708333em;
	margin-bottom: 0.708333em;
}
.filledwith  h3 {
	font-size: 1.230769em;
	line-height: 1.0625em;
	margin-bottom: 1.0625em;
}
.filledwith  h4 {
	font-size: 1.153846em;
	line-height: 1.133333em;
	margin-bottom: 1.133333em;
}
.filledwith  h5 {
	font-size: 1.076923em;
	line-height: 1.214286em;
	margin-bottom: 1.214286em;
}
.filledwith  h6 {
	font-size: 1em;
	line-height: 1.307692em;
	margin-bottom: 1.307692em;
}
.filledwith  p + p {
	margin-top: 0px;
}
.filledwith  dd {
	padding-left: 20px;
}
.filledwith  ul, .content ol {
	margin-left: 15px;
}
.filledwith  ul ul, .content ol ol {
	margin-left: 0px;
}
.filledwith  ul li, .content ol li {
	margin-left: 10px;
}
.filledwith .bigTitle {
	font-size: 2.15em;
	font-weight: normal;
	color: #6EAB24;
	line-height: 1.2em;
	margin-bottom: 0.19em;
}
.filledwith .bigTitle a {
	text-decoration: none;	
}
.filledwith .bigTitle a:hover {
	color: #6EAB24;
}
.filledwith .latest-news-item{

	width: 461px;
	margin-left: 10px;
	border-left-style: none;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #a1a0a3;

}

.filledwith .latest-date {
float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #dbdadd;
	white-space: nowrap;
	font-weight: normal;
	text-align: right;
	font-size: 0.95em;
	padding-top: 16px;
	padding-bottom: 20px;
	text-transform: uppercase;
	vertical-align: top;
	width: 75px;
	padding-right: 10px;
	padding-left: 10px;
}
.filledwith .latest-news-item .titleOtherNews {
	padding-top: 11px;
width: 460px;
margin-left:0px;
	font-size: 1.38em;
	color: #e4eed3;
	line-height: 1.1em;
}
.filledwith .latest-news-item p {
width: 360px;
margin-left:87px;
	font-size: 1.1em;

}
.filledwith .latest-blog-item p {
	font-size: 1.1em;

}

.filledwith .latest-blog-item h3 {
		padding-top: 11px;
	font-size: 1.38em;
	color: #e4eed3;
	line-height: 1.1em;
    margin-top:11px;
     padding-bottom:0px;

}
.filledwith .latest-news-item .titleOtherNews a {
	color: #e4eed3;
	text-decoration: none;
}
.filledwith .latest-news-item .titleOtherNews a:hover {
	color: #c3d2be;
    text-decoration: underline;
}
.filledwith .latest-blog-item h3 a {
	color: #e4eed3;
	text-decoration: none;
   
}
.filledwith .latest-blog-item h3 a:hover {
	color: #c3d2be;
}


.filledwith #announce a{
display:block;
margin:0 auto;
width:176px;
padding-top:10px;
}