html { overflow-y:scroll; }

body {
	background-color:#111111;
	margin: 0px 0px 0px 0px;
	/*background-image:url(../images/bg1.jpg);
	background-repeat:no-repeat;
	background-position:center top;*/
}

@font-face { 
    font-family: 'HelveticaNeueMediumCond'; 
    src: url('/includes/fonts/hlmc_webfont.eot'); 
    src: url('/includes/fonts/hlmc_webfont.eot?#iefix') format('embedded-opentype'), 
         url('/includes/fonts/hlmc_webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

@font-face { 
    font-family: 'Swis721LtBTLight'; 
    src: url('/includes/fonts/swz721l-webfont.eot'); 
    src: url('/includes/fonts/swz721l-webfont.eot?#iefix') format('embedded-opentype'), 
         url('/includes/fonts/swz721l-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}


h1 {
	
	color: white;
	font-size: 31px;
	font-family: "Swis721LtBTLight", Arial, Verdana, Geneva, sans-serif;
	font-weight: normal;
	line-height:35px;
}


h2 {
	margin-top:0px;
	margin-bottom:5px;
	color:white;
	font-weight:normal;
	font-size:17px;
	font-family: "HelveticaNeueMediumCond", Arial, Helvetica, sans-serif; 
}

h3 {
	border-bottom: 1px solid #e08e00;
	color: white;
	font-size: 25px;
	font-family: "Swis721LtBTLight", Arial, Verdana, Geneva, sans-serif;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	line-height: normal;
}

h4 {
	margin-top:0px;
	margin-bottom:5px;
	color:white;
	font-size:17px !important;
	font-family: "HelveticaNeueMediumCond", Arial, Helvetica, sans-serif; 
	line-height: normal;
}

h4 a {
	color:white;	
	font-weight:normal;
}

h4 a:hover {
	font-weight:normal;
}



#test {
	width:100%;
	background-color:black;
}

#container {
	width: 944px;
	text-align: center;
	margin: auto;
	padding-top:20px;
	position:relative;
}

#top {
	width: 944px;
	height: 70px;
	padding-top:5px;
}

#logo {
	width: 235px;
	text-align: left;
	float: left;
}

#contactinfo {
	position:absolute;
	top:0x;
	right:0px;
	font-family: "Lucida Sans Unicode" , "Lucida Grande" , Arial, sans-serif;
	font-size:10px;
	color:#777777;
	font-weight:bold;
	width:350px;
	text-align:right;
}

#nav {
	width: 510px;
	float: right;
	text-align:right;
	padding-top:50px;
}

#banner {
	width: 944px;
	clear: both;
}

#index_content {
	width: 944px;
	text-align: left;
	padding-bottom: 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#9e9e9e;
}

#content {
	width: 944px;
	text-align: left;
	padding-bottom: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#9e9e9e;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	padding-top:35px;
}

.right_content {
	padding-left: 65px;
}


#footer {
	background-color: #111111;
	width: 100%;
	color: #5a5a5a;
	font-size: 11px;
	font-family: "Lucida Sans Unicode" , "Lucida Grande" , Arial, sans-serif;
	text-align: center;
	padding-top: 20px;
	margin: auto;
	padding-bottom: 20px;
}

#footerinside
{
	width: 944px;
	text-align: center;
	margin: auto;
	line-height: 20px;
	color: #5a5a5a;
}

#footer a
{
	color: #5a5a5a;
	text-decoration: none;
}

#footer a:hover
{
	color: #777777;
}

.footerpadding
{
	padding-right: 90px;
	text-align: left;
}

#footerright
{
	text-align: left;
	width:300px !important;
	float:right;
}

.aboutus li {
	border-bottom:1px solid #252525;
	background:none;
	background-position:0 0px;
	padding-left:0px;
	margin-left:-40px !important;
	list-style-type:none;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
}	










p {
	margin-top:0px;	
}


td {
	vertical-align: top;
}








a {
	color: #e08e00;
	font-weight: bold;
	text-decoration: none;
}



a:hover {
	color: #4800cb;
	font-weight: bold;
	text-decoration: none;
}

hr {
	color:black;
	border-top:1px solid #1a1a1a;
	border-right:1px solid #1a1a1a;
	border-left:1px solid #1a1a1a;
	border-bottom:0px;
}

li {
	background:transparent url(../images/bullet.gif) no-repeat;
	background-position:0 0px;
	padding-left:15px;
	list-style-type:none;
	margin:0px;
}

.darkgrey {
	background-color:#101010;
	border-bottom:1px solid #444444;
	padding-top:20px;
	padding-left:40px;
	padding-right:40px;
}

