/* Define character set used */
@charset "utf-8";

/* Main body attributes */
body
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: small;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* Remove underline from all links, add some color, and remove outline */
a
{
	color: #219DF3;
	text-decoration: none;
	outline: none;
}

/* Float divs and remove margin and padding */
div
{
	float: left;
	margin: 0px;
	padding: 0px;
}

/* Remove border from all images */
img
{
	border-style: none;
}

/* Reduce bottom margin for header 4 */
h4
{
	margin-bottom: 3px;
}

/* Center most of the content using a wrapper */
#Wrapper
{
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

/* Div containing puzzle section of the logo */
#LogoPuzzle
{
	height: 280px;
	width: 330px;
}

/* Div containing blue man section of the logo */
#LogoBlueMan
{
	height: 155px;
	width: 70px;
}

/* Div providing proper spacing on the top of the Stonyx button */
#MenuTopSpace
{
	height: 20px;
	width: 420px;
}

/* Div providing proper spacing on the bottom of the Stonyx button */
#MenuMiddleSpace
{
	height: 13px;
	width: 350px;
}

/* Div providing proper spacing on the bottom of the About Us button */
#MenuBottomSpace
{
	height: 37px;
	width: 350px;
}

/* Div containing the Stonyx button */
#MenuStonyx
{
	height: 105px;
	width: 400px;
}

/* Divs providing proper spacing around the Stonyx button */
.MenuStonyxLeftRight
{
	height: 105px;
	width: 10px;
}

/* Div providing proper spacing on the left side of the Contact button */
#MenuContactLeft
{
	height: 35px;
	width: 67px;
}

/* Div containing the Contact button */
#MenuContact
{
	height: 35px;
	width: 146px;
}

/* Div providing proper spacing on the right side of the Contact button */
#MenuContactRight
{
	height: 35px;
	width: 137px;
}

/* Div providing proper spacing on the left side of the Resources button */
#MenuResourcesLeft
{
	height: 35px;
	width: 50px;
}

/* Div containing the Resources button */
#MenuResources
{
	height: 35px;
	width: 180px;
}

/* Div providing proper spacing on the right side of the Resources button */
#MenuResourcesRight
{
	height: 35px;
	width: 120px;
}

/* Div providing proper spacing on the left side of the About Us button */
#MenuAboutUsLeft
{
	height: 35px;
	width: 62px;
}

/* Div containing the About Us button */
#MenuAboutUs
{
	height: 35px;
	width: 156px;
}

/* Div providing proper spacing on the right side of the About Us button */
#MenuAboutUsRight
{
	width: 132px;
	height: 35px;
}

/* Div containing the main content */
#MainContent
{
	padding-bottom: 15px;
	text-align: justify;
	width: 750px;
}

/* Div containing the footer content */
#Footer
{
	font-size: x-small;
	text-align: center;
	width: 750px;
}

/* Div used by the javascript to calculate the height of the Main Content */
#HeightTest
{
	padding-bottom: 15px;
	text-align: justify;
	visibility: hidden;
	width: 750px;
}

/* Div used to make sure we always have scroll bars */
#ScrollSpace
{
	height: 500px;
	width: 750px;
}

/* Div containing the bottom image on the left side of the screen */
#BottomLeft
{
	text-align: left;
	width: 100%;
}

/* Div containing the bottom image on the right side of the screen */
#BottomRight
{
	text-align: right;
	width: 100%;
}