/* @override http://www.mackeene.com/index.css */

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

body {
	margin: 0;
}



img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: auto;
			height: 100%;
			
			/* Set up positioning */
			position: fixed;
			bottom: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			/* These have no effect on the functionality */
			width: 100%;
			height: 100%;
			margin: 0;
		}
		
		#box {
	        width: 50%;
	        margin: 15% auto auto;
	        position: relative;
}
		
		#box p {
		text-align: center;
		
}

		#box p img{
		width: 500px;
		
}

#product p.top img {	
width: 180px;
position: absolute;
top: 0;
right: 10%;
}

#product p.bottom img {
width: 180px;
position: absolute;
bottom: 0 !important;
right: 10%;
}



 

		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;

	background-color: #000000;

		}
	
	
a {
	color: #0C1326;
	text-decoration: none;
	font-size: 16px;
	font-family: Century Gothic, "Century Gothic", CenturyGothic, "CenturyGothic", Century-Gothic, "Century-Gothic", Geneva, Trebuchet MS, Lucida;
	margin-left: 20px; margin-right: 20px;
}

a:hover {
	color: #906;
	
}