/* @override
	http://www.popular.fi/themes/popular/css/styles.css
*/

/* ------------------------------------------------------------

	Standardize

------------------------------------------------------------ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
a {
	outline: 0;
}
fieldset, img {
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}

caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

q:before, q:after {
	content:'';
}

abbr, acronym {
	border:0;
}

.henkilosto {
	clear: both;
	width: 610px;
	min-height: 220px;
	height: auto !Important;
	height:220px;
}


html {
	height: 100%;
}


body {
	text-align: center; /* centers in IE */
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	background: url("../graphics/tile_bg.jpg") repeat top left;
	height: 100%;
}

img {
	border: none;
}

ul {
	padding-left: 15px;
}

li {
	list-style-type: disc;
}

#wrapper-outer {
	width: 992px;
	margin: 0px auto;
	background: url("../graphics/footer_bg.jpg") repeat-y 0 800px;
	height: 100%;
}

html>body #wrapper-outer {
	width: 992px;
	margin: 0px auto;
	background: url("../graphics/footer_bg.jpg") repeat-y 0 800px;
	min-height: 100%;
	height: auto;
}

#wrapper-inner {
	width: 100%;
	/*background: #ffffff url("../graphics/tile.jpg") repeat top left;*/
	background: url("../graphics/bgnewhouse.jpg") no-repeat top left;
	margin: 0px auto;
	text-align: left;
	position: relative;
}

#logo {
	width: 678px;
	height: 77px;
	margin-left: -8px;
	display: inline;
	position: absolute;
}
#logo img {
	width: 678px;
	height: 77px;
}
#header {
	position: relative;
	height: 350px;
}

#main-navi {
	width: 663px;
	height: 164px;
	position: absolute;
	background: url("../graphics/main_menunew.png") no-repeat top left;
	_background: url("../graphics/navibgie.jpg") no-repeat 10px 8px;
	left: 337px;
	top: 176px;
	z-index: 20;
}
#main-navi.en {
	background: url("../graphics/main_menunewfi.png") no-repeat top left;
	_background: url("../graphics/navibgie.jpg") no-repeat 10px 8px;
}

#menus #main-navi {
	background: url("../graphics/menunew.png") no-repeat top left;
	_background: url("../graphics/navitapeie.jpg") no-repeat 10px 8px;
}

#main-navi ul {
	margin: 0;
	padding: 0;
	width: 663px;
	height: 164px;
}

#main-navi li {
	list-style: none;
	position: absolute;
	outline: 0;
}

#main-navi a {
	text-decoration: none;
	display: block;
	outline: 0;
}

#main-navi a#shoots{
	position: absolute;
	width: 64px;
	height: 22px;
	left: 164px;
	top: 73px;
	_left: 176px;
	_top: 76px;
}

#main-navi a#people{
	position: absolute;
	width: 66px;
	height: 25px;
	left: 233px;
	top: 64px;
	_left: 245px;
	_top: 67px;
}

#main-navi a#referenssit {
	position: absolute;
	width: 106px;
	height: 27px;
	left: 304px;
	top: 50px;
	_left: 316px;
	_top: 53px;

}

#main-navi a#kontakti {
	position: absolute;
	width: 83px;
	height: 26px;
	left: 511px;
	top: 27px;
	_left: 523px;
	_top: 30px;
}

#main-navi a#about_us {
	position: absolute;
	width: 84px;
	height: 22px;
	left: 420px;
	top: 42px;
	_left: 432px;
	_top: 45px;
}
#main-navi #fi a{
	width: 30px;
	height: 21px;
	position: absolute;
	top: 89px;
	left: 73px;
	text-indent: -9000px;

}

#main-navi.en #fi a{
	width: 30px;
	height: 21px;
	position: absolute;
	top: 91px;
	left: 43px;
	text-indent: -9000px;

}

#main-navi #en a{
	width: 30px;
	height: 21px;
	position: absolute;
	top: 91px;
	left: 43px;
	text-indent: -9000px;

}

#main-navi a#shoots:hover, #main-navi .selected a#shoots {
	background-image: url("../graphics/imagemap/shoots2.png");
	_background-image: url("../graphics/imagemap/shoots2.jpg");
}

#main-navi a#people:hover, #main-navi .selected a#people {
	background-image: url("../graphics/imagemap/people2.png");
}