.darkgrey_logo {
	background-color:#101010;
	border-bottom:1px solid #444444;
	padding-top:20px;
	border-right:1px dashed #444444;
	text-align:center;
}

.lightgrey {
	background-color:#1f1f1f;
	border-bottom:1px solid #444444;
	padding-top:20px;
	padding-left:40px;
	padding-right:40px;
}

.lightgrey_logo {
	background-color:#1f1f1f;
	border-bottom:1px solid #444444;
	padding-top:20px;
	border-right:1px dashed #444444;
	text-align:center;
}


.greytop {
	border-bottom:1px dashed #646464;
	padding-top:8px;
	padding-bottom:8px;
}

.tryorange img {
	border:4px solid #252525;	
}

.tryorange img:hover {
	border:4px solid #e08e00;	
}



.rolloverContact{
	background:url("../images/contact_us/btn_consultation.jpg");
	width:400px;
	height:57px;
	cursor:pointer;
}

.rolloverContact:hover{
	background:url("../images/contact_us/btn_consultation_ov.jpg");
	width:400px;
	height:57px;
}

.consultation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.workListItem li {
	margin-left:-37px;	
}






/* NAV */

.rolloverBtn1{
background:url("../images/btn1.jpg");
width:68px;
height:36px;
float:right;
}

.rolloverBtn1:hover{
background:url("../images/btn1_ov.jpg");
}

.rolloverBtn2{
background:url("../images/btn2.jpg");
width:92px;
height:36px;
float:right;
}

.rolloverBtn2:hover{
background:url("../images/btn2_ov.jpg");
}

.rolloverBtn3{
background:url("../images/btn3.jpg");
width:90px;
height:36px;
float:right;
}

.rolloverBtn3:hover{
background:url("../images/btn3_ov.jpg");
}

.rolloverBtn4{
background:url("../images/btn4.jpg");
width:98px;
height:36px;
float:right;
}

.rolloverBtn4:hover{
background:url("../images/btn4_ov.jpg");
}


.rolloverBtn5{
background:url("../images/btn5.jpg");
width:95px;
height:36px;
float:right;
}

.rolloverBtn5:hover{
background:url("../images/btn5_ov.jpg");
}

.rolloverBtn6{
background:url("../images/btn6.jpg");
width:93px;
height:36px;
float:right;
}

.rolloverBtn6:hover{
background:url("../images/btn6_ov.jpg");
}


#subnav {
	float:right;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a5a396 !important;
}

#subnav a {
	color:#a5a396;
	font-weight:normal;
	padding-left:9.5px;
}

#subnav a:hover {
	color:#e08e00;	
}

/* NAV ENDS*/






/* CAPTCHA CSS FOR CONTACT US FORM */

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	background-color: #000000 !important; /*reCaptcha widget background color*/
}

#recaptcha_table {
	border-color: #FFffff !important; /*reCaptcha widget border color*/
}

#recaptcha_response_field {
	border-color: #FFFFFF !important; /*Text input field border color*/
	background-color: #cacaca !important; /*Text input field background color*/
}






/* WEB SECTION ROLL OVER IMAGES */

.rolloverBanff{
background:url("../Our-Work/web/grey_logos/grey_logo_banff.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverBanff:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_banff_ov.jpg");
border:4px solid #e08e00;
}

.rolloverOilers{
background:url("../Our-Work/web/grey_logos/grey_logo_oilers.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverOilers:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_oilers_ov.jpg");
border:4px solid #e08e00;
}

.rolloverTec{
background:url("../Our-Work/web/grey_logos/grey_logo_tec.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverTec:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_tec_ov.jpg");
border:4px solid #e08e00;
}

.rolloverYmca{
background:url("../Our-Work/web/grey_logos/grey_logo_ymca.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverYmca:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_ymca_ov.jpg");
border:4px solid #e08e00;
}

.rolloverDavey{
background:url("../Our-Work/web/grey_logos/grey_logo_shore.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverDavey:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_shore_ov.jpg");
border:4px solid #e08e00;
}

.rolloverSportsvice{
background:url("../Our-Work/web/grey_logos/grey_logo_sportsvice.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverSportsvice:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_sportsvice_ov.jpg");
border:4px solid #e08e00;
}

.rolloverOptimum{
background:url("../Our-Work/web/grey_logos/grey_logo_optimum.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverOptimum:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_optimum_ov.jpg");
border:4px solid #e08e00;
}


.rolloverABCancer{
background:url("../Our-Work/web/grey_logos/grey_logo_abcancer.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverABCancer:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_abcancer_ov.jpg");
border:4px solid #e08e00;
}

