@charset "UTF-8";
body {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: 15.5px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	background-color: #FFFFFF;
}


#container {
	margin: auto;
	position: relative;
	background-color: #ffffff;
	
	padding-top: 5px;
	width: 930px;
	height: 570px;
}


#top {
	v-align: top;
	
}

#logo {
	float: left;
	
}

#topaddress {
	position: absolute; top: 5px; left: 776px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color:#b3b3b3;
	text-align: right;
	}

p.newsletter {
	font-size: 11.25px;
	line-height: 56px;

}

a.issueslink:link {color:#999999;}
a.issueslink:visited {color:#999999;}
a.issueslink:hover {color:#f9a034;}
a.issueslink:active {color:#f9a034;}
	

a img {border:none;}
a{text-decoration:none;}



#content {
	
	margin-top:125px;
	
}
		


/* Start of 'Column' Menu */

.menu {
	float: left;
	width: 145px;
	height: 410px;
	text-align: center;
	
}


p.menuinfo {
	margin-top: 6px;
	padding: 8px;font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	font-style: normal;
	line-height: 15.5px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

#portfolio {
	background-color:#fae660;
	margin-left: 10px;
}
	

#lightbulb {
	margin-top:180px;
	margin-left: 630px;
	
	}

a.trigger:link, a.trigger:visited
{color: #ffffff;}
		
		
a.trigger:hover, a.trigger:active
{color: #fae660;} 


p.opening {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	font-style: normal;
	line-height: 23px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	
}

	

#head{
	margin-top: 8px;
	background-color:#000000;
	width: 145px;
	height: 24px;
	letter-spacing: 1px; 
	line-height: 24px;
	color: #ffffff;
}

.portfoliobody {
	width: 765px;
	margin-right: 0px;
	margin-left: 155px;
	height: 410px;
	text-align: left;
	background-color: #fae660;
	
}

#portfolionav{
	float:left;
	margin-top: 8px;
	background-color:#000000;
	width: 765px;
	height: 24px;
	letter-spacing: 1px; 
	line-height: 24px;
	color: #ffffff;
}



.portfoliolinkone {
	margin-left: 30px;

}

#portfoliolinks {position: relative; top:4px;}

#portfoliolinks ul { list-style-type: none;
					margin: 0;
					padding: 0;
					background-color: #000000;
					}

#portfoliolinks li { float: left;
					maring: 0;
					padding: 0;
					padding-right: 20px;
					}

#portfoliolinks a:link, a:visited
{color: #ffffff;}
		
		
#portfoliolinks a:hover, a:active
{color: #fae660;} 


.closeli {
	letter-spacing: 0px;
	text-align:right;
	padding-right: 8px;
	
}

a.closelink:link {color:#999999; }
a.closelink:visited {color:#999999; }
a.closelink:hover {color:#FFFFFF; }
a.closelink:active {color:#FFFFFF; }


#bodycopy {
	margin-top:18px;
	margin-left:30px;
	overflow:auto; 
	height:342px; 
	width:565px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.25px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	color: #000000;
	background-color: #FFFFFF;

}

#bodyheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;

}

#bodycopyintro {
	margin-top:18px;
	margin-left:30px;
	overflow:auto; 
	height:290px; 
	width:470px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.25px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	color: #000000;
	background-color: #FFFFFF;
	padding-top:22px;
	padding-left: 45px;
	padding-right: 50px;
	padding-bottom:30px;
	

}

#bodyheaderintro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;

}

#clientinfobar {
	background-color: #ECEBE1;
	margin-left: 6px;
	margin-top: 6px;
	width: 140px;
	height: 331px;
	
}

#clientscroll {
	

}

#clientinfo {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 8px;
}

#clientname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

#clientnameCEXP {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

#clientnameGennum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

#clientnameGuelph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

#projectname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color:#333333;
}

#projectnameCEXP {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	color:#333333;
}


#projectinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color:#333333;
}

#readmore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color:#666666;
}

a.readmore:link {color:#999999;}
a.readmore:visited {color:#999999;}
a.readmore:hover {color:#333333;}
a.readmore:active {color:#333333;}

#csthumbnails {
	position: absolute; top: 474px; left:202px;
	
}

.thumbnails:link img{
border: 1px solid #999999;
}

.thumbnails:visited img{
border: 1px solid #999999;
}

.thumbnails:hover img{
border: 1px solid #000000;
}

.thumbnails:active img{
border: 1px solid #000000;
}



#readmorecopy {
	position: absolute; top: 198px; left: 362px;
	width: 362px;
	font-size: 11.25px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 0px;
	color: #000000;
}

#readmorelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: 15px;
	
	font-variant: normal;}

#readmorelinks ul { list-style-type: none;
					margin: 0;
					padding: 0;
					background-color: #000000;
					}

#readmorelinks li { float: left;
					margin: 0;
					padding: 0;
					padding-right: 15px;
					}

#readmorelinks li a:link, a:visited
{color: #666666;}
		
		
#readmorelinks li a:hover, a:active
{color: #000000;}


#cssection {
	color: #22a3ab;
}


li.column1 {
	margin-left: 0px; 
}

li.column2 {
	margin-left: 180px; 
}

 li
  {
    line-height: 17px;
  }

  li.reset
  {
    margin-top: -51px;
  }
  
  
#seemorelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-variant: normal;
	float: right;
	}
	

