/* Happy Company redesign V1.0
   (c) K.S.R. van Poelgeest
   (u) www.hansnel.nl
   (c) Happy Company
   (u) www.happycompany.nl
	 V1.0 Originally created: 080403
	 Version history: n/a
---------------------------------------------- */
@import url('typography.css');
@import url('nav.css'); /* all navigation */

@import url('modules.css');

@import url('additional.css');        /* reserved */

/* General reset
---------------------------------------------- */
* {
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	}
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, a img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, 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;
	text-align:left;
  }
ul {
	list-style:none;
	}
	li {
		height:1px;
		text-indent:0;	
		}
ul.clean {margin-bottom:12px;}
li.clean {height:12px;}


/* CSS classes
---------------------------------------------- */
.w-auto   { width: auto; }
.w-100    { width: 100%; }
.w-75     { width: 75%; }
.fly_x    { float: left; }
.fly_y    { float: right; }
.txt_x    { text-align: left; }
.txt_y    { text-align: right; }

/* Base
---------------------------------------------- */
body {
	color:#333;
	padding:0 10px;
	text-align:center;
	font-size:76%;
	background:#000 url('../g/background.jpg') 50% top fixed no-repeat;
	}
	#skip {
		display:none;
		visibility:hidden;
		}
#contain {
  margin:0 auto;
  width:980px;
  }
#identity {
	width:auto;
	}
  a#logo {
  	display:block;
  	width:152px;
  	height:98px;
  	margin:10px 0;
  	text-indent:-999%;
    background:url('../g/Happy-Company.gif') left 0px no-repeat;
  	}
  #identity p {
    float:right;
    font-weight:bold;
    font-style:italic;
    font-size:1.2em;
    padding-top:80px;
    width:220px;
    height:20px;
    color:#f00;
    text-indent:-999em;
    background:url('../g/payoff.gif') right bottom no-repeat;
    }
#nav {
	background:url('../g/bg_nav.jpg') top repeat-x;
	border:1px solid #414141;
  }

.home #main {
  background:url('../g/bg_main.gif') top repeat-y;
  }
.page #main {
  background:url('../g/bg_main2.gif') top repeat-y;
  }
#main {	
	overflow:hidden;
	zoom:1;
	}
#happycol {
	float:right;
	clear:right;
	width:550px;
	overflow:hidden;
	zoom:1;
	}
#sidenav	{
	float:left;
  clear:left;
	width:148px;
	font-size:1em;
	height:36em;
  }
	.stack {
    display:block;
    width:auto;
    height:12em;
    margin:0;
    padding:0;
    }
    .stack img {
      height:12em;
      width:148px;
      margin:0;
      }
/*
    #stack1 {background:url('../g/stack1.jpg');}
    #stack2 {background:url('../g/stack2.jpg');}
    #stack3 {background:url('../g/stack3.jpg');}
*/
#content {
  position:relative;
	margin:0 551px 0 149px;
	padding-bottom:1em;
  width:auto;
	}
.home #content {
  height:35em;
  }
.page #sidenav {
  display:none;
  }
.page #content {
  margin-left:0;
  margin-right:411px;
  background:#fff;
  }
.page #happycol {
  width:410px;
  }
  #visual {
  	display:block;
  	height:200px;
  	margin-bottom:1em;
  	}

/* Meta footer
---------------------------------------------- */
#metafoot {
	display:block;
	clear:both;
	margin:0;
	padding:0;
	background:url('../g/bg_nav.jpg') top repeat-x;
	text-align:center;
	border:1px solid #414141;
	font-size:0.85em;
	color:#666;
  }
  .page #metafoot {
    margin-bottom:2em;
    }
  #metafoot p {
    margin:0.2em 8px;
    }
	#metafoot a {
		text-decoration:none;
		color:#999;
		}
	#metafoot a:hover {
		text-decoration:underline;
		}


/* Hide printables
---------------------------------------------- */
#printlogo,
#printfoot {
	display:none;
	visibility:hidden;
	clear:both;
	}