/*  
Theme Name: KMSM.ca
Theme URI: http://www.kmsm.ca
Description: minimalist grayscale
Version: 0.5
Author: Joshua Kelly
Author URI: http://www.kmsm.ca
Credit to: Dave Bowker for his inspiring design of http://www.searchinsidevideo.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td,img,a
{margin:0; padding:0;border:0;}

/* General */
body {background:#e6e6e6}
#global-wrapper {width:995px;height:100%;margin:0 auto 0 auto;}

/* Header */
#header-wrapper {width:995px;height:103px;}
#header-right {width:378px;height:103px;background:url(images/header-right-bg.jpg) no-repeat top right;float:right;}
#header-logo {}

/* Main */
#main-top-slice {width:994px;height:8px;background:url(images/main-top-slice-bg.jpg);}
#main-background {width:994px;height:478px;background:#e6e6e6 url(images/main-background-bg.jpg);}
#main {width:994px;height:478px;background:url(images/main-bg.png);}
#main-bottom-slice{width:994px;height:23px;background:url(images/main-bottom-slice-bg.jpg);}
#main-lead-text {width:572px;height:127px;margin:0 auto 0 auto;padding-top:50px;}
#main-portfolio {width:892px;height:111px;margin:50px auto 45px auto;}
#main-end-text {width:611px;height:46px;margin:0 auto 0 auto;}

/* Portfolio Sprite */
#portfolio-list{width:892px;height:111px;
    margin:0; padding: 0;
    position: relative;}
#portfolio-list li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#portfolio-list li, #portfolio-list a {
    height: 111px; display: block;}
#portfolio1 {left: 0; width: 208px;background: url(images/portsprite.png) 0px 0px;}
#portfolio2 {left: 223px; width: 208px;background: url(images/portsprite.png) -208px 0px;}
#portfolio3 {left: 446px; width: 208px;background: url(images/portsprite.png) -416px 0px;}
#portfolio4 {left: 669px; width: 208px;background: url(images/portsprite.png) -624px 0px;}

#portfolio1 a:hover {background: url(images/portsprite.png) 0px 109px;}
#portfolio2 a:hover {background: url(images/portsprite.png) -208px 109px;}
#portfolio3 a:hover {background: url(images/portsprite.png) -416px 109px;}
#portfolio4 a:hover {background: url(images/portsprite.png) -624px 109px;}