/* Zero everything */
.style6 {
	color: #008CEA;
	font-weight: bold;
}
.stijl4 {font-size: 36px}
.stijl8 {color: #008CEA}
.stijl13 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.stijl16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.stijl17 {color: #0DC3FC}
.stijl18 {color: #FF0000}
.stijl20 {color: #FF0000; font-weight: bold; }
.style8 {
	color: #FFFFFF;
	font-size: 9px;
}
.style9 {color: #000000}
html * {
	margin: 0;
	padding: 0;
}

body {
	font-size: 16px;
	font-family: "trebuchet ms", "verdana";
	color: #f4f4f4;
	background: #1F1F1F url(../images/bg2.jpg) repeat-x;
	height: 50px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

h1 {
	font-family: "trebuchet ms", "verdana";
	font-size: 50px;
	font-weight: normal;
	text-align: left;
	margin: 0 0 40px 0;
}

body#admin h1 {
	margin: 0 0 0 0;
}

p {
	line-height: 25px;
	margin: 8px 0;
	color: #f4f4f4;
}

input {
	font-family: "trebuchet ms", "verdana";	
}

img {
	border: none;
}

a, a:link, a:hover, a:active, a:visited {
	/*color: #34CFFF;*/
	color: #008CEA;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	background-color: #008CEA;
	color: #FFFFFF;
	/*border-bottom: 1px #34CFFF dashed;*/
}

div#head, div#foot {
	width: 1000px;
	margin: 0 auto;
	height: 34px;
}

div#head {
	background-image: url("../images/head2.gif");
	
}

div#foot {
	background-image: url("../images/foot.jpg");
	
}
	div#foot p {
		text-align: center;
		font-size: 12px;
		margin: 0; /* Otherwise gap between main and foot */
		padding: 9px 0 0 0;
	}

div#main {
	width: 900px;
	min-height: 600px;
	/* IE 6 hack */
	height: auto !important;
	height: 600px;
	/* End IE6 hack */
	margin: 0 auto;
	padding: 20px 30px 20px 30px;
	background-image: url("../images/iphone_hand_bg3.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #000000;
	/* So we can use the tl, tr, br corners */
	position: relative;
	border-right: 20px #0D0D0D solid;
	border-left: 20px #0D0D0D solid;
}

body#admin div#main {
	background-image: none;
}
	
	div#tl, div#tr, div#br {
		position: absolute;
		height: 25px;
		width: 25px;
	}
	
	div#tl {
		top: 0;
		left: 0;
		background-image: url("../images/tl2.gif");
	}
	
	div#tr {
		top: 0;
		right: 0;
		background-image: url("../images/tr2.gif");
	}
	
	div#br {
		bottom: 0;
		right: 0;
		background-image: url("../images/br2.gif");
	}
	
	div#mainText {
		margin: 0 0 0 310px;
		padding: 0 0 0 0;
	}
	
	body#admin div#mainText {
		margin: 0 0 0 0;
	}
		
	div#navMenu {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 250px;
	}
		
		p.quote {
			width: 130px; 
			font-size: 12px; 
			line-height: 16px;
			margin: 15px 0 0 0;
		}
		
		div#adsenseNav {
			margin: 15px 0 0 20px;
		}
	
		body#admin div#navMenu {
			padding: 30px 0 0 0;
		}
		
		a.rollOver {
			width: 130px;
			height: 30px;
			display: block;
			background: url(../images/btn_matrix.png) 0 0 no-repeat;
			margin: 0 0 6px 0;
		}
		
		/* Hide the text */
		a.rollOver span {
			display: none;
		}
		
		a#navIndex {
			background-position: 0 0;
		}
		
		a#navIndex:hover {
			background-position: -130px 0;
		}
		
		a#navIndex:active {
			background-position: -260px 0;
		}
		
		a#navOrder {
			background-position: 0 -30px;
		}
		
		a#navOrder:hover {
			background-position: -130px -30px;
		}
		
		a#navOrder:active {
			background-position: -260px -30px;
		}
		
		a#navFaq {
			background-position: 0 -60px;
		}
		
		a#navFaq:hover {
			background-position: -130px -60px;
		}
		
		a#navFaq:active {
			background-position: -260px -60px;
		}
		
		a#navDownload {
			background-position: 0 -90px;
		}
		
		a#navDownload:hover {
			background-position: -130px -90px;
		}
		
		a#navDownload:active {
			background-position: -260px -90px;
		}
		
	/** Index **/
	ul#features {
		margin: 30px 0 0 0;
	}
	
		ul#features li {
			list-style-type: none;
			background-position: top left;
			background-repeat: no-repeat;
			padding: 0 0 0 40px;
			height: 30px;
			margin: 0 0 25px 0;
			line-height: 25px;
		}
		
		ul#features li#li1 {
			background-image: url("../images/bl_orange.jpg");
		}
		
		ul#features li#li2 {
			background-image: url("../images/bl_blue.jpg");
		}
		
		ul#features li#li3 {
			background-image: url("../images/bl_green.jpg");
		}
		
		ul#features li#li4 {
			background-image: url("../images/bl_purple.jpg");
		}
		
		ul#features li#li5 {
			background-image: url("../images/bl_orange.jpg");
		}
		
		ul#features li#li6 {
			background-image: url("../images/bl_blue.jpg");
		}
		
	p#orderLink {
		text-align: center;
		font-size: 20px;
		padding: 15px 0 15px 0;
	}
	
	div.standout, div#checkout, div#orderForm, div#adminForm {
		font-family: "trebuchet ms";
		margin: 0 0 15px 0;
		background-color: #333333;
		border-bottom: 2px solid #222222;
		border-top: 2px solid #222222;
		padding: 15px;
	}
	
	img#o2 {
		float: right;
	}
	
	br.clear {
		clear: both;
		margin: 0;
		padding: 0;
	}
	
	div.standout p {
		margin: 0;
	}
