/* ================================================================================================
==== iProd Web App - Always find the best producer for the job.
==== by Wouter D. Snel
================================================================================================ */

/* ================================================ 
== GENARAL SETTINGS
================================================ */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	}

body {
	background: #000;
	}

/* ================================================ 
== ERROR LAYOUT FOR NON SUPPORTED BROWSERS
================================================ */
.error{
	background: #afa6a9 url('error-loop.jpg') repeat-x;
	}

.error a{
	width:480px;
	height:480px;
	display: block;
	margin: 0px auto;
	background: url('error.jpg') 0 0 no-repeat;
	}

/* ================================================ 
== APP LAYOUT IN STANDALONE MODE
================================================ */
/* portrait */
.portrait #page.app{
	height:460px;
	width:320px;
	background: #000 url('bg.jpg') -80px 0 no-repeat;
	}

.portrait #page.app a{
	float:left;
	margin: 192px 0 0 107px;
	background: transparent url('button.jpg') center center;
	display:block;
	height:103px;
	width:105px;
	-webkit-border-radius:50px;
	}

/* landscape */
.landscape #page.app{
	height:300px;
	width:480px;
	background: #000 url('bg.jpg') 0 -40px no-repeat;
	}

.landscape #page.app a{
	float:left;
	margin: 152px 0 0 187px;
	background: transparent url('button.jpg') center center;
	display:block;
	height:103px;
	width:105px;
	-webkit-border-radius:50px;
	}

/* ================================================ 
== INSTALL LAYOUT IN MOB. SAFARI MODE 
================================================ */
.portrait #page.install{
	height:356px;
	width:320px;
	background: #000 url('install.jpg') -80px 0 no-repeat;
	}
	
.landscape #page.install{
	height:208px;
	width:480px;
	background: #000 url('install.jpg') 0 -100px no-repeat;
	}