body {
	margin: 0;
	padding: 0;
	background: #0099cc;
	font-family: Helvetica, Aria, sans-serif;
	}

div#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	min-height: 582px;
	border-left: 8px #0A7899 solid;
	border-right: 8px #0A7899 solid;
	overflow: hidden;
	}
div#padding {
	margin: 0;
	padding: 20px;
	}

body div#nav {
	height: 30px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	}
	body #nav a {
		text-decoration: none;
		margin-left: 15px;
		text-shadow: #1C9DDE 0px -1px 0px;
		color: white;
		}
	body #nav a:link { }
	body #nav a:visited { }
	body #nav a:hover { background: none; color: #0A7899; text-shadow: #A8DCF4 0px 1px 0px; }
	body #nav a:active { }

h1 {
	font-size: 40px;
	}
h2 {
	font-weight: normal;
	font-size: 25px;
	margin: 30px 0 10px 0;
	}
p {
	font-size: 14px;
	margin: 0 0 12px 0;
	line-height: 18px;
	}
a img {
	border: 0;
	}

			/* HOMEPAGE RULES */
		
			
			body#homepage {
				color: white;
				}
		
			#homepage a {
				color: white;
				}
				#homepage a:link { }
				#homepage a:visited { }
				#homepage a:hover { background: #5C9041; text-decoration: none; }
				#homepage a:active { }

					
			#homepage div#wrapper {
				background: url(../images/background.jpg) no-repeat left top #80bb43;
				overflow: hidden;
				}
			#homepage div#padding {
				padding: 20px 20px 150px 20px;
				}
			#homepage div#footer {
				border-top: 1px #6da439 solid;
				background: url(../images/footer_rule.gif) top left repeat-x;
				}

			#homepage div#header {
				position: absolute;
				left: 53px;
				top: 45px;
				width: 499px;
				height: 101px;
				background: url(../images/seeknspell_header.png) no-repeat left top;
				}
				#header h1 {
					visibility: hidden;
					}
			
			div#tagline {
				position: absolute;
				left: 385px;
				top: 125px;
				width: 467px;
				height: 103px;
				background: url(../images/seeknspell_tagline.png) no-repeat left top;
				}
				#tagline p {
					visibility: hidden;
					}
			
			a#appstore {
				display: block;
				position: absolute;
				left: -2px;
				top: 358px;
				width: 176px;
				height: 80px;
				z-index: 2;
				background: url(../images/btn_appstore.png) no-repeat left top;
				text-decoration: none;
				}
				a#appstore:link {}
				a#appstore:visited {}
				a#appstore:hover { background: url(../images/btn_appstore.png) no-repeat left top; }
				a#appstore:active {}				
				
				#appstore span {
					visibility: hidden;
					}		

			a#androidmkt {
				display: block;
				position: absolute;
				left: 310px;
				top: 556px;
				width: 176px;
				height: 80px;
				z-index: 3;
				background: url(../images/btn_androidmkt.png) no-repeat left top;
				text-decoration: none;
				}
				a#androidmkt:link {}
				a#androidmkt:visited {}
				a#androidmkt:hover { background: url(../images/btn_androidmkt.png) no-repeat left top; }
				a#androidmkt:active {}				
				
				#androidmkt span {
					visibility: hidden;
					}		

				
			div#screenshot {
				position: absolute;
				left: 2px;
				top: 218px;
				width: 490px;
				height: 566px;
				background: url(../images/seeknspell_devices.png) no-repeat left top;
				z-index: 1;
				}
			
			div#textcolumn {
				width: 422px;
				padding: 380px 0 0 0;
				margin: 0 0 0 471px;
				}
			/* END HOMEPAGE RULES */


			/* CONTENT PAGE RULES */

			body#contentpage {
				color: #2b6378;
				}
					
			#contentpage a {
				color: #2b6378;
				}
				#contentpage a:link { }
				#contentpage a:visited { }
				#contentpage a:hover { background: #0A7899; text-decoration: none; color: white;}
				#contentpage a:active { }


			#contentpage div#wrapper {
				background: url(../images/contentpage_background.jpg) no-repeat left top white;
				}

			#contentpage a#header {
				display: block;
				position: absolute;
				left: 18px;
				top: 12px;
				width: 361px;
				height: 66px;
				background: url(../images/contentpage_header.png) no-repeat left top;
				text-decoration: none;
				}
				a#header img {					
					border: none;
					}

				
			div#content {
				margin: 40px 0;
				padding: 1px 0;
				}
			
			#contentpage div#footer {
				padding-top: 40px;
				border-top: 8px #0A7899 solid;	
				background: #80bb43;
				color: white;
				}

			#contentpage #footer a {
				color: white;
				}
				#contentpage #footer a:link { }
				#contentpage #footer a:visited { }
				#contentpage #footer a:hover { background: #5C9041; text-decoration: none; }
				#contentpage #footer a:active { }

			
			/* END CONTENT PAGE RULES */

			
