/**
	Content Area.
	Full Width is 980px (including shadows)
	Padding is 62px left 47 right (width becomes 871px) This includes a 15px visual margin into the white area on the left and goes right up to the yellow on the right (so we can add the background).
	Content inner has -10 margin at top to pull it up into the content header (visually nicer)
	Actual available content width: 871px
	Columns are:
		- Left - 583
		- GUTTER - 15
		- Right 273
		
	Yes, these are really odd measurements. I have no idea.
	
**/	

body {
margin: 0;
padding: 0;
background: #4d7f9f url('../images/Background.jpg') repeat-x top left;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
}

a {
color: #01bf00;	
}

a:visited {
color: #245E83;		
}

a:hover {
font-style: italic;	
}

p {
line-height: 1.5em;	
}

h1 {
margin-top: 0;	
}

h2 {
margin-top: 0;	
}

.Clear {
clear: both;
overflow: hidden;
height: 0;
}

/* Headings */

#Heading_Digimerch {
height: 0;
overflow: hidden;
padding-top: 50px;
background-image: url('../images/Heading_Digimerch.png');
background-repeat: no-repeat;
margin-bottom: 0;
}

#Heading_ContactUs {
height: 0;
overflow: hidden;
padding-top: 52px;
background-image: url('../images/Heading_ContactUs.png');
background-repeat: no-repeat;
margin-bottom: 0;
}

/* Layout */

#OuterBox {
margin: 0;
padding: 0;
background: url('../images/InnerBackground.jpg') no-repeat top center;
}

#TopImage {
width: 980px;
margin: auto;
padding-top: 66px;	
}

#ContentTop {
width: 980px;
margin: auto;
margin-top: 2px;
margin-bottom: 0;
background-image: url('../images/ContentTop.png');
height: 72px;
}

#Content {
width: 871px;
margin: auto;
margin-top: 0;
background-image: url('../images/ContentBottom.png');
background-repeat: no-repeat;
background-position: bottom center;
padding: 1px 47px 62px 62px;
}

#ContentInner {
margin-top: -10px;
background-image: url('../images/SmudgeBackground.jpg');
background-repeat: no-repeat;
background-position: top right;
}

#Col_MainContent {
width: 583px;
float: left;
display: inline;	
}

#Col_Contact {
margin-left: 15px;
width: 243px;
float: left;
display: inline;
padding: 0 15px;
background-image: url('../images/ContactCol_Rule.png');
background-repeat: no-repeat;
padding-bottom: 30px;
background-position: center bottom;
}

#FootShiny {
	text-align: center;
	padding: 1em;
}

#Shinytastic {
	font-size: 0.8em;
	color: #fff;
	text-align: center;
}