html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}





html { height:100%; max-height:100%; padding:0; margin:0; border:0; 
 background:#fff; font-size:18px; 
 font-family:georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; font-size:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; border-style:none; background:transparent; background-color: transparent;}


#content {overflow:auto; position:absolute; z-index:3; top:98px; bottom:115px; left:215px; right:0; background:#fff; padding-right:10px;

 scrollbar-face-color: #B0B0E0; scrollbar-shadow-color: #0000B0; 
 scrollbar-highlight-color: #0000B0; scrollbar-3dlight-color: #0000FF; 
 scrollbar-darkshadow-color: #000070; scrollbar-track-color: #B0B0B5;
 scrollbar-arrow-color: #000000;

}

* html #content {top:0px; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:100px solid #fff; border-bottom:115px solid #fff; border-left:215px solid #fff;}

#picspace {display:block; position:absolute; z-index:95; top:120px; left:215px; bottom:130px; 
right:30; overflow:hidden; background-color: transparent; }

* html #picspace {top:99px; left:215px; right:0px; bottom:100px; z-index:5; 
border-top:100px solid #dff; border-bottom:10px solid #dff; border-left:10px solid #dff;
background-color: transparent;}

iframe {display:block; position:absolute; z-index:5; top:120px; left:215px; height:300px;
width:500px; overflow:hidden; background-color: transparent;}















#textbox {position:absolute; z-index:3; top:120px; height:100; left:215px; right:0; background:#fff; padding-right:10px;}

#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%;  height:62px; font-size:4em; z-index:5; overflow:hidden; 
 background:rgb(255,255,255);
 background : url("candycane.gif") repeat-x; 
}

#second {position:absolute; margin:0; top:62px; left:0; display:block;
 width:100%; height:35px; font-size:4em; z-index:5; overflow:hidden; 
 background:rgb(224,224,224)}

#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:50px; font-size:1em; z-index:5; overflow:hidden; background:rgb(224,224,224); color:#000;}

#foot { display: block; position: absolute; z-index: 52; height: 115px;
 font-size: 16px;  bottom:0,  width: 100%; color: #E0E0E0;
 background:rgb(224,224,224) border: none 0; text-align: left; 
 vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 

 }


#leftbak {display: block; position: absolute; left:0px; top:30px; bottom:30px; width:150px; 
 background:rgb(224,224,224); font-size:1.2em; z-index:4; overflow:hidden;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

* html #leftbak {height:100%; top:30px; bottom:30px; color:#000;}


#left {position:absolute; left:0; top:130px; bottom:50px; width:210px; 
 font-size:1.2em; z-index:60; overflow:hidden;}

* html #left {height:100%; top:130; bottom:0; color:#000;}

#content p {padding:0px 0px 0px 0px; margin:10px 10px 20px 10px; }
* html #content p {margin:10px 10px 20px 10px; }

