html {
	background: #f8f8f8 url(../graphics/bg.png) top left repeat-x;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
	text-align: center;	 /* Just for the benefit of IE5/Win */
	color: #555;
}

em {
	font-style: italic;
}

img {
	border: none;
}

sup {
	font-size: 80%;
}

form {
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

h1 {
	font-size: 200%;
}
h3 {
	font-size: 150%;
}
h2 {
	font-size: 120%;
	color: #1e303a;
}
h4 {
	font-size: 110%;
}

p {
	line-height: 1.3;
}

a { text-decoration: none; }

#container {
	text-align: left;
	position: relative;
	min-height: 100%;
}


/*********************************************/
/* HEADER                                    */
/*********************************************/

#header {
	width: 980px;
	height: 160px;
	margin: 0 auto;
	padding: 0;
}

#logo {
	height: 100px;
	width: 520px;
	margin: 0 0 0 15px;
	padding-top: 6px;
	/*background: url(../graphics/tlc_logo.png) top left no-repeat;*/
}

#nav {
	height: 48px;
	width: 980px;
	margin: 14px 0 0 0;
	
	overflow: hidden;
	zoom: 1;
}

#country-selection {
	margin: 30px 30px 0 0;
	font-size: 85%;
	color: #666;
}
#country-selection a { color: #222; }
	#country-selection a:link span { text-decoration: underline; }
	#country-selection a:visited { }
	#country-selection a:hover span { color: #555; text-decoration: none; }
	#country-selection a:active { }
	
#country-selection span {
	display: block;
	margin-top: 2px;
	padding-left: 20px;
}
#country-selection span.canada { background: url(../graphics/ca.png) center left no-repeat; }
#country-selection span.canada-inactive { background: url(../graphics/ca_inactive.png) center left no-repeat; }
#country-selection span.usa { background: url(../graphics/us.png) center left no-repeat; }
#country-selection span.usa-inactive { background: url(../graphics/us_inactive.png) center left no-repeat; }

/*********************************************/
/* Page Elements                             */
/*********************************************/

/*#breadcrumb-bar {
	height: 30px;
	background: #33434c;
	color: #fff;
	text-align: left;
	line-height: 2.2;
	padding-left: 10px;
}*/

#content-primary {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 30px;
/*	background: #eee;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}
	#content-primary p { margin: 0 30px; font-size: 105%; line-height: 1.5; }
	
#content-left-primary {
	width: 750px;
}

#content-left-secondary {
	width: 300px;
}

#content-right-primary {
	width: 650px;
}
#content-right-secondary {
	width: 200px;
}


/*********************************************/
/* FOOTER                                    */
/*********************************************/
#footercontainer {
	width: 100%;
	margin-top: 0;
	background: #eee;
	border-top: 1px solid #ccc;
}
#footer {
	width: 980px;
	/*height: 200px;*/
	margin: 0 auto;
	text-align: left;
	padding: 30px 0;
}
#footer-contacts { }
	#footer-contacts h1 { margin: 0 0 0 0; padding: 0 0 5px 0; font-size: 120%; }
	#footer-contacts p { margin: 2px; }
	#footer-contacts div { margin: 0 20px 0 0; padding-left: 20px; border-left: 1px dotted #ccc; }
	#footer-contacts div.logo { margin: 0 14px 0 30px; padding: 0; border-left: none; }
	#footer-contacts div.icon { margin: 0 20px 0 40px; padding: 0; border-left: none; }
	
	/*#footer-contacts div.last { border-right: none; padding-right: 0; }*/
	
#footer-info { margin-left: 200px; padding-left: 20px; border-left: 1px dotted #ccc;}
	#footer-info a { display: block; padding-bottom: 4px; }

#copyright {
	width: 100%;
	/*height: 50px;*/
	text-align: center;
	padding: 20px 0;
	font-size: 85%;
	background: #1e303a;
	color: #ccc;
	border-top: 1px solid #bbb;
}
	#copyright.fat { padding-bottom: 100px; }

/*#address {
	font-size: 85%;
	line-height: 1.3em;
	margin-left: 30px;
}*/	

.feature-comment {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-size: 140%;
	line-height: 1.5;
	width: 920px;
	margin: 40px auto 20px auto;
	color: #1e303a;
	text-shadow: 1px 1px 0px #fff;
}
.section-comment {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-size: 140%;
	line-height: 1.5;
	margin: 0 0 30px 60px;
	color: #1e303a;
	text-shadow: 1px 1px 0px #fff; 
}
.contactpage .section-comment { margin-bottom: 10px; }

