/* framework/styles/style.css 100311 */

/* Use this area for global styles. */

/* Image Replacement Sample

h1 {
	width:		500px;
	height:		250px;
	background:	url("image.jpg");
}

h1 a {
	display:	block;
	overflow:	hidden;
	width:		0px;
	height:		0px;
	padding:	250px 0px 0px 500px;
}

*/

.clearBoth {
	clear:	both;
}

.alignLeft {
	text-align:	left;
}

.alignCenter {
	text-align:	center;
}

.alignRight {
	text-align:	right;
}

.justify {
	text-align:	justify;
}


.container {
	width: 966px; 
	margin: auto;
	padding: 0px;
	}
	
body {
	margin: 0px;
	background-color: #e4e4e4;
	font-family: trebuchet MS;}
	
a img {border: 0px;}

#header .container a img {
	border: 0px;
	text-decoration: none;
	}



/* HEADER STYLES */

#header {
	background-color: #e4e4e4;
	padding-top: 20px;
	height: 100px;
}
#header #greenLogo {
	float: right;
	margin-right: 12px;
	width: 50px;
}
#header img#teamCanadaLogo {
	float: right;
	margin-right: 24px;
}
#socialmedia {
	width: 300px;
	float: right;
	margin-top: 10px;
	font-family:Helvetica;
	font-size: 18px;
	color: #555555;
	text-align: right;
	text-transform: uppercase;
}

#socialmedia span {
	color: #ccc;}
	
#socialmedia span2 {
	font-size: 36px;
	color: #0077a8;}
	
#socialmedia img {
	margin-left: 10px;
	vertical-align: -30%;
	border: 0px;}
	
#socialmedia img a {border: 0px;
	text-decoration: none;}
	
#socialmedia a:link {
	color: #4f4f4f;
	text-decoration: none;}
	
	#socialmedia a:active {
	color: #4f4f4f;
	text-decoration: none;}
	
	#socialmedia a:visited {
	color: #4f4f4f;
	text-decoration: none;}
	
	#socialmedia a:hover {
	color: #000;
	text-decoration: none;}


/* main nav */


div#nav {
	background-color: #fff;
	}
	
#nav ul {
	padding: 0px;
	margin: 0px;
	height: 63px;
	list-style: none;
}	

#nav li {
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}

#nav ul li a span {display: none;}

#nav ul li a {
	display: inline-block;
	height: 63px;
	background-image: url(/framework/images/menu.png);
}

#nav ul li#process a {
	width: 196px;
	background-position: 0px 0px}

#nav ul li#process a:hover {
	background-position: 0px -63px;}
	
#nav ul li#cyclone a {
	width: 196px;
	background-image: url(/framework/images/menu.png);
	background-position: -196px 0px;
	}

#nav ul li#cyclone a:hover {
	background-position: -196px -63px;}
	
#nav ul li#services a {
	width: 170px;
	background-image: url(/framework/images/menu.png);
	background-position: -392px 0px;
	}

#nav ul li#services a:hover {
	background-position: -392px -63px;}

#nav ul li#locations a {
	width: 203px;
	background-image: url(/framework/images/menu.png);
	background-position: -562px 0px;
	}

#nav ul li#locations a:hover {
	background-position: -562px -63px;}
	
#nav ul li#opportunities a {
	width: 201px;
	background-image: url(/framework/images/menu.png);
	background-position: -765px 0px;
	}

#nav ul li#opportunities a:hover {
	background-position: -765px -63px;}


/* SLIDER */

	
#slider {
	background-color: #0274a6;
	background-image: url(/framework/images/sliderbg.png);
	background-repeat: repeat-y;
	background-position: center;
	}

#slider .container img {display: block;}


/* FOOTER */

#footer {
	width: 966px;
	padding-top: 10px;
	margin: auto;
	min-height: 20px;
	color: #1484b6;
	font-family: Helvetica;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #fff;}
	
