/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		+																		+
		+	Website development by SeeThrough Web, Toronto, ON, Canada			+
		+	http://seethroughweb.com											+
		+	info@seethroughweb.com												+
		+																		+
		++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /*




/* global 
==================================================== */

html {
	height: 101%;
}

body, p, h1, h2, h3 h4, h5, h6, ul, ol, li, td {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color: #578E3F;
	line-height:normal;
	margin:0px; padding:0px;
	font-weight:normal;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color: #578E3F;
	line-height:normal;
	margin:0px; padding:0px;
	margin-bottom:9px;
	font-weight:normal;
}

p, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; }
td { line-height:normal;}

body {
	

	
}

a img {
	border: none;
}
#content a:hover img, #submenu a:hover img {
	border:#578E3F 1px solid !important;
}

#content img { border: 1px solid #eef0ee; }		
.clear {
	clear: both;
}

ul li a {
	text-decoration: none; 
	list-style: none;
}

a {
	text-decoration: none;
	color: #578E3F;
}

a:hover { text-decoration: underline; }

ul li a:hover {
	text-decoration: none;
}

p a { font-weight: bold; }

.lightgrey { color: #eef0ee; }

/* typography 
==================================================== */

body {

}


h1 { font: normal 20px Georgia, "Times New Roman", Times, serif; color: #000000; }
h2 { font: normal 24px Georgia, "Times New Roman", Times, serif; color: #578E3F;  }
.quotes { font: normal 48px Georgia, "Times New Roman", Times, serif; color: #578E3F; line-height: 54px; }

.georgia48green { font: normal 48px Georgia, "Times New Roman", Times, serif; color: #578E3F; line-height: 54px; }
.georgia24green { font: normal 24px georgia, serif; color: #578E3F; }
.georgia20black { font: normal 20px georgia, serif; color: #000; line-height: 25px; }
.arial12grey { font: normal 12px arial, sans-serif; color: #4d4d4d; line-height: 17px; }

.georgia14green { font: normal 14px georgia, serif; color: #578E3F; }
.georgia20green { font: normal 20px georgia, serif; color: #578E3F; }
.georgia22grey { font: italic normal 22px georgia, serif; color: #4d4d4d; line-height: 26px; }
.georgia14grey { font: normal 14px georgia, serif; color: #4d4d4d; line-height: 18px; }



.georgia12grey { font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; color: #4d4d4d; line-height:normal; font-style: normal; }
.georgia { font-family: Georgia, "Times New Roman", Times, serif; }
.green { color: #578E3F;}
.greenbold { color: #578E3F; font-weight:bold;}
.greentext-at-top { font: normal 48px Georgia, "Times New Roman", Times, serif; color: #578E3F; line-height: 54px; }
.grey { color: #4d4d4d; }
.black { color: black; }

.third h2 { font: normal 24px georgia, serif; color: #578E3F; }


/* layout
==================================================== */

#outer {
	width: 960px; margin: 0 auto;
}

#inner {
	
}

#header {
	height: 89px;
	display: block;
	border-bottom: 2px solid #eef0ee;
	margin-bottom: 10px;	
}

#logo { width: 217px; float: left; }

#mainmenu { float: right; width: ; margin-top: 60px; }
#mainmenu li { display: inline; margin-left: 42px; }
#mainmenu a { font: normal 20px Georgia, "Times New Roman", Times, serif; color: #000000; text-transform: lowercase; }
#mainmenu a:hover { color: #578E3F; }
#mainmenu li.active a { color: #578E3F; }

#banner { border: 1px solid #eef0ee; width: 960px;  }

#content {
	border-top: 2px solid #eef0ee;
	width: 960px;
	margin-top: 10px;
}	
#content.nosubmenu {
	border-top:0px;
	margin-top:0px;
}
#content.nosubmenu #textarea {
	padding-top:0px;
}
#outer.home #content #leftCol { width: 734px; float: left; min-height: 300px; border-right: 2px solid #eef0ee; }
#outer.home #content #rightCol { width: 205px; padding-left: 19px; float: left; min-height: 300px; border: none; }


#textarea {
	padding: 19px 0; border-bottom: 2px solid #eef0ee;
	background: white;
}

#contact { border-bottom: 2px solid #eef0ee; border-top: 2px solid #eef0ee; width: 960px; clear: both; height: 115px; margin-bottom:5px; }
#contact h4 {  font: normal 14px Georgia, "Times New Roman", Times, serif; color: #4D4D4D; margin: 19px 0 12px; }
#contact p { color: #4D4D4D; }
#contact a { color: #578E3F; } 
#trafficTag { width: 460px; float: left; }
#connections { width: 90px; float: left; margin-left: 31px; }
#newsletter { width: 165px; float: left; margin-left: 37px; }
#touch { width: 150px; float: right; }
#touch p { color: black; font-size: 12px !important; }

#footer { height: 79px; width: 960px; }

#footmenu { float: left; width: 600px; }
#footer img { margin-right: 20px; }

#copyright { font: normal 10px arial, sans-serif; float: right; width: 200px; text-align: right; margin-top: 10px; }

/* Interior
==================================================== */

#leftCol {
	width: 478px;
	float: left;
}


#rightCol{
	width: 471px;
	padding-left: 9px;
	float: left;

}	

#centerCol img { border: 1px solid #ededed !important; }

.threeCol { padding-top: 9px; padding-bottom: 9px; }
.threeCol .third { width: 197px; padding: 19px; display: block; float: left; margin-right: 10px; background: #eef0ee; padding-top:9px;}
.threeCol .thirdlast { width: 197px; padding: 19px; display: block; float: left; margin-right: 0; background: #eef0ee; padding-top:9px; }



.twoCol {  }
.twoCol .half { width: 49%; display: block; float: left; }
.twoCol .halflast {  width: 49%; float: right; margin-right: 0; }



#outer.home .twoCol { border-bottom: 2px solid #eef0ee; }
#outer.home .twoCol h1 { padding-top: 10px; margin-bottom: 19px; padding-bottom:0px;  }
#outer.home .twoCol .half { width: 469px; padding-right: 19px; }
#outer.home .twoCol .halflast {  border-left: 2px solid #eef0ee; width: 224px; float: right; padding-left: 19px; padding-bottom: 10px; }

#outer.home h1 { padding-top: 10px; margin-bottom: 19px; }

.fourCol .quarter { width: 114px; float: left; }
.fourCol .quarterlast { margin-right: 0; float: left; }
#content .fourCol img { margin-bottom:19px;}

#outer.twoColumn #rightCol #c553, #outer.twoColumn #rightCol #c556, #outer.twoColumn #rightCol #c597 { padding: 0px 0 19px 19px; background: #eef0ee; width: 450px; }
#outer.twoColumn #rightCol #c553 img { margin-bottom:0px;}
#outer.twoColumn #rightCol #c597 { padding-top:19px;}
#outer.twoColumn #rightCol #c556 { margin-bottom:9px;}

#outer.twoColumn #leftCol {padding-top:9px; border-right: 2px solid #eef0ee; }
#outer.twoColumn  #rightCol {padding-top:9px; }

.tx-websiteportfolio-pi1 .thumbList .screenshot img, .tx-websiteportfolio-pi1 .screenshot img { border: none !important; }
.tx-websiteportfolio-pi1 .thumbList .screenshot, .tx-websiteportfolio-pi1 .list .screenshot, .tx-websiteportfolio-pi1 .screenshot { border: none; }
.tx-websiteportfolio-pi1 .thumbList .title {  display:block; } 

.thumblist-item { width: 225px; float: left; padding-right:20px; padding-bottom:19px; }
.thumblist-item .title { font-size: 14px !important; text-transform: lowercase; padding-top:10px; padding-bottom:19px; font-family:Georgia, "Times New Roman", Times, serif;  }

#c572 h1, #c573 h1, { color: #578E3F; } 
#c573 { clear: both; }
#c563 { border-bottom: 2px solid #f2f2f2; margin-bottom: 10px; padding-bottom: 9px; }
#c565 { 	 }
/* #c581, #c582 { margin-left: 19px; } */
#outer #content .twoCol #c581 p,
#outer #content .twoCol #c582 p { margin-bottom:9px; } 
#outer.threeColumn #c640 .twoCol { border-bottom:none;}

.csc-frame-frame1 .twoCol .half { width: 734px; }
.csc-frame-frame1 .twoCol .halflast { width: 205px; padding-left:19px;}


/*  Contact Form
======================================================== */
.powermail_mandatory_js { color:#CCC; display:block; width:250px; clear:left; display:none;}
form .tx_powermail_pi1_fieldwrap_html { width: 250px; float: left; }
form fieldset { border: none; padding: 0; margin: 0; }
form legend { display: none; }
form label { width: 225px; display: block; font-family: Georgia, "Times New Roman", Times, serif; }
form input.powermail_text { width: 223px; height: 20px; background: #f1f1f1; border: none; clear: both; display: block; }
form input, form textarea { margin: 10px 0 20px; }
form #powermaildiv_uid115 { margin-top: 20px; }
form #powermaildiv_uid115 { width: 500px; }
form #powermaildiv_uid115 textarea { width: 473px; height: 98px; border: none; background: #f1f1f1; }
.powermail_mandatory { color:#FF0000; }
#powermaildiv_uid114 p { display: none; }
form #powermaildiv_uid114 input#check_uid114_0 { width: 15px; float: left; height: 15px; margin: 0; clear: none; }
form #powermaildiv_uid114 label { float: right; }
form input.powermail_submit { width: 80px; float: left; margin-top: 20px; }
form #powermaildiv_uid117 { width: 80px; float: left; margin-left:19px; }
form #powermaildiv_uid134 { width: 370px; }
form #powermaildiv_uid134 input { width: 223px; height: 20px; background: #f1f1f1; float: left; margin-right: 10px; border: none; clear: both; display: block; }
form #powermaildiv_uid134 img { clear: none; float: left; margin: 0; padding: 0; display: block; }
.tx-srfreecap-pi2-cant-read { display: none; }
form select#uid113 { margin-top: 10px; }

/*  Employment Form
======================================================== */

form #powermaildiv_uid164,
form #powermaildiv_uid165 { width:100%; }
form #powermaildiv_uid164 textarea { width:470px; } 




#outer.threeColumn #leftCol { width: 197px; display: block; float: left; padding: 19px; margin: 9px 0; background: #eef0ee; border: none !important; }
#outer.threeColumn #rightCol { width: 713px; display: block; float: left; border: none !important; border-left: 2px solid #eef0ee !important; margin-left: 9px; padding-left: 0 !important; }
#outer.threeColumn .twoCol .half { width: 460px; }
#outer.threeColumn .twoCol .halflast { width: 180px;  }
#outer.threeColumn .twoCol { padding: 22px 20px 0px; border-bottom: 2px solid #eef0ee; }
#outer.threeColumn .twoCol .csc-default { border-bottom: none; }

#outer.threeColumn #content .twoCol p { margin-bottom:}

#outer #content .twoCol h1 { margin: 0 0 10px; }
#outer #content .twoCol p { margin: 0 0 19px 0 ; }

#outer.oneColumn #centerCol { }
#outer.oneColumn #centerCol .twoCol { border-bottom: 2px solid #eef0ee;  padding-bottom:9px; }
#outer.oneColumn #centerCol #c579 .twoCol { border-bottom: none !important; }
#outer.oneColumn #centerCol .twoCol .half { border-right: 2px solid #eef0ee; padding-top: 19px;  }
#outer.oneColumn #centerCol .twoCol .halflast { padding-top: 19px;  }

#outer.twoColumn #leftCol h1 { margin-bottom: 9px;  margin-top: 10px;  }


/* TT_NEWS
============================================================ */


.news-list-container { background: #eef0ee; border: none; margin: 9px 0; padding: 19px; padding-right:38px; margin-top:0px;}
.news-list-item { background: none	; border: none; padding-bottom:19px; }
.news-list-item .title { font: bold 12px Arial, Helvetica, sans-serif; }
.news-list-item .news-list-morelink { display: none; }
.news-list-item .title a .active{ color:#000;}

#outer.home .news-latest-container { padding: 0; margin: 0;  }
#leftCol .news-latest-container { padding-top:9px;}
#outer.home .news-latest-item h3 { color: #4D4D4D; font: normal 12px arial, sans-serif; line-height: 17px; }
#outer.home .news-latest-item .news-list-morelink { padding: 0 !important; }
#outer.home .news-latest-item a { font: bold 12px arial, sans-serif; color: #578E3F; margin: 0; padding: 0; }

.news-latest-item { font-size: 12px; line-height: 17px; }
#outer.twoColumn #leftCol .news-list-item h1, #outer.twoColumn #leftCol .news-single-item h1 { color: #578E3F; font: normal 24px Georgia, "Times New Roman", Times, serif; margin-top:0px; }
.news-list-item h1 .date, .news-single-item h1 .date { font: normal 14px Georgia, "Times New Roman", Times, serif; color: #4d4d4d; }
#content .news-single-item img, #content .news-list-item img { border:none;}
.news-single-item p { margin-bottom: 19px; }

#c559 .news-list-item { font-size: 12px; line-height: 17px; }
#cff9 .news-single-item p { margin-bottom: 19px; }

#outer.home #c614 .twoCol .half { width: 635px; padding: 0 !important; border: none; }
#outer.home #c614 .twoCol .halflast { width: 325px; padding: 80px 0 0 0 !important; border: none; }

#c617 .twoCol, #portfolio .twoCol { background: #eef0ee; margin: 9px 0; padding: 19px 21px; border: none !important; padding-bottom:0px;}
#c617 .half, #portfolio .half { border: none !important; }
#content #c584 img, #content #c585 img, #content #c643 img {border:none;}

.rgslideshow { border: none !important; }


.thumblist-item-small { width: 50px; height: 30px; }
.tx-websiteportfolio-pi1 .thumbList .title a { color: #4d4d4d; }
.tx-websiteportfolio-pi1 .thumbList a:hover span { color: #578E3F !important; text-decoration:underline;  }
#centerCol .tx-websiteportfolio-pi1 .thumbList a:hover img { border:#578E3F 1px solid !important;}
#centerCol .tx-websiteportfolio-pi1 .thumbList a:hover { background-color:none !important;}

.testimonial-list div.testimonial { padding-bottom:30px;}

.testimonial-list p.testimonial,
.testiText,
.testimonial { font: italic 22px Georgia, "Times New Roman", Times, serif; color: #4d4d4d; margin-bottom: 20px; }

.testimonial-list p.source,
.testiName,
.testimonial-sig { font: normal 14px Georgia, "Times New Roman", Times, serif; color: #4d4d4d; line-height: 18px; }
.testimonial-small { font: italic 18px Georgia, "Times New Roman", Times, serif; color: #4d4d4d; margin-bottom: 20px; line-height:22px; }

div.tx-wtcontentchange-pi1 { width: 960px !important; padding: 0 !important; background: none !important;  }
#wt_contentchange_link { display: none; }
div.tx-wtcontentchange-pi1 h1.csc-firstHeader { display: none; }
div.tx-wtcontentchange-pi1 p.georgia48green { padding-top:90px;}
div.tx-wtcontentchange-pi1 p { padding-bottom:0px; margin-bottom:0px;}
div.tx-wtcontentchange-pi1 div.csc-textpic div.csc-textpic-single-image img { margin-bottom:0px !important;}

.tx-websiteportfolio-pi1 .screenshot .thumbnails { padding-top:10px;}
.tx-websiteportfolio-pi1 .screenshot .thumbnails img { margin-right: 20px; }
.tx-websiteportfolio-pi1 { margin: 0; padding: 0; }
.tx-websiteportfolio-pi1 .testimonial { border-left: 2px solid #eef0ee; padding-left: 19px; }
/* .tx-websiteportfolio-pi1 .testimonial p { font: italic 22px Georgia, "Times New Roman", Times, serif; line-height: 26px; } */
.tx-websiteportfolio-pi1 .thumbList .screenshot, .tx-websiteportfolio-pi1 .list .screenshot, .tx-websiteportfolio-pi1 .screenshot { margin: 0 !important; }
.tx-websiteportfolio-pi1 #portfolio.entry .screenshot, .tx-websiteportfolio-pi1 #portfolio.entry .testimonial { padding-top:20px;}
.tx-websiteportfolio-pi1 #portfolio.entry .title h1 { font-size:24px; color:#69A442; padding-top:0px; margin-bottom:0px !important; padding-bottom:0px;}


#outer.twoColumn #leftCol div#c576 p, #outer.twoColumn #leftCol div#577 p { margin-bottom:12px;}

#outer.sandwich #leftCol { 
	background:none repeat scroll 0 0 #eef0ee;
	border:medium none !important;
	display:block;
	float:left;
	margin:9px 0;
	padding:19px;
	width:202px;
}
#outer.sandwich #centerCol {
	display:block;
	float:left;
	/*	margin:9px 0;
	padding:19px;*/
	padding-top:19px;
	width:479px;
	margin-left:9px;
	border-top-width: medium;
	border-right-width: 1px;
	border-bottom-width: medium;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #eef0ee;
	border-left-color: #eef0ee;
}

#outer.sandwich #rightCol {
	display:block;
	float:left;
	width:225px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
	padding-top: 19px;
	padding-right: 0px;
	padding-bottom: 19px;
	padding-left: 0px;
}
#outer.sandwich h1 {
	margin-bottom:9px;
}
#outer.sandwich p {
	margin-bottom:19px;
}
#outer.sandwich #centerCol h1, 
#outer.sandwich #centerCol h2, 
#outer.sandwich #centerCol h3, 
#outer.sandwich #centerCol h4, 
#outer.sandwich #centerCol p {
	padding-right: 9px;
	padding-left: 19px;
}
#outer.sandwich #rightCol h1, #outer.sandwich #rightCol h2, #outer.sandwich #rightCol h3, #outer.sandwich #rightCol h4, #outer.sandwich #rightCol p {
	padding-right: 9px;
	padding-left: 19px;
}
#outer.sandwich #rightCol img {
	margin-left:19px;
}

/* sub menu */
ul#submenu { height: 120px; }
ul#submenu li { float: left; margin-right: 17px; font-size:10px;}
ul#submenu li a { color:#929292; text-decoration:none; text-transform:lowercase; font: normal 14px Georgia, "Times New Roman", Times, serif; padding-top: 6px; }
ul#submenu li a:hover { color: #578E3F; text-decoration: none; }
ul#submenu li a:hover span { text-decoration: underline; }
ul#submenu li.last { margin-right: 0; }
ul#submenu li.active a span{ color:#578E3F !important;}
ul#submenu li img { border:#929292 1px solid !important; }
ul#submenu li.active img { border:#578E3F 1px solid !important; }


/* sub menu EOF*/

#c637, #c638 { padding-bottom: 9px; border-bottom: 2px solid #eef0ee; }
#c650 { margin-top:9px; margin-bottom:13px;}
#outer.twoColumn #rightCol #c553 img { margin-right:10px;}

.testimonial-list { padding-left: 10px; }

#worksSubmenu { border: none !important; padding-bottom: 9px; margin-bottom: 10px; }
#worksSubmenu .title { font: bold 20px Georgia,"Times New Roman",Times,serif !important; padding: 10px 0 0; }
#worksSubmenu h1 { margin-left: 15px; margin-bottom: 19px; }

#worksSubmenuWrap li a:hover img { border:1px solid #578E3F !important;}
#worksSubmenuWrap li a:hover span { color: #578E3F !important; text-decoration:underline;}

.tx-websiteportfolio-pi1 .screenshot .thumbnails a { float: left; }


body ul#submenu li a:hover img { 
	background: transparent; 
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	text-decoration: none !important;
}

.tx-imtwitterajax-pi1 { padding-right: 19px; }
form#subscription_form { padding-top:14px;}
form#subscription_form input.email { width:100px; height:12px; } 
form#subscription_form input.submit { height:12px; color:#FFF; width:30px; background-color:#FFF; border:none; background-image:url('http://trafficdesign.thedemo.ca/fileadmin/pictures/much-greater-than.gif'); background-position: 5px 3px;} 
form#subscription_form input {float:left;}

.divider hr {
	background:none repeat scroll 0 0 transparent;
	
	border-style:none none dashed;
	border-width:medium medium 1px;
	color:white;
	height:1px;
	
	border-bottom:1px solid #eef0ee;
	margin-bottom:10px;
	padding-bottom:9px;
}


/* twitter */
/* .userProfile h1 { display:none; }*/
.userProfile span.friends { font-size:12px;} 

/* Facebook */
.fan_box .connect_widget .connect_widget_text { margin-left:10px; padding-left:10px;}


/* nasty */
#c550 p, #c550 h1, #c551 p, #c551 h1, #c552 p, #c552 h1 { padding-right:9px; }

/* survey */

form#frmPbSurvey legend { display:block;}