/* Color Palette

*/

html, body {
	margin: 0em;
	padding: 0em;
	font-size: 84%;
	text-align:center;
	background: rgb(2,36,92) url(../images/bg.png) no-repeat top center; /* blue */
	color: rgb(51,51,51) /* dark gray */
	}
	
/* This sets the font-types */
body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

img { /* This turns off borders around images */
	border: 0;
	}

/* Ordinary paragraphs and list-items */
p, ul, ol {
	margin: 0em;
	padding: 0em;
	margin-bottom: 1.2em;
	font-size: 1.0em;
	}
	
ul {
	list-style-type:none;
	margin-bottom:70px;
	}	

/* General link colors */
a, a:visited, a:active {
	color: rgb(128,0,0); /* maroon */
	text-decoration:none;
	font-weight:bold;
	}

a:hover {
	text-decoration:underline;
	}

sup {
	font-size: 0.5em;
	}
	

/* ================================ Headers ================================ */

h1 {
	margin:0; padding:0;
	position:relative;
	width:780px; height:162px;
	overflow:hidden;
	}
	
h1 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:780px; height:162px;
	margin:0; padding:0;
	background:url(../images/yes-you-can.png) top left no-repeat;
	}
	
h2 {
	font-size: 2.5em;
	font-weight:normal;
	margin: 0 0 1.0em 0;	
	}

h3 {
	font-size: 2.5em;
	font-weight:normal;
	line-height:1.0em;
	margin-bottom:2.0em;
	}
	
h4 {
	font-size:1.0em;
	margin-bottom:0.2em;
	}
	
/* ================================ Layout Containers ================================ */	

div#page {
	width:780px;
	margin: 75px auto 10px auto;
	position:relative;
	}
		
div#container {
	width:100%;
	margin: 0;
	position:relative;
	border:6px solid rgb(1,22,58); /* navy blue */	
	background:rgb(255,255,255); /* white */	
	}
	
div#copy {
	padding-left:240px;
	padding-right:240px;
	position:relative;
	text-align:center;
	width:300px;
	}	
	
div#footer {
	clear:both;
	margin-top:1.0em;
	margin-bottom:2.0em;
	padding:1.0em;
	font-size:0.9em;
	text-align:left;
	color: rgb(255,255,255); /* white */
	}

/* ================================ Content ================================ */

div.order {
	display:block;
	margin-top:-15px;	
	height:75px;
	text-align:center;
	}
	
div.order a {
	margin:0 auto 0 auto; padding:0;
	position:relative;
	width:222px; height:57px;
	overflow:hidden;
	display:block;
	cursor:hand;
	cursor:pointer;
	}
	
div.order a span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:222px; height:57px;
	margin:0; padding:0;
	background:url(../images/order-now.gif) top left no-repeat;
	}
	
div#determined {
	position:absolute;
	top:20px;
	right:8px;
	width:225px;
	}
	
div#happy {
	position:absolute;
	top:20px;
	left:8px;
	width:225px;	
	}
	
div#determined p, div#happy p {
	margin-bottom:25px;
	}