body {
    margin: 0;
    padding: 0;
    border: 0;
    background: #644C2A;
    font-family: Georgia, serif;
    font-size: 78%;
    color: #000;
}  

h1, h2, h3, h4, div, p, table, td, form, input, textarea, select {
    font-family: Georgia, serif;
    font-size: 100%;
    line-height: 1.35em;
}


h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

a {
    color: #4a350e;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a img {
    border: 0;
}   

h2 {
    width: auto;
    text-indent: -9999px;
}

h3 {
    color: #66410c;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 1em;
    font-size: 140%;
    font-weight: normal;
    line-height: 1.2em;
    border-bottom: 1px dotted #846639;
   
}

h4 {
    color: #4a350e;
    text-transform: uppercase;
    padding-bottom: .75em;    
}

h4 a {
    text-decoration: none;
}
h4 a:hover {
    text-decoration: underline;
}

p {
    margin: 0;
    padding: 0 0 1.4em 0;
}

.ruskea {
    color: #4a350e;
}

.valiviivalla {
    padding-top: 1em;
	border-top: 1px dotted #846639;
}

#agents {
    margin: 0 auto 0 auto;
    padding-bottom: 30px;
    width: 959px;
    background: url(../img/bg_agents.jpg) 0px 12px repeat-y;
}

#header {
    background: url(../img/bg_top.jpg) no-repeat;
}

#navi-container {
    float: left;
    display: inline;
    margin: 17px 0 0 34px;
}

#navi {
    position: relative;
    width: 653px;
    height: 29px;
    background: url(../img/navi0.gif) no-repeat;
}

#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
    height: 29px;
}

#navi li {
	display: block;
	height: 29px;
	position: absolute;
	top: 0;
}

#navi a {
	width: auto;
	height: 29px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}


li#navi-etusivu { left: 47px; width: 62px; }
li#navi-agents { left: 128px; width: 58px; }
li#navi-diskografia { left: 204px; width: 93px; }
li#navi-keikat { left: 316px; width: 53px; }
li#navi-galleria { left: 388px; width: 63px; }
li#navi-kauppa { left: 474px; width: 63px; }
li#navi-yhteys { left: 555px; width: 57px; }

li#navi-etusivu a:hover, li.akt-etusivu { background: transparent url(../img/navi1.gif) -47px 0 no-repeat; }
li#navi-agents a:hover, li.akt-agents { background: transparent url(../img/navi1.gif) -128px 0 no-repeat; }
li#navi-diskografia a:hover, li.akt-diskografia { background: transparent url(../img/navi1.gif) -204px 0 no-repeat; }
li#navi-keikat a:hover, li.akt-keikat { background: transparent url(../img/navi1.gif) -316px 0 no-repeat; }
li#navi-galleria a:hover, li.akt-galleria { background: transparent url(../img/navi1.gif) -388px 0 no-repeat; }
li#navi-kauppa a:hover, li.akt-kauppa { background: transparent url(../img/navi1.gif) -474px 0 no-repeat; }
li#navi-yhteys a:hover, li.akt-yhteys { background: transparent url(../img/navi1.gif) -555px 0 no-repeat; }

#player {
    float: left;
    display: inline;
    margin-top: 8px;
}

#player-win {
    float: left;
    display: inline;
    width: 19px;
}

#player-win a {
    margin-top: 17px;
    display: block;
    background: url(../img/player_win.gif) no-repeat;
    width: auto;
    height: 29px;
    text-indent: -9999px;
}

#agents-jasenet, #agents-renegades {
    margin: 4px 0 0 34px;
}

#agents-jasenet h1, #agents-renegades h1 {
    margin: 0;
    padding: 0;
    width: 882px;
    height: 411px;
    background: url(../img/agents_etusivu_2009.jpg) no-repeat;
    text-indent: -999px;
}

#agents-renegades h1 {
    background: url(../img/agents_etusivu_2009.jpg) no-repeat;
}

