/* KILLER BEACH CSS BY Pekka Keskinen */

body {
font : 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background : #fcfcfc;
margin : 0;
padding : 0;
text-align : center;
color : #6e6e6e;
background: url(img/killer_bodybg_v4.jpg) repeat-x;
}

#container1 {
background : url(img/killer_header_2010.jpg) top center no-repeat;
margin : 0 auto;
text-align : left;
}

#container2 {
width : 862px;
background : url(img/killer_containerbg_v4.gif) top center no-repeat fixed;
margin : 0 auto;
text-align : left;
}

#header {
height : 255px;
background-position : center 0%;
}

#sidebar1 {
float : right;
width : 290px;
padding : 15px 10px;
}

#mainContent {
margin : 0 290px 0 0;
padding : 0 40px;
}

#mainContent p {
margin : 0 0 10px 0;
padding : 0;
}

.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}

.sidebartext {
font : 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin-right : 38px;
margin-left : 20px;
line-height : 1.1;
font-size : 90%;
}

.list {
list-style : url('img/bullet.gif');
margin-top : 0;
margin-left: 0; 
padding-left: 20px;
}

.basic {
list-style-type : none;
margin-top : 10px;
margin-bottom: 5px; 
font: 80% Verdana; 
margin-left: 0; 
padding-left: 0;
}

.basic2 {
list-style-type : square;
margin-top : 10px;
margin-bottom: 5px; 
font: 80% Verdana; 
margin-left: 0;
padding-left: 25px; 
}

.navi_list {
list-style : url('img/bullet2.jpg');
_list-style : url('img/bullet3.jpg');
*list-style : url('img/bullet3.jpg');
font : 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4b4b4b; 
margin-top : 30px;
margin-bottom: 20px; 
margin-left: 0; 
padding-right: 130px; 
padding-left: 20px;
line-height: 35px; 
}

.navi_list li {
	border-bottom: 1px solid #cdcdcd;
}

.ingressi {
color : #3edaee;
font : 17px georgia;
margin-bottom : 5px;
margin-top : 5px;
line-height: 22px; 
}

h1 {
color : #3edaee;
font : 280% georgia;
margin-bottom : 8px;
margin-top : 5px;
}

h2 {
color : #3edaee;
font : 140% trebuchet MS;
margin-bottom : 5px;
margin-top : 20px;
margin-left: 0px; 
}

tr h2 {
color : #3edaee;
font : 140% trebuchet MS;
margin-top : 0;
margin-bottom: 0; 
margin-left: 10px; 
}

h3 {
font : 125% Georgia;
margin-bottom : 5px;
margin-top : 1px;
}

h4 {
color : #48e2f6;
font : 140% trebuchet MS;
margin-bottom : 5px;
margin-top : 15px;
margin-left : -18px;
}

h5 {
color : #48e2f6;
font : 200% georgia;
margin-bottom : 10px;
margin-top : 40px;
}

h6 {
color : #3edaee;
font : 140% trebuchet MS;
margin-bottom : 5px;
margin-top : 20px;
margin-left: 0px; 
}

a:link { text-decoration : none; color : #48e2f6; }
a:visited { text-decoration : none; color : #48e2f6; }
a:active { text-decoration : none; color : #48e2f6; }
a:hover { text-decoration : none; color : #979797; }

.sidebartext a:link { color : #6e6e6e; }
.sidebartext a:visited { color : #6e6e6e; }
.sidebartext a:active { color : #6e6e6e; }
.sidebartext a:hover { color : #48e2f6; }

.new_stuff {
font-size: 12px;
font-weight: normal;  
padding-right: 5px; 
}

.description {
font: 95% Georgia;
color : #3edaee;
}

.gotosite {
font: 80% Georgia;
letter-spacing: 3px;
font-style: italic; 
}

.web_thumbnail {
margin-top: 10px;
margin-bottom: 20px; 
padding-bottom: 20px; 
border-bottom: #e3e3e3 solid 1px;
}

.floatl	 {float: left; padding-right: 7px; padding-bottom: 7px;}

.imagegallery3 li	{margin-top: 50px; margin-left: -7px; list-style: none; float: left;}
.imagegallery3	{margin: 0; display: inline; }

#lightbox		{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.infobox {
width: 231px;
margin-top: 30px; 
margin-right: 15px; 
margin-bottom: -10px; 
float: left; 
}

.table_top {
background: url('img/table_top.jpg') top left no-repeat; 
width: 231px;
height: 29px; 
}

.table_middle {
background: url('img/table_bg.jpg') left repeat-y; 
width: 231px; 
}

.table_bottom {
background: url('img/table_bottom.jpg') top left no-repeat; 
width: 231px;
height: 25px; 
}

.table_wrapper {
width: 495px;
}

.omakuva {
float: left; 
width: 120px; 
margin: 0 15px 5px 0;
}

.omakuva p {
font: 10px Verdana; 
padding: 10px; 
}

.contactbox {
background: url('img/contact_bg.jpg') no-repeat top left; 
padding: 45px 0 0 10px; 
_padding: 55px 0 0 10px; 
*padding: 55px 0 0 10px; 
width: 145px; 
height: 135px;
}

.intro {
background: url('img/intro_bg.jpg') no-repeat top left; 
padding: 20px 0 30px 220px;
margin-bottom: 0; 
margin-left: -15px;
}

.intro_list { 
margin: 0 0 20px 0;  
list-style : url('img/bullet_check.jpg');
}

.intro_list  li{ 
_margin-left: 20px;   
*margin-left: 20px; 
_padding-left: 10px;   
*padding-left: 10px; 
}

.twitter { 
margin-top: 30px; 
margin-bottom: 40px; 
padding-top: 10px; 
padding-bottom: 10px;
border-top: #e3e3e3 solid 1px;
border-bottom: #e3e3e3 solid 1px; 
}

#tt {position:absolute; display:block; background:url(images/tt_left_bu.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top_bu.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; text-align: left; padding:2px 12px 3px 7px; margin-left:5px; background:#78c3cf; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom_bu.gif) top right no-repeat; overflow:hidden}


#slideshow {
    position:relative;
    height:350px;
	margin: 0 0 -30px 0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}