.header {
font-size : 1.8em; 
font-family : Comic Sans MS, Arial;
top : 0em;
height: 1.8em;
/* width: 100%; */
/* margin-left: 10em;
margin-right: 10em; */
margin-left: 18%;
margin-right: 20%;
color:#FF33CC;
text-align:center;
}
.menu2 {
font-family: verdana, arial, sans-serif;
width:800px;
margin:0 auto; 
position:relative;
z-index:1;
}
/* list section */
.menu2 ul {
padding:0;
margin:0;
list-style-type: none;
border:0;
}
.menu2 ul li {
float:left;
}
/* image size */
.menu2 ul li a, .menu2 ul li a:visited {
display:block;
float:left;
text-align:center;
text-decoration:none;
width:124px;
height:30px;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#FFCCFF;
line-height:30px;
font-size:11px;
}
.menu2 ul li ul {
display: none;
}

/* non IE browsers */
.menu2 ul li:hover a{
color:#fff;
background:#FF33CC;
}
/* popup square */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:31px; 
left:0; 
}
/* menu settings */
.menu2 ul li:hover ul li {
width:710px;
height:30px;
border:10px solid #FF33CC;
background:#FFCCFF;
color:#000;
position:relative;
padding:10px 10px;
}

/* images size */
.menu2 ul li:hover ul li a img {
width:100px; height:75px;
border:0; margin:5px;
}

/* tabs */
.menu2 ul li:hover ul li a {
float:left;
width:110px;
height:85px;
background:#FFCCFF;
border:1px solid #FF3399;
margin:1px;
}
.menu2 ul li:hover ul li a:hover {
position:relative;
}

/* image size hover */
.menu2 ul li:hover li a:hover img {
width:300px; height:300px;
position:absolute;
left:-50px; top:-38px;
border:0;
border:1px solid #888;
padding:5px;
background:#FF3399;
}
#main1 {
font-family : Comic Sans MS, Arial; 
font-style : normal; 
font-variant : bolder;
font-size: 1.1em;
font-weight: 900;
width:500px;
margin-top: 1em;
margin-left: 20%;
margin-right: 20%;
padding: 10 5 5 5;
background: #FFFFFF;
color: #FF33CC;
border: 2px solid #FF33CC;
text-align: center;
}
#main2 {
font-family : Arial;
font-style : normal;
font-variant : normal;
font-weight : bold;
font-size :  0.6em;
width: 600px;
margin-left: 20%;
margin-right: 20%;
margin-top: 2em;
left:0;
padding: 2 0 3 0;
background: #F9DFF9;
color: #FF0033;
text-align: center;
}
.maintextarea {
font-family : Comic Sans MS, Arial; 
font-style : normal; 
font-variant : normal;
font-size: 1.2em;
font-weight: light;
width:600px;
margin-top: 2em;
margin-left: 20%;
margin-right: 20%;
padding: 10 5 5 5;
background: #FFFFFF;
color: #FF33CC;
border: 2px solid #FF33CC;
text-align: center;
}
#imgarea {
width: 600px;
margin-left: 5%;
margin-right: 5%;
margin-top: 2em;
padding: 2 0 3 0;
border: none;
}
.backmain {
background:url(logo.jpg) no-repeat center center;
top: 0;
margin-left: 0px;
padding: 5px;
height: 300px;
}
#owner {
font-family: Comic Sans MS, Arial;
font-size: 0.8em;
color: #FF33CC;
text-align: left;
margin-left: 1px;
font-weight: bold;
bottom: 5px;
position: absolute;
}
#owner a{
text-decoration: none;
}
#owner a:hover{
color: #FF33CC;
text-decoration: underline;
}

.boxarea{margin-top: 2em; margin-left: auto; margin-right: auto;}
img {border: none; color: #FF33CC;}
img:hover {border: solid;}