/* CSS stylesheet */

body {
	background: transparent url(../imgs/bkg.gif) scroll repeat-y 118px top ;
}


#page {
	margin: 0 auto 0 118px ;
	background: transparent url(../imgs/bkg-grad.jpg) scroll no-repeat top left ;
}

#left {
	height: 600px ;
}


/* logo */

#logo-wrp {
	height: 197px ;
}


/* author */

#c-author {
	float: left ;
	margin-top: 14px ;
	color: rgb(179, 179, 179) ;
}

#c-author a {
	color: rgb(179, 179, 179) ;
}

#c-author a:hover,
#c-author a:active {
	color: rgb(255, 48, 82) ;
}


/* quick links */

#q-links {
	float: left ;
	margin-left: 72px ;
}


/* navigation */

#navigation {
	position: relative ;
	width: 118px ;
	height: 71px ;
	margin-top: 81px ;
	margin-bottom: 45px ;
}

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

#navigation li {
	margin: 0 ;
	padding: 0 ;
	position: absolute ;
	background: none ;
}

#navigation li, #navigation a {
	height: 71px ;
	width: 12px ;
	display: block ;
}

#navigation li a span {
	display: none ;
}

#nav-sport {
	left: 0px ;
}

#nav-footbags {
	left: 32px ;
}

#nav-shoes {
	left: 64px ;
}

#nav-links {
	left: 96px ;
}

#nav-info {
	left: 128px ;
}

#nav-sport a {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat 0 0 ;
}

#nav-sport a:hover {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat 0 -71px ;
}

#nav-footbags a {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat -32px 0 ;
}

#nav-footbags a:hover {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat -32px -71px ;
}

#nav-shoes a {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat -64px 0 ;
}

#nav-shoes a:hover {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat -64px -71px ;
}

#nav-links a {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat -96px 0 ;
}

#nav-links a:hover {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat -96px -71px ;
}

#nav-info a {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat -128px 0 ;
}

#nav-info a:hover {
	background: transparent url(../imgs/nav-bkg.gif) scroll no-repeat -128px -71px ;
}


/* titles */

h1 {
	margin-top: -3px ;
	height: 24px ;
	margin-bottom: 1.2em ;
	font-size: 200% ;
	font-style: italic ;
	color: rgb(255, 48, 82) ;
}

h1 span {
	display: none ;
}

#page-sport h1 {
	background: transparent url(../imgs/title-sport.gif) scroll no-repeat top left ;
}

#page-exercise h1 {
	background: transparent url(../imgs/title-exercise.gif) scroll no-repeat top left ;
}

#page-footbags h1 {
	background: transparent url(../imgs/title-footbags.gif) scroll no-repeat top left ;
}

#page-shoes h1 {
	background: transparent url(../imgs/title-shoes.gif) scroll no-repeat top left ;
}

#page-links h1 {
	background: transparent url(../imgs/title-links.gif) scroll no-repeat top left ;
}

#page-info h1 {
	background: transparent url(../imgs/title-info.gif) scroll no-repeat top left ;
}


h2 {
	margin-top: 1.5em ;
	font-size: 145% ;
	font-style: italic ;
}

h3 {
	margin-top: 1.3em ;
	margin-bottom: 0 ;
	font-size: 120% ;
	font-style: italic ;
}

.h-sub {
	font-weight: normal ;
}


/* */

.img-wrp {
	margin-top: 0.5em ;
	margin-bottom: 0.2em ;
}

.img-wrp img {
	vertical-align: bottom ;
}


/* */

ul {
	margin: 0 0 0 0 ;
	padding: 0 ;
	list-style-image: none ;
	list-style-type: none ;
	list-style-position: outside ;
}

li {
	padding: 0 0 0 22px ;
	background: transparent url(../imgs/heki.gif)  no-repeat 0 0.3em ;
}

em {
	font-weight: bold ;
	font-style: italic ;
}

table {
	border-spacing: 0 ;
}

td {
	padding: 0 2em 0 0 ;
}

td.header-col {
	font-weight: bold ;
	font-style: italic ;
}