#content {
    margin: 0 0 0 35px;
    padding-bottom: 35px;
    background: url(../img/bg_content.gif) no-repeat left bottom;
}

#hr-content {
    height: 13px;
    background: url(../img/hr_content.gif) no-repeat;
}   

#hr-content hr {
    display: none;
}

div.left, div.middle, div.right {
    float: left;
    display: inline;
    width: 282px;
    margin: 11px 17px 0 0;
    min-height: 300px;
}
*html div.left, *html div.middle, *html div.right {
    height: 300px;
}

div.front div.left {
    margin-top: 0;
}

div.front div.right {
    width: 283px;
}

div.sub div.left {
    margin-top: 20px;
    width: 186px;
	margin-left: 6px;
}

div.sub div.middle {
    margin-top: 18px;
    width: 423px;
}

div.diskografia div.left {
    margin-top: 20px;
    width: 186px;
	margin-left: 6px;
}

div.diskografia div.middle {
    margin-top: 18px;
    width: 660px;
}

div.sub div.right {
    margin-top: 18px;
    width: 227px;
}

/* diskografia kamat */
.levytable {
	padding-right: 15px;
	padding-bottom: 4px;
	vertical-align: top;	
}
.levykuvat {
	border: 5px solid #FFFFFF;
}
.biokuvat {
	border: 5px solid #FFFFFF;
	margin-right: 12px;
	margin-bottom: 2px;
}
.centered {
	text-align: center;
    color: #4a350e;
}

#middle-yhteys {
    width: 328px;
}

#right-yhteys {
    margin-top: 8px;
    width: 332px;
}

#right-agents {
    width: 322px;
}

#title-uutiset {
    background: url(../img/title_uutiset.gif) no-repeat;
    height: 39px;
}
#title-uutiset2 {
    background: url(../img/title_uutiset2.gif) no-repeat;
    height: 39px;
}
#title-keikkakalenteri {
    background: url(../img/title_keikkakalenteri.gif) no-repeat;
    height: 55px;
}
#title-kauppa {
    background: url(../img/title_kauppa.gif) no-repeat;
    height: 55px;
}
#title-diskografia {
    background: url(../img/title_diskografia.gif) no-repeat;
    height: 55px;
}
#title-agents {
    background: url(../img/title_agents.gif) no-repeat;
    height: 55px;
}
#title-galleria {
    background: url(../img/title_galleria.gif) no-repeat;
    height: 45px;
}
#title-yhteystiedot {
    background: url(../img/title_yhteystiedot.gif) no-repeat;
    height: 26px;
}
#title-kumppanit {
    background: url(../img/title_kumppanit.gif) no-repeat;
    height: 37px;
}
#title-renegades {
    background: url(../img/title_renegades.gif) no-repeat;
    height: 37px;
}

#uutiset {
    background: url(../img/bg_uutiset.gif) repeat-y;
}

.pvm-uutiset-front {
    margin-left: 8px;
    background: url(../img/bg_uutiset_pvm.gif) no-repeat;
    text-align: center;
    height: 19px;  
    padding-top: 1px;
    font-size: 13px; 
    color: #616161;
    font-weight: bold; 
    font-family: "Times New Roman", serif;
}

.pvm-uutiset {
    padding: 0 0 .5em 0;
    font-size: 13px; 
    color: #616161;
    font-weight: bold;
    font-family: "Times New Roman", serif;
}

.uutinen {
    margin: 11px 0 6px 21px;
    width: 240px;
    overflow: hidden;
}

.lisaa {
    color: #4a350e;
}

#uutiset-bottom {
    height: 6px;
    background: url(../img/bg_uutiset_bottom.gif) no-repeat;
}

#albumi-ingressi {
    padding: 0 0 1.25em 0;
}

#feature-gallery {
    margin-top: 5px;
    padding: 21px 0 0 32px;
    height: 162px;
    background: url(../img/bg_gallery_feat.gif) no-repeat;
}