.feature-promo {
	margin: 0 auto 20px auto;
	padding: 0;
	width: 920px;
	height: 300px;
	
	border: 1px solid #ccc;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}
#feature-scroller {
	color: #fff;
}

	#feature-1 { height: 300px; padding: 0; background: url(../graphics/ConstructionWorkersSillouette.jpg) top left no-repeat; }
	#feature-2 { height: 300px; padding: 0; background: url(../graphics/Welder.jpg) top left no-repeat; }
	#feature-3 { height: 300px; padding: 0; background: url(../graphics/ConstructionCranes3.jpg) top left no-repeat; }
	
	.feature-desc { position:relative; height: 100px; width: 680px; top: 200px; background: url(../graphics/bg-trans_60.png) top left repeat;}
	.feature-desc h3 {
		display: block;
		padding: 20px 0 5px 30px;
		text-shadow: 1px 1px 0px #000;
		}
	.feature-desc p { margin: 0; padding: 0; font-size: 110%;}

#feature-sidebar {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 300px;
	/*background: #fbfbfb;*/
}
	#feature-sidebar img { margin: 42px 0 0 20px; }
	

/* panes */
#flowpanes {
	/*background: url(/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;*/		
	width:680px;
	height:300px;	
}

/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	/*margin:20px 40px;*/
	
	margin:0 0;
}

/* ***********************************************/
/* override the root element to enable scrolling */
	#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
	}

	/* override single pane */
	#flowpanes div {
		float:left;
		display:block;
		width:680px;
		font-size:14px;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}

	#flowpanes .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}

/* position and dimensions of the navigator */
.navi {
	margin: 20px 0 0 24px;
	width:60px;
	height:10px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url(../graphics/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;     
}

	

/*********************************************/
/* UNIQUE PAGE ELEMENTS                      */
/*********************************************/
h1 {
	margin: 0 30px 20px 30px;
	padding-bottom: 5px;
	color: #1e303a;
	background: url(../graphics/bg-1x2_ccc_line.png) bottom left repeat-x;
	text-shadow: 1px 1px 0px #fff;
}
ul h1 {
	margin: 0 30px 10px 30px;
	padding-bottom: 5px;
	background: url(../graphics/bg-1x2_ccc_line.png) bottom left repeat-x;
	text-shadow: 1px 1px 0px #fff;
}
hr {
	margin: 0 20px 20px 30px;
	background: url(../graphics/bg-1x2_ccc_line.png) bottom left repeat-x;
}

#worker-info { margin-right: 380px; }
	#worker-info h1 { padding-top: 30px; }
	#worker-info ul {
		margin: 10px 0 0 60px;
		line-height: 1.5;
	}
	#worker-info li {
		margin: 5px 0;
		list-style: disc;
	}
	#worker-info p {margin: 0 60px 20px 30px;}
	.action-btn { padding: 0 10px 10px 0; margin-left: 30px; }
	.action-btn-sm { padding: 0; margin-left: 20px; margin-bottom: -5px; }

.sidebar-right {
	width: 300px;
	background: #fff;
	color: #555;
	margin: 0 30px 10px 30px;
	padding: 0 0 14px 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	.sidebar-right h2 {
		width: 90%;
		color: #1e303a;
		padding-bottom: 4px;
		margin: 14px auto 5px auto;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	.sidebar-right div { width: 80%; margin: 10px auto; }
	.sidebar-right img { vertical-align: middle; }
	.sidebar-right li { list-style: url(../graphics/bullet_go.gif); margin: 4px 0 0 20px; line-height: 1.3;}
	
.sidebarimg { margin: 0 0 30px 30px; border: 1px solid #ccc; }

#worker-application { }


ul#home-benefits {
	width: 980px;
	margin: 0 0 20px 0;
}
	ul#home-benefits li.benefit {
		width: 260px;
		/*height: 160px;*/
		margin: 0 20px 0 0;
		padding: 20px 20px 10px 30px;
		/*border-right: 1px dotted #ccc;
		background: #fff;*/

		border-right: 1px dotted #ccc;
		
/*		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.4);*/
	
		float: left;
		display: block;
	}
	ul#home-benefits li.last { margin-right: 0; border-right: none; }
	ul#home-benefits h2 { font-weight: bold;}
	ul#home-benefits p { margin: 10px 0; padding: 0; font-size: 100%;}
	ul#home-benefits img { padding: 2px; margin: 4px; border: 1px solid #ccc; height: 40px; vertical-align: bottom; }
	ul#home-benefits img.special { border: none; padding: 2px; margin: 4px; height: auto; vertical-align: bottom; }
	ul#home-benefits span { display: block; margin: 14px 30px 0 0; float: right; }
	.special-logos { height: 200px; margin: 0 4px 0 0; text-align: center; }
	.pool-logo {height: 60px; margin: 0 4px 0 0; text-align: center;}
	
	
ul#home-services {
	width: 490px;
	margin: 20px 0 50px 0;
}
	ul#home-services li.service {
		width: 190px;
		height: 120px;
		margin: 0;
		padding: 10px 20px 10px 30px;
		border-right: 1px dotted #ccc;
		float: left;
		display: block;
	}
	ul#home-services li.first { }
	ul#home-services li.last { border-right: none;}
	ul#home-services h2 { font-weight: bold;}
	ul#home-services p { margin: 10px 0; padding: 0; font-size: 90%;}

