/* Whole page
   -------------------------------------------- */


body {
	background-image: url("background.gif");
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: repeat-x;
	
}
#titlecontent { 

	position: absolute;
float: left;
top: 21%;
left: 20%;
width: 80%;
height: 100%;
display: block;
border: 0.0em solid #dcdce9;
color: #000;
font-family: verdana,arial;
font-size: 12px;
text-decoration: none;
text-align: center;
margin: 0.2em 0.0em 00.0em 0.2em;
padding: 0.1em 0.1em 0.1em 0.1em;
margin-bottom: 0%;
margin-top: 1%;
}
#tkd { 
background-image: url("background.gif");
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: repeat-x;
	position: absolute;

top: 20%;
left: 43%;
width: 7.1em;
display: block;
border: 1px solid #dcdce9;
font-family: arial;
	font-size: 1.5em;
	color:#FF3333;
text-decoration: none;
text-align: center;
margin: 0.2em 0.0em 00.0em 0.2em;
padding: 0.1em 0.1em 0.1em 0.1em;

}
	 
#content { 
    position: relative;
	top: 1%;
	margin-right: 4.5em;
	margin-left: 4.5em;
	font-size: 14px;
	background-color: #FFFFFF;
	padding: 0.5em;	
	border: 0px #eee solid;
	margin-top: 1%;
	margin-bottom: 0%;

}
#contentprofiles { 
    position: relative;
	top: 7%;
	margin-right: 4.5em;
	margin-left: 4.5em;
	font-size: 14px;
	background-color: #FFFFFF;
	padding: 0.5em;	
	border: 0px #eee solid;
	margin-top: 7%;
	margin-bottom: 0%;

}
#guestbook { 
    position: relative;
	top: 5%;
	margin-right: 1px;
	margin-left: 1px;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 4px 1px 6px 20px;	
	border: 1px #eee solid;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 10%;
	height: 100%;
	

}
#top1 {
    position: absolute;
	float: left;
	top: 2%;
	left: 41%;
	font-family: arial;
	font-size: 2.7em;
	color:#FF3333;
	padding: 2px 1px 1px 1px;	
	margin-top: 0px;	
	border: 0px #eee solid;
	
}
#top5 {
    position: absolute;
	float: left;
	top: 3%;
	left: 43%;
	font-family: arial;
	font-size: 2.7em;
	color:#FF3333;
	padding: 2px 1px 1px 1px;	
	margin-top: 10px;	
	border: 0px #eee solid;
	
}
#top2 {
    position: absolute;
	float: left;
	top: 1%;
	left: 1%;
	padding: 20px 2px 2px 2px;	
	margin-top: 0px;	
	font-family: arial;
	font-size: 3em;
	color:#FF6600;	
	border: 1px #eee solid;
	width: 100%;
}
#top3 {
    position: absolute;
	float: left;
	top: 5.5em;
	left: 37%;
	padding: 0.2em 0.2em 0.2em 0.9em;	
	margin-top: 10px;	
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color:#000;	
	border: 1px #ff6600 solid;
	width: 21.5em;
}
#top4 {
    position: absolute;
	float: right;
	top: 2.4em;
	left: 81%;
	padding: 0.2em 0.2em 0.2em 0.9em;	
	margin-top: 1px;	
	font-family: arial;
	font-size: 1.0em;
	font-weight: bold;
	color:#000;	
	border: 0px #ff6600 solid;
	width: 3.0em;
}

#top6 {
    position: absolute;
	float: left;
	top: 10%;
	left: 4%;
	font-family: verdana,arial;
	font-size: 14px;
	color:#0033FF;
	padding: 2px 1px 1px 1px;	
	margin-top: 310px;	
	border: 0px #eee solid;
}

#headermenu {
position: relative;
float: left;
top: 7%;
left: 10%;
width: 80%;
display: block;
border: 0.0em solid #dcdce9;
color: #000;
font-family: verdana,arial;
font-size: 12px;
text-decoration: none;
text-align: center;
margin: 0.2em 0.0em 00.0em 0.2em;
padding: 0.1em 0.1em 0.1em 0.1em;
margin-bottom: 1%;
margin-top: 1%;
		
}
#headermenuprofile {
position: relative;
float: left;
top: 6%;
left: 10%;
width: 80%;
display: block;
border: 0.0em solid #dcdce9;
color: #000;
font-family: verdana,arial;
font-size: 12px;
text-decoration: none;
text-align: center;
margin: 0.1em 0.0em 00.0em 0.1em;
padding: 0.1em 0.1em 0.1em 0.1em;
		
}
#headermenuprofile ul
{

list-style: none;
padding: 0em 0em 0em 0em;
margin: 0;

}