#main-navi a#referenssit:hover, #main-navi .selected a#referenssit {
	background-image: url("../graphics/imagemap/referenssit.png");
}

#main-navi a#kontakti:hover, #main-navi .selected a#kontakti {
	background-image: url("../graphics/imagemap/kontakti2.png");
}

#main-navi a#about_us:hover, #main-navi .selected a#about_us {
	background-image: url("../graphics/imagemap/about_us.png");
}

#main-navi a span {
	visibility: hidden;
}

#sub-navi {
	width: 243px;
	height: 72px;
	position: absolute;
	background: url("../graphics/sub_menu.png") no-repeat top left;
	left: 689px;
	top: 231px;
	z-index: 10;
}

#sub-navi-people {
	width: 180px;
	height: 50px;
	position: absolute;
	left: 689px;
	top: 253px;/*231px;*/
	z-index: 20;
}

#sub-navi-people ul {
	margin: 0;
	padding: 0;
	width: 243px;
	height: 72px;
}

#sub-navi-people li {
	list-style: none;
	position: absolute;
}

#sub-navi-people a {
	text-decoration: none;
	outline: 0;
}


#sub-navi-people a#miehet {
	position: absolute;
	width: 47px;
	height: 14px;
	left: 45px;
	top: 13px;
	_left: 46px;
	_top: 17px;
}

#sub-navi-people a#naiset {
	position: absolute;
	width: 48px;
	height: 15px;
	left: 122px;
	top: 2px;
	_left: 123px;
	_top: 6px;
}


#sub-navi-people a#miehet:hover, #sub-navi-people .selected a#miehet {
	background-image: url("../graphics/sub_navi/miehet.png");
	background-position: 0 -1px;
}

#sub-navi-people a#naiset:hover , #sub-navi-people .selected a#naiset {
	background-image: url("../graphics/sub_navi/naiset.png");
	background-position: 0 -1px;
}


#sub-navi-people a span {
	visibility: hidden;
}

#content {
	width: 910px;
	position: relative;
	margin-top: -59px;
	margin-left: 66px;
}



#polaroid-people {
	width: 226px;
	height: 293px;
	float: left;
	position: relative;
	background: url("../graphics/polaroid_bg.png") no-repeat top left;
	padding: 12px;
	margin-right: 10px;
}

#polaroid-people img {
	width: 226px;
	height: 240px;
	margin-bottom: 5px;
}

#polaroid-people a {
	color: #fe6534;
	margin-left: 10px;
	text-decoration: none;
	background: url("../graphics/arrow.gif") no-repeat center right;
	padding-right: 18px;
	font-family: Courier New, Courier, monospace;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -0.5px;
}

#pin-people {
	width: 34px;
	height: 77px;
	position: absolute;
	background: url("../graphics/pin_people.png") no-repeat top left;
	left: 106px;
	top: -15px;
	_display: none;
}

#polaroid-shoots {
	width: 226px;
	height: 293px;
	xheight: 313px;
	float: left;
	position: relative;
	background: url("../graphics/polaroid_bg.png") no-repeat 0 0;
	z-index: 30;
	padding: 12px;
	margin-right: 10px;
}

#polaroid-shoots img {
	width: 226px;
	height: 240px;
	margin-bottom: 5px;
}

#polaroid-shoots a {
	color: #fe6534;
	margin-left: 70px;
	text-decoration: none;
	background: url("../graphics/arrow.gif") no-repeat center right;
	padding-right: 18px;
	font-family: Courier New, Courier, monospace;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -0.5px;
}

#pin-shoots {
	width: 33px;
	height: 80px;
	position: absolute;
	background: url("../graphics/pin_shoots.png") no-repeat top left;
	left: 112px;
	top: -19px;
	z-index: 35;
	_display: none;
}
#about {
	margin-left: 220px;
	_margin-left: 110px;
}
#polaroid-info {
	width: 282px; /* 350 */
	height: 291px;
	float: left;
	position: relative;
	background: #fff url("../graphics/polaroid_big.png") no-repeat bottom left;
	z-index: 40;
	font-family: Courier New, Courier, monospace;
	font-size: 12px;
	padding: 22px 34px 0 34px;
}

#polaroid-info h1 {
	font-size: 14px;
	margin-bottom: 22px;
}

#polaroid-info p {
	margin-bottom: 20px;
}

#polaroid-info #bottom-text {
	xwidth: 148px;
	xheight: 13px;
	xbackground: url("../graphics/sinustako_malli.png");
}

