/* CSS Document for Modelpoint.fi */

/*div {border: 1px solid #ccc;} */

* {margin: 0; padding: 0;}

body {
	font: 0.7625em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	color: #333;
	background-color: #104459;
	background-attachment: fixed;
	background-image: url(images/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .066em;}

div#container {
	width: 790px;
	margin: 6px auto;
	background-color: #fff;
}

div#navi {
	margin-top: 0;
	padding: 0;
	width: 178px;
	height: 500px;
	float: left;
	clear: left;
	background: #fff;
}

div#navi img {margin: 0; margin-top: 3px;}


@media screen {
dl#menu {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: .044em;
	margin-left: 0;
	padding-left: 6px;
	margin-top: 24px;
	border-left: 6px solid #104459;}

dl#menu dt {margin-top: 6px;}

dl#menu dt a {text-decoration: none; color: #000;}

dl#menu dt a.activelink {font-weight: bold; color: #104459;}
	

dl#menu dd {display: inline; margin: 3px 3px; line-height: 150%;}

dl#menu dd a {text-decoration: none; color: #000;}

dl#menu dd a:hover {background: #def; color: #000;}

dl#menu dd a.activelink {font-weight: bold; color: #104459;}
}

@media print {
dl#menu {display: none;}
}

@media screen {
dl#tag {display: none;}
}

@media print {
dl#tag dd {padding: 3px; font-size: 12px;}
}

div#content {margin-left: 190px;}

div#footer {
	clear: both; 
	padding: 6px; 
	margin-top: 10px;
	text-align: left;
	font-size: 11px;
	border-bottom: 6px solid #104459;
}

div#footer p {margin-left: 187px; }

div#text {
	padding: 12px; 
	width: 550px;
	font-size: 11px;}
div#text p {line-height: 180%; margin-top: 11px; width: 440px;}
div#text h2, div#text h3 {margin-top:22px;}
div#text dl {margin: 12px;}
div#text dl dt, div#text dl dd {margin: 3px;}
div#text a {color: #000;}


div#models, div#mallikortti {
	width: 600px;
	height: 520px;
}

div#models ul {list-style: none;}

div#models ul li {
	display: block;
	height: 172px;
	width: 100px;
	float: left;
	padding: 0 10px;
	margin: 3px;
	text-align: center;
	font: bold 14px Helvetica, Arial, sans-serif;
	letter-spacing: .111em;
	background-image: url(images/modelback_small.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* div#mallikortti {width: 650px; height: 540px;} */

div#mallikortti table {width: 200px; margin-top: 10px;}
div#mallikortti table td {padding: 6px;}
div#mallikortti h2 {padding-top: 33px; margin-left: 8px;}

@media screen {
ul#bigphoto {list-style: none; margin-left: 4px;}
ul#bigphoto li {display: inline; padding-right: 10px;}
ul#bigphoto li a:link, ul#bigphoto li a:visited {color:#000; text-decoration: none;}
ul#bigphoto li a:hover {text-decoration: underline;}
}


@media print {
ul#bigphoto {display: none;}
}



@media screen {
.back {font: bold 14px Helvetica, Arial, sans-serif; margin-top: 20px; margin-left: 8px;}
.back a {color:#000; text-decoration: none;}
}

@media print {
.back {display: none;}
}

.clear {clear: both;}

div#contact {
	margin-left: 180px;
	margin-top: 80px;
	line-height: 160%;}

/* MALLIGALLERIA */

#placeholder {
	float: right;
	margin-right: 14px;
	margin-top: 3px;
}


#thumbnails {
	margin: 0;
	padding:0;
	clear: right;
}

#thumbnails li {
	display: block;
	float: left;
	width: 90px;
	height: 135px;
	margin: 10px 15px;
	
}
#thumbnails li a {
	display: block;
	width: 90px;
	height: 135px;
}
#thumbnails li a:hover {
	border: 1px solid #fff;
}

#page {clear: both;}

.row {
	margin-top: 10px;}

#kumppani, #kumppani2 {list-style: none;}

#kumppani li {
	display: block;
	float: left;
	width: 160px;
	height: 120px;
	padding: 6px;
	line-height: 160%;
	}

#kumppani2 li {
	display: block;
	float:left;
	width: 160px;
	height: 120px;
	padding: 6px;}

/* fix for mozilla's center-position-changes-when-scrollbar-appears behaviour */
html {
	overflow:-moz-scrollbars-vertical;
}