pullout.css

.pullout {
	position: fixed;
	z-index: 1;
	top: 64px;
	width: auto;
	height: auto;
	
	/*Could align this to the left or right side of the screen; left should 
	have .search first within .pullout, right should have it after whatever
	you use  for a pull tab (<img>, <p>, etc.).*/
	left: 0px;
}

.pullout .search {
	display: none;
}

.pullout:hover > .search {
	display: inline-block;
}

/* testing values */
.pullout p {
	border: 1px solid black;
	background-color: red;
	display: inline-block;
	vertical-align: top;
}
.pullout .search {
	border: 1px solid black;
	background-color: green;
	width: 800px;
}
.pullout .search .form {
	border: 1px solid black;
	background-color: blue;
	height: 100px;
}
.pullout .search .results {
	border: 1px solid black;
	background-color: purple;
	height: 400px;
}
.main {
	width: 800px;
	height: 5000px;
	border: 1px solid black;
	background-color: grey;
	margin-top: 64px;
	margin-left: auto;
	margin-right: auto;
}