html, body {margin: 0;padding: 0;border: 0;}

body 
{
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6E6C65;	
	text-align: center;
	height: auto;
	background: #E8E5DE;
}

body a img, body a:hover img {border: none;}

body a 
{
	color: #4E67A9;
	text-decoration: none;
}

body a:link	
{	
	color: #4E67A9;
	text-decoration: none;
}	
		
body a:visited	
{	
	color: #4E67A9;
	text-decoration: none;
}	
		
body a:active
{	
	color: #4E67A9;
	text-decoration: none;
}	
		
body a:hover {
	color: #4E67A9;
	text-decoration: underline;
}

hr {	
	width: 100%;
	height: 1px;
}

p 
{
	margin: 0;
	padding: 0 0 20px 0;
}


/**********************************************************/

#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	height: auto;
	width: 930px;
	text-align: left;
	background: transparent;
}

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


/*************************************** HEADER-ELEMENTS *******************/

#Header {	
	position: relative;
	display: block;
	width: 930px;
	margin: 0;
	padding: 0;
}

.FrontPageHeader {height:73px;}

.SubPageHeader {height:103px;}

#BannerBox {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 930px;
	background: #B8B2A2;
	
		
}

.SABanner1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 930px;
	height: 231px;
}

.SABannerFrontpage {
	height: 362px;
}


#Logo {
	display: block;
	position: absolute;
	width: 131px;
	height: 73px;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
}


#MenuTitle {
	display: block;
	position: absolute;
	width: 131px;
	height: 30px;
	top: 73px;
	left: 0px;	
	line-height: 30px;
	background: #958F81;
	text-align: center;
	font-family: Arial, Verdana;	
	font-size:13px;
	text-transform: uppercase;
	color: #fff;

}

/******************************* COLUMNS N STUFF ***************************/

#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding-bottom:20px;
	width: 930px;
}

.ColumnsFrontPage {background: url(../img/columns_frontpage.gif) repeat-y left top;padding-top:20px;}

.ColumnsTwoColumns {background: url(../img/columns_twocolumns.gif) repeat-y left top;padding-top:30px;}

#Columns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.Column 
{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

.Column_floatRight 
{
	display: inline;
	margin: 0;
	padding: 0;
	float: right;
}


.BlockElement {
	position: relative;
	display: block;
	background: transparent;
}

.BlockElement:after  {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


#C1 {	
	position: relative;
	display: block;
	width: 636px;
	margin: 0;
	padding: 0;
	background: transparent;
}

#C2 {
	position: relative;
	display: block;
	width: 285px;
	margin: 0;
	padding: 0;
	background: transparent;
}


#C3 {
	position: relative;
	display: block;
	width: 1px;
	height: 600px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: transparent;
}

#C1:after, #C2:after, #C3:after  {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/****************************************** SACONTENTS ****************/

#SAContent1,#SAContent2,#SAContent3,#SAContent4,#SAContent5,#SAContent6,#SAContent7,#SAContent8,#SAArea1
{
	position:relative;
	display: block;
	height: auto;
	padding:0;
}

#SAContent1:after,#SAContent2:after,#SAContent3:after,#SAContent4:after,#SAContent5:after,#SAContent6:after,#SAContent7:after,#SAContent8:after,#SAArea1:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/********************************* FOOTER *************************/

#Footer {
	position: relative;
	display: block;
	margin: 0 0 0 18px;
	padding: 0;
	width: 912px;
	height: 46px;
	line-height: 46px;
	color: #6E6C65;
	text-align: center;
	z-index:50;
}

* html #Footer {width:930px;}



/*********************************************/

.Width76 {width:76px;}

.EvenTechRow {
	display: block;
	position: relative;
	width: 292px;
	background: #fff;
	padding: 2px 0 2px 18px;
	
	
}

* html .EvenTechRow {width: 310px;}

