body{



background:#000 ;



font-family: Arial;



font-size:12px;



margin:0;



padding:0;



text-align:center;



}



h1{



margin-top:5px;



color:#fff;







font-size:2em;



margin-left:300px;



}



h2{



background:#B6D2EF  none repeat scroll 0 0;







font-size:1.5em;



padding-bottom:2px;



padding-left:4px;



padding-top:2px;



margin-top:4px;



margin-bottom:14px;



}



p{



margin-top:12px;



margin-bottom:12px;



}



h3{



font-size:1.2em;



color:#B6D2EF;



}



a{



outline:none;



}



table{



font-size:1em;



}



td{



vertical-align:top;



}



label{



font-weight:bold;



}



textarea{



height:120px;



border:1px solid #35578e;



}



input{



border:1px solid #35578e;



}



#container{



width:1000px;



margin-left:auto;



margin-right:auto;



min-height:630px;



height:auto !important;



height:630px;



text-align:left;







padding-top:10px;



}

.nerds{

background:url('Images/backgrounds/no_nerds.jpg') no-repeat top center;

}

.professionals{

background:url('Images/backgrounds/all_professionals.jpg') no-repeat top center;

}

.geeks{

background:url('Images/backgrounds/no_geeks.jpg') no-repeat top center;

}



#static{



position:absolute;



width:100%;



left:0;



top:20px;



border-top:1px solid #ececec;



border-bottom:1px solid #ececec;



height:40px;



text-align:center;



}



#nav{



position:absolute;



list-style-type:none;



height:40px;



text-align:center;



margin-top:0;



width:1000px;



left:50%;



margin-left:-500px;



margin-bottom:0;



}



#nav li{



float:left;

margin-right:10px;

}



#nav .first{



margin-left:260px;



}



#nav .active{



background:#fff;



color:#000;



}



#nav a{



display:block;



height:40px;



line-height:40px;



padding:0 10px 0 10px;



color:#fff;



font-weight:bold;



text-decoration:none;



}



#nav a:hover{



color:#B6D2EF;



}



#logo{



position:absolute;



margin-left:290px;



top:-25px;



z-index:300;



}



#content{



margin-top:100px;



}



#features{



border:1px solid #fff;



width:500px;



height:333px;
overflow:hidden;






}



.homeButton{



display:block;



text-indent:-9000px;



width:231px;



height:76px;



float:left;



margin-right:20px;



}



.onsite{



background:url('Images/onsite_button.jpg') no-repeat top;



margin-left:150px;



}



.callfix{



background:url('Images/callfix_button.jpg') no-repeat top;



}



.locations{



background:url('Images/locations_button.jpg') no-repeat top;



}



.onsite:hover{



background-position:bottom;



}



.callfix:hover{



background-position:bottom;



}



.locations:hover{



background-position:bottom;



}



#footer{



clear:both;



padding-top:20px;



}





#footerNav{



float:right;



list-style-type:none;



margin-top:35px;



}



#footerNav li{



float:left;



margin-left:10px;



}



#footerNav a{



color:#fff;



text-decoration:none;



display:block;



height:40px;



line-height:40px;







}



#footerNav a:hover{



text-decoration:underline;



}



#footerNav .viral{

background-attachment:scroll;

background-color:transparent;

background-image:url(Images/tv.gif);

background-position:left center;

background-repeat:no-repeat;

padding-left:25px;

}

#footerNav .footerContact{

background-attachment:scroll;

background-color:transparent;

background-image:url(Images/Send_Mail.gif);

background-position:left center;

background-repeat:no-repeat;

padding-left:25px;

}

#footerNav .facebook{

background-attachment:scroll;

background-color:transparent;

background-image:url(Images/facebook.gif);

background-position:left center;

background-repeat:no-repeat;

padding-left:25px;

}

#footerNav .membershipLink{

background-attachment:scroll;

background-color:transparent;

background-image:url(Images/User_add.gif);

background-position:left center;

background-repeat:no-repeat;

padding-left:25px;

}

#footerNav .techTipLink{

background-attachment:scroll;

background-color:transparent;

