@charset "UTF-8";
/* CSS Document */

/*
Title:      Scattrbrain site 
Author:     jake.pierson@gmail.com
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #494949;
	color: rgba(0,0,0,.75);
	background-image:url(/images/kraft2.jpg); 
	background-position:50% 0;
	}

/* links */

a:link, a:visited {
	color: #c04e37;
	text-decoration: none;
	}
	
a:hover {
	color: #8c3929;
	}
	
img { border: none; } 

	
/* PADDING 

    *  padding:25px 50px 75px 100px;
          o top padding is 25px
          o right padding is 50px
          o bottom padding is 75px
          o left padding is 100px

    * padding:25px 50px 75px;
          o top padding is 25px
          o right and left paddings are 50px
          o bottom padding is 75px

    * padding:25px 50px;
          o top and bottom paddings are 25px
          o right and left paddings are 50px

    * padding:25px;
          o all four paddings are 25px

*/
	
	

/* structure 
--------------------------------------------- */

#container {	
	padding: 10px;
	position: relative;
	width: 1000px;
	margin-left: auto;
    margin-right: auto;
	}
	
#footer {
	position: relative;
	float:none;
	margin-top: 30px;
	margin-left: auto;
    margin-right: auto; 
	font-size: .6em;
	width: 500px;
	clear: both;
	}

div.section {
	border-top: .1em dashed #e3e3e3;
	}
	
	
	
/* header 
--------------------------------------------- */

#header {
	margin: 0;
	padding: 20px 0 20px 0;
	position: relative;
	width: auto;
	margin: 0;
	}

#logo {
	position: relative;
	top: 10px;
	left: 10px;
	margin: 0;
	}

#logo img {
	}




/* main content 
--------------------------------------------- */

#content {
	position: relative;
	font-size: 1.2em;
	margin-top: 25px;
	}

.leftcolumn {
	position: relative;
	float: left;
	width: auto;
	margin-left: auto;
	margin-top: auto;
}

.rightcolumn {
	position: relative;
	float: right;
	width: 450px;
} 





/* LANDING PAGE
--------------------------------------------- */

.howtobutton {
	width: auto;
	float: right;
	margin-right: 15px;
	padding: 10px 0;
} 


#installbutton2 {
	position: absolute;
	margin-left: 0px;
	margin-right: 8px;
	padding: 0px 0;
	width:215px; 
	height:180px;
	top:360px;
	left:0;
}

#installbutton2 img {
	position: absolute;
	top: 0;
	left: 3px;
	}

#howtobutton2 {
	position: absolute;
	width:230px; 
	margin-right: 0px;
	padding: 0px 0;
	height:180px;
	top:360px;
	right:45px;
} 


#howtobutton2 img {
	position: absolute; top: 0;
	}
	
	
#classicInstaller {
	font-size: 0.5em;
	position: absolute;
	top: 60px;
	margin-left: 20px;
	width: 150px;
}

.email {
	position: absolute;	
	top: 410px;
	left: 235px;
	padding: 10px 0;
	margin-top: 0px;
}



/* INSTALL PAGE
--------------------------------------------- */


.install {
	width: auto;
	margin-left: auto;
    margin-right: auto;
	margin-top: 15px;
}

.installAIR {
	padding-left: 120px;
}

.installScattrbrain {
	padding-left: 320px;
}


.installAIR2 {
	padding-left: 0px;
	float: left;
	position: absolute;
	width: auto;

}

.installScattrbrain2 {
	margin-left: 500px;
	padding-top: 40px;
	float: right;
	position: absolute;
	width: auto;
}

.backbuttoninstall {
	width: auto;
	position: absolute;
	margin-left: 100px;
	margin-top: 320px;
	margin-right: 20px;
	padding: 50px 0px;
	float: none;
}


.howtobuttoninstall {
	width: auto;
	position: absolute;
	margin-left: 630px;
	margin-top: 340px;
	padding: 50px 0px;
}




/* HOW TO USE PAGE
--------------------------------------------- */

div.howtousecolumn {
	width: 800px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 28px;
}

.instructions {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	font-size: .7em;
	color: #444444;
	color: rgba(0,0,0,.55);
	float: right;
}

.backbuttonhowtouse {
	width: auto;
	position: absolute;
	margin-left: 0px;
	margin-top: 250px;
	float: none;
}

div.howtoitem {
	margin-bottom: 60px;
	width: 550px;
	float: left;
}

div.howtoitem p {
	margin: 0px;
	padding: 0px;
}

.howtoitemtext {
	margin-left: 60px;
	font-size: 1em;
}

div.howtoitem img {
	margin-top: 0px;
}

.indent {
	padding-left: 55px;	
}