/* Calgarytunnelling.com style sheet
 * Design by Cameron Babiak
*/

/* CSS Ordering:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
html,body{margin:0; padding:0; background-color: #000; } 
 
body{background: url(images/page_bg.gif) top left repeat-x;font: 12px/14px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
a, a:visited {text-decoration: none; }
h2 {background: #444; color: #fff; font-size: 14px; }


div#container{width:760px; height: 100%; margin:0 auto; border: 2px solid #8b96a3; background: #111; }

div#header h1 {line-height: 42px; margin: 0; padding: 0 0 12px 0; background-image: url(images/header_bg.jpg); color: #222; font-size: 28px; font-weight:bolder; font-variant: small-caps; } 

div#navigation {}
div#navigation ul {list-style-type: none; margin: 0; padding: 0 0 3px 0; background: #444;}
div#navigation ul li {display: inline; margin: 0; padding: 0; }
div#navigation ul li a {margin: 0 2px; padding: 0 6px 2px 6px; border: 1px outset #000; background-image: url(images/nav_button_bg.gif); color: #444; font-size: 12px; font-variant: small-caps; font-weight: bolder; }
div#navigation ul li a:hover {border: 1px outset #000; background-image:url(images/nav_button_hover.gif); color: #fff;}

div#wrapper {width: 100%; }

div#content {margin-left: 180px; padding: 12px; border-left: 2px solid #444; background-image: url(images/content_bg.gif); text-align: center; }
div#content p, h2, h3 {padding: 2px 9px 3px 9px; text-align: justify; }


div#media {margin: 0; padding: 12px; }

.employment {padding: 0 12px; color: #fff; font-size: 9px; text-align: justify; }
a.polycan {display: block; background: url(images/ad_polycan_normal.jpg) left no-repeat ; margin: 0 0 12px 0;padding: 66px 0 0 0;}
a.polycan:hover {background: url(images/ad_polycan_over.jpg) left no-repeat; }

div#subnavigation {float: left; width: 180px; height: 100%; text-align: center; }
div#subnavigation ul {list-style-type: none; margin: 0; padding: 18px 0 0 0; text-align: left; }
div#subnavigation ul li { margin: 6px 6px; }
div#subnavigation ul li a {display: block; padding: 2px; background-color: #222; color: #bbb;}
div#subnavigation ul li a:hover {background-color: #444; color: #39f; }

div#footer {clear: left; height: 24px; background-image:url(images/footer_bg.gif); }

div#footnavigation ul {list-style-type: none; margin: 0; padding: 3px 0;}
div#footnavigation ul li {display: inline;}
div#footnavigation ul li a {margin: 0 3px; color: #fff; font-size: 10px; }
div#footnavigation ul li a:hover {color: #39f; }