body{margin:0 auto; text-align:center;}
a{outline:none;}
#splash{ height:650px; margin:0 auto; padding:0; text-align:center; width:940px;}
a#logo{
	background:url(../images/template/logo.gif) no-repeat 0 0; 
	float:left; 
	height:49px;
	margin:50px 0 0 30px; 
	text-indent:-9999px; 
	width:241px;
	}
#splash ul{ float:right; height:40px; list-style:none; margin:60px 0 0; padding:0; width:453px;}
#splash li{float:left; margin:0; padding:0;}
#splash li a{
	background:url(../images/homepage/nav.jpg) no-repeat 0 0; 
	display:block;
	height:40px;
	margin:0; 
	padding:0; 
	text-indent:-9999px;
	}
#splash li#shop a{background-position:0 0; width:117px;}
#splash li#about a{background-position:-117px 0; width:149px;}
#splash li#store a{background-position:-266px 0; width:187px;}
#splash li#shop a:hover{background-position:0 -40px ;}
#splash li#about a:hover{background-position:-117px -40px ;}
#splash li#store a:hover{background-position:-266px -40px ;}
/* MAIN CONTENT ======== */
#content{clear:both; float:left; margin:36px 0 0; padding:0; position:relative; width:940px;}
#content p{
	float:left;
	height:250px;
	margin:0;
	padding:0;
	position:relative;
	text-indent:-9999px;
	width:300px;
	}
/* HERO IMAGE ======== */
#content p#hero{
	background:url(../images/HomePage/main.jpg) no-repeat 0 0;
	height:500px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:640px;
	}
#content p#hero a{
	background:url(../images/homepage/btn_learnmore_lg.gif) no-repeat 0 0; 
	bottom:30px; 
	height:38px;
	position:absolute;
	right:40px; 
	width:141px;
	}
#content p#hero a:hover{background-position:bottom left;}
p#promo1, p#promo2{float:right;}
p#promo1{background:url(../images/homepage/promo_01.jpg) no-repeat 0 0; }
p#promo2{background:url(../images/homepage/promo_02.jpg) no-repeat 0 0;}
#content a{
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	}
p#main a:hover{background-position:bottom left;}
p#promo1 a, p#promo2 a{
	background:url(../images/homepage/btn_learnmore.jpg) no-repeat 0 0; 
	bottom:20px;
	display:block; 
	height:28px;
	position:absolute;
	right:20px;
	width:89px;
	}
p#promo1 a:hover, p#promo2 a:hover{background-position:bottom left;}