#titlecontent ul
{

list-style: none;
padding: 0em 0em 0em 0em;
margin: 0;

}


#titlecontent li 
{
position: relative;
float: left;
top: 1.1em;
background: url(background.gif) #fff bottom left repeat-x;
height: 1em;
line-height: 1em;
width: 6em;
display: block;
border: 0.1em solid #dcdce9;
font-family: verdana,arial;
font-size: 12px;
text-align: center;
text-decoration: none;
margin: 0.5em 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
}
#headermenuprofile li 
{
position: relative;
float: left;
top: 0.1em;
background: url(background.gif) #fff bottom left repeat-x;
height: 1em;
line-height: 1em;
width: 6em;
display: block;
border: 0.1em solid #dcdce9;
font-family: verdana,arial;
font-size: 12px;
text-align: center;
text-decoration: none;
margin: 0.5em 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
}
#headermenuprofile a:hover {


height: 0.5em;
line-height: 1em;
width: 6em;
display: block;

color: #FF3300;
font-family: verdana,arial;
font-size: 12px;
text-decoration: none;
text-align: center;

	}
#titlecontent a:hover {


height: 0.5em;
line-height: 1em;
width: 6em;
display: block;

color: #FF3300;
font-family: verdana,arial;
font-size: 12px;
text-decoration: none;
text-align: center;

	}
	#titlecontent a span {display: none;}
#titlecontent a:hover span {display: block;
   position: absolute; top: 38px; left: 0px; width: 120px;
   padding: 2px; margin: 2px; 
   border: 0.1em solid #dcdce9;
   color: #000000; background: url(background.gif) #fff bottom left repeat-x;
   font: 12px Verdana; text-align: center;
   }
   #headermenuprofile a span {display: none;}
#headermenuprofile a:hover span {display: block;
   position: absolute; top: 38px; left: 0px; width: 120px;
   padding: 2px; margin: 2px; 
   border: 0.1em solid #dcdce9;
   color: #000000; background: url(background.gif) #fff bottom left repeat-x;
   font: 12px Verdana; text-align: center;
   }
   
#footer {
	bottom: 2%;
	width:100%;
	margin: 0;
	height: 1%;
	padding-left: 10%;
	
	font-family: Verdana,arial,Georgia;
	font-weight: normal;
	font-size: 1em;
		
}


/* Content & menu
   -------------------------------------------- */
   
   #pic {
	
	position: absolute;
	float: right;
	left: 75%;
	top: 47% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 1px 1px 1px 1px;
	margin-top: 20px;
	filter: alpha(opacity=75);
	width: 23%;
	height:100%;
		
	border: 0px #eee solid;
	
}
  #salprofile {
	
	position: absolute;
	float: right;
	left: 77%;
	top: 31% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 1px 1px 1px 1px;
	margin-top: 20px;
	filter: alpha(opacity=80);
	width: 23%;
	height:100%;
		
	border: 0px #eee solid;
	
}
#daveprofile {
	
	position: absolute;
	float: right;
	left: 77%;
	top: 30% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 1px 1px 1px 1px;
	margin-top: 20px;
	filter: alpha(opacity=80);
	width: 23%;
	height:100%;
		
	border: 0px #eee solid;
	
}
#andyprofile {
	
	position: absolute;
	float: right;
	left: 77%;
	top: 30% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 1px 1px 1px 1px;
	margin-top: 20px;
	filter: alpha(opacity=80);
	width: 23%;
	height:100%;
		
	border: 0px #eee solid;
	
}
#martialartsinstructors {
	
	position: absolute;
	float: right;
	left: 1%;
	top: 40% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	filter: alpha(opacity=90);
	width: 50%;
	height:100%;
	font-size: 14px;
		
	border: 0px #eee solid;
	
}
#masterchodaughter {
	
	position: absolute;
	float: right;
	left: 60%;
	top: 50% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
	filter: alpha(opacity=90);
	width: 40%;
	height:100%;
	font-size: 14px;
		
	border: 0px #eee solid;
	
}
#masterheeilcho {
	
	position: absolute;
	float: right;
	left: 1%;
	top: 70% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	margin-top: 200px;
	filter: alpha(opacity=90);
	width: 50%;
	height:100%;
	font-size: 14px;
		
	border: 0px #eee solid;
	
}
#picturefour {
	
	position: absolute;
	float: right;
	left: 50%;
	top: 70% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	margin-top: 300px;
	filter: alpha(opacity=90);
	width: 40%;
	height:100%;
	font-size: 14px;
		
	border: 0px #eee solid;
	
}
#picturefourphotostwo {
	
	position: absolute;
	float: right;
	left: 50%;
	top: 70% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	margin-top: 300px;
	filter: alpha(opacity=90);
	width: 47%;
	height:100%;
	font-size: 14px;
		
	border: 0px #eee solid;
	
}
#picturefive {
	
	position: absolute;
	float: right;
	left: 1%;
	top: 90% ;
	background-position: right;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	margin-top: 470px;
	filter: alpha(opacity=90);
	width: 45%;
	height:100%;
	font-size: 14px;
		
	border: 0px #eee solid;
	
}
#headermenu a:hover{
text-decoration: none;
	color: red;
	border: none;

}
#headermenuprofile a:hover{
text-decoration: none;
	color: red;
	border: none;

}