#tape {
	width: 72px;
	height: 86px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../graphics/tape_bg.png") no-repeat top left;
}

#polaroid-info #tape {
	left: -20px;
	top: -29px;
	_display: none;
}

#year-navi-inner #tape {
	left: -20px;
	top: -30px;
}

.polaroid-medium #tape {
	position: absolute;
	left: -20px;
	top: -30px;
	_display:none;
}

#deco-box {
	width: 242px;
	height: 192px;
	position: absolute;
	left: 111px;
	top: 215px;
	xbackground: url("../graphics/dog.png") no-repeat top left;
	background: url("../graphics/fifi_oranssi.png") no-repeat top left;
	_background: url("../graphics/fifi_oranssi.png") no-repeat top left;
	z-index: 50;
}
#deco-box:hover {
	xbackground-position: 0 -185px;
}
#deco-box a {
	width: 160px;
	height: 23px;
	display: block;
	padding-left: 20px;
	text-decoration: none;
	background-color: #000000;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 106px;
	z-index: 55;
	font-family: Courier New, Courier, monospace;
	line-height: 23px;
}

#deco-box a span {
	background: url("../graphics/white_right_arrow.png") no-repeat center right;
	padding-right: 37px;
}

/*#dog {
	width: 242px;
	height: 178px;
	position: absolute;
	background: url("../graphics/dog.png") no-repeat top left;
	z-index: 50;
}*/

#mallihaku-btn {
	width: 97px;
	height: 23px;
	display: block;
	padding-left: 20px;
	text-decoration: none;
	margin-left: 45px;
	margin-top: 18px;
	color: #000000;
	background-color: #ffffff;
	float: left;
	line-height: 23px;
	font-family: Courier New, Courier, monospace;
}

a#mallihaku-btn span {
	background: url("../graphics/black_right_arrow.png") no-repeat center right;
	padding-right: 16px;
}



#footer {
	height: 190px;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	position: relative;
}

#copy {
	margin-top: 165px;
	padding-left: 390px;
	display: inline;
	position: absolute;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 10px;
}

/*#contact {
	width: 269px;
	height: 204px;
	position: relative;
	background: url("../graphics/contact.png") no-repeat top left;
	top: -14px;
	float: right;
	font-family: Courier New, Courier, monospace;
	font-size: 11px;
	z-index: 80;
}*/

#contact {
	width: 269px;
	height: 204px;
	float: right;
	position: relative;
	background: url("../graphics/contact.png") no-repeat top left;
	_background: url("../graphics/contact.gif") no-repeat top left;
	margin-top: -204px;
	font-family: Courier New, Courier, monospace;
	font-size: 12px;
}

#contact a {
	margin-left: 49px;
	margin-top: 76px;
	text-decoration: none;
	color: #ffffff;
	letter-spacing: -0.5px;
	background: url("../graphics/white_arrow.gif") no-repeat center right;
	float: left;
	padding-right: 20px;
}

#sidebar {
	width: 199px;
	float: left;
}

#year-navi-outer {
	width: 199px;
	float: left;
	/*background: url("../graphics/year_navi_top.png") repeat-y top left;*/
}

#year-navi-inner {
	width: 199px;
	height: 207px; /* 219px */
	background: url("../graphics/sidebar_navi_bg.png") no-repeat bottom left;
	_background: url("../graphics/sidebar_navi_bg.jpg") no-repeat bottom left;
	font-family: Courier New, Courier, monospace;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 12px;
	float: left;
}

html>body #year-navi-inner {
	width: 199px;
	height: auto;
	min-height: 207px; /* 219px */
	background: url("../graphics/sidebar_navi_bg.png") no-repeat bottom left;
	font-family: Courier New, Courier, monospace;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 12px;
	float: left;
}

#year-navi-inner ul {
	margin-left: 36px;
	margin-top: 25px;
}

#year-navi-inner li {
	line-height: 22px;
	list-style: none;
}

#year-navi-inner a {
	text-decoration: none;
	color: #000000;
	position: relative;
}

#year-navi-inner a:hover {
	color: #fe6d46;
	padding-right: 25px;
	background: url("../graphics/arrow.gif") no-repeat center right;
}

#year-navi-inner .selected a {
	color: #fe6d46;
}

