/* predefined tags */

body {
margin: 0px;
background-color: #333333;
}

p {
text-align: justify;
}

p.mini {
text-align: justify;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 9px;
font-style: italics;
}

img {
border: 0px;
}

a.giving_back {
color: #333333;
font-weight: 700;
text-decoration: none;

font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
font-style: bold;
}

a {
color: #333333;
font-weight: 700;
text-decoration: none;

font-family: arial, verdana, helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}

a.close {
position: absolute;
top: 15px;
left: 15px;
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

a.stories {
color: #99CCCC;
font-weight: 700;
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

a.bigphotonav {
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

a.bigphotonav:hover {
color: #666666;
}

a.contact {
	color:#000000; 
	background-color:#99cccc; 
	font-size:100%; 
	text-align:center; 
}

#navbox {
margin-bottom: 10px;
}

#caption {
color: #666666;
font-weight: 700;
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 11px;
font-style: normal;
text-align: center;
}


/* custom classes and IDs */

#desc {
    position: absolute;
    left: -1000em;
    Width: 900em;  
}

#panel {
width: 100%;
height: 291px;
position: relative;
top: 135px;
z-index: 0;
}

#citybar {
position: absolute;
top: 158px;
left: 0px;
z-index: 1;
}

#photo {
position: absolute;
top: 121px;
left: 4px;
z-index: 2;
}

#nav {
position: absolute;
left: 450px;
top: 158px;
z-index: 2;
}

#melodyludskicom {
position: absolute;
left: 269px;
top: 135px;
z-index: 3;
}

#content {
width: 327px;
height: 250px;
padding: 10px;
position: absolute;
left: 468px;
top: 181px;
z-index: 2;
font-family: arial, verdana, helvetica, sans-serif;
color: #000000;
font-size: 12px;
line-height: 13px;

}

#storiescontent {
width: 600px;
height: 250px;
padding: 10px;
position: absolute;
left: 50px;
top: 50px;
z-index: 2;
font-family: arial, verdana, helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
line-height: 18px;

}

#kitescontent {
width: 600px;
height: 250px;
padding: 10px;
position: absolute;
left: 50px;
top: 50px;
z-index: 2;
font-family: arial, verdana, helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
line-height: 18px;

}

#us2 {
position: absolute;
left: 660px;
top: 406px;
z-index: 3;
}

#us2contact {
position: absolute;
left: 670px;
top: 430px;
}

#welcome {
position: relative;
top: 50px;
left: 30px;
}

#thumbs {
position: relative;
top: 0px;
left: 0px;
}

table.expand {
  width : 100%;
  height : 100%;
}