body 
{
    margin:0 0 20px 0;
    padding:0;
    background-color:#fff;
    font-family: Verdana, "Lucida Grande", Lucida Bright, Arial;
    font-size: 62.5%;
    color:#696969;
}
p
{
    font-size: 1.1em;
    line-height:1.5;
    margin-top:0;
    margin-bottom:1em;
    text-align:left;    
}
h1
{
    font-size:1.5em;
    margin-bottom:.5em;
}
a
{
    text-decoration: underline;
    color: #006600;
}
a:hover
{
    text-decoration:none;
}
.clear
{
    height:1px;
    clear:both;
}
img
{
    border:0;
    outline:none;
    display:block;
}
#holder
{
    width:720px;
    height:100%;
    margin:0px auto;
}
#header
{
    height:63px;
    text-align:left;
}
#banner
{
    height:168px;
}
#bannerleft
{
    background-position: left top;
    width:512px;
    float:left;
    border-right:1px solid #fff;
    text-align:left;
}
body.en-CA #bannerleft
{
    background-image: url('images/header_images_en-CA.JPG');
    background-repeat: repeat-x;
    
}
body.fr-CA #bannerleft
{
    background-image: url('images/header_images_fr-CA.JPG');
    background-repeat: repeat-x;
    
}
#bannerright
{
    margin: 0;
    padding: 0;
    width: 205px;
    vertical-align: top;
    float:left;
}

/*===================================================
=====================================================
=====   BEGINING OF TOP HORIZONTAL NAVIGATION   =====
*/

#mainNav
{
    margin:114px 0 0 0;
}
ul#nav
{
    list-style-type:none;
    position:relative;
    width:512px;
    height:54px;
    padding:0;
    margin:0;
    background-image: url('images/menu_left.gif');
    background-repeat: repeat-x;
}
li.mainnav_home
{
    position:absolute;
    top:0px;
    left:10px;
    width:79px;
    height:54px;
    
}
body.en-CA li.mainnav_home
{
    background:url('images/home_en-CA.gif') no-repeat 0 0;
}
body.fr-CA li.mainnav_home
{
    background:url('images/home_fr-CA.gif') no-repeat 0 0;  
}

li.mainnav_services
{
    position:absolute;
    top:0px;
    left:89px;
    width:97px;
    height:54px;
    
}
body.en-CA li.mainnav_services
{
    background:url('images/Services_en-CA.gif') no-repeat 0 0;
}
body.fr-CA li.mainnav_services
{
    background:url('images/Services_fr-CA.gif') no-repeat 0 0;
}

li.mainnav_aboutus
{
    position:absolute;
    top:0px;
    left:186px;
    width:104px;
    height:54px;
    
}
body.en-CA li.mainnav_aboutus
{
    background:url('images/AboutUs_en-CA.gif') no-repeat 0 0;
}
body.fr-CA li.mainnav_aboutus
{
    background:url('images/AboutUs_fr-CA.gif') no-repeat 0 0; 
}
li.mainnav_philosophy
{
    position:absolute;
    top:0px;
    left:290px;
    width:100px;
    height:54px;
    
}
body.en-CA li.mainnav_philosophy
{
    background:url('images/Philosophy_en-CA.gif') no-repeat 0 0;
}
body.fr-CA li.mainnav_philosophy
{
    background:url('images/Philosophy_fr-CA.gif') no-repeat 0 0;
}
li.mainnav_contactus
{
    position: absolute;
    top: 0px;
    left: 390px;
    width: 112px;
    height: 54px;    
    border-right: 1px solid #969696;
}
body.en-CA li.mainnav_contactus
{
    background: url('images/ContactUs_en-CA.gif') no-repeat 0 0;
}
body.fr-CA li.mainnav_contactus
{
    background:url('images/ContactUs_fr-CA.gif') no-repeat 0 0; 
}

ul#nav a
{
    display:block;
    width:100px;
    height:54px;
    text-indent:-9999px;
    text-decoration:none;
    overflow:hidden
}
/*=============================================/
=========   SIDEBAR NAVIGATION  ===============*/

ul#sidebarNav
{
    list-style-type:none;
    position:relative;
    width:205px;
    height:56px;
    padding:0;
    margin:0
}
li.sidenav_extranet
{
    position:absolute;
    top:0px;
    left:0px;
    width:205px;
    height:56px;
}
body.en-CA li.sidenav_extranet
{
    background:url('images/client_extranet_en-CA.GIF') no-repeat 0 0;
}
body.fr-CA li.sidenav_extranet
{
    background:url('images/client_extranet_fr-CA.GIF') no-repeat 0 0;
}
li.sidenav_ourclients
{
    position:absolute;
    top:56px;
    left:0px;
    width:205px;
    height:56px;    
}
body.en-CA li.sidenav_ourclients
{
    background:url('images/our_clients_en-CA.gif') no-repeat 0 0;
}
body.fr-CA li.sidenav_ourclients
{
    background:url('images/our_clients_fr-CA.gif') no-repeat 0 0;
}
li.sidenav_productdev
{
    position:absolute;
    top:112px;
    left:0px;
    width:205px;
    height:56px;    
}
body.en-CA li.sidenav_productdev
{
    background:url('images/product_dev_en-CA.gif') no-repeat 0 0;
}
body.fr-CA li.sidenav_productdev
{
    background:url('images/product_dev_fr-CA.gif') no-repeat 0 0;
}
ul#sidebarNav a
{
    display:block;
    width:205px;
    height:56px;
    text-indent:-9999px;
    text-decoration:none;
    overflow:hidden;
}


