/*////////////  Generics //////////// */
body {
	background: #FFFFFF url(../images/bg_main.jpg) repeat-y center top;
	color: #ffffff; 
	font-family: Georgia, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
}

input, textarea, a {
	outline: none;/* get rid of dotted borders */
}

p {
	color: #404044;
	display: block;
	line-height: 18px;
	margin: 0px 0px 15px 0px;
}

	p.italics {
		font-style: italic;
		line-height: 18px;
	}

h1 {
	text-indent: -6666px
}

h2 {
	color: #404044;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 10px;
	/*border-bottom: 1px dotted #ff6600;*/
}

h3 {
	color: #404044;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	margin-bottom: 10px;
}

h4 {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 10px;
}

div.clear {
	clear: both;
	font-size: 0px;
	height:	0px;
	line-height: 0px;
}

ul, ol {
	list-style-type: none;
}

#wrapper {
	margin:	0px auto;
	width: 800px;
}

#anchor {
	color: #000000;
}

/*////////////  NavBar //////////// */
#navbar_wrap  {
	background: url(../images/nav_bg2.png) repeat-x;
	display: block;
	height: 50px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 666;
}

body > div#navbar_wrap {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
}

#navbar_wrap .navcontent {
	height: 50px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	text-align: right;
}

#nav {
	float: right;
}

#nav em { 
	display: none;
}

	#nav ul { 
		float: left; 
		list-style-type: none; 
		margin: 0px;
		padding: 0px;
		width: 100%;  
	}
	
		#nav li { 
			display: inline;
			float: left; 
			margin: 0px;
			padding: 0px; 
		}
		
		#nav li a { 
			display: block; 
			height: 20px 
		}

        #nav li a.navesittely { 
			background: url(../images/nav_esittely.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px; 
			width: 95px;
		}	

		#nav li a.navprint { 
			background: url(../images/nav_printti.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px; 
			width: 100px;
		}	
		
		#nav li a.navweb { 
			background: url(../images/nav_web.gif) no-repeat left top; 
			margin: 0px; 
			padding: 0px;
			width: 70px; 
		}
		
		#nav li a.navmuut { 
			background: url(../images/nav_muut.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px;
			width: 75px;
		}
		
		#nav li a.navyhteystiedot { 
			background: url(../images/nav_yhteystiedot.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px;
			width: 150px;
		}
		
		#nav li a:hover { 
			background-position: left bottom 
		}
		
		#nav li a.navesittely:hover { 
			background: url(../images/nav_esittely_hover.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px; 
			width: 95px;
		}
		
		#nav li a.navprint:hover { 
			background: url(../images/nav_printti_hover.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px; 
			width: 100px;
		}
		
		#nav li a.navweb:hover { 
			background: url(../images/nav_web_hover.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px; 
			width: 70px;
		}
		
		#nav li a.navmuut:hover { 
			background: url(../images/nav_muut_hover.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px; 
			width: 75px;
		}
		
		#nav li a.navyhteystiedot:hover { 
			background: url(../images/nav_yhteystiedot_hover.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px; 
			width: 150px;
		}
		
/*////////////  Content //////////// */				
#header {
	background: url(../images/header_logo.gif) no-repeat;
	height: 64px; 
	width: 800px;
	margin:	80px 0px 0px 0px;
	
}

.section-titles {
	padding: 15px 0px 15px 6px;
}

/*////////////  Services //////////// */	
#services-wrap {
	margin:	25px 0px 0px 0px;
}
		
#services {
	background: url(../images/opac_bg.png) repeat;
	height: 170px;	width: 800px;
	margin:	0px 0px 15px 0px;
	padding: 10px 0px 12px 16px;
}

	.services-box {
		display:block;
		float:left;
		padding: 0px 15px 0px 0px;
		width: 250px;
	}
	
		.services-box p {
			color: #959595;
			display: block;
			line-height: 18px;
		}
		
		.services-box ul {
			float: left;
			padding-left: 2px;
		}
		
		.services-box ul li {
			background:	url(../images/bullet.gif) 0px 4px no-repeat;
			color: #959595; 
			padding: 4px 0px 7px 15px;
		}
		
		
/*////////////  Portfolio //////////// */	
.portfolio-frame {
	height: 500px;	
	width: 800px;
	margin: 0px;
}

	.portfolio-img {
		float: left;
		height: 430px;
		width: 800px;
	}

		.portfolio-img img{
			padding: 0px;
		}

	.portfolio-text {
		background: url(../images/lipare1.gif) no-repeat left top; 
		float: left;
		height: 25px;
		width: 800px;
		padding: 4px 0px 0px 15px;
	}

    	.portfolio-text p {
    		color: #333333;
    	}
    	
    	.portfolio-text a {
			color: #fa8508;
			display: inline-block;
			outline: none;
			text-decoration: none;
			font-weight: bold;
		}
		
		.portfolio-text a:hover {
			color: #fa8508;
			display: inline-block;
			outline: none;
			text-decoration: none;
			font-weight: bold;
		}

    .portfolio-text2 {
		background: url(../images/lipare2.gif) no-repeat left top; 
		float: left;
		height: 25px;
		width: 800px;
		padding: 4px 0px 0px 15px;
	}

		.portfolio-text2 p {
    		color: #333333;
    	}

        .portfolio-text2 a {
			color: #fa8508;
			display: inline-block;
			outline: none;
			text-decoration: none;
			font-weight: bold;
		}
		
		.portfolio-text2 a:hover {
			color: #fa8508;
			display: inline-block;
			outline: none;
			text-decoration: none;
			font-weight: bold;
		}

/*////////////  Contact Area //////////// */	
#contactarea {
    background: url(../images/opac_bg.png) repeat;
    width: 800px;
}

#contactleft {
	float: left;
	height: auto;	
	width: 380px;
	padding: 0px 20px 0px 15px;
}

	#contactleft a {
		color: #fa8508;
		display: inline-block;
		outline: none;
		text-decoration: none;
	}
		
	#contactleft a:hover {
		color: #fa8508;
		display: inline-block;
		outline: none;
		text-decoration: none;
	}

#contactleft .tel {
	color: #ffffff;
	display: block;
	font-weight: bold;
}

#contactright {
	float: left;
	height: auto;
	width: 380px;
}

    #contactright ul {
	    float: left;
		padding-left: 2px;
	}
		
	#contactright ul li {
		background:	url(../images/bullet.gif) 0px 4px no-repeat;
		color: #959595; 
		padding: 4px 0px 7px 15px;
	}

/*//////////// Footer ////////////*/
#footer {
	height:	60px;
	padding: 40px 0px 0px 0px;
	margin: 0px;
}

#footercontent {
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#footercopyright {
	float: right;
	padding: 20px 0px 0px 0px;
	text-align: right
}