/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }
a:link, a:visited, a:active, a:hover 
     {
      text-decoration: none; color: #000;               /* ei alleviivausta */
     }        

body {
 font-family: georgia, Helvetica, sans-serif;
 font-size: 12px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;

}
#faux {
 background: url(style/images/faux.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header1 {
 color: #e8e8e8;
 font-size: 500%;
 width: 902px;
 padding: 10px;
 height: 80px;
 margin: 10px 0px 5px 0px;
 background: #000;
 background-image:  url(style/images/banneri.jpg);
}
#navigation {
 margin: 0px 0px 5px 0px;
}
#rightcolumn { 
 display: inline;
 color: #900000;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: right;
 
}

	

#leftcolumn { 
 float: left;
 color: #900000;
 margin: 10px;
 padding: 0px;
 width: 683px;
 display: table-row-group;
 position: relative;

 
}
#footer { 
 width: 902px;
 clear: both;
 color: #e8e8e8;
 background: #900000;
 margin: 0px 0px 10px 0px;
 padding:  10px;
 font-size :small;
 text-align: center;
 
}


.pro_linedrop {
height:35px;
width:922px;
background:url(style/images/black_0.gif);
position:relative; 
font-family:georgia, verdana, sans-serif; 
font-size:11px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(style/images/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(style/images/black_1.gif);
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(style/images/black_0.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#fff;
}


.pro_linedrop .select li.lrt a {color:#fff;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url(style/images/black_0.gif) right ;
}

.pro_linedrop .select li.line a b {
background:url(style/images/black_0a.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(style/images/black_1.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(style/images/black_1.gif); 
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 0 15px; 
background:url(style/images/black_1.gif) right top; 
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
background:url(style/images/black_1a.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(style/images/black_1.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(style/images/black_1a.gif) right top; 
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:5px;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:35px;
display:block; 
position:absolute;
float:left;
width:922px;
top:35px; 
left:0; 
text-align:center;
background:#000 url(style/images/paper.jpg);
border:1px solid #aaa;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:35px; line-height:22px; float:left; background:url(style/images/paper.jpg); padding:0 11px; margin:0; white-space:nowrap;  color:#c00;font-size:10px; font-weight: bolder;}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#000 url(style/images/paper.jpg) left bottom;}


#liquid-round {
width:100%;
margin:0px auto;
background:#fff url(boxes/leftside.gif) repeat-y left top;
}

.top {
      width:100%;
      height:20px;
      background:url(boxes/top.gif) no-repeat left top;
       }
       .top span {
       display:block;
       position:relative;
       height:20px;
       background:url(boxes/top-right.gif) no-repeat right top;
       }
.center-content {
      position:relative;
      background:url(boxes/rightside.gif) repeat-y right top;
      padding:1px 20px 1px 25px;
      margin:-1px 0 -50px 0;
	  color: #900000      }
.bottom {
      height:60px;
      background:url(boxes/bottom.gif) no-repeat left bottom;
      }
.bottom span {
      display:block;
      position:relative;
      height:60px;
      background:url(boxes/bottom-right.gif) no-repeat right top;
      }
	  
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:25px 1em 100px 1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#e8e8e8; border-left:1px solid #000; border-right:1px solid #000;}
.xb1 {margin:0 5px; background:#000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#e8e8e8; border:0 solid #000; border-width:0 1px;}