ul#home-profiles {
	width: 490px;
	margin: 20px 0 50px 0;
}
	ul#home-profiles li.profile {
		width: 190px;
		height: 120px;
		margin: 0;
		padding: 10px 20px 10px 30px;
		border-right: 1px dotted #ccc;
		float: left;
		display: block;
	}
	ul#home-profiles li.first { }
	ul#home-profiles li.last { border-right: none;}
	ul#home-profiles h2 { font-weight: bold;}
	ul#home-profiles p { margin: 10px 0; padding: 0; font-size: 90%;}

ul.list-2col { width: 500px; }
	ul.list-2col li { float: left; width: 250px; }
	ul.list-2col br{ clear: left; }
ul#client-list { margin-bottom: 30px; width: 600px;}
	ul#client-list li { list-style: none; height: 64px; width: 280px; }
	ul#client-list li img { padding: 2px; margin-right: 6px; border: 1px solid #ccc; height: 40px; vertical-align: middle; }
	ul#client-list li div { }

#location-intro { margin: 30px 0 30px -30px; }
	#location-intro h1 {
		margin: 0 30px 20px 60px;
		padding-bottom: 5px;
		color: #000; background: url(../graphics/bg-1x2_ccc_line.png) bottom left repeat-x;
		text-shadow: 1px 1px 0px #fff;
	}
	#location-intro p { line-height: 1.5; margin: 0 60px 0 60px;}
	
#intro {margin: 30px 0 0 -30px;}
	#intro h1 {
		margin: 0 30px 20px 60px;
		padding-bottom: 5px;
		color: #000; background: url(../graphics/bg-1x2_ccc_line.png) bottom left repeat-x;
		text-shadow: 1px 1px 0px #fff;
	}
	#intro p { line-height: 1.5; margin: 0 60px 20px 60px; font-size: 105%;}

#frm-message { border: 1px solid #555; padding: 20px; }
	#frm-message h2 { margin-bottom: 10px; font-weight: bold;}
	#frm-message p { margin: 0; }

#job-seeker-contact-form { margin-left: 30px; display: block;}
	#job-seeker-contact-form em { color: #f00; font-size: 80%; }
	#job-seeker-contact-form .skinny-left-form-column { width: 260px; margin-right: 5px; }
	#job-seeker-contact-form .skinny-right-form-column { width: 260px; }
	#job-seeker-contact-form div { margin-top: 4px; }
	#job-seeker-contact-form input,select,textarea {
		display: block;
		height: 24px;
		width: 230px;
		margin-top: 4px;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#job-seeker-contact-form select {
		height: 26px;
		width: 260px;
	}
	#job-seeker-contact-form textarea {
		height: 84px;
		width: 260px;
		resize: none;
	}
	#job-seeker-contact-form label { display: block; }
	#job-seeker-contact-form #submit-button {
		width: 140px;
		height: 28px;
		background: #192B35;
		color: #fff;
		margin-top: 12px;;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}
#employer-contact-form { margin-left: 30px; display: block;}
	#employer-contact-form em { color: #f00; font-size: 80%; }
	#employer-contact-form .skinny-left-form-column { width: 260px; }
	#employer-contact-form .skinny-right-form-column { width: 260px; }
	.wide-form-column { width: 520px; }
	#employer-contact-form div { margin-top: 4px; }
	#employer-contact-form input,select,textarea {
		display: block;
		height: 24px;
		width: 230px;
		margin-top: 4px;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#employer-contact-form select {
		height: 26px;
		width: 230px;
	}
	#employer-contact-form textarea {
		height: 54px;
		width: 490px;
		resize: none;
	}
	#employer-contact-form label { display: block; }
	#employer-contact-form #submit-button {
		width: 140px;
		height: 28px;
		background: #192B35;
		color: #fff;
		margin-top: 12px;;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}

