/*******************************************************
TITLE: Fixed Box Layout  V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0em 0em 0em 0em;
padding:0;
height:100%;
background-color:#ffffff;
background-image:url(img/woodTile.jpg);
color:#000000;  
text-align:center;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}

a {
color:#ffffff;
text-decoration:underline;
}

a:hover {
color:#eeeeee;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
}


#centerColumn { 	
margin:0 auto;
padding:0em 0em 0em 20em;
width:950px;
text-align:left;
vertical-align: middle;	
background: none;
/*background-color:#cccccc;*/
border:0px;
}

/*#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:1.0em;
letter-spacing:.1em;
}*/

#header {
margin:-1em -1em 0 -1em;
padding:0 0 0 0;
height:5em;
background-color:#ffffff;
color: #9000A1;
}

#header h1 {
margin:0 0 -.6em 0;
padding:.5em 0 0 1em;
font-size:1.3em;
letter-spacing:.1em;
color: #9000A1;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 1.75em;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color: #9000A1;
}

#nav {
margin:0 0 1em 0;
padding:.4em 0 0 0;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
margin:0;
padding:.25em;
display:inline;
}

#footer {
position:relative;
bottom:0;
margin:10px;
padding:0px;
text-align:left;
font-size:.7em;
/*width:700px;*/
background:none;
color:#cccccc;
}

#footer h2 {
    font-size:1.5em;
    margin:2px 0px 0px 0px;
}

img{
margin:0px;
padding:0px;
border:0px;
}

img.screenshot2{
position:relative;
left:-110px;
top:200px;
padding: 0px 0px 0px 0px;
}

img.screenshot1{
position:relative;
left:-80px;
padding: 0px 0px 0px 0px;
}

img.screenshotL{
position:relative;
left:-237px;
top:-30px;
padding: 0px 0px 0px 0px;
}

img.scribbles{
position:relative;
top:-170px;
left:510px;
}

img.hero{
position:relative;
top:380px;
left:-550px;
}

img.appstore{
position:relative;
top:160px;
left:480px;
}

#topColumn{
	margin:0;
    padding:0;
	height:100px;
    width:700px;
    border-style:none;
   /* background-color:#00ff00;*/
}

#rightColumn{
float:right;
width:200px;
margin:80px 0px 0px 0px;
background:none;
/*background-color:#ff0000;*/
}


#paperTop{
	background-image: url(img/paperTop.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px;
	height:170px;
	width:700px;
	border-style:none;
}

#paperCenter{
	background-image: url(img/paperMiddle.png);
	background-position: left top;
	margin:0px;
	height:1300px;
	width:700px;
	border-style:none;
}

#paperBottom{
	background-image: url(img/paperBottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px;
	height:200px;
	width:700px;
	border-style:none;
}

#textBox{
	padding:1px 60px 1px 50px;
	margin:0px;
    text-align:justify;
}

#textBox p{
    padding:0px;
    margin:0px 0px 3px 0px;
}

#textBox h1 {
    font-size:1.5em;
}

#textBox h2 {
    font-size:1.2em;
    margin:5px 0px 5px 0px;
}

#textBox p.intented{
    padding:0px 0px 0px 20px;
}