background-image:url(Images/Twitter.gif);

background-position:left center;

background-repeat:no-repeat;

padding-left:25px;

}



#footer #techTip{

width:270px;

background:url(Images/techtip.gif) no-repeat top;

margin-left:310px;



}

#techTip .tipLink{

color:#33CCFF;

text-decoration:none;

float:right;

margin-top:14px;

margin-right:4px;

}

#techTip p{



padding:45px 8px 2px 8px;

}



#content .page{



background: url('Images/paper_bg.jpg') repeat-y;



width:615px;



padding:15px 0;



margin-left:300px;



margin-top:0;



overflow:hidden;



display:block;



}



#content .tabPage{



padding:5px;



}



#content .pageBuffer{



background: url('Images/paper_bg.jpg') repeat-y;



width:615px;



padding:5px 0;



margin-left:300px;



margin-top:0;



}



#tabLinks{



height:124px;



list-style-type:none;



margin:0px 0 30px 300px;



overflow:visible;



padding:40px 0 0;



}



#tabLinks li{



float:left;



margin-right:10px;



text-align:center;



}



#tabLinks a{



display:block;



width:100px;



height:100px;



line-height:20px;







text-indent:-9000px;



border:1px solid #fff;



background-attachment:scroll;



background-repeat:no-repeat;



}



#tabLinks .selected{



background-position:0 -100px;



border:1px solid #35578e;



}



#tabLinks a:hover{



background-position:0 -100px;



border:1px solid #35578e;



}



#overviewTab{



background:url('Images/overview_button.jpg');



}



#whyusTab{



background:url('Images/whyus_button.jpg');



}



#faqTab{



background:url('Images/faqs_button.jpg');



}



#locationsTab{



background:url('Images/aboutlocations_button.jpg') ;



}



#contactTab{



background:url('Images/contact_button.jpg');



}



#leftMap{



float:left;



width:145px;



margin-left:5px;



}



#leftMap a{







display:block;



text-indent:-9000px;



color:#242424;



text-decoration:none;



width:143px;



height:42px;



}



.calgary{



background:url('Images/calgary_button.jpg') no-repeat top;



}



.toronto{



background:url('Images/toronto_button.jpg') no-repeat top;



}
.otherLocations{
background:url('Images/other_locations_button.jpg') no-repeat top;
}
.otherLocations:hover{
background-position:bottom;
}
#otherlocs{
margin-left:360px;
}



.calgary:hover{



background-position:bottom;



}



.toronto:hover{



background-position:bottom;



}



#leftMap .active{



background-position:bottom;



}



.map{



border:3px solid #35578e;



width:425px;



margin-right:8px;



float:right;



}



#contactForm{



width:549px;



height:365px;



background:url('Images/form1_bg.gif') no-repeat;



padding-bottom:20px;



float:right;



}



#Contact div{



float:left;



width:230px;



}

#Contact .headquarters{

font-size:1.3em;

height:32px;

line-height:32px;

background:url(Images/Home.gif) no-repeat;

padding-left:40px;

}

#Contact .phone{

font-size:1.3em;

height:32px;

line-height:32px;

background:url(Images/Phone.gif) no-repeat;

padding-left:40px;

}

#Contact .email{

font-size:1.3em;

height:32px;

line-height:32px;

background:url(Images/Mail.gif) no-repeat;

padding-left:40px;

}



#contactForm table{



margin-left:220px;



margin-top:50px;



color:#242424;



}



#contactForm .submit{







font-weight:bold;







border:1px solid #242424;;



background:#B6D2EF;



}



#choices{



margin-left:300px;



}



#choices a{



background-attachment:scroll;



background-color:transparent;



float:left;



background-position:0 0;



background-repeat:no-repeat;



color:#FFFFFF;



display:block;



font-size:1.5em;



font-weight:bold;



height:202px;







text-align:center;



text-decoration:none;



vertical-align:bottom;



width:131px;



border:1px solid #fff;



margin-right:20px;



}



#choices .residential{



background-image:url(Images/residential_button.jpg);



}



#choices .corporate{