.rolloverMetalfab{
background:url("../Our-Work/web/grey_logos/grey_logo_metalfab.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverMetalfab:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_metalfab_ov.jpg");
border:4px solid #e08e00;
}

.rolloverTumbler{
background:url("../Our-Work/web/grey_logos/grey_logo_tumbler.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverTumbler:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_tumbler_ov.jpg");
border:4px solid #e08e00;
}

.rolloverWenzel{
background:url("../Our-Work/web/grey_logos/grey_logo_wenzel.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverWenzel:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_wenzel_ov.jpg");
border:4px solid #e08e00;
}

.rolloverFortmac{
background:url("../Our-Work/web/grey_logos/grey_logo_fortmac.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverFortmac:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_fortmac_ov.jpg");
border:4px solid #e08e00;
}

.rolloverValard{
background:url("../Our-Work/web/grey_logos/grey_logo_valard.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverValard:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_valard_ov.jpg");
border:4px solid #e08e00;
}

.rollover310{
background:url("../Our-Work/web/grey_logos/grey_logo_310.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rollover310:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_310_ov.jpg");
border:4px solid #e08e00;
}

.rolloverCalmont{
background:url("../Our-Work/web/grey_logos/grey_logo_calmont.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverCalmont:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_calmont_ov.jpg");
border:4px solid #e08e00;
}
.rolloverPork{
background:url("../Our-Work/web/grey_logos/grey_logo_abpork.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverPork:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_abpork_ov.jpg");
border:4px solid #e08e00;
}

.rolloverLiquor{
background:url("../Our-Work/web/grey_logos/grey_logo_liquor.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverLiquor:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_liquor_ov.jpg");
border:4px solid #e08e00;
}

.rolloverWhitecourt{
background:url("../Our-Work/web/grey_logos/grey_logo_whitecourt.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverWhitecourt:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_whitecourt_ov.jpg");
border:4px solid #e08e00;
}

.rolloverTopco{
background:url("../Our-Work/web/grey_logos/grey_logo_topco.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverTopco:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_topco_ov.jpg");
border:4px solid #e08e00;
}

