* 				{ padding:0; margin:0; }
img 			{ border:none; }

.fl				{ float:left;}
.fr				{ float:right;}
b{ font-size:14px;}
.fs14			{ font-size:14px; }

.p5				{ padding:5px;}
.p10			{ padding:5px;}
.pr5			{ padding-right:5px; }
.pt8			{ padding-top:8px; }
.pl10			{ padding-left:10px;}
.pl5			{ padding-left:5px; }
.pb5			{ padding-bottom:5px; }
.ml				{ margin-left:20px; }
.ml45			{ margin-left:45px; }
.mt10			{ margin-top:10px; }
.m5				{ margin:5px; }
.fs24{ font-size:24px; font-weight:normal; padding:5px;}
.fs23{ font-size:23px; font-weight:normal; padding:5px;}

.black			{ color:#4D4D4D; }
.white 			{ color:#FFF; }
.orange2{ color:#ffb400;}
.orange			{ color:#F38F39;  }
.bluelink		{ color:#165EA8;  }
.blue			{ color:#577BC3; padding-left:0px; }
.blue_email		{ color:#577BC3; padding-left:5px; }
.blue2{ color:#005081; font-weight:bold;}

a				{ text-decoration:underline;}
a:hover			{ text-decoration:none;}

.silver			{ text-decoration:none; color:#8C8E83; }
.silver:hover	{ text-decoration:underline; }

.br				{ border-right:1px solid #E3E3E3;}
.bb				{ border-bottom:1px solid #E3E3E3; padding-top:5px;}
.bb2			{ padding-top:5px;}

body			{ /*background:url(../images/bgmain.gif); background-repeat:repeat-x; background-color:#3F4C6C;*/ width:100%; 
				  margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#3d3d3d; font-size:11px;}
mcontainer		{ margin:0 auto; width:95%;}
/*header*/
.cooperators,.testi,.servicesicon,web,media,
		{ background-image: url(../images/main_sprite.gif);}
	.news	{ background: url(../images/main_sprite.gif);}
.production,.design,.online{ background: url(../images/list.gif) no-repeat;}
a.logo 			{ width:200px; height:55px; display:block; background:url(../images/logo.gif) no-repeat; }

.bglogo			{ background: url(../images/bg_sprite.gif); width:980px; margin:0 auto; height:73px; border:0px; /*border-top:4px solid #f48e3a;*/}
.link			{ font-size:11px; text-align:right; padding:5px 20px 0 0; }
.servicesicon	{ width:46px; height:200px; background-position:left -148px; }

ul#site-tabs 							{ list-style:none; padding-top:7px; width:454px; font-size:12px; }
ul#site-tabs li 						{ float:left; padding:5px 0px 0 2px; height:19px; }
ul#site-tabs li a 						{ color:#4D4D4D; padding:5px 9px; font-weight:bold; text-decoration:none; color:#fff; }	
ul#site-tabs li a.about, a.how, a.portfolio, a.career, a.media { background:url(../images/menu.gif) no-repeat 0px 0px; }
ul#site-tabs li a.how{ background-position:0px -32px; padding:5px 9px;}
ul#site-tabs li a.portfolio{background-position:0px -65px; padding:5px 11px;}
ul#site-tabs li a.career{background-position:0px -100px; padding:5px 13px;}
ul#site-tabs li  a.media {background-position:0px -134px; padding:5px 13px;}
ul#site-tabs li a:hover 				{ /*background:url(../images/bg_nav.gif); color:#FFF;*/ color:#FFF; }
ul#site-tabs li a.current				{ /*background:url(../images/bg_nav.gif); color:#FFF; */ }

.bgbeaner		{ background:#005081 url(../images/mbanbg.gif); height:219px; width:980px; margin:0 auto; 
					/*background-position:left -73px;*/ border-top:7px solid #023761; padding:0px ; padding-top:0px;}
.beaner,.beaner1,.beaner2		{ height:209px; width:640px; text-align:right;}
.beaner			{ background:url(../images/beaner.gif); }
.beaner1		{ background: url(../images/beaner1.gif); }
.beaner2		{ background: url(../images/beaner2.gif); }
.intro			{ padding:40px 7px 0; color:#FFF; font-family:'Trebuchet MS';
 				  font-size:24px;}
.services		{ color:#FFF; font-family:'Trebuchet MS'; font-size:18px; padding:0 0 5px 5px;}
/*.services:hover	{ background:#407DB5; text-decoration:none;}*/
.heading		{ font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.online,.design,.production		{  height:57px; padding:5px 5px 5px 50px; background-position:2px 3px; text-decoration:none;}
.design							{ background-position:2px -64px;}
.production						{ background-position:2px -132px;}
/*header innerpage*/
.siteheader			{ width:980px; margin:0 auto;}

/*.discover			{ background: url(../images/discover.gif); width:400px; height:135px; margin:0 auto; }*/

/*body*/
h1, h2, h3, h4, h5			{ font-family:'Trebuchet MS'; }
h1						{ font-size:30px; font-weight:bold; color:#FFF; }
h2						{ font-size:26px; /*color:#535353;*/ color:#000; font-weight:normal; }
h2_padding				{ text-align:left;}
h3						{ font-size:18px; color:#272727;}
h4						{ font-size:15px; }
h5						{ font-size:14px; font-weight:bold; color:#F38F39; }

p { font-family:Arial,Helvetica,sans-serif; font-size:12px; }
p.justify{text-align:left; padding:5px;}
.content			{ width:965px; background-color:#FFF; font-size:12px; padding:35px 0 1px 15px;
 				 	  margin:0 auto; }
.work				{ background:url(../images/bg_sprite.gif); background-position:left -300px; padding-bottom:5px;}
.textfield			{ margin:5px; background:#FAFAFA url(../images/txtbg.gif) no-repeat ; /*border:1px solid #E3E3E3;*/ border:0px; padding:5px 10px; width:124px; }

* html .textfield	{ background:#FAFAFA url(../images/txtbg.gif) no-repeat fixed 0px 0px; /*border:1px solid #E3E3E3;*/ border:0px; padding:5px ; margin:0px; width:135px;}
.button				{ background: url(../images/sendbtn.gif); /*background-position:left -688px;*/ border:none; 
				 	  color:#FFF; font-family:"Trebuchet MS"; /*padding:3px 19px;*/ width:48px; height:26px; cursor:pointer; }
		
ul.orangelinks  	{ list-style:none; padding:10px; }		 					
ul.orangelinks li	{ background:url(../images/plus.gif) no-repeat 0px 1px; padding-left:18px; font-size:11px; font-weight:bold; }
ul.orangelinks li.bluel{background:url(../images/bluebulit.jpg) no-repeat 0px 1px;}

ul.orangelinks li.des { display:block; width:150px;}
.plus 				{ background:#000; }
.news				{ height:25px; background-position: left -105px; width:25px;}
.testi				{ height:22px; background-position: left -126px; width:25px;}
.imgbg:hover		{ background-color:#E3E3E3; }
.imgbg 				{ text-align:center; padding:5px; width:185px; }
.videobg			{ padding-right:5px; padding-top:5px; padding-left:5px; padding-bottom:5px; width:125px; margin:0px; }
.videobg:hover		{ background-color:#E3E3E3; }
.bullet				{ list-style-image: url(../images/bullet.gif); padding:8px 0 0 25px; }
.bullet li			{ padding-bottom:5px;}

/*footer*/
.cooperators		{ background-position:left -360px; }
.defence,.digital,.compaq,
.mci,.srtelcom,.canada,.nortel,
.purolator			{ background: url(../images/collaborator_sprite.gif); height:40px; float:left; }
a.srtelcom				{ background-position:left -10px; width:163px; }
a.purolator 			{ background-position:left -58px; width:110px; }
a.nortel				{ background-position:left -100px; width:130px; }
a.canada				{ background-position:left -333px; width:170px; }
a.compaq				{ background-position:left -294px; width:110px; }
a.mci					{ background-position:left -186px; width:60px; }
a.defence				{ background-position:left -138px; width:100px; }
a.digital				{ background-position:left -236px; width:120px; }

.justin,.ecommy,.aadaleasing,.tonygraham,.public,.bankofcanada,.att,					
.moonpalace,.blackseek		{ background-image: url(../images/client_sprite.gif); height:40px; float:left}

a.justin				{ background-position:left top; width:70px; }
a.ecommy				{ background-position:left -32px; width:70px; }
a.aadaleasing			{ background-position:left -72px; width:200px; }
a.tonygraham			{ background-position:left -107px; width:100px; }
a.public				{ background-position:left -138px; width:192px; }
a.bankofcanada			{ background-position:left -173px; width:115px; }
a.att					{ background-position:left -212px; width:100px; }
a.moonpalace			{ background-position:left -255px; width:400px; }
a.blackseek				{ background-position:left -292px; width:130px; }

.partners		{ height:110px; width:980px; margin:0 auto; border-bottom:1px solid #BDC1C6; background:#E9F3FF; }
.site-links		{ float:right; height:15px; margin:0px auto; width:485px;  list-style:none; font-weight:bold; }
.site-links li 	{ float:left; padding-right:5px; }
.site-links li a { padding-right:5px;  }
#footer 		 { padding:10px 10px; font-size:11px; background:#FFF; width:960px; margin:0 auto;   }
#footer ul.site-links { float:none; font-weight:bold; }
#footer, #footer ul.site-links, #footer ul.site-links a {/* color:#577BC3;*/color:#000; text-decoration:none; }
#footer ul.site-links a:hover { text-decoration:underline;}
.copyright		{ color:#FFF; background: url(../images/footer.gif); height:18px; 
				 /* background-position:left -714px;*/ width:972px; text-align:center; margin:0 auto;}
#container 		{ position:relative; height:35px; overflow:hidden; width:940px; margin:0 auto; }
#div1 			{ position:absolute; left:0px; top:0px; width:2350px; display:block;}
#div2 			{ position:absolute; left:2350px; top:0px;  width:2350px; display:block; }




.fn             { font-weight:normal;}
.clr-divs       { clear:both;}
.patlogo        { width:220px; height:81px; margin-left:5px; background:url(../images/partners.gif) no-repeat;}
.bt             { border-top:1px solid #E3E3E3;}
.test           { color:#4c4c4c; margin-bottom:10px; background:#F8F8F8;}
.test div       { text-align:right;}
#post           { width:400px; margin:0 auto;}
#post label     { width:60px; display:block; padding:2px 8px; float:left; text-align:right;}

.rp:hover{background:#D8F3FC; }

.development, .development2 , .development3 , .development4 , .development5 ,.development6 , .development7 ,.development8		
{ background:url(../images/aboutus.jpg) no-repeat; height:105px; margin:0 auto; padding:30px 0 0 30px;}
.development h4 , .development2 h4, .development3 h4, .development4 h4, .development5 h4,.development6 h4, .development7 h4,.development8 h4{ font-size:18px;}
.development2		{ background:url(../images/wework.jpg) no-repeat; }
.development3		{ background:url(../images/career.jpg) no-repeat; }
.development4		{ background:url(../images/contactus.jpg) no-repeat;}
.development5		{ background:url(../images/portfolio.jpg) no-repeat; }
.development6		{ background:url(../images/mediaroom.jpg) no-repeat; }
.development7		{ background:url(../images/contactus.jpg) no-repeat; }
.development8		{ background:url(../images/sitemap.jpg) no-repeat; }
.howsteps			{ width:582px; height:258px; background:url(../images/catagories.jpg) no-repeat; background-position: bottom;}