background-image:url(Images/corporate_button.jpg);



}



#choices .allservices{



background-image:url(Images/allservices_button.jpg);



}



#choices .interactive{



background-image:url(Images/interactive_button.jpg);



}



#choices .selected{



background-position:0 -202px;



border:1px solid #35578e;



}

#choices .news{

background-image:url(Images/news_button.jpg);

}

#choices .pressreleases{

background-image:url(Images/press_button.jpg);

}

#choices .media{

background-image:url(Images/media_button.jpg);

}



#choices a:hover{



background-position:0 -202px;



border:1px solid #35578e;



}

#slideWrapper{

width:800px;

height:500px;

margin:30px 0 0 100px;



background: url('Images/container_bg.gif') no-repeat top center;

}

#servicesCopy{



width:800px;



height:500px;











color:#fff;







overflow:hidden;



}



.servicesBox{



width:790px;



float:left;



padding:0 5px 0 10px;



}



#servicesContainer{



width:4400px;



}



#servicesCopy h2{



color:#242424;

background:none;

margin-top:8px;



}



#aboutContainer{



width:4400px;



}







.faqQ{



float:left;



width:300px;



}



.faqQ ul{



list-style-type:none;



margin:0 0 0 4px;



padding:0;

border:1px solid #777;

background:#121212;

-moz-border-radius:10px;

-webkit-border-radius:10px;

}



.faqQ ul li{







}



.faqQ a{



display:block;

color:#fff;

padding:4px;

height:22px;

line-height:22px;

text-decoration:none;

border-bottom:1px dashed #555555;



}



.faqQ a:hover{

color:#B6D2EF;







}



.faqQ .active{







color:#B6D2EF;







}







.faqA{



float:right;



width:470px;



padding-right:5px;



}



#bookForm{



color:#242424;



margin-left:300px;



}



#bookForm h2{



background:none;



border-bottom:1px dashed #fff;



margin-top:15px;



margin-bottom:8px;



width:500px;



color:#fff;



}



#bookForm table{



background:#fff url('Images/form_bg.jpg') no-repeat;



padding:6px;



width:500px;



border:1px solid #fff;

-moz-border-radius:10px;

-webkit-border-radius:10px;

}



#bookForm label{



text-align:right;



}



#bookForm textarea{



width:240px;



}



#bookForm td{



padding-right:8px;



padding-bottom:6px;



vertical-align:middle;



}



#bookForm td img{







margin:auto;



}



#bookForm .reset{



border:none;



background:none;



text-decoration:underline;



}



.bookSubmit{



border:none;



background:url('Images/book_button.jpg') no-repeat;



width:80px;



height:25px;



margin-right:75px;



}







.fma{



float:right;

margin-left:4px;

margin-right:30px;



}

.smallNote{

background:transparent url(Images/note_small_bg.gif) no-repeat scroll 0 0;

color:#242424;

font-weight:bold;

height:60px;

padding:15px 30px 0 60px;

width:690px;

}

.member{

background:url('Images/User_add.gif') no-repeat;

padding-left:22px;

line-height:20px;

}

.popServices{

background:url('Images/Tools.gif') no-repeat;

padding-left:22px;

line-height:20px;

}

.corpNote{

background:transparent url(Images/corp_note.gif) no-repeat scroll 0 0;

color:#242424;

font-weight:bold;

height:60px;

padding:15px 30px 0 90px;

width:650px;

}

.interactiveNote{

background:transparent url(Images/interactive_note.gif) no-repeat scroll 0 0;

color:#242424;

font-weight:bold;

height:60px;

padding:20px 30px 0 290px;

width:650px;

}

#Interactive ul{

list-style-type:none;

}

#Interactive ul li{



}

#Interactive ul .active a{

color:#fff;

}

#Interactive ul li a{

display:block;

height:64px;

padding-left:74px;

line-height:64px;

font-weight:bold;

font-size:1.5em;

color:#0099FF;

text-decoration:none;

width:280px;

margin-bottom:20px;

}

#Interactive ul li a:hover{

color:#fff;

}

.webDev{

background:url('Images/web.jpg') no-repeat left;



}

