/*
Theme Name: Marsaana
Theme URI: 
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.0
Author: Andreas Koutsoukos
Author URI: http://www.andreaskoutsoukos.com
Tags: muoti, 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Global Styles */

	body								{background:url(../images/bg.png) repeat-x #FFFFFF; font-size:12px;	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; color:#000000;}
	a:focus								{outline:1px dotted;}
	a									{color:#717171; text-decoration:none;}
	a:hover								{text-decoration:none;}

/*Cufon Css*/

.cufon{
	font-size: 16px;
	color: #020202;
}

/*Cufon Css*/


body{
	width: 891px;
	margin:0 auto;
	/*background-image: url(images/piirustus.png);*/
	background-repeat: no-repeat;
	background-position: 3% 0% center top;
	
}

/*Wrap Css*/
#wrap {
	width: 891px;
	margin:0 auto;
	overflow-y: hidden;
	
	}
/*Wrap Css*/


#piirustus{
	position: absolute;
	left: 50px;
	top:50px;
	
	width: 500px;
	height: 633px;
	
	
}

/*Header Css*/
#header{
	height:140px ;
	width: 891px ;
	
	background-image: url(images/header_bg_white.png);
	}
	
	
#logo{
	position: absolute;
	height:104px ;
	width: 415px ;
	margin-top: 15px;
	margin-left: 15px;
	background-image: url(images/header_mars_logo_white.png);
}	
/*Header Css*/


/*Login Css*/

#login{
	position: relative;
	height:130px ;
	width: 215px ;
	
	float: right;
	
	  
}

#lehdisto_tab{
	position: relative;
	
	margin-top: 15px;
	margin-left: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	
}

#tunnus{
	position: relative;
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	top:5px;
	left: 0px;
}


.kirjautumis_form{
	position: relative;
	height:23px;
	width: 195px;
	top: 10px;
	left: 0px;
	
}


#salasana{
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	top:74px;
	left: 0px;
}


#log{
	position: absolute;
	top:2px;
	
	width: 190px;
	border: none;
	color: #fff;
	padding-left: 5px;
	background-color: #333333;
	font-size: 11px;
	font-family: Arial;
}


#pwd{
	position: absolute;
	top:2px;
	
	width: 190px;
	border: none;
	color: #fff;
	padding-left: 5px;
	background-color: #333333;
	font-size: 11px;
	font-family: Arial;

}



#kirjautuminen_tab{
		
	padding-top: 15px;
}

.button{
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	border:none;
	background-color: #4E4E4E;
	
	
	 
}

#log_out{
	position: relative;
	float: right;
	top:55px;
	right: 20px;
	height:45px;
	width: 140px;
	background-image: url(images/uloskirjaus_kupla.png);
	
}


.log_out {
	text-align: center;
	left: 20px;
	font-family: Arial;
	font-size: 12px;
	color: #000;
	
	
}

.out_log{
	position: relative;
	top: 7px;
	
}
	
/*Login Css*/

/*Kielivalinta boxi Css*/

#multilanguagebox{
	
	padding-top: 140px;
	
	float: right;
}

#fi{	
	margin-right: 10px;
	float: right;
	
}


#en{
	margin-right: 10px;
	float: right;





}

/*Kielivalinta boxi Css*/





/*Navikaatio Css*/

#navikaatio{
	position: relative;
	height:42px;
	width: 891px;
	top:15px;
	background-image: url(images/navigation_panel_bg_blank.png);
	margin-bottom: 25px;
	
	  
}

ul.main_navi{
	position: absolute;
	top:13px;
	left: 25px;
	list-style-type: none;
	margin: auto;
	}



li.navi{
	float: left;
	
	}

.navi a{ 
	
	background-image: url(images/navi_nuoli.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 22px;
	padding-left: 22px;
	display: block;
	line-height: auto;
	text-decoration: none;
	font-family:Arial;
	font-size: 15px;
	color: #4E4E4E;
	
}	
.navi a:hover{
	color: #272727;
}






/*Navikaatio Css*/


/*Memebers Css*/

#members_only{
	position: absolute;
	top:208px;
	width: 891px;
	height:21px;
	background-image: url(images/navigation_members_panel_bg_blank.png);
	margin-top: 12px;
}

li.navi_mem{
	float: left;

}

.navi_mem a{
	
	position: relative;
	bottom:11px;
	
	
	padding-right: 22px;
	padding-left: 22px;
	display: block;
	line-height: auto;
	text-decoration: none;
	font-family:Arial;
	font-size: 15px;
	color: #4E4E4E;
}


/*Memebers Css*/



/*Palloviivat Css*/

.deco_line{
	height: 1px;
	width: 891px;
	background-image: url(images/bullet_line.png);
	margin-bottom: 35px;
}

.deco_line_2{
	height: 1px;
	width: 891px;
	
	margin-bottom: 35px;
}


/*Palloviivat Css*/


/*Main Content Css*/


#content{
	position: relative;
	width:821px; 
	height:100%;
	background-image: url(images/content_bg.png);
	
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 35px;	
	padding-right: 35px;	
}


#content_mallistot{
	position: relative;
	width:891px; 
	height:100%;
	background-image: url(images/content_bg_mallisto.png);
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	padding-right: 0px;	
}

.cont_dark_otsikko{
	color: #595959;
	font-family: Arial;
	font-size: 36px;

}

.cont_grey_otsikko{
	color: #a3a3a3;
	font-family: Arial;
	font-size: 30px;
}

.cont_page_text{
	font-family: Arial;
	font-size: 14px;
	color: #595959;
	padding-bottom: 10px;
	
}

