body {
	margin:0px 0px; 
	padding:0px;
	text-align:center;
	background-color:#fff;
	font: 11pt arial;
	line-height: 120%;
	color: #666;

	
	}
	h1{
	margin: 9px 0px 10px 0px;
	font: 1.3em arial;
	font-weight: 100;
	color: #666;

	}
	h2{
	margin: 0px;
	font: 0.8em arial;
	font-weight: bold;
	color: #666;
	}
	div.ohjelmistot h2{
	text-transform: uppercase;
	margin-bottom: 20px;
	}
	
	p{
	margin: 10px 0px 20px 0px;
	font: 0.8em arial;
	color: #666;
	}
	
	a, a:visited{
	font: 0.8em arial;
	text-decoration: underline;
	color: #666;
	}
	a:hover
	{
	font: 0.8em arial;
	text-decoration: underline;
	color: #000;
	}
	img{
	margin: 10px 0px 12px 0px;
	}

	#content-container{
	margin: 0px auto;
	text-align: left;
	width: 1000px;
}	
#top-logo{
	/*position: absolute;*/
	width: 998px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	height: 117px;
	background-color: #ccc;
}
#top-logo img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#top-logo a{
	border: 0px;
}
/*The Navigation div*/
#nav{
	/*position: absolute;
	top: 117px;*/
	width: 998px;
	height: 33px;
	line-height: 33px;
	font-size: 0.9em;
	font-weight: bold;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: url(../images/nav-background.jpg) repeat-x 0 0;
	/*filter:alpha(opacity=50);*/
}
#nav ul{

	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 33px;
	
	}
#nav li{
	display: inline;
	margin:0px;
	}

ul#nav{
	display: table;
	}
ul#nav li{
		display: table-cell;
		position: relative;
		padding: 4px 6px;
	}
	ul#nav, #nav ul, #nav ul li a{
		color: #fff;
		text-decoration: none;
		font-size: 0.9em;
		font-weight: bold;	
	}

	ul#nav li:hover, #nav ul li a:hover{
		color: #000;
	}

	ul#nav li:active, #nav ul li a:active{
		color: #666;
	}

	#nav .selected{
		color: #000;
		font-size: 0.9em;
		font-weight: bold;
	}
/*Navigation ends*/
/*Branding area image + slogan*/
#top-image{
	/*position: absolute;
	top: 150px;*/
	width: 998px;
	height: 220px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#top-image img{
	margin: 0px;
	padding: 0px;
}

/*Branding area ends*/

/*Dynamic content area*/
#center-container{
	/*position: absolute;
	top: 370px;*/
	width: 998px;
	/*height: 484px;*/
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	
}
#left-content{
	/*position: absolute;
	top: 0px;
	float: left;
	width: 697px;*/
	min-height: 449px;
	padding: 15px 20px 20px 30px;
	overflow: auto;
			/*Scrollbar colors*/
	border-right: 1px solid #999;
	scrollbar-face-color: #a3a3a3;
	scrollbar-3dlight-color: #a3a3a3; 
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #999;
	scrollbar-darkshadow-color: #878787;
	scrollbar-highlight-color: #999;
	scrollbar-shadow-color: #a3a3a3;
	scrollbar-track-color: #fff;
}
#af-content{
	/*position: absolute;
	top: 0px;*/
	width: 908px;
	/*min-height: 444px;*/
	padding: 20px 20px 20px 30px;
	overflow: auto;
			/*Scrollbar colors*/
	scrollbar-face-color: #a3a3a3;
	scrollbar-3dlight-color: #a3a3a3; 
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #999;
	scrollbar-darkshadow-color: #878787;
	scrollbar-highlight-color: #999;
	scrollbar-shadow-color: #a3a3a3;
	scrollbar-track-color: #fff;
}

#af-content a, a:visited{
	font: 1em arial;
}

#left-content hr{
	width: 400px;
}
/*Firstpage columns and ad*/
.firstpage-3-columns{
	float: left;
	width: 210px;
	overflow: hidden;
	}
.firstpage-3-columns img{
border: 0;
}
.order-service-ad{
	width: 647px;
	padding: 0px 15px 10px 15px;
	background-color: #e6e6e6;
	margin-bottom: 0px;
	margin-top: -10px;
}
.order-service-ad h1{
	font-size: 2.2em;
	font-weight: bold;
}

.order-service-ad p{
	width: 580px;
	margin-bottom: 5px;

}
.order-service-ad a{
	/*display: block;
	position: absolute;
	bottom: 20px;
	right: 75px;*/
	background-color: #fff;
	width: 100px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;	
}
.order-service-ad a:hover{
	color: #666;
}

/*Fuji tekstit*/
.fuji h1{
	font-size: 2.2em;
	font-weight: bold;
}

.fuji h2 {
        font-size: 1.5em;
	font-weight: bold;
} 