#titlecontent a:link{
text-decoration: none;
	color: blue;
	border: none;
}
#headermenuprofile a:link{
text-decoration: none;
	color: blue;
	border: none;
}

#titlecontent a:visited {
text-decoration: none;
	color: blue;
	border: none;
}
#headermenuprofile a:visited {
text-decoration: none;
	color: blue;
	border: none;
}

body {
	font-family: Verdana, Tahoma, Arial;
	font-size: 80%;
}

p, td, th, li {
	font-size: 1em;
	line-height: 1.75em;
}

	 
/* Backup of coloured menu headings 
 
#header  {

position: absolute;
	margin-top: 10px;
	padding-left: 0;
	margin-left: 0;
	list-style: none;	

	background-color: #B54141;
	color: #fff;
	padding: 1px;

}

#header {
	background-color: white;
	margin-left: 0;
	list-style: disc;
	list-style-position: inside;
	padding-left: 0.5em;
}

#header  * {
	background-color: white;
	color: #000;
	width: 100%;
}	

#header table, #menu form, #menu caption {
	background-color: #fff;
	color: black;
	width: 100%;
}
*/
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0.5em 0.5em;
padding: 0;
text-align: center
}

#nav-menu li 
{
position: relative;
float: left;
top: 0.1em;
background: url(background.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1em;
width: 6.5em;
display: block;
border: 0.1em solid #dcdce9;
color: #0033FF;
font-family: verdana,arial;
font-size: 12px;
text-decoration: none;
text-align: center;
margin: 0.5em 0.5em 0.5em 0.5em;
padding: 5px 2px 2px 2px;
}
#nav-menu a:hover {
	border: 0px 0px 0px 0px solid #ccc;
	color: #FF3333;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */

#nav-menu
{
width:47.5em; 
}
img.floatLeft { float: left; 
margin: 10px 20px 20px 0px; }

img.floatRight { float: right; 
margin: 10px 0px 0px 20px; }
div#linkone {
position: absolute;
top: 33%;
left: 2px;
width: 150px;
height: 100px;
font: 12px Times new roman, sans-serif;
z-index: 100;

}

div#linkone a {
display: block;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family: verdana; 
padding: 5px 10px;
margin: 5px 0px 0px 1px;
border-width: 0px; 
text-decoration: none;
color: #0000FF;
background: url(background.gif) #fff bottom left repeat-x;
border-right: 2px solid #DBDBDB;
border-left: 2px solid #DBDBDB;
}
   
div#linkone a:hover {
color: #0000FF;
background: #DBDBDB;
border-right: 2px solid #DBDBDB;
}

div#linkone a img {
height: 0;
width: 0; 
border-width: 0;
}
div#linkone a:hover img {
position: absolute;
top: 1%;
margin-top: 5px;
left: 22.0em;
height: 430px;
width: 500px;
	}
	div#linkone a span {
	display: none;
	}
div#linkone a:hover span {
display: block;
position: absolute;
top: -1%;
left: 231px;
width: 540px;
padding: 4px;
margin: 5px;
z-index: 100;
color: #0000FF;
background: #FFFFFF;
font: 17px Times new roman;
text-align: center;}
#contentphotos {	
	
	margin-right: 265px;
	margin-left: 300px;
	padding: 4px;
	margin-top: 185px;
	font-family: verdana;
	font-size: 14px;
	color:#666666;	
	border: 0px #eee solid;
}