html { background : #000;}
* {margin : 0; padding : 0; border : 0; background-repeat : no-repeat ! important;}
body { width : 70%; position : absolute; top : 0; left : 50%; margin-left : -35%; padding : 10px; font-size : 62.5%; font-family : Arial, Tahoma, sans-serif; text-align : left;}
body * { color : #fff; overflow : hidden;}

a {}
a:hover {color : #ff0; text-decoration : underline;}
ul {list-style-type : none;}
h1, h2, h3, p {margin-bottom : 15px;}

.clb {clear : both; height : 0; width : 0;}

.top_left {background : url(images/tl.gif);}
.top_right {background : url(images/tr.gif) top right;}
.bottom_right {background : url(images/br.gif) bottom right;}
.bottom_left {background : url(images/bl.gif) bottom left;}

.border_top, .border_bottom {height : 17px; margin : 0 20px;}
.border_top { border-top : 3px solid #fff;}
.border_bottom { border-bottom : 3px solid #fff;}
.content {padding : 0 17px; border-right : 3px solid #fff; border-left : 3px solid #fff;}

#content, #footer { margin : 0 0 10px 0; border-left : 200px solid #000; background : #f00;}
#content_main a {text-decoration : underline;}

#footer { text-align : center;}

#footer p {margin : 0;}
#footer #copyright {margin-top : 5px;}

#navigation {position : absolute; top : 10px; left : 0; width : 200px; background : #f00 url(images/gymkata-logo.gif) center 10px;}
#navigation ul { padding-top : 90px;}
#navigation ul li { padding : 0 0 8px 0;}
#navigation ul li a { display : block; padding : 0 0 0 10px; font-weight : bold; background : url(images/dot_white.gif) no-repeat 0 5px;}
#navigation ul li a:hover  { background : url(images/dot_yellow.gif) no-repeat 0 5px;}

#content { font-size : 1.2em;}
	h1 {font-size : 2.2em;}
	h2 {font-size : 1.8em;}
	h3 {font-size : 1.4em;}
	h4 {font-size : 1.2em;}	
#navigation { font-size : 1.4em;}