.bold {font-size:1.2em; font-weight:bold;}
p.logoa { display: block; position: absolute; z-index: 56; top: 0px; left: 85px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; 
 font-size: 25px; line-height: 1.0;  font-weight: normal; 
 padding: 3px 0px 5px 0px; margin: 0 0 0 0; color: #000000}
p.logob { display: block; position: absolute; z-index: 55; top: 2px; left: 86px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; 
 font-size: 25px; line-height: 1.0;  font-weight: normal; 
 padding: 3px 0px 5px 0px; margin: 0 0 0 0; color: #31529C}

dd {display:none;}

a.nav, a.nav:visited {margin-left:10px; margin-top:5px; display:block; width:200px; 
 height:25px;background-color:#CCC; color:#109; border-width:2px 0px 2px 0px; 
 border-style:solid; border-color:#000; background-image:url("button.jpg"); 
 text-decoration:none; text-align:center; line-height:25px; z-index: 70;
 }
a.nav:hover {background:#000; color:#fff; z-index: 70; margin-left:10px; 
 margin-top:5px; display:block; width:200px; height:25px;}
a.nav2, a.nav2:visited {margin-left:10px; margin-top:5px; display:block; width:200px; 
 height:25px;background-color:#CBB; color:#000; border-width:2px 0px 2px 0px; 
 border-style:solid; border-color:#000; background-image:url("button2.jpg"); 
 text-decoration:none; text-align:center; line-height:25px; z-index: 70;
 }
a.nav2:hover {background:#000; color:#fff; z-index: 70; margin-left:10px; 
 margin-top:5px; display:block; width:200px; height:25px;}

h1 { font-style: normal; font-size: 30px; padding:0px 0px 0px 0px;
 margin:10px 10px 20px 10px; color: #0000C0; }

h1.logo { display: block; position: absolute; z-index: 56; top: 10px; left: 7px;  margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; font-family: "Georgia";  font-size: 40px; line-height: 1.0;  font-weight: bold;  color: #000000}

h1.shadow { display: block; position: absolute; z-index: 55; top: 12px; left: 10px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; font-family: "Georgia";
 font-size: 40px; line-height: 1.0;  font-weight: bold; 
 color: #31529C}

h3.logo { display: block; position: absolute; z-index: 56; top: 49px; left: 7px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; font-family: "Georgia";
 font-size: 20px; line-height: 1.0;  font-weight: bold; 
 color: #000000}

h3.shadow { display: block; position: absolute; z-index: 55; top: 50px; left: 9px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; font-family: "Georgia";
 font-size: 20px; line-height: 1.0;  font-weight: bold; 
 color: #31529C}

h2.logo { display: block; position: absolute; z-index: 56; top: 0px; left: 85px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; font-family: "Comic Sans MS";
 font-size: 48px; line-height: 1.0;  font-weight: bold; 
 padding: 3px 0px 5px 0px; margin: 0 0 0 0; color: #000000}

h2.shadow { display: block; position: absolute; z-index: 55; top: 3px; left: 87px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; font-family: "Comic Sans MS";
 font-size: 48px; line-height: 1.0;  font-weight: bold; 
 padding: 3px 0px 5px 0px; margin: 0 0 0 0; color: #31529C}


p.logo { display: block; position: absolute; z-index: 56; top: 0px; left: 85px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; font-family: "Comic Sans MS";
 font-size: 25px; line-height: 1.0;  font-weight: normal; 
 padding: 3px 0px 5px 0px; margin: 0 0 0 0; color: #9900cc}

p.shadow { display: block; position: absolute; z-index: 55; top: 2px; left: 86px; 
 margin:  0px 0px 0px 0px; text-decoration:none; font-style: normal; font-family: "Comic Sans MS";
 font-size: 25px; line-height: 1.0;  font-weight: normal; 
 padding: 3px 0px 5px 0px; margin: 0 0 0 0; color: #31529C}



.container { margin-top:5px; margin-left:0px; }
.container ul { color: #0000FF; }
.container ul li { margin:0px; padding:0px; border: 0px; 
	height:305px; float: left ; list-style:none; }


img   {float: right; margin:  0px 0px 0px 10px;}
img.logo {display: block; position: absolute; z-index: 50; top: 0px;
 left: 0px; margin:  0px 0px 0px 0px; }
img.info {display: block; position: absolute; z-index: 90; 
 top: 153px; left: 4px; margin:  0px 0px 0px 0px; }
img.tlpic {display: block; position: absolute; z-index: 55; 
 top: 97px; left: 150px; margin:  0px 0px 0px 0px; }
img.blpic {display: block; position: absolute; z-index: 55; 
 bottom: 115px; left: 150px; margin:  0px 0px 0px 0px; }
img.me {display: block; position: absolute; z-index: 8; 
 bottom: 108px; left: 4px; margin:  0px 0px 0px 0px; }
img.pic {display: block; position: inline; float: right; clear: right; z-index: 55; max-width:50%; height:auto  }
img.hidepic{display: block; position: absolute; z-index: 8;}
img.bpics {display:inline;; position: inline; float: right; clear: right; z-index: 55; }






hr { border: none 0; color: #000000; height: 1; width: 150px; 
 padding: 0; margin: 0; line-height: 1;
}
hr.hrtop { display: block; position: absolute; z-index: 70; top: 85px;
 right: 0px; border: 1; border-style: outset; border-color: #FFFFFF; 
 color: #0000A0; height: 4; width: 100%; margin: 0; top: 0px;
 left: 0px;}





#navlist{position:relative; }
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:115px;display:block;}

#toy-building-blocks-picture01{left:0px;width:62px;}
#toy-building-blocks-picture01{background:url('toy-building-blocks.jpg') 0 0;}
#toy-building-blocks-picture01 a:hover{background: url('toy-building-blocks.jpg') 0 -115px;}

#toy-building-blocks-picture02{left:62px;width:101px;}
#toy-building-blocks-picture02{background:url('toy-building-blocks.jpg') -62px 0;}
#toy-building-blocks-picture02 a:hover{background: url('toy-building-blocks.jpg') -62px -115px;}

#toy-building-blocks-picture03{left:163px;width:118px;}
#toy-building-blocks-picture03{background:url('toy-building-blocks.jpg') -163px 0;}
#toy-building-blocks-picture03 a:hover{background: url('toy-building-blocks.jpg') -163px -115px;}

#toy-building-blocks-picture04{left:281px;width:160px;}
#toy-building-blocks-picture04{background:url('toy-building-blocks.jpg') -281px 0;}
#toy-building-blocks-picture04 a:hover{background: url('toy-building-blocks.jpg') -281px -115px;}

#toy-building-blocks-picture05{left:441px;width:72px;}
#toy-building-blocks-picture05{background:url('toy-building-blocks.jpg') -441px 0;}
#toy-building-blocks-picture05 a:hover{background: url('toy-building-blocks.jpg') -441px -115px;}

#toy-building-blocks-picture06{left:513px;width:156px;}
#toy-building-blocks-picture06{background:url('toy-building-blocks.jpg') -513px 0;}
#toy-building-blocks-picture06 a:hover{background: url('toy-building-blocks.jpg') -513px -115px;}

#toy-building-blocks-picture07{left:668px;width:154px;}
#toy-building-blocks-picture07{background:url('toy-building-blocks.jpg') -668px 0;}
#toy-building-blocks-picture07 a:hover{background: url('toy-building-blocks.jpg') -668px -115px;}

#toy-building-blocks-picture08{left:821px;width:156px;}
#toy-building-blocks-picture08{background:url('toy-building-blocks.jpg') -821px 0;}
#toy-building-blocks-picture08 a:hover{background: url('toy-building-blocks.jpg') -821px -115px;}

#toy-building-blocks-picture09{left:976px;width:854px;}
#toy-building-blocks-picture09{background:url('toy-building-blocks.jpg') -976px 0;}
#toy-building-blocks-picture09 a:hover{background: url('toy-building-blocks.jpg') -976px -115px;}



