body{
	background:#fff; 
	font-family:Helvetica, Arial, sans-serif;
	padding:0px;
	margin:0px;
	text-align:center;
	font-size:0.8em; /**/
	color:#000;
	line-height:1.6em; /**/
}


#page{
	background-color:#fff;
	margin:0px auto;
	padding:0px;
	width:100%;
	height:100%;
	width:800px;
	text-align:left;
}
	
	
.hide{
	display:none;
}


.show{
}


.clear{
	clear:both;
}


img{
	border:none;
}
	
	
#container{
	width:480px;
	padding:0px;
	margin:0px;
	float:left;
}


#rightcol{
	width:200px;
	float:left;
	margin:0px 0px 0px 118px;
	padding:0px;
}
	
	
#tabbing{
	width:200px;
	margin:0px;
	padding:0px;
}
	
		
.tab{
	float:left;
	padding:0px;
	margin:0px 0px 28px 0px;
}


.tab li{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px 0px 8px 0px;
	font-size:1.1em;
	width:200px;
}


ul.tab li a:link, ul.tab li a:visited{
	color:#666;
	text-decoration:none;
	padding:0px;
	margin:0px;
}


ul.tab li a:hover, ul.tab li a.active{
	color:#ff5500;
	text-decoration:none;
	padding:0px;
	margin:0px;
}


.icon{
	margin:0px 8px 0px 0px;
	padding:0px;
}
	
	
.list{
	list-style-image:url(../img/bullet.gif);
	list-style-position:inside;
	padding:0px;
	margin:8px 0px 0px 0px;
}


.list li{
	margin:0px;
	padding:0px 0px 3px 0px;
}
	
/**************************************************************************	
begin formatting
**************************************************************************/

#headline{
	background-color:#000;
	height:4px;

}


.header h1{
	color:#000;
	padding:8px 0px 0px 0px;
	margin:0px 0px 68px 0px;
	font-size:1.1em;
}
	

#intro{
	color:#000;
	font-size:1.0em;
	margin:8px 0px 0px 0px;
	line-height:2.0em;
	font-weight:lighter;
}
		

h1{
	color:#333;
	font-size:1.2em;
	margin:0px;
	padding:0px;
}
	

h1.h2{
	color:#333;
	font-size:1.2em;
	margin:38px 0px 0px 0px;
}


h2{
	font-size:1.0em;
	padding:0px;
	margin:0px;
	color:#000;
	font-weight:lighter;
}
	

h3{
	font-size:1.0em;
	padding:0px;
	margin:28px 0px 0px 0px;
	color:#333;
}


p{
	color:#000;
	font-size:1.0em;
	margin:8px 0px 0px 0px;
	padding:0px;
}


a{
	color:#000;
	text-decoration:none;
}
	
	
a:hover{
	color:#ff5500;
}
	

.bold{
	font-weight:bold;
}
	

.orange{
	color:#ff5500;
}

.dotted{
	border-bottom:1px dotted #ff5500;
}

/**************************************************************************	
begin footer
**************************************************************************/

#footer{
	font-size:0.9em;
	margin:68px 0px 8px 0px;
	padding:0px;
	width:800px;
	border-top:1px dashed #ccc;
}

/**************************************************************************	
begin form and buttons
**************************************************************************/

form{
	padding:0px;
	margin:0px 0px 48px 0px;
	float:left;
	width:280px;
}


.text{
	border:2px dashed #ccc;
	margin:3px 0px 5px 0px;
	padding:1px 0px 1px 1px;
	width:280px;
	font-size:1.0em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}


.inputarea{
	border:2px dashed #ccc;
	margin:3px 0px 5px 0px;
	width:280px;
	height:150px;
	font-size:1.0em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}


#submit{
	border:2px dashed #ccc;
	float:right;
	margin:3px 0px 5px 0px;
	font-size:1.0em;
	font-family:Helvetica, Arial, sans-serif;
}


.button{
	padding:0px;
	margin:8px 0px 0px 0px;
}

/**************************************************************************	
begin images
**************************************************************************/

.sticker{
	padding:144px 0px 0px 406px;
}

.borderless{
	margin:8px 0px 8px 0px;
	padding:0px;
	display:block;
	width:480px;
}

.screenshot{
	border:1px solid #ccc;
	margin:8px 0px 8px 0px;
	padding:0px;
	display:block;
	width:480px;
}

a.wonghoweb, a.wonghoweb:hover, a.staubrondi, a.staubrondi:hover, a.wazzamba, a.wazzamba:hover, a.wongho, a.wongho:hover, a.lamoraleja, a.lamoraleja:hover, a.assimilbrochure, a.assimilbrochure:hover, a.nddream, a.nddream:hover, a.assimil, a.assimil:hover, a.assimilogo, a.assimilogo:hover, a.laboria, a.laboria:hover, a.illy, a.illy:hover, #favicon{
	border:4px solid #000;
	margin:8px 0px 8px 0px;
	padding:0px;
	display:block;
	width:480px;
	height:180px;
}

a.wonghoweb{
	background:transparent url(../img/wonghoweb_bw.png) no-repeat;
}
		
a.wonghoweb:hover{
	background:transparent url(../img/wonghoweb.png) no-repeat;
}

a.staubrondi{
	background:transparent url(../img/staubrondi_bw.png) no-repeat;
}
		
a.staubrondi:hover{
	background:transparent url(../img/staubrondi.png) no-repeat;
}

a.wazzamba{
	background:transparent url(../img/wazzamba_bw.png) no-repeat;
}
		
a.wazzamba:hover{
	background:transparent url(../img/wazzamba.png) no-repeat;
}

a.wongho{
	background:transparent url(../img/wongho_bw.png) no-repeat;
}
		
a.wongho:hover{
	background:transparent url(../img/wongho.png) no-repeat;
}

a.lamoraleja{
	background:transparent url(../img/lamoralejaexpat_bw.png) no-repeat;
}
		
a.lamoraleja:hover{
	background:transparent url(../img/lamoralejaexpat.png) no-repeat;
}

a.assimilbrochure{
	background:transparent url(../img/assimilbrochure_bw.png) no-repeat;
}
		
a.assimilbrochure:hover{
	background:transparent url(../img/assimilbrochure.png) no-repeat;
}

a.nddream{
	background:transparent url(../img/nddream_bw.png) no-repeat;
}
		
a.nddream:hover{
	background:transparent url(../img/nddream.png) no-repeat;
}

a.assimil{
	background:transparent url(../img/assimil_bw.jpg) no-repeat;
}
		
	
a.assimil:hover{
	background:transparent url(../img/assimil.jpg) no-repeat;
}
	

a.assimilogo{
	background:transparent url(../img/assimil_logo_bw.jpg) no-repeat;
}


a.assimilogo:hover{
	background:transparent url(../img/assimil_logo.jpg) no-repeat;
}
	
	
a.laboria{
	background:transparent url(../img/laboria_bw.jpg) no-repeat;
}


a.laboria:hover{
	background:transparent url(../img/laboria.jpg) no-repeat;
}
	
	
a.illy{
	background:transparent url(../img/illy_bw.jpg) no-repeat;
}


a.illy:hover{
	background:transparent url(../img/illy.jpg) no-repeat;
}


#toby, #tobyme{
	margin:0px 0px 8px 0px;
	border:4px solid #000;
	padding:0px;
	display:block;
	width:480px;
}