.brand{

background:url('Images/brandmarketing.jpg') no-repeat left;



}

.motionGraphics{

background:url('Images/motiongraphics.jpg') no-repeat left;



}

#interactiveBox{

border:1px solid #777777;

float:right;

height:260px;

margin-right:15px;

width:370px;

background:url(Images/interactivebg.jpg) no-repeat;

color:#000;

}



#defaultInteractive{

background:url(Images/interactivebg_default.jpg) no-repeat;

}

#defaultInteractive p{

font-weight:bold;

color:#000;

font-siez:1.3em;

position:relative;

left:150px;

top:100px;

}

.interactiveCopy{

height:260px;

width:370px;

float:left;

padding-top:10px;

padding-left:10px;

font-weight:bold;

}

.interactiveCopy a{

color:#fff;

text-decoration:none;

border-bottom:1px dotted #fff;

}

div #webDev{

background:url(Images/interactivebg_webdev.jpg) no-repeat;

}

div #brand{

background:url(Images/interactivebg_brand.jpg) no-repeat;

}

div #motionGraphics{

background:url(Images/interactivebg_motiongraphics.jpg) no-repeat;

}

.checked{

background:url('Images/Checked.jpg') no-repeat left;

padding-left:20px;

margin-bottom:0;

color:#B6D2EF;

font-size:1.2em;

}

#WhyUs p{

padding-left:20px;

margin-top:2px;

}

.infoHeader{

background:url('Images/Info.jpg') no-repeat left;

padding-left:30px;

line-height:24px;

}

.additionalHeading{

background:url('Images/Plus.jpg') no-repeat left;

padding-left:30px;

line-height:24px;

}

.ui-effects-transfer { border: 2px dotted gray; }



.ServicesNote{

border:6px solid #709D4C;

background:#C4E88B;

padding:8px 12px;

color:#000;

font-weight:bold;

float:right;

margin-right:45px;

width:190px;

}
.ServicesNote a{
color:#242424;
text-decoration:none;
border-bottom:1px dotted #242424;
}
.ServicesNote a:hover{

}

.CorpServicesNote{

border:6px solid #26576B;

background:#8BD1E8;

padding:8px 12px;

color:#000;

font-weight:bold;

float:right;

margin-right:45px;

margin-left:10px;

width:190px;

}
.CorpServicesNote a{
color:#242424;
text-decoration:none;
border-bottom:1px dotted #242424;
}
.CorpServicesNote a:hover{

}

.CorpServicesNote .moreServices{

background:url(Images/corp_moreServices.gif)no-repeat left;


}


.memberCTA{

padding-left:20px;

background:url(Images/learnmore_button.gif) no-repeat;

float:right;

margin-right:400px;

font-weight:bold;

color:#fff;

display:block;

text-decoration:none;

line-height:20px;

font-size:12px;

margin-top:20px;



}

.memberCTA:hover{

text-decoration:underline;

}

.moreServices{

line-height:24px;

color:#242424;

text-decoration:none;

font-weight:bold;

padding-left:24px;

background:url(Images/res_moreServices.gif) no-repeat left;

display:block;

height:24px;

}

.moreServices:hover{

text-decoration:underline;

}

#techtipsData{

background:#fff;

width:200px;

height:200px;

color:#242424;

padding-top:30px;

}
.date{
border:1px solid #242424;
margin-left:-9px;
padding:4px 7px;
width:120px;
background:#ffeb8f;
color:#242424;
font-weight:bold;
margin-top:-20px;
}
#News h3{
padding-bottom:4px;
font-size:1.7em;

}
.pressLinks{
list-style-type:none;
}
.pressLinks li{
margin-bottom:8px;
}
.pressLinks a{
background:#EAE1B5 none repeat scroll 0 0;
color:#242424;
font-style:italic;
padding:3px 6px;
text-decoration:none;
display:block;
width:390px;
}
.pressLinks a span{
font-style:normal;
font-weight:bold;
font-size:1.2em;
}

