* {
	margin: 0;
	padding: 0;
}
img
{  border-style: none;
}
body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	background: url(../images/body-bg.jpg) repeat-x top #f5ecd4;
}

p {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 0.8em;
}

a { color: #540000; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1 { font-size: 3.0em; margin-bottom: 0.8em; }
h2 { font-size: 1.5em; text-transform: uppercase; margin-bottom: 0em; }
h3 {
	font-size: 1.6em;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 2px;
	background: #e9bc3d;
	color: #5e0d04;
	padding: 5px;
	margin-bottom: 0.5em;
	text-align: center;
	margin-top: 10px;
}

.clear { clear: both; }

div#page-wrap {
	width:810px;
	margin: 0 auto;
}

ul#nav {
	height: 236px;
	background: url(../images/header-bg.png) no-repeat;
	list-style: none;
	padding-left: 50px;
	}
	ul#nav li {
		display: inline;
		font-size: 1.3em;
	}
	ul#nav li a {
		font-family:"Cooper Black", "Times New Roman",Georgia,Serif;
		display: block;
		width: 113px;
		float: left;
		margin-top: 168px;
		color: white;
		padding-top: 2px;
		text-align: center;
		text-decoration: none;
		}
		ul#nav li a:hover, ul#nav li a:active {
			color: yellow;
		}
		
	div#main-content {
		padding-bottom: 50px;
		}
		div#main-content div#left-col {
			float: left;
			width: 540px;
			margin-top: -20px;
		}

		div#main-content div#left-col div#quick-jumps {
			width: 200px;
			float: left;
			margin-right: 15px;
			background: url(../images/remote.jpg) bottom center no-repeat;
			padding-bottom: 110px;
			}
			div#main-content div#left-col div#quick-jumps p {
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 1px;
				}
				div#main-content div#left-col div#quick-jumps p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col div#quick-jumps a {
				color: black;
			}
			

		div#main-content div#left-col-wide {
			float: left;
			margin-top: -20px;
		}
		div#main-content div#left-col-wide p.saveTheDay{
			margin-top: 0px;
			margin-left: 230px;
		}
		
		div#main-content div#left-col-wide  h1{
			margin-left: 250px;
			text-decoration: underline;
		}
		div#main-content div#left-col-wide div#quick-jumps2 {
			width: 200px;
			float: left;
			margin-right: 15px;
			background: url(../images/remote.jpg) bottom center no-repeat;
			padding-bottom: 110px;
			}
			div#main-content div#left-col-wide div#quick-jumps2 p {
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 1px;
				}
				div#main-content div#left-col-wide div#quick-jumps2 p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col-wide div#quick-jumps2 a {
				color: black;
			}		
			
		div#main-content div#right-col {
			float: right;
			width: 260px;
			border-top: 8px solid #540000;
			padding-top: 15px;
			}	
			div#main-content div#right-col p {
				font-size: 1.1em;
			}
	div#footer {
		background: #560000;
		color: white;
		padding: 10px 0 10px 0;
		text-transform: uppercase;
		border-top: 2px solid red;
		text-align: center;
	}
	
	
	
#footerContainer{
	position: relative;
}
#informationContainer{
	position: relative;
}

/* Cool Trick to make absolute positioning work more effectively.*/
/* Put the absolute div/elements inside another div that's relative*/
/* This allows you to put the holder anywhere you want*/

#informationContainer{
	left: 235px;
	position: relative;

}
#informationHolder{
position: absolute;
top: -30px;
left: 10px;
z-index:20;
}

#informationHolder p{
	line-height: 1em;
	margin-top: .25px;
	font-size: 1.75em;
	font-weight: normal;
	margin-bottom: 0em;
	margin-left: -100px;

	
}
 
#informationHolder h2 {
	font-weight: bold;
	font-size: 1.75em; 
	text-transform: none;
	margin-bottom: 0em;
	margin-top: 10px;
	margin-left: 10px;
}
#informationHolder h2.shiftRight{


}
#informationHolder h2.shiftRightUnderline{

	text-decoration:underline
}
#informationHolder h2.line1{
	margin-left: -100px;

}
#footer2 {
	background: #560000;
	color: white;
	border-top: 4px solid #262626;;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	text-align: center;
	font-family:"Cooper Black", "Times New Roman",Georgia,Serif;

}
#footer2 p {

	font-family:"Cooper Black", "Times New Roman",Georgia,Serif;
	margin: 0 0 0 0;
	color: white;
	font-size: small;

}
#footer2 a.home{
	background: #eee;
	font-family:"Cooper Black", "Times New Roman",Georgia,Serif;
	color: white;
	border-top: 12px solid #ccc;
	}
#footer2 ul {
	margin: 0 auto;
	font-family:"Cooper Black", "Times New Roman",Georgia,Serif;
	width: 800px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#footer2 ul li {
	display: inline;
	font-family:"Cooper Black", "Times New Roman",Georgia,Serif;
	margin: 0;
	padding: 15px 10px 15px 10px;
	font-size: 1em;
}
#footer2 ul li a:hover, ul#footer2 li a:active {
	color: yellow;
	}
#footer2 li a {
	text-decoration: none;
	font-family:"Cooper Black", "Times New Roman",Georgia,Serif;
	color: white;

}		