a#mallihaku-btn {
	width: 97px;
	height: 23px;
	padding-left: 20px;
	text-decoration: none;
	margin-left: 45px;
	margin-top: 18px;
	color: #000000;
	background-color: #ffffff;
	float: left;
	line-height: 23px;
	font-family: Courier New, Courier, monospace;
	display: inline;
}

a#mallihaku-btn span {
	background: url("../graphics/black_right_arrow.png") no-repeat center right;
	padding-right: 16px;
}

#polaroid-container {
	width: 690px;
	float: left;
	position: relative;
	z-index: 70;
	margin-left: 14px;
	display: inline;
}

#polaroid-search-container {
	clear: both;
	border: 1px solid #000;
}

.polaroid-small {
	xwidth: 86px;
	width: 124px;
	xheight: 135px;
	height: 210px;
	background: url("../graphics/polaroid_big2.png") no-repeat left bottom;
	_background: url("../graphics/polaroidbigbguusi.jpg") no-repeat 0 0;
	float: left;
	xmargin-right: 10px;
	margin-bottom: 5px;
	xpadding-left: 7px;
	padding-right: 7px;
	position: relative;
	text-align: center;
}

.polaroid-small .polaroid-link {
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("clear.gif"); /* Fix for IE6 and IE7 problem with clickable divs. clear.gif does not exist. */
	z-index: 100;
}

.polaroid-small p {
	font-family: Courier New, Courier, monospace;
	font-size: 12px;
	overflow: hidden;
}

.polaroid-small p a {
	color: #000;
	text-decoration: none;
}

.polaroid-small img {
	width: 112px;
	xheight: 130px;
	margin-top: 7px;
}

.polaroid-medium {
	width: 186px;
	height: 263px;
	background: url("../graphics/polaroid_medium.png") no-repeat top left;
	_background: url("../graphics/polaroid_medium.jpg") no-repeat top left;
	float: left;
	position: relative;
	margin-right: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	font-family: Courier New, Courier, monospace;
}

.polaroid-medium-info {
	width: 152px;
	height: 241px;
	background: url("../graphics/polaroid_medium.png") no-repeat top left;
	float: left;
	margin-right: 10px;
	padding-left: 29px;
	padding-right: 29px;
	padding-top: 34px;
	font-family: Courier New, Courier, monospace;
}

.polaroid-medium {
	text-align: center;
}

.polaroid-medium p {
	margin-top: 5px;
}

.polaroid-medium img {
	xwidth: 150px;
	xheight: 226px;
}

.polaroid-medium-info h1{
	font-size: 13px;
}

.polaroid-medium-info p {
	font-size: 12px;
	margin-top: 21px;
}

.polaroid-big {
	width: 587px;
	xheight: 246px; /* 275 */
	min-height:246px;
	height:auto !important;
  	height:246px;
	background: #ffffff url("../graphics/polaroid_largest.png") no-repeat bottom left;
	_background: #ffffff url("../graphics/polaroid_largest.jpg") no-repeat bottom left;
	float: left;
	position: relative;
	font-family: Courier New, Courier, monospace;
	z-index: 70;
	padding-top: 29px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 20px;
}

.polaroid-big h1 {
	font-size: 18px;
	margin-bottom: 10px; /* 20px */
}

.polaroid-big h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px; /* 20px */
}

.polaroid-big p {
	font-size: 12px;
	margin-bottom: 10px; /* 20px */
}
.polaroid-big p span {
	color: #fc734e;
	font-weight: bold;
	font-size: 14px;
}
.polaroid-big ul {
	margin-bottom: 10px;
}

.polaroid-big #body-large {
	width: 585px;
}
.polaroid-big #body-large a {
	color: #fe6534;
	text-decoration: none;
}
.polaroid-big #body-large a:hover {
	text-decoration: underline;
}
.polaroid-big #body {
	width: 376px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.polaroid-big  #intro {
	width: 170px;
	float: left;
}

.left {
	float: left;
	display: inline;
	width: 300px;
}
.right {
	float: left;
	display: inline;
	width: 280px;
}

.kuvasmall {
	float: left;
	display: inline;
	padding: 0 10px 10px 0;
}
#button-container {
	width: 500px;
	float: left;
	font-family: Courier New, Courier, monospace;
	z-index: 100;
	margin-top: 22px;
}

a#edellinen-btn {
	width: 92px;
	height: 23px;
	display: block;
	padding-left: 8px;
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
	line-height: 23px;
	float: left;
}