div.clear {
clear: both !important;
font-size: 0;
line-height: 0;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
}

			
			
/* specific content rules */

div#musiccredit {
	padding: 0 10px;
	margin: 10px auto;
	width: 600px;
	font-size: 11px;
	text-align: right;
	}
	#musiccredit img {
		vertical-align: middle;
		border: 0;
		}
	#musiccredit a {

		}


div.videowrapper {
	padding: 10px;
	margin: 10px auto;
	background: #C3E8F8;
	width: 600px;
	}

div#howto {
	margin: 0 auto;
	padding: 0;
	}
	#howto div.colwrapper {
		margin: 0;
		padding: 0;
		}
		#howto div.column {
			width: 30%;
			margin: 0;
			padding: 0;
			float: left;
			}
			#howto .column p {
				font-size: 80%;
				padding: 10px 5px;
				}
		#howto div.centercolumn {
			margin: 0 5%;
			}
		#howto div.solocolumn {
			margin: 50px auto;
			float: none !important;
			}

div#screenshots {
	margin: 0 auto;
	padding: 0;
	width: 95%;
	}
	#screenshots div.colwrapper {
		margin: 0;
		padding: 0;
		}
	#screenshots div.column {
		width: 48%;
		margin: 0;
		padding: 0;
		}
		#screenshots .right {
			float: right;
			}
		#screenshots .left {
			float: left;
			}
		#screenshots .column p {
			font-size: 80%;
			margin: 0 0 30px 0;
			padding: 0 50px;
			text-align: center;
			}
		#screenshots .screenshot {
			width: 414px; 
			height: 760px;
			margin: 0 auto;
		}
		#screenshots .screenshot span {
			visibility: hidden;
			}
		#seeknspell01 { background: url(../images/screenshots/seeknspell01.png) left top no-repeat; }
		#seeknspell02 { background: url(../images/screenshots/seeknspell02.png) left top no-repeat; }
		#seeknspell03 { background: url(../images/screenshots/seeknspell03.png) left top no-repeat; }
		#seeknspell04 { background: url(../images/screenshots/seeknspell04.png) left top no-repeat; }
		#seeknspell05 { background: url(../images/screenshots/seeknspell05.png) left top no-repeat; }
		#seeknspell06 { background: url(../images/screenshots/seeknspell06.png) left top no-repeat; }
		#seeknspell07 { background: url(../images/screenshots/seeknspell07.png) left top no-repeat; }
		#seeknspell08 { background: url(../images/screenshots/seeknspell08.png) left top no-repeat; }
		
		






	div#faq {
		margin: 20px auto;
		padding: 30px;
		width: 85%;
		border: 1px #E3F7FE solid;
		}

		#faq h1:first-child {
			margin-top: 0;
			}
		#faq h1 {
			color: #333333;
			margin-top: 30px;
			margin-bottom: 10px;
			font-size: 20px;
			}
		#faq p {
			color: #333333;
			}
			
			
			
#sbox-window p {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 345px;
	color: #333333;
	text-align: center;
	}
	#sbox-window strong {
		color: #A4C639;
		}
	#sbox-window em {
		font-style: normal;
		color: #666666;
		}
div#qrcode {
	text-align: center;
	}
	#qrcode img {
		border: none;
		}