/* global
 * -------------------------------------------------------------------------------- */

body{
	background-image: url(../images/index_body_bg.gif)
}

/* header
 * -------------------------------------------------------------------------------- */

#header{
	height: 400px;
}

#header_inner{
	z-index: 10;
	position: relative;
	width: 820px;
	height: 60px;
	margin: 0 auto;
	text-align: left;
}

#header_inner p{
	position: absolute;
	overflow: hidden;
	margin: 0;
	width: 260px;
	height: 40px;
	top: 20px;
}

#logo{
	left: 0;
	width: 220px;
}

#tel{
	right: 270px;
	text-indent: -99999px;
	background: transparent url(../images/global_header_tel_contact.gif) scroll no-repeat 0 0;
}

#contact{
	right: 0;
	text-indent: -99999px;
}

#contact a{
	display: block;
	width: 260px;
	height: 40px;
	background: transparent url(../images/global_header_tel_contact.gif) scroll no-repeat 0 -40px;
}

#contact a:hover{
	background-position: 0 -80px;
}


/* haeder/keyvisual
 * -------------------------------------------------------------------------------- */

#keyvisual{
	z-index: 0;
	display: block;
	position: relative;
	z-index: 0;
	height: 400px;
	margin: -60px 0 0 0;
}


/* #index_topcopy
 * -------------------------------------------------------------------------------- */

#index_topcopy{
	margin: 0 0 20px 0;
	padding: 0 0 20px 130px;
	background: transparent url(../images/index_topcopy_bg.gif) scroll no-repeat 0 0;
	border-bottom: 1px #e1e1e1 dashed;
}

#index_topcopy p{
	margin: 0;
}


/* #index_products
 * -------------------------------------------------------------------------------- */

#index_products{
	float: right;
	width: 280px;
	margin: 0 0 20px 0;
}

#index_products dl,
#index_products dl dt,
#index_products dl dd{
	margin: 0;
}

#index_products dl dt{
	margin: 10px 0 0 0;
}



/* #index_btn
 * -------------------------------------------------------------------------------- */

#index_btn{
	float: left;
	width: 240px;
	margin: 0 0 20px 0;
}

#index_btn ul{
	margin: 0;
	list-style: none;
}

#index_btn ul li{
	width: 240px;
	height: 110px;
	margin: 0 0 20px 0;
	text-indent: -99999px;
}

#index_btn ul li a{
	display: block;
	width: 240px;
	height: 110px;
	background: transparent url(../images/index_btns.jpg) scroll no-repeat 0 0;
}

#index_btn ul li#index_btn_retail a{
	background-position: 0 0;
}

#index_btn ul li#index_btn_turf a{
	background-position: -240px 0;
}

#index_btn ul li#index_btn_retail a:hover{
	background-position: 0 -110px;
}

#index_btn ul li#index_btn_turf a:hover{
	background-position: -240px -110px;
}


/* #index_topics
 * -------------------------------------------------------------------------------- */

#index_topics{
	clear: both;
	width: 540px;
}


#blog_view dt{
	float: left;
	clear: left;
	width: 7em;
	padding: 10px 0.5em;
}

#blog_view dd{
	border-top: 1px #e1e1e1 dotted;
	margin-left: 0;
	padding: 10px 0.5em 10px 8em;
}


/* headings
 * -------------------------------------------------------------------------------- */

.h_i{
	overflow: hidden;
	height: 20px;
	background: transparent url(../images/index_headings.gif) scroll no-repeat 0 0;
	text-indent: -99999px;
}

#h_i_producst{
	width: 280px;
	background-position: 0 0;
}

#h_i_topics{
	width: 540px;
	background-position: 0 -20px;
}