.style1 {
	font-size: 24px;
	font-weight: bold;
}
.style4 {font-size: 12}
	/** End index **/
		
		/** Order page (and admin) **/
		/*div#orderForm, div#adminForm {
			font-family: "trebuchet ms";
			margin: 0 0 15px 0;
			background-color: #0E0E0E;
			border-bottom: 2px solid #131313;
			border-top: 2px solid #131313;
		}*/
			
			div#orderForm em, div#adminForm em {
				font-style: normal;
				color: #ff0000;
			}
			
			div#orderForm p, div#adminForm p {
				padding: 15px 15px;
				margin: 0;
			}
			
			div#orderForm label, div#adminForm label {
				margin: 0 0 0 15px;
			}
			
			div#orderForm img#loading, div#adminForm img#loading {
				margin: 0 0 -6px 0;
			}
			
			input.textInput {
				padding: 2px;
			}
			
			input#iPhoneSubmit {
				font-size: 18px;
			}
			
			table {
				border-collapse: collapse;
				margin: 0 auto;
			}
				thead tr {
					border: 2px #111111 dashed;
				}
				
				th {
					
				}
				
				td, th {
					padding: 3px 5px;
				}
				
				tr.even {
					background-color: #111111;
				}
				
				tr.odd {
					
				}
		
		div#checkout {
			/* Inherits from above */
			margin: 15px 0;
			padding: 0 15px 15px 15px;
		}
		
		div#checkoutButton {
			text-align: center;
			margin: 15px 0 0 0;
		}
		/** End order/admin page **/
		
		/** FAQ page **/
		h3.question {
			font-weight: bold;
			margin: 10px 0;
			font-size: 16px;
		}
			
		div.answer {
			padding: 6px;
			border: 1px dashed #333333;
			margin: 6px;
		}
			
			div.answer p {
				margin: 6px;
				padding: 0;
			}
			
		/** End FAQ page **/