/*Phones and accessories pages*/
table.phones{
	border: 0;
	margin: 0;
	padding: 0;
	width: 660px;

}	
table.phones td{ 
	text-align: center;
	width: 150px;
}

table.phones p{
	margin: 4px;
}

table.phones img{
	margin: 6px 0px;
	border: 0;
}

table.phones a{
	font-size: 0.9em;
}
/*Contacts*/
div.img-float-area{
	float: right;
	margin-left: 20px;
}

div.img-float-area p{
	margin-bottom: 10px;
}
/*Ajankohtaiset sivut, IMG max 300px wide*/
div.news-page {
	width: 677px;
}

div.news-page p{
	width: 377px;
}
div.news-page img{
	float: right;
        margin-left: 20px;

}
div.references a{
	font-size: 0.9em;
}
div.price-list{
	padding-bottom: 10px;
}
div.price-list p{
	margin: 5px 0px;
}
.order-service a{
	display: block;
	position: absolute;
	background-color: #fff;
	width: 200px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;	
}
.order-service a:hover{
	color: #666;
}
/*Puhelinmallien ja lisalaitteiden tekniset sivut */

div.model-left{
	width: 377px;
	
}
div.model-right{
	float: right;
	margin-left: 20px;
	margin-top: 10px;
	width: 280px;
	text-align: center;
}

div.back-link{
	/*position: absolute;*/
float: right;
	margin-top: 20px;
	right: 80px;
}
div.back-link img{
	border: 0px;
}


div.back-link a{
	display: block;
	width: 110px;
	height: 25px;
}

div.services-right{
	float: right;
	margin-left: 20px;

	width: 293px;
	text-align: center;
}
div.services-left img{
	border: 0;
}

/*Yhteistyakumppanit taulukko*/
table.partners td a{
	border: 0px;
}

table.partners td{
	vertical-align: top;
	text-align: center;
}

table.partners td img{
	border: 0px;
}

p.asiakas-logo img{
	border: 0px;
	margin: 5px;
}

#right-content{  
	/*position: absolute;
	top: 0px;
	left: 747px;*/
	float:right;
	width: 210px;
	/*height: 464px;*/
	padding: 20px 20px 0px 20px;
	overflow: hidden;
	background: url(../images/news-bg.png) no-repeat 0 0;
	/*border-left: 1px solid #999;*/
	
}

/*Palaute ja huollon varaus lomakkeet*/
#order-form textarea, #response-form textarea{
	background-color: #e6e6e6;
	border: 0px;
	width: 310px;
	height: 130px;
}
#order-form input, #response-form input, #order-form select{
	background-color: #e6e6e6;
	border: 0px;
	width: 310px;
}
#order-form input.button, #response-form input.button{
	background-color: #e6e6e6;
	border: 1px outset #f5f5f5;
	width: 150px;
	color: #666;
	text-align: center;
	margin-left: 320px;
	margin-top: 10px;
}
table.form{
	border: 0px;
}
table.form td{
	vertical-align: top;
	text-align: left;
	padding: 0px 10px 6px 0px;
	font: 0.8em arial;
}

div.errors{
	margin-bottom: 10px;
	font: 0.8em arial;
}
div.buttom-style{
	margin-bottom: 25px;
}
div.buttom-style p{
	margin: 5px 0px 0px 0px;
}
div.buttom-style a{
	margin: 0;
	border: 0;
}
div.buttom-style img{
	border: 0;
	margin: 0;
}

/*Right-side News area*/
.news{
	display: block;
	height: 362px;
	margin-bottom: 100px;
	overflow: hidden;
	
	/*background: url(../images/news-bg.png) no-repeat 0 0;*/
}
.news p{
	margin: 0px 0px 0px 0px;
	
}
.news img{
	margin: 0;
	margin-top: 5px;
	padding: 0;
}
.news hr{
	color: #999;
	margin: 10px 0px;
}
/*news ends*/
/*Kuva hinnasto*/
.kuva-hinnasto td{
margin: 10px 0px 20px 0px;
	font: 0.8em arial;
}


/*Content ends*/


/*Footer*/
#footer{
	/*position: absolute;
	top: 854px;*/
	width: 998px;
	height: 33px;
padding: 0px;
margin-top: 0px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: url(../images/nav-footer-bg.png) repeat-x 0 0;
text-align: center;
}

#footer p, #footer a{
color: #fff;
text-decoration: none;
font-size: 7pt;
line-height: 33px;
	//font: 0.6em arial;
vertical-align: middle;
margin: 0px 0px 0 0px; 
}
/*Footer ends*/	
	
	#header {
	width:600px;
	margin:0px auto;
	text-align:left;
	background-color:#ffc;
	}
	#header img{
	border:0;
	padding:0;
	margin:0;
	}
	
		/*** Menu colors (customizable) ***/

	

		
	#content {
	width:600px;
	padding-top: 50px;
	margin:0px auto;
	text-align:left;
	
	min-height: 500px;
	}

