*{margin:0;padding:0}
	
body	{background:#282520; color:#fff; font-size: 14px; font-family: Courier New, Courier, monospace; }
		
#page 	{width:930px; text-align:left; margin-top:40px;}

#menu 	{margin-top:9px; letter-spacing:1px; }
		
#grey-block {width:930px; margin:10px auto 5px auto; height:440px; background:#4c473e; clear:both;}
		
#submenu 	{height:390px; width: 170px; margin-left:15px; margin-right: 5px; margin-top:10px; margin-bottom:15px; line-height: 150%; border-right:  1px solid ; border-color:#696357;}

#footer 	{width:930px; text-align:left; clear:both;}

#caption 	{width:930px; color:#fff; clear:both; font-size: 17px; line-height: 120%; padding-top:10px;}


#main_image {float: right; padding-top:25px; width:720px; height:405px; }
#main_image_index {float: right; padding-top:25px; width:900px; height:405px; }



#myslides {
	width: 900px; height: 400px; padding: 0; } 
 
#myslides img {  
    padding: 0px; border:  0px ; }


#mypictures {width: 720px; height: 380px; font-size:13px; }
#mypictures div img {margin-left: 4px; margin-right: 4px; }
		
#nav { margin: 1px; float: left }
#nav li { float: left; margin: 2px; list-style: none; }
#nav a { margin: 0px; border: 1px solid ; border-color:#282520; display: block; }
#nav a.activeSlide { border: 1px solid ; border-color:#c0094c;}
#nav a:focus { }
#nav img { border: none; display: block }
pre { clear: left }	






img  {border: 0; }
		
#header	{font-weight:bold; font-size: 27px; letter-spacing:2px; color:#fff; margin-bottom:10px;}
#header-pink {font-weight:bold; font-size: 27px; letter-spacing:2px; color:#de2775; margin-bottom:10px;}
	
		
a	{color:#fff;text-decoration:none;}
a:hover	{color:#fff; font-weight: bold;}

.style1 {color:#de2775; font-weight: bold;} /*style info: actual page headline*/



td[abbr~=image-portrait] 
	{ width:500px; height: 390px; text-align:center; vertical-align:bottom; border-right:  1px solid ; border-color:#696357; overflow:hidden;}

td[abbr~=image-landscape] 
	{ width:600px; height: 390px; text-align:center; vertical-align:bottom; border-right:  1px solid ; border-color:#696357; overflow:hidden;}
	
td[abbr~=image-index-left] 
	{ width:880px; height: 400px; text-align:left; vertical-align:bottom; overflow:hidden;}

td[abbr~=image-index-right] 
	{ width:880px; height: 400px; text-align:right; vertical-align:bottom; overflow:hidden;}

td[abbr~=image-index-center] 
	{ width:880px; height: 400px; text-align:center; vertical-align:bottom; overflow:hidden;}



td[abbr~=image-three] 
	{ width:630px; height:390px; text-align:center; vertical-align:bottom; border-right:  1px solid ; border-color:#696357; overflow:hidden;}

td[abbr~=text-portrait] 
	{ width: 220px; text-align:left; vertical-align:bottom; padding-left:15px; padding-right:10px;}
td[abbr~=text-landscape] 
	{ width:120px; text-align:left; vertical-align:bottom; padding-left:15px; padding-right:10px;}
td[abbr~=text-three] 
	{ width:80px; text-align:left; vertical-align:bottom; padding-left:15px; padding-right:10px;}
	



/* READ MORE PANEL - SLIDE 0 */

.panel {
position: absolute;
top: -25px;
right: 0;
display: none;
background: #4c473e;
border:0px ;
width: 700px;
height: 400px;
padding: 25px 20px 0px 10px;
filter: alpha(opacity=95);
opacity: .99;
}

a.trigger{
position: absolute;
text-decoration: none;
padding-left: 17px;
background:url(images/plus.jpg) no-repeat;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
background:url(images/plus-1.jpg) no-repeat;
display: block;
}

a.active.trigger {
background:url(images/minus.jpg) no-repeat;
}



/* READ MORE PANEL - SLIDE 1 */

.panel1 {
position: absolute;
top: -25px;
right: 0;
display: none;
background: #4c473e;
border:0px ;
width: 700px;
height: 400px;
padding: 25px 20px 0px 10px;
filter: alpha(opacity=95);
opacity: .99;
}

a.trigger1{
position: absolute;
text-decoration: none;
padding-left: 17px;
background:url(images/plus.jpg) no-repeat;
display: block;
}

a.trigger1:hover{
position: absolute;
text-decoration: none;
background:url(images/plus-1.jpg) no-repeat;
display: block;
}

a.active.trigger1 {
background:url(images/minus-1.jpg) no-repeat;
}
	


/* READ MORE PANEL - SLIDE 2 */

.panel2 {
position: absolute;
top: -25px;
right: 0;
display: none;
background: #4c473e;
border:0px ;
width: 700px;
height: 400px;
padding: 25px 20px 0px 10px;
filter: alpha(opacity=95);
opacity: .99;
}

a.trigger2{
position: absolute;
text-decoration: none;
padding-left: 17px;
background:url(images/plus.jpg) no-repeat;
display: block;
}

a.trigger2:hover{
position: absolute;
text-decoration: none;
background:url(images/plus-1.jpg) no-repeat;
display: block;
}

a.active.trigger2 {
background:url(images/minus-1.jpg) no-repeat;
}



/* READ MORE PANEL - SLIDE 3 */

.panel3 {
position: absolute;
top: -25px;
right: 0;
display: none;
background: #4c473e;
border:0px ;
width: 700px;
height: 400px;
padding: 25px 20px 0px 10px;
filter: alpha(opacity=95);
opacity: .99;
}

a.trigger3{
position: absolute;
text-decoration: none;
padding-left: 17px;
background:url(images/plus.jpg) no-repeat;
display: block;
}

a.trigger3:hover{
position: absolute;
text-decoration: none;
background:url(images/plus.jpg) no-repeat;
display: block;
}

a.active.trigger3 {
background:url(images/minus-1.jpg) no-repeat;
}