#Media ul{
list-style-type:none;
margin-top:0;
margin-bottom:0;
}
#Media h3{
margin-bottom:2px;
margin-top:4px;
}
#Media li{
padding-left:19px;
background:url(Images/film.png) no-repeat left;
}
#Media li a{
color:#fff;
text-decoration:none;

}
#Media li a:hover{
color:#B6D2EF;
}
.landingLink{
	color:#0099FF;
	text-transform:uppercase;
	font-size:2em;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.landingLink:hover{
color:#fff;
}
.serviceIcon{
float:left;
margin-top:-800px;

}
#resIcon{
margin-left:20px;
}
#corpIcon{
margin-left:20px;
}
#interIcon{
margin-left:20px;
}
#servicesLanding td{
vertical-align:middle;
}
#servicesLanding{
overflow:visible;
}

.tumblr{
list-style-type:none;
padding-left:0;

}
.tumblr div{
margin-top:10px;
}
.tumblr img{
margin-right:20px;
border:6px solid #5AC4EF;
}

.moreNews{
color:#fff;
padding:2px 5px;
}
.moreNews:hover{
color:#242424;
background:#0099FF;
}
.thankYou{
color:#242424;
margin-left:220px;
margin-top:120px;
}
#bookThanks{
height:300px;
width:250px;
}
#bookThanks p{
color:#fff;
}

.ie6Note{
padding:20px;
border:6px solid #26576B;
background:#8BD1E8;
color:#242424;
margin-left:280px;
margin-top:230px;
width:350px;
margin-bottom:200px;
}

/* 404 page */
.pageNotFound{

background:url('Images/404_bg.jpg') no-repeat top center;

}
.pageNotFound #content{
background:transparent url(Images/backgrounds/404_bg_copy.png) no-repeat scroll 0 0;
height:164px;

margin-left:300px;
margin-top:250px;

width:397px;
}
.pageNotFound #content p{
padding:20px;
}
/*membership*/
.membership{
background:url(Images/x929/x929_landing.jpg) no-repeat;
}
.membership p{
padding:0 15px 0 15px;
}
.membership h1{
border-bottom:1px solid #242424;
color:#242424;
font-size:2em;
margin-top:0;
margin-left:0;
padding-left:10px;
padding-top:10px;
text-transform:uppercase;
}
.membership #content{
background:url(Images/member_bg.png) no-repeat;
width:357px;
height:425px;
position:relative;
}
.memberPoints{
list-style-type:none;
}
.memberPoints li{
background:url(Images/prize_winner.png) no-repeat left;
padding-left:18px;
line-height:16px;
}

/* techtips */

#twitter_div{

color:#242424;

background:#fff;

text-align:left;

}

#twitter_div a{

color:#5AC4EF;

}

#twitter_div ul{

list-style-type:none;

padding-left:5px;

}

#twitter_div li a{

padding:2px 4px;

background:#5AC4EF;

color:#242424;

margin-top:7px;

display:block;

}

#twitter_div li span a{

color:#5AC4EF;

padding:0;

background:none;

margin:0;



}


/* bomgar */
.bomgar{
width:400px;
margin-left:300px;
background:#fff;
color:#242424;
padding:10px;
}
.bomgar h1{
color:#242424;
margin-left:0;
}
.bomgar input{
margin-bottom:4px;
}
.bomgar .contentBox h1{
font-size:1.2em;
}
.contentBox span input{
display:block;

}
.contentBox select{
display:block;
margin-bottom:4px;
}
.hidden{
display:none;
}

/* bomgar2 */
.bomgar2{
background:#fff;
color:#242424;
padding:10px;
}
.bomgar2 h1{
color:#242424;
margin-left:0;
}
.bomgar2 input{
margin-bottom:4px;
}
.bomgar2 .contentBox h1{
font-size:1.2em;
}



/* validation */







.LV_invalid_field, 



input.LV_invalid_field:hover, 



input.LV_invalid_field:active,



textarea.LV_invalid_field:hover, 



textarea.LV_invalid_field:active {



    border: 1px solid #CC0000;



	background:#F1B8B8;



}



.LV_invalid {



   display:none;



}