.mallisto_text_content{
	padding-right: 10px;
	padding-left: 10px;
}



/*Main Content Css*/


/*Cont_thump_gallery Css*/

#cont_thump_gallery{
	position: relative;
	width:890px; 
	height:146px;
	background-image: url(images/picture_panel_bg.png);
 }

.container { 
	width:890px; 
	height:146px; 
	overflow:hidden; 
	position:relative; 
	cursor:pointer; 
	}

.slides { 
	position:absolute; 
	top:0; 
	left:0; }

.slides div { 
	
	position:absolute; 
	top:15px; 
	width:280px;
	padding-left: 15px;
	margin-left: 305px; 
	display:none;
	
	 }
	
#nav_buttons{
	position: relative;
	height: 100%;
	bottom: 146px;
	

}	
	
.previous{
	position: absolute;
	width: 7px;
	height: 136px;
	padding:5px;
	float: right;
	background-image: url(images/prev_button.png);
}

.next{
	position: relative;
	width: 7px;
	height: 136px;
	padding:5px;
	float: right;
	background-image:url(images/next_button.png);
	
}

.next:hover{
	position: relative;
	width: 7px;
	height: 136px;
	
	float: right;
	background-image:url(images/next_button.png);
	opacity:0.7;filter:alpha(opacity=40);
}

.previous:hover{
	position: absolute;
	width: 7px;
	height: 136px;
	
	float: right;
	background-image: url(images/prev_button.png);
	opacity:0.7;filter:alpha(opacity=40);
}





/*Cont_thump_gallery Css*/








/*404  Css*/

.error{
	
	font-family: Arial;
	font-size: 20px;
	color: #4E4E4E;
}


/*404  Css*/


/*Mallisto  Css*/

.clear {clear:both}

#thumpnail_content{
	position: relative;
	width:auto; 
}

#buttons {
	position: relative;
	width:891px;
	bottom:0px;
}

ul.mallisto_nav{
	width:891px;
	position: absolute;
	list-style-type: none;
	margin: auto;
	background-color:#727272;
}

li.mallisto_lista{
	float: left;
}

.mallisto_lista a{
	background-image: url(images/navi_nuoli.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 35px;
	padding-left: 35px;
	display: block;
	line-height: auto;
	text-decoration: none;
	font-family:Arial;
	font-size: 15px;
	color: #E2E2E2;
	
}

#text{
	padding-top: 10px;
	width:891px;
	overflow:hidden;
}

.hr {
	border:none; 
	border-bottom:1px solid #f0f0f0; 
	border-top:1px solid #d6d6d6; 
	clear:both; height:0; 
	line-height:0; 
	width:100%; 
	font-size:0; 
	padding:0 ;
	margin-bottom :20px;
}


h2 {
	font-size: 19px;
	color:#4E4E4E;
	font-weight:normal;
}

ul.ala_lista{
	
	padding-top: 10px;
	position: relative;
	list-style-type: none;
	margin: auto;
}

li.ala_linkki_lista{
	
	display: inline-block;
	float: left;
	
}


.ala_linkki_lista a{
	padding-right: 23px;
	padding-left: 23px;
	display: block;
	line-height: auto;
	text-decoration: none;
	font-family:Arial;
	font-size: 15px;
	color: #4E4E4E;
	background:#C7C7C7;
	
	
}

/*Mallistot Css*/




/*Tiedotteet  Css*/

.tiedotteet_otsikko{
	padding-top: 10px;
	padding-bottom: 10px;
}


.tiedotteet_otsikko a{
	color: #595959;
	font-family: Arial;
	font-size: 26px;
	text-decoration: none;
	
}

.tiedote_aika{
	padding-top: 5px;
	padding-bottom: 10px;
	font-family:Arial;
	font-size: 13px;
	color: #4E4E4E;
	font-style:italic;

}


.tiedote_linkit{
	padding-top: 10px;
	padding-bottom: 10px;
}

.tiedote_linkit a{
	font-family:Arial;
	font-size: 15px;
	color: #4E4E4E;
}

/*Tiedotteet  Css*/







/*Footer Css*/

#footer {
	position: absolute;
	background-image: url(images/footer_bg.png);
	margin-top: 1px;
	height: 90px;
	width: 890px;
	
	
}



#yhteystiedot_kupla {
	background-image: url(images/yhteystiedot_kupla.png);
	position: relative;
	top: 10px;
	left: 40px;
	height:45px;
	width:140px; 
}


#yhteystiedot_info{
	position: absolute;
	bottom:0px;
	left: 195px;
}

.yrityksen_nimi{
	font-family: Arial;
	font-size: 14px;
	color: #4E4E4E;

}

.yrityksen_osoite{
	font-family: Arial;
	font-size: 11px;
	color: #4E4E4E;

}

.yrityksen_kaynti_osoite{
	
	font-family: Arial;
	font-size: 11px;
	color: #4E4E4E;

}



.yrityksen_puhelin{
	position: absolute;
	bottom: 45px;
	left: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #4E4E4E;

}

.yrityksen_mail{
	position: absolute;
	bottom: 13px;
	left: 200px;
	font-family: Arial;
	font-size: 11px;
	color: #4E4E4E;

}


.footer_info{
	top: 20px;
	right: 195px;
	position: relative;
	font-family: Arial;
	font-size: 10px;
	color: #4E4E4E;

}

.footer_info a{
	
	position: relative;
	font-family: Arial;
	font-size: 10px;
	color: #4E4E4E;

}

.yllapito{
	
	font-family: Arial;
	font-size: 10px;
	margin-left: 10px;
	color: #4E4E4E;

}



/*Footer  Css*/