.rolloverBusters{
background:url("../Our-Work/web/grey_logos/grey_logo_busters.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverBusters:hover{
background:url("../Our-Work/web/grey_logos/grey_logo_busters_ov.jpg");
border:4px solid #e08e00;
}



/* PRINT SECTION ROLL OVER IMAGES */

.rolloverSawridge{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_sawridge.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverSawridge:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_sawridge_ov.jpg");
border:4px solid #e08e00;
}

.rolloverHistree{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_histree.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverHistree:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_histree_ov.jpg");
border:4px solid #e08e00;
}

.rolloverWinspear{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_winspear.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverWinspear:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_winspear_ov.jpg");
border:4px solid #e08e00;
}

.rolloverDeervalley{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_deervalley.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverDeervalley:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_deervalley_ov.jpg");
border:4px solid #e08e00;
}

.rolloverTec1{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_tec.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverTec1:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_tec_ov.jpg");
border:4px solid #e08e00;
}

.rolloverBky{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_becker.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverBky:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_becker_ov.jpg");
border:4px solid #e08e00;
}

.rolloverClg{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_clg.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverClg:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_clg_ov.jpg");
border:4px solid #e08e00;
}

.rollover7fires{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_seven.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rollover7fires:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_seven_ov.jpg");
border:4px solid #e08e00;
}

.rolloverMitkor{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_mitkor.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverMitkor:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_mitkor_ov.jpg");
border:4px solid #e08e00;
}

.rolloverOdyssey{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_odyssey.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverOdyssey:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_odyssey_ov.jpg");
border:4px solid #e08e00;
}

.rolloverFpb{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_foster.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverFpb:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_foster_ov.jpg");
border:4px solid #e08e00;
}

.rolloverAgency{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_agency.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverAgency:hover{
background:url("../Our-Work/print_graphic/grey_logos/grey_logo_agency_ov.jpg");
border:4px solid #e08e00;
}






/* MULTIMEDIA SECTION ROLL OVER IMAGES */

.rolloverYmca1{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_ymca.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverYmca1:hover{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_ymca_ov.jpg");
border:4px solid #e08e00;
}

.rolloverPelican{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_pelican.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverPelican:hover{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_pelican_ov.jpg");
border:4px solid #e08e00;
}

.rolloverAbc{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_abcancer.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverAbc:hover{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_abcancer_ov.jpg");
border:4px solid #e08e00;
}

.rolloverHenry{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_henry.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverHenry:hover{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_henry_ov.jpg");
border:4px solid #e08e00;
}


.rolloverPlaystation{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_playstation.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverPlaystation:hover{
background:url("../Our-Work/multimedia_products/grey_logos/grey_logo_playstation_ov.jpg");
border:4px solid #e08e00;
}




/* VIDEO SECTION ROLL OVER IMAGES */


.rolloverWeir{
background:url("../Our-Work/video/grey_logos/grey_logo_weir.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverWeir:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_weir_ov.jpg");
border:4px solid #e08e00;
}

.rolloverSawridge1{
background:url("../Our-Work/video/grey_logos/grey_logo_sawridge.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverSawridge1:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_sawridge_ov.jpg");
border:4px solid #e08e00;
}


.rolloverNtpc{
background:url("../Our-Work/video/grey_logos/grey_logo_ntpc.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverNtpc:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_ntpc_ov.jpg");
border:4px solid #e08e00;
}


.rolloverEdsa{
background:url("../Our-Work/video/grey_logos/grey_logo_edsa.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverEdsa:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_edsa_ov.jpg");
border:4px solid #e08e00;
}

.rolloverKenworth{
background:url("../Our-Work/video/grey_logos/grey_logo_kenworth.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverKenworth:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_kenworth_ov.jpg");
border:4px solid #e08e00;
}


.rolloverCanadianmat{
background:url("../Our-Work/video/grey_logos/grey_logo_canmat.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverCanadianmat:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_canmat_ov.jpg");
border:4px solid #e08e00;
}


.rolloverMillenium{
background:url("../Our-Work/video/grey_logos/grey_logo_millenium.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverMillenium:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_millenium_ov.jpg");
border:4px solid #e08e00;
}

.rolloverTopco{
background:url("../Our-Work/video/grey_logos/grey_logo_topco.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverTopco:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_topco_ov.jpg");
border:4px solid #e08e00;
}


.rolloverStellarton{
background:url("../Our-Work/video/grey_logos/grey_logo_stellarton.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverStellarton:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_stellarton_ov.jpg");
border:4px solid #e08e00;
}

.rolloverCalscan{
background:url("../Our-Work/video/grey_logos/grey_logo_calscan.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverCalscan:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_calscan_ov.jpg");
border:4px solid #e08e00;
}

.rolloverRad{
background:url("../Our-Work/video/grey_logos/grey_logo_rad.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverRad:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_rad_ov.jpg");
border:4px solid #e08e00;
}

.rolloverStollery{
background:url("../Our-Work/video/grey_logos/grey_logo_stollery.jpg");
width:212px;
height:146px;
border:4px solid #252525;
}

.rolloverStollery:hover{
background:url("../Our-Work/video/grey_logos/grey_logo_stollery_ov.jpg");
border:4px solid #e08e00;
}

#breadcrumbs {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	text-align:right;
}

#breadcrumbs a {
	color:#777777;	
}

#breadcrumbs a:hover {
	color:#4800cb;	
}







/* NEW NAV */
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	background-image:none !important;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	background-image:none !important;
}
ul#topnav li a {/*this is main nav */
	float: left; 
	text-indent: -9999px;
	height: 41px;
	font-size: 17px;
	color:#ffffff;
	font-family: "HelveticaNeueMediumCond", Arial, Helvetica, sans-serif; 
	font-weight:normal;
	
}
ul#topnav li:hover a, ul#topnav li a:hover /*this is main nav roll over */
{
    background-position: left bottom;
	color:#e08f00;
}

/* BUTTON CLASSES HERE */

ul#topnav a.btn_home {
	width:100px;
	
}
ul#topnav a.btn_aboutus {
	width:100px;
	
}
ul#topnav a.btn_services {
	width:100px;
	
}
ul#topnav a.btn_ourwork {
	width:100px;
	
}
ul#topnav a.btn_contactus {
	width:100px;
	padding-left:8px;
	
}



/*SUB MENU STYLING */

#topnav li {
	
}

ul#topnav li .sub {
	position: absolute;	
	top: 41px; left: 0;
	background: #111111;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	text-align:left;
	
}
ul#topnav li .row {
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 10px;
	
	}
	
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 170px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}

/*HEADER AT TOP OF SUB MENU */

ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	font-size:17px;
	color: #e08e00;
}

/*HEADER AT TOP OF SUB MENU IF ITS A LINK */
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e08e00;
	font-size:17px;
}

/*LINKS IN SUB MENU */
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 5px 0px 5px 0px;
	display: block;
	text-decoration: none;
	color: #6b6b6b;
	font-size:13px;
}
ul#topnav .sub ul li a:hover {
	color: #ffffff; 
	background-position: 5px 12px ;}


#plusone
{
    width:200px !important;
}