.LV_valid {



    text-indent:-9000px;



	



	height:16px;



	background:url('Images/check.gif') no-repeat;



	display:inline-block;



	padding-right:18px;



}











/*



#Residential{



margin-left:802px;



}



#Corporate{



margin-left:1604px;



}



#AllServices{



margin-left:2406px;



}



*/



/* stupid dreamweaver bug caused crash */







/* LANDIN PAGE */



#landingContainer{



width:1000px;



margin-left:auto;



margin-right:auto;



text-align:left;



background:url('Images/x929/x929_landing.jpg') no-repeat top center;



height:600px;



}



#landingPage{



height:500px;



width:400px;



background:url('Images/x929/x929_page.jpg') no-repeat;



position:relative;



top:40px;



left:20px;







border:1px solid #242424;



}



#landingPage h1{



text-indent:-9000px;



}



#landingPage p{



padding:10px;



}



#landingPage a{



color:#333333;



font-weight:bold;



margin-right:40px;







}



#landingPage h3{



margin-left:10px;



}



#landingPage .xLocs{



border:1px solid #35578e;



background:#C4D6EA;



width:300px;



margin-left:50px;



padding:5px;



}



#landingPage li{



margin-bottom:4px;



}



#landingPage .xLocs a{



margin:0;



}

#featureWrapper{
height:433px;
margin-bottom:60px;
margin-left:300px;
margin-top:100px;
width:500px;
}
#featureWrapper h2{
background:none;
color:#fff;
margin-bottom:2px;
}
#featureNav a{
display:block;
float:left;
width:80px;
height:30px;
border:1px solid #fff;
color:#242424;
background:url(Images/featureTab.gif) repeat-x;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
margin-right:2px;
line-height:30px;
margin-top:-1px;
}
#featureNav #arrowNav a{
width:30px;
float:right;
text-indent:0;
text-align:center;
margin-right:0;
margin-left:2px;
}
#featureScroller{
width:9000px;
}
.feature{
float:left;
width:500px;
height:333px;
background:url(Images/feature_bg.gif) no-repeat;
color:#fff;

}
.radio span{
background:transparent url(Images/radioTabBG.png) no-repeat scroll 0 0;
margin-left:2px;
padding:4px 0 4px 27px;
}
.video span{
background:transparent url(Images/videoTabBG.png) no-repeat scroll 0 0;
margin-left:2px;
padding:4px 0 4px 27px;
}
.praise span{
background:transparent url(Images/praiseTabBG.png) no-repeat scroll center left;
margin-left:2px;
padding:2px 0 2px 25px;
}

#featureNav a:hover{
background:url(Images/featureTabOver.gif) repeat-x;
}
#featureNav .selected{
background:url(Images/featureTabOver.gif) repeat-x;
}
.radios{
padding:10px;
}
.radios label{
padding:3px 6px;
display:block;
width:75px;
border-top:1px solid #5F5F5F;
border-left:1px solid #5F5F5F;
border-right:1px solid #5F5F5F;
border-bottom:1px solid #3F3F3F;
background:#3F3F3F;
}
.radios embed{
border:1px solid #aaa;

}
#player{
padding:10px;
}
#player p{
margin-top:4px;
}

.testies{
position:relative;
top:250px;
left:40px;
}
.testies a{
color:#fff;
padding:2px;
}
.testies a:hover{
background:#1FC4FF;
}
.tests{
background:url(Images/feature_bg_test.gif) no-repeat;
}

div.transbox
  {
  margin:100px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }

.black
{



margin-top:5px;



color:black;







font-size:2em;



margin-left:300px;



}

#servicesCopy2{


height: 300px;

width:800px;




color:#fff;







overflow:hidden;



}

#servicesCopy2 h2{



color:#242424;

background:none;

margin-top:8px;



}



#servicesCopy2 .selected{



background-position:0 -100px;



border:1px solid #35578e;



}



#servicesCopy2 a:hover{



background-position:0 -100px;



border:1px solid #35578e;



}

.links{

color:#fff;


text-decoration:none;



}

.links:hover{

text-decoration:underline;

}