/* -------- RESET -------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
/* --- BASICS -- */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:62.5%;/*basefont 10px*/
	line-height:1.5em;
	color:#474544;
	background:url(img/bg.png) top center repeat-x #fafdfe;
}
ul, ol {
	list-style: none;
}
p {
	margin: 15px 0;
}
a:link, a:visited {
	color:#7f3589;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:active {
	color:#f00;
}
h1 {
	font-size:2em;/*20px*/
	font-weight:normal;
	font-variant:small-caps;
	color:#576265;
}
h1 a {
	color:#576265;
	text-decoration:none;
}
h2 {
	font-size:2em;/*20px*/
	margin: 30px 0 15px 0;
	font-weight:normal;
	font-variant:small-caps;
	color:#576265;
}
h3 {
	font-size:1.5em;/*15px*/
	margin: 30px 0;
	font-weight:normal;
	font-variant:small-caps;
	color:#576265;
}
h4 {
	font-size:1.6em;/*16px*/
}
h5 {
	font-size:1.4em;/*14px*/
}
h6 {
	font-size:1.2em;/*12px*/
}
p {
	font-size:1.4em;/*13px*/
	line-height:1.4em;
}
p.first {
	margin: 30px 0 15px 0;
}
li {
	font-size:1.4em;/*13px*/
	line-height:1.4em;
}
li li {
	font-size:1em;/*13px*/
	line-height:1.4em;
}
#page-wrap {
	width: 900px;
	margin: 0 auto;
}
/* HEADER */
#header {
	position:absolute;
	height:170px;
	width:900px;
	z-index:100;
}
#feel {
	float:left;
	width:50%;
}
#feel p {
	position:relative;
	left:70px;
}
#feel p a {
	border:none;
	display:block;
	width:288px;
	height:135px;
	background:url(img/logo2.png) top left no-repeat;
}
#feel p a img {
	display:none;
	border:none;
}
#navi {
	position:absolute;
	top:0;
	right:-20px;
}
#navi a {
	color:#e7eaeb;
	text-decoration:none;
}
/* ------------------ dropdown  ------------------ */

/* 
	 Level One
*/

ul.dropdown {
	min-width:500px;
}
ul.dropdown {
	position: relative;
}
ul.dropdown li {
	font-weight: normal;
	float: left;
	background:url(img/navi-bg.png) no-repeat;
	background-position:-450px 0;
}
ul.dropdown li a {
	white-space:nowrap;
	background:url(img/navi-bg.png) no-repeat;
	background-position:-900px 0;
	display: block;
	border-top:0;
	border-bottom:1px solid #999;
	color: #e7eaeb;
	text-decoration:none;
	padding:97px 20px 25px 20px;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:14px;
}
ul.dropdown a:hover {
	color: #e7eaeb;
	background:url(img/navi-bg.png) no-repeat;
	background-position:-450px 0;
}
ul.dropdown a:active {
	color: #e7eaeb;
}
/*ul.dropdown li:last-child a {
	border-right: none;
	} *//* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
	color: #e7eaeb;
	position: relative;
	background:url(img/navi-bg.png) no-repeat;
	background-position: -450px 0;
	outline: 0;
}
ul.dropdown li.hover a {
	color: #e7eaeb;
	background:url(img/navi-bg.png) no-repeat;
	background-position:-450px 0;
	outline: 0;
}
/* Currents */
	
body.index ul.dropdown a.index, body.palvelut ul.dropdown a.palvelut, body.yritys ul.dropdown a.yritys, body.referenssit ul.dropdown a.referenssit, body.yhteystiedot ul.dropdown a.yhteystiedot, body.palvelut001 ul.dropdown a.palvelut, body.palvelut002 ul.dropdown a.palvelut, body.palvelut003 ul.dropdown a.palvelut {
	color: #e7eaeb;
	background:url(img/navi-bg.png) no-repeat;
	background-position: 0 0;
}
/* 
	Level Two
*/
ul.dropdown ul {
	width: 200px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
}
ul.dropdown li ul li {
	font-weight: normal;
	float: none;
}
ul.dropdown li:hover ul li, ul.dropdown li.hover ul li {
	float: none;
}
ul.dropdown li.hover ul li a {
	font-weight: normal;
	background:url(img/navi-bg.png) no-repeat;
	background-position:-900px 0;
	color: #000;
	float: none;
}
ul.dropdown li.hover ul li a:hover {
	font-weight: normal;
	background:url(img/navi-bg.png) no-repeat;
	background-position: 0 0;
	color: #000;
	float: none;
}
ul.dropdown ul li a {
	padding:4px;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
	white-space:normal;
}
/* 
	Level Three
*/
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}
/* CONTENT */	
	
#content {
	min-height:300px;
	padding-top:210px;
	padding-left:90px;
	padding-right:30px;
}
#block001 h1#headline {
	display:block;
	width:780px;
	height:50px;
	text-indent: -9999px;
}
body.index #block001 h1#headline {
	background:url(img/headline-index.png) no-repeat 0 0;
}
body.yritys #block001 h1#headline {
	background:url(img/headline-yritys.png) no-repeat 0 0;
}
body.palvelut #block001 h1#headline {
	background:url(img/headline-palvelut.png) no-repeat 0 0;
}
/**/

body.palvelut001 #block001 h1#headline {
	background:url(img/headline-palvelut001.png) no-repeat 0 0;
}
body.palvelut002 #block001 h1#headline {
	background:url(img/headline-palvelut002.png) no-repeat 0 0;
}
body.palvelut003 #block001 h1#headline {
	background:url(img/headline-palvelut003.png) no-repeat 0 0;
}
/* */