#footer a:link {
	color: #1484b6;
	text-decoration: none;}
	
	#footer a:active {
	color: #1484b6;
	text-decoration: none;}
	
	#footer a:visited {
	color: #1484b6;
	text-decoration: none;}
	
	#footer a:hover {
	color: #000;
	text-decoration: none;}

#footer span {color: #dadada;}

	
#footleft {
	float: left;
	padding-left: 20px;
	width: 350px }
	
#footright{
	float: right;
	padding-right: 20px;
	text-align: right;
	width: 450px}
	
	
	
/* main content */


#maincontent {width: 968px;
	margin: auto;}


#maincontent h1 {
	font-size: 18px;
	color: #0273a4;
	text-transform: uppercase;
	text-shadow: 1px 2px 1px #fff;
}

#maincontent h2 {
	font-size: 24px;
	color: #000;
	text-shadow: 1px 2px 1px #fff;
}

.rightcolumn {
	width: 708px;
	background-color: #f3f3f3;
	padding: 20px;
	float: left;
	}
	
.rightcolumn p {
	color: #5f5f5f;
	font-size: 14px;
	line-height: 22px;
	text-shadow: 0px 1px 0px #fff;}

.rightcolumn p span {
	color: #0273a4;
	font-weight: bold;}
	
.rightcolumn h2 {
	color: #000
	text-transform: uppercase;}
	
.rightcolumn li {
	font-size: 14px;
	color: #0273a4;
	padding-bottom: 10px;
	text-shadow: 0px 1px 0px #fff;}

.rightcolumn li span{
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	}

.leftcolumn {
	width: 174px;
	padding: 20px;
	float: left;
	}

#maincontent .leftcolumn h1 {
	color: #0272a3;
	font-size: 14px;
	text-transform: uppercase;
	text-shadow: none;
	}
	
.leftcolumn ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

.leftcolumn li {
	padding-bottom: 10px;}

.leftcolumn li a{
	color: #000;
	font-size: 11px;
	text-decoration: none;
	}

.leftcolumn li a:hover{
	color: #037eb4;
	font-size: 11px;
	text-decoration: none;
	}
	

.leftcolumn li span {
	color: #037eb4;
	font-size: 9px;
	font-style: italic;}
	
	
.feature {
	width: 884px;
	margin-left: -20px;
	background-color: #fcfcfc;
	padding: 20px;
	}

.feature h1 {
	font-size: 14px;
	text-transform: uppercase;
	color: #0272a3;
	text-shadow: 1px 2px 1px #fff;}

.feature p {
	font-size: 14px;}
	
.feature ul li {
	font-size: 12px; 
	color: #0274a5;
	margin-bottom: 10px;}
	
	
	/* SUB HEADER */
	
		#subheader {
			width: 966px;
			margin: auto;
			}
		
		#subheader img {
			display: block;
			float: left;
			}
			
		#subheader ul {
			margin: 0px;
			padding: 0px;
			padding-top: 3px;
			float: left;
			list-style: none;
			font-family: Trebuchet MS;
			text-transform: uppercase;
			font-size: 15px;
			letter-spacing: 0.5px;
			}
			
		#subheader li {
			display: block;
			width: 214px;
			height: 24px;
			color: #c0c0c0;
			padding-top: 7px;
			padding-left: 10px;
			}
			
		#subheader li:hover {
			width: 214px;
			background-color: #006895;
			height: 24px;
			color: #fff;
			padding-top: 7px;
			padding-left: 10px;}
			
		#subheader li.selected{
			background-color: #000;
			height: 24px;
			color: #ececec;
			padding-top: 7px;
			padding-left: 10px;}
			
		#subheader li a {
			text-decoration: none;
			color: #ccc;
			padding: 0px;
			}
		#subheader li.selected a { 
			text-decoration: none;
			color: #fff;
			padding: 0px;
}