/*=========================================
=======  MAIN CONTENT  ===================*/
#maincontent
{
    width:720px;}
#content
{
    width:505px;
    float:left;
    padding:20px 5px 5px 0;
}
#content h1
{
    background-image:url(images/text_anv.gif);
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:15px;
}
#sidebar
{
    width:190px;
    padding:20px 8px;
    float:left;
}
#sidebar h1
{
    font-size: 1.2em;
    color: #006600;
    font-weight: 600;
}
.dottedLine
{
    height:1px;
    border-bottom:1px dotted #ccc;
    display:block;
    width:90%;
    clear:both;
}
#sidebar a.readmore
{
   float:right;
   margin-bottom:15px;
}
.newsFeed
{
    color: Black;
    width: 200px;
    padding:  14px 0 0 0;
    margin: 0 0 2px 0;
}

/*===============================================
===============  FOOTER =======================*/
#footer
{
    background-color:#ccc;
    height:100px;
}
#footer #copyright
{
    width:90%;
    margin:0 auto;
    padding:10px 0;
    text-align:center;
}
#footerLinks 
{
    width:90%;
    margin: 15px auto;
    text-align:center;
}
#footerLinks ul
{
    margin:0;
    padding:0;
}
#footerLinks li
{
    list-style-type: none;
    display:inline;
    padding-right:5px;
    padding-left:5px;
}
#footerLinks a
{
    color:#696969;
    font-size:1.1em;
}

/* ====================================
========  BOTTOM AD BANNER ============*/

#adBanner
{
    width:512px;
    height:147px;
    background-image: url('images/big_box_bg.jpg');
    background-repeat: no-repeat;
    font-size:11px;
    line-height:1.5em;
    color:#fff;
}
#adLeft
{
    width:225px;
    float:left;
    text-align:left;
    margin:25px 0 0 10px;    
}
#adBanner h1
{
    color: #FF9900;
    font-weight:600;
    font-size:11px;
    margin-bottom:10px;
    background-image:none;
    padding-left:0;
}
#adRight
{
    width:175px;
    float:right;
    text-align:left;
    margin:25px 0 0 10px; }
    
/* ====================================
========  COLOURED FONTS ============*/
.redtext {
	color: #B10702;
}
.whitetext {
	color: #ffffff;
}
.blacktext {
	color: #4C4C4C;
}
.greytext {
	color: #545454;
}
.greentext {
	color: #225606;
}
.yellowtext {
	color: #FFD317;
}
.orangetext {
	color: #FFA545;
}
.rosetext {
	color: #D6738F;
}
.bluetext {
	color: #4D585E;
}


/* ====================================
========  COLOURED LINKS ============*/
a.whitelink {
	font: normal 11px Tahoma, Arial;
	color: #ffffff;
	text-decoration: underline;
}
a.whitelink:hover {
	text-decoration: none;	
}
a.blacklink {
	font: normal 11px Tahoma, Arial;
	color: #212B35;
	text-decoration: underline;
}
a.blacklink:hover {
	text-decoration:none;	
}

a.bluelink {
	color: #3994BC;
	text-decoration: underline;	
}
a.bluelink:hover {
	text-decoration: none;	
}

a.orangelink {
	color: #BE5500;
	text-decoration: underline;
	font: normal 11px Tahoma, Arial;
}
a.orangelink:hover {
	text-decoration: none;	
}
a.greylink {
	color: #6C7A7E;
	font: normal 11px Tahoma, Arial;
	text-decoration: underline;
}
a.greylink:hover {
	text-decoration: none;	
}

a.greenlink {
	color: #225606;
	font: normal 11px Tahoma, Arial;
	text-decoration: underline;
}
a.greenlink:hover {
	text-decoration: none;	
}
a.roselink {
	color: #FFEBCC;
	font: normal 11px Tahoma, Arial;
	text-decoration: underline;
}
a.roselink:hover {
	text-decoration: none;	
}
a.yellowlink {
	color: #FFD317;
	font: normal 11px Tahoma, Arial;
	text-decoration: underline;
}
a.yellowlink:hover {
	text-decoration: none;	
}