@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; }
body {
	color:#666;
	background: #ff0000;
	margin: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#holder{
	position: absolute;
	left: 49%;
	top: 90px;
	margin-left: -330px;
	width: 668px;
	height: 525px;
	text-align: left;
	background:#fff url(/hello-interactive-handbook/img/handbook_bg.jpg) no-repeat top left;
}
H1 {font-size:2em} /* wordt 24px */
H2 {font-size:1.5em} /* wordt 18px */
H3 {font-size:1.25em} /* wordt 15px */
H4 {font-size:1.2em} /* wordt 12px */
H5 {font-size:1.2em} /* wordt 12px */
H6 {font-size:1.2em} /* wordt 12px */
p {font-size:1.2em; margin:0 0 1em;} /* wordt 12px */
td {font-size:1.2em;vertical-align:top;}
li li {font-size:1em}
#homeBtn{
	position: absolute;
	top: -78px;
	color: #FFFFFF;
	font-size: 12px;
	left: 30px;
}
#homeBtn a{color:#fff;text-decoration:none;padding-left: 11px;}

#slogan{
	position: absolute;
	top: -14px;
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 4px;
	left: 0px;
	overflow: visible;
	white-space: nowrap;
}

#navbottom{
	position: absolute;
	top: 420px;
	left: 10px;
	border:0;
	width: 750px;
}
a:link, a:visited{
color:#ff0000;
text-decoration:none;
}
a img{
border:0;
margin:0;
padding:0;
}
#content{
margin:20px;
}
#content h3, #contentHead h3{
color:#ff0000;
font-weight:bold;
}

#creativedesign #holder{
background:#fff url(/hello-interactive-handbook/img/1.gif) no-repeat top left;
}
#workflowguides #holder{
background:#fff url(/hello-interactive-handbook/img/2.gif) no-repeat top left;
}
#interactivepressproof #holder{
background:#fff url(/hello-interactive-handbook/img/3.gif) no-repeat top left;
}
#talk #holder{
background:#fff url(/hello-interactive-handbook/img/4.gif) no-repeat top left;
}
#links #holder{
background:#fff url(/hello-interactive-handbook/img/5.gif) no-repeat top left;
}
#gallery #holder{
background:#fff url(/hello-interactive-handbook/img/6.gif) no-repeat top left;
}
#glossary #holder{
background:#fff url(/hello-interactive-handbook/img/7.gif) no-repeat top left;
}
#environmental #holder{
background:#fff url(/hello-interactive-handbook/img/8.gif) no-repeat top left;
}


#contentHead {
	margin: 20px 20px 0 125px;
}
#cd-videoblok{
	position: absolute;
	top: 149px;
	left: 51px;
	width:560px;
	z-index: 50;
}
#cd-zada{
	position: absolute;
	top: 130px;
	left: 51px;
	width:560px;
	z-index: 50;
}
#galleryblok{
	position: absolute;
	top: 115px;
	left: 20px;
	width:620px;
	z-index: 50;
	height: 300px;
}
#glossaryHolder{
	position: absolute;
	top: 119px;
	left: 50px;
	width:591px;
	z-index: 50;
	height: 304px;
}

#thumbs_big{
	width:252px;
	height:206px;
}
#thumbs_big td{
vertical-align:middle;
text-align:center;
}
#thumbs_big a{
color:#fff;
font-weight:bold;
}
#youfind_payoff{
	position: absolute;
	top: 390px;
	width: 578px;
	font-size:0.9em;
	text-align:right;
	right: 40px;
}
#glossaryHolder h1 {
	font-size: 1.4em;
	color: #0099FF;
}
.navb{
float:left;
width: 80px;
margin:0;
padding:0;
text-align:center;
}
.navb a{
	text-align:center;
	display:block;
	margin:0 0 10px;
	text-decoration:none;
}
.navb img {
	margin-left: 1px;
}
.navb a:link, .navb a:visited{
color:#666;
}
.navb a:hover, .navb a:active{
color:#FF0000;
font-weight:bold;
}
.navb p{
padding: 10px 0 0;
font-size:1em;
}

#creativedesign #b1 a{color:#FF0000;font-weight:bold;cursor:default;}
#workflowguides #b2 a{color:#FF0000;font-weight:bold;cursor:default;}
#interactivepressproof #b3 a{color:#FF0000;font-weight:bold;cursor:default;}
#talk #b4 a{color:#FF0000;font-weight:bold;cursor:default;}
#links #b5 a{color:#FF0000;font-weight:bold;cursor:default;}
#gallery #b6 a{color:#FF0000;font-weight:bold;cursor:default;}
#glossary #b7 a{color:#FF0000;font-weight:bold;cursor:default;}
#environmental #b8 a{color:#FF0000;font-weight:bold;cursor:default;}