/*  ---------------------------------------
	
	home.css
	````````
	home page stylesheets document for
	ManeGain
	
    ---------------------------------------  */


/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#masthead {
			height: 329px;
			margin-bottom: 26px;
			text-align: left;
			position: relative;
		}
			#masthead #slide-0, #masthead #slide-1, #masthead #slide-3, #masthead #slide-4 {
				width: 941px;
				height: 329px;
			}
			#info-wrap {
				position: absolute;
				top: 75px;
				left: 479px;
				z-index: 99;
				width: 461px;
			}
			#info-wrap .info {
				display: none;
			}
			#masthead #slide-0 {
				background: transparent url(../images/hm_masthead_0.jpg) no-repeat top left;
			}
			#masthead #slide-1 {
				background: transparent url(../images/hm_masthead_1.jpg) no-repeat top left;
			}
			#masthead #slide-3 {
				background: transparent url(../images/hm_masthead_3.jpg) no-repeat top left;
			}
			#masthead #slide-4 {
				background: transparent url(../images/hm_masthead_4.jpg) no-repeat top left;
			}
			#masthead .box-1, #masthead .box-2, #masthead .box-3, #masthead .box-4 {
				position: absolute;
				top: 139px;
				left: 0;
				z-index: 100;
				padding-top: 18px;
				width: 461px;
				height: 90px;
				background: #000000;
			}
			#masthead h2 {
				display: block;
				text-indent: -9999px;
				/*
				font-size: 24px;
				padding: 15px 15px 18px 15px;
				border-top: 1px solid #fff;
				width: 431px;
				*/
			}
			#masthead ul {
				padding: 0 15px 11px 15px;
				font-size: 13px;
				text-transform: uppercase;
			}
				#masthead ul li {
					margin-bottom: 5px;
					padding-left: 11px;
					background: transparent url(../images/icon_raquo_right.gif) no-repeat 0 4px;
				}
			#masthead .special {
				font-size: 18px;
				background-color: #EDE800;
				
			}
				#masthead .special a {
					background: transparent url(../images/icon_arrow_right_black.gif) no-repeat 15px 18px;
					color: #000;
					line-height: 40px;
					padding-left: 31px;
					display: block;
				}

			
/*  ---------------------------------------
	Features
	- - - - - - - - - - - - - - - - - - - -  */
	
		#features {
		}
			#features li {
				float: left;
				width: 221px;
				margin-left: 19px;
				font-size: 19px;
			}
				#features .first {
					margin-left: 0;
				}
				#features a {
					display: block;
					padding-top: 18px;
					padding-left: 12px;
					background: transparent url(../images/icon_arrow_right_gray.gif) no-repeat 0 27px;
					color: #fff;
					border-top: 1px solid #fff;
					min-height: 45px;
					height: auto !important; /* "Min-Height Fast Hack" by Dustin Diaz */
				  height: 45px; /* for IE 6 */
				}
					#features a:hover, #features a.activeSlide {
						background: transparent url(../images/icon_arrow_right_yellow.gif) no-repeat 0 27px;
						color: #EDE800;
						border-color: #EDE800;
						text-decoration: none;
					}
					#features a:focus {
						outline: none;
					}
