/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
a,a:visited {color:#666;}
em { color:#333; font-size:11px; line-height:12px;}
strong { font-weight: bold; color:#333; }
/* text */
body{color:#444; overflow-x:scroll; padding:20px; background-color:#e7e7e7; font:12px/1.5 helvetica, arial, verdana, sans-serif; line-height:20px;}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
sup { font-size: 10px; vertical-align: super; }
/* site */
body { overflow-x: hidden; }
#content { width:460px; margin:0 auto; overflow:hidden; }

ul.nav-links { text-align:center; width:460px; border-bottom:1px solid #ccc; }
  ul.nav-links li { display:inline; margin:0; margin-right: 10px; }
  ul.nav-links a { font-weight:bold; text-decoration: none; }
  ul.nav-links a.active { color:#333; }

.section { float:left; display:inline; width:460px; } 
  
#main { color:#666; margin-left:0; } 
  #main .slogan { font-size: 16px; text-align:center; margin-bottom:80px; }
  #main span { white-space:nowrap; }
  #main h6 { margin-bottom: 5px; }
  
#work { margin-left:460px; }
  #work h4 { margin-bottom: 10px; }
  #work h6 { margin-bottom: 10px; }
  #work hr { border-top:1px solid #ccc; border-bottom:1px solid #fafafa; }

  .img { background: 0 0 no-repeat; width:440px; height:287px; margin:0 auto 20px; border: 8px solid #ccc; }
  #onlinelistings   .img { background-image:url(/images/onlinelistings.png); }
  #leaguesmart      .img { background-image:url(/images/leaguesmart.png); }
  #crossfitter      .img { background-image:url(/images/crossfitter.png); }

  #edmontoninfo     .img { width:222px; height:333px; background-image:url(/images/edmontoninfo.png); }
    #edmontoninfo #qrcode { text-align:center; margin-top: 20px;}
  
#contact { margin-left:920px; }
  #contact div { text-align:center; }
  #name { font-weight: bold; }