

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* end grid */


/* nav from: http://css.maxdesign.com.au/listamatic/vertical14.htm */
#navcontainer ul {
list-style-type: none;
text-align: left;
}

#navcontainer ul li a {
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #555;
}

#navcontainer ul li a:hover {
    color: #C00;
}

#navcontainer ul li a#current {
    color: #000;
}

/* my stuff */

html, body {
    background: #444;
    font-family: GillSans, Trebuchet, Calibri, Helvetica, Helvetica Neue, Arial, sans-serif;
}

#container {
    margin: 20px auto;
    text-align: center;
}

#logo {
    height: 73px;
    line-height: 73px;
    background: #FFF url('image/Pak_0186w1018h73.jpg') 0 0 no-repeat;
}

#logo h1 {
    font-size: 24px;
    color: #FFF;
    font-family: GillSans, Trebuchet, Calibri, Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
}

#wibble, #hypercat {
    background: #EEE;
}

#navcontainer {
    background: #CCC;
}

#charlie {
    background: url('image/PAK_0456_charlie.jpg') 0 0 no-repeat;
    width: 128px;
    text-align: center;
    margin: 20px auto;
    height: 150px;
}

#charlie span {
    position: relative;
    top: 128px;
    font-size: 12px;
    color: #FFF;
}

#bodycontainer {
    background: #EEE;
    text-align: left;
}

#body {
    margin: 20px 0;
}