#seemorelinks ul { list-style-type: none;
					margin: 0;
					padding: 0;
					background-color: #000000;
					}

#seemorelinks li { float: left;
					margin: 0;
					padding: 0;
					padding-right: 9px;
					}

#seemorelinks li a:link, a:visited
{color: #666666;}
		
		
#seemorelinks li a:hover, a:active
{color: #000000;}

#cibclogo {
	 margin-left: 2px;
}


img.cibcad {
margin-top:25px;
	 margin-left: 56px;
	 border: 1px solid #C6C6C6;
	
}

img.cibccalendar {
	margin-top:25px;
	 margin-left: 3px;
	 
	
}


#aliaspage {
	 margin-left: 18px;
}

img.tembeccover {

	 margin-left: 3px;
	 
	
}

img.tembecwebsite {
margin-top:5px;
	 margin-left: 28px;
	 border: 1px solid #C6C6C6;
	
}

img.mciad {
margin-top:2px;
	 margin-left: 44px;
	 border: 1px solid #C6C6C6;
	
}

img.nissansite {

	 margin-left: 10px;
	 border: 1px solid #000000;
	
}

img.virginsite {
	margin-top:16px;
	 margin-left: 24px;
	 
	
}
img.icppage {
	margin-top:18px;
	 margin-left: 8px;
	 
	
}

img.icpsite {

	 margin-left: 34px;
	 border: 1px solid #C6C6C6;
	
}

img.icpcalendar {

	 margin-left: 6px;
	 border: 1px solid #C6C6C6;
	
}

img.keilhauer {
	margin-top:8px;
	 margin-left: 8px;
}

img.keilhauerfront {
	margin-top:8px;
	 margin-left: 24px;
}

img.omerssite {
margin-top:2px;
	 margin-left: 12px;
	 border: 1px solid #C6C6C6;
	
}

img.omerssitesec {
margin-top:4px;
	 margin-left: 14px;
	
	
}

img.wmsite {
margin-top:6px;
	 margin-left: 40px;
	 border: 1px solid #C6C6C6;
	
}

img.wmbanner {
margin-top:2px;
	 margin-left: 118px;
	 border: 1px solid #C6C6C6;
	
}

img.barqs {
	 margin-left: 14px;
		
}

img.barqs2 {
	 margin-left: 26px;
		
}

img.allstate {

	margin-top:2px;
	 margin-left: 6px;	
}

img.tcalogo {
margin-top:12px;
	 margin-left: 38px;
	
	
	
}

img.tcasite {
margin-top:2px;
	 margin-left: 28px;
	  border: 1px solid #C6C6C6;
	
	
}

img.slfad {
	margin-top: 6px;
	 margin-left: 44px;
	 
	
}

img.cexpprint {
	margin-top: 5px;
	 margin-left: 44px;
	 border: 1px solid #C6C6C6;
	
}

img.cexponline {
	margin-top: -28px;
	 margin-left: 60px;
	
	
}

img.cexponline2 {
	margin-top: 5px;
	 margin-left: 40px;
	
	
}

img.cexpnews {
	margin-top:8px;
	 margin-left: 2px;
	 
	
}

img.shsc {
	margin-top: 8px;
	 margin-left: 10px;
	 
	
}

img.shscnews {
	margin-top: 8px;
	
	 
	
}

img.gennum {
	margin-top:5px;
	 margin-left: 34px;
	 border: 1px solid #C6C6C6;
	
}


img.gennumsites {
	margin-left:5px;
	 margin-top: 5px;
	
}

img.gennumpackage {
	
	 margin-left: 52px;
	
}

img.fujiad {
	
	 margin-left: 52px;
	 border: 1px solid #C6C6C6;
	
}

img.fujipackage {
	margin-left: 5px;
	 margin-top: 5px;
	
}



img.dbsite {
	margin-top:6px;
	 margin-left: 6px;	
}

img.ccmhsite {
	 margin-left: 36px;
	 margin-top:5px;
	 }
	 
img.mci {
	 margin-left: 4px;
}

img.clearlinklogo {
	 	margin-top:18px;
	 margin-left: 12px;
	
}

img.clearlink {
	 	margin-top:2px;
	
}

img.tcic {
margin-left:15px;
 border: 1px solid #C6C6C6;

	
}

img.westburne {
	margin-top: 5px;
	margin-left:8px;
}

#radio {
	margin-top:56px;
	margin-left:50px;
}


/* rollover images */

.seeboxrollover a {
display:block;
width: 8px;
height: 8px;
background: url("images/images_cs/seebox.gif") 0 0 no-repeat;
text-decoration: none;

}
.seeboxrollover a:hover { 
background-position: 0 -8px;

}

.seeboxrollover span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-variant: normal;
	float: right;
	display: none;
	}

.seeboxrolloveron a {
display:block;
width: 8px;
height: 8px;
background: url("images/images_cs/seeboxoutline.gif") 0 0 no-repeat;
text-decoration: none;

}
  
/* End of 'Column' Menu */



#footer {

height: 75px;
	
}

a img {border:none;}
a{text-decoration:none;}
a.footerlink:link {color:#999999;}
a.footerlink:visited {color:#999999;}
a.footerlink:hover {color:#333333;}
a.footerlink:active {color:#333333;}

#footerlinkone {
	position: absolute; top: 550px; left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color:#999999;
}

#footerlinktwo {
	position: absolute; top: 550px; left: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color:#999999;
}