#container {

    clear: both;

    margin: 36px auto 0 auto;

    width: 852px;

    position: relative ;

    padding: 0 0 50px 0;

}


#theme-navigation {
	height: 48px;
	position: relative;
	width: 670px;
	background: url(http://www.elisa.fi/yrityksille/assets/img/bg_navi-trans.png) no-repeat left top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}




#theme-navigation ul {  list-style:none ; position:relative ; margin:0 ; padding:0 ;}

#theme-navigation ul li { float:left ;}

#theme-navigation ul li a { float:left ; display:block ; position:relative ; text-indent:-9999em; height:39px ; outline:none ;}





a#pressi { }

#content, #content-narrow {

    margin: 24px 0 0 0;

    min-height:500px ;

    position:relative ;

	/*background:#fff  url(../img/bg_content_bottom.gif) no-repeat left bottom  ; */

	padding-bottom:24px ;

}



#back { padding-left:8px ; background:url(../img/chevron_left.gif) no-repeat left center ; }

#extralink { padding-left:8px ; background:url(../img/chevron_right.gif) no-repeat left center ; position:absolute ; right:24px ; top:24px ;}

a.chevron { padding-left:8px ; background:url(../img/chevron_right.gif) no-repeat left center ; }



#content.navi, #content.sans-navi { background:transparent url(../img/bg_content_navi.gif) repeat-y left top ;}

/* sisällön ylä- ja alareuna (leveät) */



#top { display:block ; width:852px ; height:5px ; position:absolute ; left:0 ; }

#top { background:url(../img/bg_content_top.gif) no-repeat left top ; top:0 ;}

#bottom {display:block ;  background: url(../img/bg_content_bottom.gif) no-repeat; width: 852px; height: 8px; }





/*kapea sisältö ja ylä- ja alareuna */

#content-narrow { background-color:none ; background:transparent url(../img/bg_content_narrow.gif) no-repeat left bottom ; background:none ; }

#content-narrow #top { background:url(../img/bg_content_short_top.png) no-repeat left top ; width:636px ; }

#content-narrow #bottom { background:url(../img/bg_content_short_bottom.gif) no-repeat left bottom ; width:633px ;}



#main { width:521px ; color:#000 ; margin:0 24px ; padding:24px 72px 0 0 ; position:relative ; }



#content-narrow #main { margin:0; background:#fff url(/assets/img/bg_content_short_bottom.png) no-repeat bottom left ; width:606px ;  padding:24px 15px 24px 15px; min-height:500px ; float:left ;}

#content-narrow #main .text { border-top: 1px dotted #000; padding-top: 12px; }



#sidebar { width:169px; position:absolute ; right:24px ; top:24px ;  }



#sidebar ul { margin:0 ; padding:0 ;}

#sidebar ul li { display:inline ;}

#sidebar ul li a { display:block ; padding:2px 0 2px 8px; background:url(../img/chevron_right.gif) no-repeat left 0.6em ;}



#main h2.title {

    font-weight: normal;

	color:#666 ;

}

#main h3.title {

    font-weight: normal;

	color:#666 ;

}



#page-navigation { width:208px ; float:right ; margin-right:-4px ;}



#page-navigation ul, #page-navigation li {

    /* http://meyerweb.com/eric/tools/css/reset/ */

    /* v1.0 | 20080212 */



    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

    list-style: none

}



#page-navigation ul {

    margin-left: -4px;

}

#page-navigation li {

    background: url(../img/pagenavi_bg.png) left -10px no-repeat;

    clear: both;

    float: left;

    line-height: 14px;

    width: 208px;

}

#page-navigation li.active {

    background: url(../img/pagenavi_bg_on.png) left -10px no-repeat;

}

#page-navigation li:first-child {

    background: url(../img/pagenavi_bg.png) top no-repeat;

    padding-top: 4px;

}

#page-navigation li.active:first-child {

    background: url(../img/pagenavi_bg_on.png) top no-repeat;

}

#page-navigation li:last-child {

    background: url(../img/pagenavi_bg.png) bottom no-repeat;

    padding-bottom: 11px;

}

#page-navigation li.active:last-child {

    background: url(../img/pagenavi_bg_on.png) bottom no-repeat;

}

#page-navigation ul li a {

    background: url(../img/bg_pagenavi_chevron.gif) no-repeat 12px 9px;

    border-bottom: 1px solid #008cd7;

    border-top: 1px solid #1a9ce2;

    color: #fff;

    display: block;

    margin-left: 4px;

    padding: 5px 12px 5px 24px;

    text-decoration: none;

}

#page-navigation ul li a:hover {

    color: #96d5ff;

}

#page-navigation ul li.active a { background:url(../img/bg_pagenavi_chevron_act.gif) no-repeat 12px 9px ;}

#page-navigation li:first-child a {

    border-top: none;

}

#page-navigation li:last-child a {

    border-bottom: none;

}



/* icons */

.icon { position:relative ; margin:3px 4px 0 4px ;}

