/* CSS Document */

html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	min-width: 899px;
	text-align: center;
	font-size: 62.5%;
}

body {
	background-color: #000000;
	background-image:url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	width:100%;
	text-align: center;
	font-size: 62.5%;
}

body {
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size:1.1em;
}

/* Links */

a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
	color: #ffffff;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
}

/* Layout */

#wrapper { width:100%; margin:0 auto; text-align:center; display:table; /* must put this in for FireFox. */ height:595px; /* Have to put SOMETHING in here for the height for both browsers. DO NOT put in a percentage, must be a pixel value */ }

#container{ margin:0 auto; text-align:left; width:899px; height:165px; }

#header { }
#footer { clear:both; text-align:center; padding:0px 10px 10px 10px; }

#logo { width:528px; height:200px; float:right; }
#logo-text { text-indent: -9999px; display:none; }

#maincontent { width:500px; float:right; padding-top:0px; }
#subcolumn { width:301px; float:left; padding-left:70px; line-height:2em; }

#mainimage { width:371px; height:522px; float:left; }

.image-right { float:right; padding-left:8px; padding-bottom:5px; } 
.image-left { float:left; padding-right:8px; padding-bottom:5px; }

.heading-home { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_home.jpg); background-repeat:no-repeat; }
.heading-biography { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_biography.jpg); background-repeat:no-repeat; }
.heading-bodybuilding { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_bodybuilding.jpg); background-repeat:no-repeat; }
.heading-gladiators { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_gladiators.jpg); background-repeat:no-repeat; }
.heading-contact { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_contact.jpg); background-repeat:no-repeat; }
.heading-boxing { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_boxing.jpg); background-repeat:no-repeat; }
.heading-music { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_music.jpg); background-repeat:no-repeat; }
.heading-gallery { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_gallery.jpg); background-repeat:no-repeat; }
.heading-tvmovies { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_tvmovies.jpg); background-repeat:no-repeat; }
.heading-training { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_training.jpg); background-repeat:no-repeat; }
.heading-news { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_news.jpg); background-repeat:no-repeat; }
.heading-resume { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_resume.jpg); background-repeat:no-repeat; }
.heading-showreel { text-indent:-9999px; height:48px; width:502px; background-image:url(../images/title_showreel.jpg); background-repeat:no-repeat; }


#navigation_top { text-align:center; }
#navigation_top li { display:inline; padding:5px; }
#navigation_bottom { clear:both; text-align:center; font-size:0.9em; }
#navigation_bottom li { display:inline; padding:5px; }


.cdimage { width:87px; height:87px; background-color:#ffffff; float:left; }
.clear { clear:both }
.floatleft { float:left; }
.floatright { float:right }

.hidden { text-indent:-9999px; display:none; }

/* Text */

h1 {
	font-size:1.5em;
	margin: 0 auto;
	margin-bottom:1em;
}

h2 {
	font-size:1.5em;
	margin: 0 auto;
	margin-bottom:1em;

}

h3 {
	margin: 0 auto;
	font-size:1.0em;
	margin-bottom:0;
}

h4 {
	margin: 0 auto;
	font-size:1.5em;
	margin-bottom:1em;
}