a#edellinen-btn span {
	background: url("../graphics/black_left_arrow.png") no-repeat center left;
	padding-left: 16px;
	letter-spacing: -0.5px;
}

a#seuraava-btn {
	width: 88px;
	height: 23px;
	display: block;
	text-decoration: none;
	padding-left: 12px;
	color: #000000;
	background-color: #ffffff;
	line-height: 23px;
	margin-left: 10px;
	float: left;
}

a#seuraava-btn span {
	background: url("../graphics/black_right_arrow.png") no-repeat center right;
	padding-right: 16px;
	letter-spacing: -0.5px;
}

a#paluu-btn {
	width: 92px;
	height: 23px;
	display: block;
	padding-left: 8px;
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
	line-height: 23px;
	float: left;
	clear: both;
	margin-top: 10px;
}

a#paluu-btn span {
	background: url("../graphics/black_left_arrow.png") no-repeat center left;
	padding-left: 16px;
	letter-spacing: -0.5px;
}

form#search-form div {
	margin-bottom: 5px;
}

label#nimi-label, label#pituus-label, label#ikaluokka-label {
	width: 130px;
	display: block;
	float: left;
}

input#nimi {
	width: 170px;
}

select#pituus, select#ikaluokka {
	width: 170px;
}


.kontaktiimage {
	float: left;
	display: inline;
	padding-right: 5px;
	_margin-bottom: 5px;
	*margin-bottom: 5px;
}
.printkuva {
	background: transparent url(../images/print.gif) no-repeat 0 0;
	display: block;
	width: 24px;
	height: 22px;
	text-indent: -9000px;
	position: absolute;
	right: 5px;
	bottom: 10px;
}
.virve {
	float: left;
	display: inline;
	height: 124px;
	padding-bottom: 5px;
	padding-right: 5px;
}


input#checkbox-naiset, input#checkbox-miehet, input#checkbox-lapset, input#checkbox-mallit, input#checkbox-actors {
	margin-right: 5px;
}
.paginate {
	position: absolute;
	bottom: 0;
}
#fb {
	float: right;
	width: 160px;
	margin-top: 10px;
	margin-right: 217px;
	background: #000;
	padding: 5px;

}
#fb a {
	color: #fff;
	text-decoration: none;
	background: url("../graphics/white_right_arrow.png") no-repeat center right;
	padding-right: 10px;
	font-family: Courier New, Courier,monospace;
	font-size: 12px;
}
.front_lift_link {
	display: block;
	width: 190px !important;
	background: #000 !important;
}


/*.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/

#content:after, #sidebar:after, #polaroid-container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* {

}

#newsize img{
	width: 160px;
}


/**
 * Added short list CSS
 * 9.11.2010
 */

#playlist_wrapper {
	margin-top: 45px;
	display: none;
}
#playlist_wrapper ul {
	text-align: left;
}
#playlist_wrapper ul, #playlist_wrapper li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.delete_list_item {
	float: right;
	display: inline;
	text-decoration: none;
	color: red !important;
	font-family: Verdana;
}
#playlist_wrapper .hr {
	clear: both;
	height: 1px;
	background: #ccc;
	margin: 10px 0;
}
#playlist_wrapper a {
	color: #000;
}
#playlist li {
	clear: both;
}
#playlist li span {
	float: left;
}
#playlist_uri {
	margin-top: 30px;
}
#playlist_uri_input {
	width: 500px;
}
#playlist_wrapper h2 {
	text-align: left;
	font-size: 16px;
	font-style: bold;
	margin-bottom: 15px;
}
.add_to_list {
	font-size: 16px;
	font-family: Verdana;
}
.add_to_list:hover {
	background: #fe6d46;
	color: #fff !important;
	text-decoration: none !important;
}

#samples_category_list ul li {
	list-style: square;
}
#samples_category_list ul li ul li {
	font-size: 11px;
}
.sample_info {
	font-size: 11px;
	padding: 20px;
	display: none;
}
.toggle_sample_info {
	color: #000 !important;
	text-decoration: underline !important;
	margin-top: 10px !important;
	margin-bottom: 5px !important;
	display: block;
}


#front_page_player {
	float: left;
	display: block;
	margin-top: 110px;
	margin-left: 217px;
}
#front_page_player h4 {
	text-transform: uppercase;
	font-family: 'Courier New', Courier, monospace;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}