.EvenTechRow:after  {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.OddTechRow {
	display: block;
	position: relative;
	width: 292px;
	background: #F3F0E8;
	padding: 2px 0 2px 18px;
}

* html .OddTechRow {width: 310px;}

.OddTechRow:after  {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.EquiRow {
	display: block;
	position: relative;
	width: 300px;
	padding: 0;
}

.EquiRow:after  {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


.BoatFileLink {
	display: block;
	position: relative;
	padding: 0 0 0 40px;
	height: 32px;
	line-height: 32px;
	margin-top: 20px;
}

.BoatFileLink_jpg {background: url(../img/fileicon_jpg.gif) no-repeat left top;}
.BoatFileLink_gif {background: url(../img/fileicon_gif.gif) no-repeat left top;}
.BoatFileLink_pdf{background: url(../img/fileicon_pdf.gif) no-repeat left top;}
.BoatFileLink_doc{background: url(../img/fileicon_doc.gif) no-repeat left top;}
.BoatFileLink_xls{background: url(../img/fileicon_xls.gif) no-repeat left top;}
.BoatFileLink_ppt{;background: url(../img/fileicon_ppt.gif) no-repeat left top;}            
.BoatFileLink_unk{background: url(../img/fileicon_unk.gif) no-repeat left top;}

/***********************************/

.PagingHelper {
	display: block;
	position: relative;
	width: 18px;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}


.PagingLink {
	display: inline;
	position: relative;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 17px;
	font-size: 10px;
	color: #4F66A9!important;
	text-align: center;
	margin: 0 2px 0 2px 0;
	padding: 0;
}

.PagingLink:Hover {
	text-decoration:underline!important;
}

.Prev, .Next 
{
    color:#fff!important;
    background:#5067AA;
    padding: 0 3px 0 3px;
}


.PagingLinkSelected {
	display: inline;
	position: relative;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 17px;
	font-size: 10px;
	color: #4F66A9!important;
	text-align: center;
	margin: 0 2px 0 2px 0;
	padding: 0;
	text-decoration:underline;
}

/* Personal & ProductionImages */ 
#ImageHolder
{
    display:block;
    position:relative;
    margin:0;
    padding:10px 10px 10px 10px;
    width:255px;    
    border:solid 1px #CEC8B8;
}



#ImageHolder img 
{
    width:255px;
}

#InfoHolder 
{
    display:block;
    position:relative;
    margin:0 0 0 15px;
    padding:5px 0 0 0;
    width:260px;
    font-weight:normal!important;
}

.ImagePrev 
{
    display:block;
    position:absolute;    
    left:10px;
    bottom:10px;
    z-index:20;
    color:#000!important;
    background:#fff;
    padding: 5px 7px 5px 7px;
    font-weight:bold!important;
    }

.ImageNext
{
    display:block;
    position:absolute;   
    right:10px;
    bottom:10px;
    z-index:20;
    color:#000!important;
    background:#fff;
    padding: 5px 7px 5px 7px;
    font-weight:bold!important;
}

/* nuolen säätöyritysyä i6:lla. Voi poistaa.
* html #ImageHolder
{
    display:block;
    position:relative;
    margin:0;
    padding: 5px 5px 5px 5px;
    width:255px;    
    border:solid 1px #CEC8B8;
}

*html .ImagePrev 
{
    display:block;
    position:relative;         
    color:#000!important;
    background:#fff;    
    font-weight:bold!important;
    margin:-5px 0 0 -15px;
    padding:0 -5px 0 0;
    width: 25px;
    height: 15px;
    float:left;
    }

*html .ImageNext
{
    display:block;
    position:relative;       
    color:#000!important;
    background:#fff;   
    font-weight:bold!important;
    float:right;
    margin:-5px 0 0 0;
    padding:0;
    width: 25px;
    height: 15px;
}

*html .ImagePrev a
{
    margin: 0;
    padding: 0;
    
    }
    *html .ImageNext a
{
    margin: 0;  
    padding: 0;
    
}
/*

