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

#wrapper {
	overflow: hidden;
	width: 100%
	/*
	Tidy trick to get wrapper to clear floats!
	
	The trick works with three of the four overflow values: auto, hidden and scroll. 
	Of course, using the last value will show scrollbars, regardless of whether they're needed or not.
	Some browsers also need a width or height for the container div.
	The browser may show scrollbars when the content escapes beyond the specified width.
	
	overflow: hidden makes sure that no scrollbars will ever be visible. Of course some content might be hidden instead, but if we make very sure that the height of the container remains flexible (ie. "as much as needed")
the widths of the combined floats never exceed the width of the container, and preferably remain slightly smaller to allow for some flexibility
this problem will never creep up.
	
	*/
}

#loginBox {
	border: 1px solid #CCCCCC;
	width: 300px;
	margin: 5px;
	padding: 10px;
	float: left;
	height: 350px;
}
#signUpBox {
	border: 1px solid #CCCCCC;
	width: 300px;
	margin: 5px;
	padding: 10px;
	height: 350px;
		float: left;

}