@charset "utf-8";
/* --------- Mint Masters Home Layout CSS Styles --------- */

/*	
	1. Header
	2. Navigation
	3. Home Intro
	4. Categories
	
*/


/* --------- 1. Header  --------- */

#header {
	width:950px;
	height:231px;
	position:relative;
	float:left;
	}
	
#header-left, #header-right{
	width:475px;
	height:231px;
	float:left;
	}
	
#header-left{
	background:url(../images/bg-header-left.jpg) repeat-x;
	}
	
#home-link{
	position:absolute;
	top:14px;
	left:28px;
	width:440px;
	height:85px;
	display:block;
	}
	
#home-link p{
	visibility:hidden;
	}
	
#header-left h1{
	width:450px;
	font-size:1.8em;
	font-style:italic;
	line-height:160%;
	position:absolute;
	left:28px;
	top:105px;
	color:#FFC;
	font-weight:normal;
	}
	
#header-left h1 a{
	color:#FFF;
	text-decoration:underline;
	}
	
#header-left h1 a:hover{
	color:#FFC;
	text-decoration:none;
	}	
	
#header-right{
	background:url(../images/bg-header-right.jpg) repeat-x;
	}
	
#custom-medal-quote{
	position:absolute;
	top:90px;
	left:483px;
	width:120px;
	height:120px;
	display:block;
	}
	
#custom-medal-quote p{
	visibility:hidden;
	}
	
/* --------- 2. Navigation  --------- */

#navigation{
	width:950px;
	height:44px;
	float:left;
	position:relative;
	background: url(../images/bg-navigation.jpg) no-repeat;
	}
	
#navigation ul{
	font-weight:bold;
	font-size:1.2em;
	margin-left:28px;
	margin-top:14px;
	}
	
#navigation li{
	display:inline;
	margin-right:31px;
	}
	
#navigation li a.cart{
	padding-left:12px;
	}

/* --------- 3. Home Intro  --------- */
	
#home-intro{
	width:950px;
	float:left;
	background:#fff url(../images/bg-home-intro.jpg) no-repeat bottom;
	position:relative;
	height:150px;
	}
	
#home-intro p#intro{
	width:575px;
	position:absolute;
	left: 28px;
	top: 36px;
	font-size:1.1em;
	line-height:160%;
	}
	
.intro-highlight{
	font-style:italic;
	font-weight:bold;
	color:#900;
	}
	
#home-page{
	width:894px;
	padding:0px 28px 28px 28px;
	float:left;
	}
	
/* --------- 4. Categories  --------- */

.categories-left, .categories-right{
	width:440px;
 height:110px; 
	float:left;
	padding:8px 0px;
	margin-bottom:5px;
	background:url(../images/hr-home.jpg) no-repeat bottom;
	}
	
.categories-left{
	margin-right:13px;
	}
	
.categories-left h2, .categories-right h2{
	font-size:1.3em;
	}
	
.categories-left a, .categories-right a{
	color:#900;
	text-decoration:underline;
	}
	
.categories-left a:hover, .categories-right a:hover{
	text-decoration:none;
	}
	
.categories-left p, .categories-right p{
	display:block;
	width:350px;
	float:left;
	line-height:160%;
	font-size:.9em;
	padding-bottom:8px;
	}
	
.categories-left img, .categories-right img{
	float:left;
	clear:both;
	margin-right:12px;
	}