#gallery-preview {
    float: left;    
    display: inline;
    width: 123px;
    height: 124px;
    text-align: center;
    overflow: hidden;
}       

#link-gallery {
    float: left;    
    display: inline;
    width: 97px;
    height: 125px;
    margin-left: 13px;
}      

#keikat {
    width: 100%;
    table-layout: fixed;
	border-collapse: collapse;
    border: 0;
    margin-bottom: 1.5em;
    border-bottom: 1px dotted #846639;
}

#keikat th {
    text-align: left;
    padding: 2px;
    color: #66410c;
}   

#keikat td {
    vertical-align: top;
    padding: 4px 2px 4px 2px;
    border-top: 1px solid #D3C49C;
}

#keikat td p {
    padding: 0;
}

#keikat td.lisatiedot {
    font-size: 92%; 
    font-style: italic;
}

#keikat td.lisatiedot p {
    padding: 0;
}

#keikkalinkit {
    padding: 2px;
}

#uusi-albumi {
    float: left; 
    margin-right: 12px;
}

#logo-jairaksinen {
    float: right;
    margin-right: 12px;
}   

strong.title {
    color: #66410c;
}

a#lisaa-albumista {
    background: url(../img/title_albumista_lisaa.gif) no-repeat;
    display: block;
    width: auto;
    height: 30px;
    text-indent: -9999px;
    margin-bottom: 5px;
}
a#tilaa-albumi {
    background: url(../img/title_tilaa_levy.gif) no-repeat;
    display: block;
    width: auto;
    height: 30px;
    text-indent: -9999px;
}

h4.galleriat {
    margin: 0 0 0 3px;
}

ul#galleriat-sub {
    margin: 0;
    padding: 0;
}

ul#galleriat-sub li {
    margin: 0 0 0 14px;
    padding: 0 0 .5em 0;
    list-style-type: square;
}

.menu-galleria {
    float: left;
    display: inline;
    width: 208px;
    margin-bottom: 8px;
}

.mg-thumb {
    float: left;
    display: inline;
    width: 69px;
    height: 52px;
    overflow: hidden;
    border: 5px solid #fff;
    margin-right: 8px;
}

.mg-tiedot {
    float: left;
    display: inline;
    width: 110px;
    margin-top: 5px;
    font-size: 96%;
}

.mg-tiedot h4 {
    padding-top: 0.1em;
    text-transform: none;
    font-size: 94%;
    padding: 0.1em 0 0.1em 0;
}

.mg-kaikki {
    clear: left;
    padding-top: .25em;
    padding-bottom: 1.5em;
}

.menu-kitaragalleria p, .menu-kitaragalleria div {
    font-size: 94%;
}

.menu-kitaragalleria h4 {
    font-weight: normal;
    font-size: 114%;
    padding: 0;
}

.kg-thumb {
    width: 159px;
    border: 5px solid #fff;
    margin: .5em 0 .5em 0;
}


div.igThumb {
    float: left;
    width: 135px;
    height: 94px;
    overflow: hidden;
    border: 1px solid #B4A371;
    background: #fff;
    margin-right: 4px;
    margin-top: 4px;
    text-align: center;
    padding: 6px 0 6px 0;
}

div.igThumb:hover {
    float: left;
    width: 135px;
    height: 94px;
    overflow: hidden;
    border: 1px solid #938251;
    background: #F9F5E7;
    margin-right: 4px;
    margin-top: 4px;
    text-align: center;
    padding: 6px 0 6px 0;
}

div.igThumb a {
    border: 0;
}

div.igThumb img {
    border: 1px solid #ccc;
}

div.igDescription {
    font-style: italic;
}


/* Clear floated elements */

.floatcontainer:after { 
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0; 
    clear: both; 
    visibility:hidden; 
} 
.floatcontainer {
    display: inline-block;
} 
/* Hides from IE Mac \*/ 
* html .floatcontainer {
    height: 1%;
} 
.floatcontainer {
    display:block;
} 
/* End Hack */