#employer-cost-benefit-form { margin-left: 30px; display: block;}
	#employer-cost-benefit-form em { color: #f00; font-size: 80%; }
	#employer-cost-benefit-form .skinny-left-form-column { width: 260px; }
	#employer-cost-benefit-form .skinny-right-form-column { width: 260px; }
	.wide-form-column { width: 520px; }
	#employer-cost-benefit-form div { margin-top: 4px; }
	#employer-cost-benefit-form input,select,textarea {
		display: block;
		height: 24px;
		width: 230px;
		margin-top: 4px;
		padding-left: 4px;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#employer-cost-benefit-form select {
		height: 26px;
		width: 230px;
	}
	#employer-cost-benefit-form textarea {
		height: 54px;
		width: 490px;
		resize: none;
	}
	#employer-cost-benefit-form label { display: block; }
	#employer-cost-benefit-form #submit-button {
		width: 140px;
		height: 28px;
		background: #192B35;
		color: #fff;
		margin-top: 12px;;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}


#location-contact-form { margin-left: 60px; }
	#location-contact-form .left-form-column { width: 310px; }
	#location-contact-form .middle-form-column { width: 360px; }
	#location-contact-form .right-form-column { width: 270px; }
	#location-contact-form div { margin-top: 10px; }
	#location-contact-form input,select {
		display: block;
		height: 24px;
		width: 280px;
		margin-top: 4px;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#location-contact-form select { width: 240px; }
	#location-contact-form textarea {
		height: 136px;
		width: 330px;
		margin-top: 4px;
		resize: none;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#location-contact-form label { display: block; }
	#location-contact-form #submit-button {
		width: 140px;
		height: 40px;
		background: #192B35;
		color: #fff;
		margin-top: 20px;
		font-size: 105%;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}	
		
ul#locations-offices {
	width: 980px;
}

	ul#locations-offices li.location {
		width: 880px;
		margin: 30px;
		padding: 20px;
		border: 1px dotted #ccc;
		display: block;
	}
	ul#locations-offices h2 { font-size: 150%; }
	ul#locations-offices p { margin: 10px 0 0 0; padding: 0; }
	ul#locations-offices .location-details {
		float: left;
	}
	ul#locations-offices .location-map {
		float: right;
		width: 560px;
		height: 240px;
		border: 1px solid #ccc;
	}

#franchise-promo {
	width: 400px;
	padding: 0 30px 0 30px;
	border-left: 1px dotted #ccc;
	height: 300px;
}
#franchise-promo h1 { margin-left: 20px; width: 300px;}

.community-event { margin-bottom: 20px; font-size: 105%; line-height: 1.3; border-top: 1px dottend }
	.community-event:last-of-type { margin-bottom: 0; }
.community-event .pic { width: 120px; margin-left: 30px; border: none;}
.community-event .details { width: 430px; }
.community-event .gallery { margin-top: 10px;}
	.community-event .gallery img { border: 1px solid #ccc; margin-right: 2px;}
	/*.community-event .gallery h4 { margin: 10px 0; border-bottom: 1px dotted #ccc;}*/


.clearboth { clear: both; }
.clr { overflow: hidden; zoom: 1; }
.left { float: left; }
.right { float: right; }
.no-top { margin-top: 0;}
.no-bottom { margin-bottom: 0;}

/*********************************************/
/* TEXT                                      */
/*********************************************/
/* Main textual link throughout the site */
a.textlink {
	color: #1e303a;
	text-decoration: underline;
}
a.textlink:link { }
a.textlink:visited { }
a.textlink:hover {
	color: #666;
}
a.textlink:active { }

a.sidebarlink {
	color: #ccc;
}
a.sidebarlink:link { }
a.sidebarlink:visited { }
a.sidebarlink:hover {
	color: #fff;
}
a.sidebarlink:active { }

.footerlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}
	a.footerlink { text-decoration: underline; }
	a.footerlink:link { color: #777; }
	a.footerlink:visited { color: #777; }
	a.footerlink:hover { color: #000; text-decoration: underline; }
	a.footerlink:active { }
	
li.service a { color: #1e303a; }
	li.service a:link {}
	li.service a:visited {}
	li.service a:hover { color: #666;}
li.profile a { color: #1e303a; }
	li.profile a:link {}
	li.profile a:visited {}
	li.profile a:hover { color: #666;}

#breadcrumb-bar {
	color: #ccc;
}
	#breadcrumb-bar a {
		color: #999;
		text-decoration: none;
	}
	#breadcrumb-bar a:link {
		color: #999;
	}
	#breadcrumb-bar a:visited {
		color: #999;
	}
	#breadcrumb-bar a:hover {
		color: #fff;
	}
	#breadcrumb-bar a:active {	}