body.referenssit #block001 h1#headline {
	background:url(img/headline-referenssit.png) no-repeat 0 0;
}
body.yhteystiedot #block001 h1#headline {
	background:url(img/headline-yhteystiedot.png) no-repeat 0 0;
}
#block002 ul, #block003 ul {
	list-style-type:disc;
	padding:0 0 0 1.4em;
	margin:.5em 0 1em 0;
}
#block002 li, #block003 li {
	margin:0 0 5px 0;
}
#block002, #block003 {
	margin-top:0;
	float:left;
	padding:0;
}
#block002 {
	padding:0 15px 0 0;
}
#block003 {
	padding:17px 0 0 0;
}
body.index #block002, body.index #block003 {
	margin-top:30px;
	padding:0;
}
body.index #block002 ul, body.index #block003 ul {
	list-style-type:none;
	padding:0;
}
body.index #block002 li, body.index #block003 li {
	margin:0;
}
#block002 {/*body.index*/
	width:450px;
	display: inline; /* for IE5/6 */
}
body.index #block002 {/*body.index*/
	width:500px;
	display: inline; /* for IE5/6 */
}
body.palvelut001 #block002, body.palvelut003 #block002 {
	width:500px;
	display: inline; /* for IE5/6 */
}
body.palvelut002 #block002 {
	width:425px;
	display: inline; /* for IE5/6 */
}
#block003 {/*body.index */
	width:250px;
}
body.index #block002 ul.links {
	margin-top:10px;
}
body.index #block002 ul.links li.links {
	text-indent: -9999px;
}
body.index #block002 ul.links li.status {
	margin-top:-2em;
	margin-bottom:.5em;
	font-style:italic;
}
body.index #block002 ul.links li a {
	display:block;
	width:437px;
	height:54px;
}
body.index #block002 ul.links li {
	margin-bottom:25px;
}
body.index #block002 ul.links li#link-4 a {
	margin-top:55px;
}
body.index #block002 ul.links li#link-1 a {
	background:url(img/indexlinks.png) no-repeat left top;
}
body.index #block002 ul.links li#link-2 a {
	background:url(img/indexlinks.png) no-repeat 0 -77px;
}
body.index #block002 ul.links li#link-3 a {
	background:url(img/indexlinks.png) no-repeat 0 -154px;
}
body.index #block002 ul.links li#link-4 a {
	background:url(img/indexlinks.png) no-repeat 0 -230px;
}
/*body.index #block002 ul.links li#link-1 a:hover {
	background:url(img/linkki-1.png) no-repeat 0 0;
}
body.index #block002 ul.links li#link-2 a:hover {
	background:url(img/linkki-2.png) no-repeat 0 0;
}
body.index #block002 ul.links li#link-3 a:hover {
	background:url(img/linkki-3.png) no-repeat 0 0;
}*/


/*background-images*/

body.index #content {
	background:url(img/mies-ja-pallo.png) no-repeat;
	background-position:600px 330px;
}
body.yhteystiedot #content {
	background:url(img/yhteystiedot.png) no-repeat;
	background-position:400px 280px;
}
body.yhteystiedot.no-bg #content {
	background:none;
}
body.palvelut #content {
	background:url(img/palvelut.png) no-repeat;
	background-position:500px 300px;
}
/* */

body.palvelut001 #content {
	background:url(img/palvelut001.png) no-repeat;
	background-position:625px 265px;
}
body.palvelut002 #content {
	background:url(img/palvelut002.png) no-repeat;
	background-position:540px 255px;
}
body.palvelut003 #content {
	background:url(img/palvelut003.png) no-repeat;
	background-position:625px 265px;
}
/* */
	
	
	
body.referenssit #content {
	background:url(img/referenssit.png) no-repeat;
	background-position:530px 280px;
}
body.yritys #content {
	background:url(img/yritys.png) no-repeat;
	background-position:570px 260px;
}
/* */



#sertificate {
	position:relative;
	left:30px;
	top:10px;
}
#sertificate li {
	display:inline;
	padding:5px;
}
/* block 3 */

/* FOOTER */

#footer {
	height:50px;
	bottom:0;
	padding:0;
	margin-left:0;
	margin-top:25px;
	color:#94908e;
}
#footer a {
	color:#94908e;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
/*CONTACT FORM STYLES
-------------------------------------------------------- */


fieldset.form {
	margin:0 0 0 -1em;
}
fieldset.form ul {
	padding:0;
}
fieldset.form ul li {
	padding:0;
	list-style-type:none;
	float:left;
}
fieldset.form ul li label {
	float:left;
	width:80px;
	padding:3px 0 3px 0;
}
fieldset.form input, fieldset.form textarea {
	background:#fff;
	border:1px solid #d7dee2;
	padding:2px;
	font-size:1em;
	color:#474544;
	width:350px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
fieldset.form input:focus, fieldset.form textarea:focus {
	background:#f5f7f8;
}
fieldset.buttons {
	padding:0 0 0 83px;
	margin:1em 0 0 0;
}
fieldset.buttons input {
	background:#566164;
	padding:4px;
	font-size:1.4em;
	color:#fff;
	width:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* EXTRA */

.left {
	float:left;
}
.right {
	float:right;
}
.imgmargin {
	margin:10px 5px 0 0
}
.border {
	border:1px solid #b2b8bb
}
.bordernone {
	border:none;
}
.hide {
	display:none;
}
.clear {
	clear:both;
}
.left-indent {
	position:relative;
	left:-50px;
}
.left-indent2 {
	position:absolute;
	left:450px;
}
#block002 ul, #block002 ol {
	margin: 15px 0 30px 0;
}
#block002 ul ul, #block002 ol ol {
	margin: 10px 0;
}