/* CSS Document */

body{

text-align:center;

background:url(images/back.jpg) top center repeat-y;

background-color:#000000;

font-family:Arial;

color:#FFFFFF;

line-height:1.5em;

font-size:14px;

}

a:link, a:visited{

color:#A8D3E7;

}

a:hover {

color:#3ebcef;

}

#wrapper{

margin:auto;

width: 778px;

text-align:left;

padding-left:1px;

}


/* ......................................Top Nav........................................................... */


#nav {

margin-bottom:0;
	
padding:0;
	

}


ul#menu{

margin:0;
	
padding:0;
	
list-style-type:none;
	
position:relative;
	
display:block;

height:40px;
	
font-size:13px;
	
font-weight:bold;
	
background-color:#333333;

}



#menu li{

display:block;
	
float:left;
	
margin:0;
	
padding:0;
	
}
	
	

#menu li a{

display:block;
	
float:left;
	
color:#FFFFFF;
	
text-decoration:none;
	
font-weight:bold;
	
padding:11px 20px 0 20px;
	
height:29px;
	
margin:0;
	
border-right:1px solid #474646;
	
}
	
	

#menu li a:hover{

background-color:#e3007a;	
	
}
	


/* ......................................Content........................................................... */


.line{

border-top: 1px dashed #666666;

}

h1 {

color:#CCCCCC;

background:url(images/headline_back.jpg) top left no-repeat;

padding-top:5px;

height: 53px;

font-size:30px;

letter-spacing:5px;

margin:40px 0 20px 0;

}

h2 {

color:#e3007a;

padding-top:25px;

font-size: 20px;

letter-spacing:3px;


}


#content{

width:778px;

text-align:left;

}


.clear{

clear:both;

}

.footer {

height:50px;

}

/* ......................................Image gallery..................................................... */

div.photoframe { position: relative; margin: auto; border: none; padding: 0; width: 403px; height: 301px; } 
div.photoframe img { width: 100%; height: 100%; margin: 0; border: none; padding: 0; }

table.thumbnails { margin: 1em auto;  width:380px; border-spacing: 0; border-collapse: collapse; }
table.thumbnails tr  {  margin: 0; border: none; padding: 0; }
table.thumbnails td  {  margin: 0; border: none; padding: 0; }
table.thumbnails a   {  margin: 0; border: none; padding: 0; }
table.thumbnails img {  margin: 0; border: none; padding: 0; }

/* Please don't copy image and warning */
img.cover { position: absolute; width: 100%; height: 100%; margin: 0; border: none; padding: 0; z-index: 2; }

*.warning {
	position: absolute; width: 80%;  /* height: 80%; */ left: 10%; top: 10%; margin: auto; 
	visibility: hidden; border: 2px solid red; text-align: center; background: gray; z-index: 3; padding-bottom: 1em; 
}
*.warning h3 { background: silver; }
*.warning div { margin-bottom: 0.5em; }