@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border: none;
}

body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #3b0907 url(images/bg4.jpg)  repeat left top;
	background-attachment:fixed;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}


a {	color: #000;
	border-bottom: 1px solid #ab0101;
	text-decoration: none;
}
a:visited {
	border-bottom: 1px solid #ab0101;
	text-decoration: none;
	color: #000;
}
a:hover {
	border: none;
	text-decoration: none;
	color: #ab0101;
}
a:active {
	text-decoration: none;
	color: #000;
}


h1 {font-family:"Times New Roman", Times, serif; font-size:26px; font-style:normal; line-height:normal; font-weight:bold;}

h2 {font-family:"Times New Roman", Times, serif; font-size:20px; font-style:normal; font-weight:bold;
}

p {padding:10px 0;}

.bold { font-weight:bold;}
#container { 
	width:985px; 
	background: #faf9f7 url(images/content-left-bg3.jpg)  repeat-y left top;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	padding:0;
} 
#header {
	position:relative;
	height:194px;
	width:985px;
	background: #fff url(images/Header_bg2.jpg) no-repeat left top; 
} 
#header h1 {
	position:relative;
	top: 50px;
	left: 50px;
	width:233px;
	height:143px;
	display:block;
	background: #9f0006 url(images/PI_logo.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#header h1 a { 
	display:block; 
	width:233px;
	height:143px;
	border:none; 
	text-decoration:none;
}

#header h2 {
	display:block;
	position:relative;
	top: -55px;
	left: 297px;
	width:629px;
	height:79px;
	background: transparent url(images/Puffet_Invest_logo2.gif) no-repeat left top;
	padding: 0;
	text-indent: -9999px;
}

#header h3 {
	position:relative;
	top: -46px;
	left: 410px;
	width:350px;
	height:22px;
	display:block;
	background: transparent url(images/h3_agentuur.gif) no-repeat left top;
	padding: 0;
	text-indent: -9999px;
}

#header h3.rus {
	left: 385px;
	width:444px;
	background: transparent url(images/h3_agentuur_rus.gif) no-repeat left top;
}

#header h3.eng {
	left: 395px;
	width:407px;
	background: transparent url(images/h3_agentuur_eng.gif) no-repeat left top;
}

#header h3.fin {
	left: 425px;
	width:320px;
	background: transparent url(images/h3_agentuur_fin.png) no-repeat left top;
}

#header p {
	position:relative;
	top: -205px;
	left: 740px;
	width:200px;
	height:20px;
	display:block;
	font-weight:bold;
}

.lang {
	position: relative;
	height:20px;
	top:-30px;
	left: 10px;
	margin-bottom:-15px;
}
	
.lang a, .lang a:active, .lang a:link, .lang a:visited {
	display:block;
	float:left;
	width:22px;
	height:15px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin:0 15px 0 0;
	font-weight:bold;
	color:#8c8c8a;
	text-decoration:none;
	border:none;
	text-transform:uppercase;
	text-indent:-9999px;
	overflow:hidden;
	border:1px solid #999;
	
}


.lang a.et {background: transparent url(images/lang.gif) no-repeat -22px 0; }
.lang a.fi {background: transparent url(images/lang.gif) no-repeat -22px -15px; }
.lang a.ru {background: transparent url(images/lang.gif) no-repeat -22px -30px; }
.lang a.en {background: transparent url(images/lang.gif) no-repeat -22px -45px; }

.lang a.et:hover {background: transparent url(images/lang.gif) no-repeat 0 0; }
.lang a.fi:hover {background: transparent url(images/lang.gif) no-repeat 0 -15px; }
.lang a.ru:hover {background: transparent url(images/lang.gif) no-repeat 0 -30px; }
.lang a.en:hover {background: transparent url(images/lang.gif) no-repeat 0 -45px;}

.lang a.current {border:1px solid #900;}


#corner {
	width:390px;
	height:235px;
	position:absolute;
	left:570px;
	top:0px;
	background:none;	
}


#prises {
	position:absolute;
	left:298px;
	top:167px;
	width:100px;
	height:70px;
	
}


#menu {
	display:block;
	width:660px;
	height:200px;
	list-style: none;
	margin: 0;
	padding: 0;
	color:#fff; overflow:hidden;
}


#menu .menuBox {
	background: transparent url(images/menu_bg.gif) repeat left top;
	width:195px;
	height:166px;
	margin: 0px 10px;
	padding:0px;
	float: left; 
	font-family:"Times New Roman", Times, serif; font-size:24px; font-style:italic; font-weight:bold;
}

#menu .menuBox:hover {
	background: transparent url(images/menu_bg_active.gif) repeat left top;
}



#menu .menuBox ul li { 
	display:block;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 10px 0px 10px ;
	font-weight:bold;
	line-height:120%;
	font-style:normal;
	margin:0;	
}

#menu  a, #submenu a, .gallery a { 
	color:#fff; text-decoration:none;
	border:none;
}

#menu  a:hover { 
	color:#fff; text-decoration: none; 
	padding-left:7px;
	border:none;
}

#menu .menuIMG {
	width:80px;
	height:166px;
	margin: 0 0 0 10px;
	padding:0px;
	float: left;
	overflow:hidden;
}

#menu .menuBox h3 {
	width:181px;
	height:33px;
	margin: 0;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: transparent;
	background-image: url(images/menu_header_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}

#menu .menuBox h3.current {
	background-image: url(images/menu_header_bg_active.gif);
	background-repeat: repeat;
	background-position: left top;
	}
	
#menu .menuBox a.current {border-bottom: 2px solid #fff;
	}



#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 185px; 
	background: none; 
	padding: 0px 25px 10px 10px;
	margin: 10px 30px 0 0;

}

.NewsTimeStamp {
	font-family:"Times New Roman", Times, serif;
	font-size:14px; font-weight:bold; padding-bottom:0;
	
}

#sidebar1 h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	padding-top:7px;
}

#sidebar1 h2 a {color: #000; border:none;}

#sidebar1 h2 a:hover {color: #ab0101; }

#sidebar1 h3 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	padding-top:7px;
	font-weight:bold;
}

#sidebar1 h3 a { border:none 0;}

#sidebar1 p {
	background: transparent url(images/qu.gif) no-repeat left top;
	padding:7px 0 0 0px; text-indent:25px;
	margin:10px 0;
}

#sidebar1 .news p {
 background: none;
 text-indent:0;
 margin:0px 0;
}



.readMore {text-decoration:none; 	
}

.NewsIMG {
	display:block;
	position:relative;
	width:120px;
	height:119px;
	margin:10px 5px;
	background: transparent url(images/uudistePilt.gif) no-repeat left top;

}

.NewsIMG b {
	display:none;
	position:absolute;
	top:22px;
	left:53px;
	width:16px;
	height:13px;
	background: transparent url(images/blink.gif) no-repeat left top;
	}
	
.NewsIMG:hover b {display:block;}

#logod a {border: none 0;}
#logod img {padding:5px 10px 5px 0;}

#sidebar1 div {border-top:4px dotted #ab0101;}
div#logod {border:none 0;}


#Content {
	background: transparent url(images/content-right-bg3.jpg) repeat-y right top;
	width:945px;
	height:auto;
	padding:40px 20px;
	
}

#mainContent {
	margin: 10px 250px 0 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 10px 10px 20px;
	background: transparent;
	border-right: 6px solid #ab0101;
	height:auto;
} 

#infoArea {margin:0 10px; line-height:1.5em; min-height:300px;}
#infoArea ul {margin-left:15px}
#infoArea #submenu {margin-left:-9px;}
#infoArea .gallery {margin-left:0;}

#infoArea h3 {font-family:"Times New Roman", Times, serif; font-size:20px; font-style:normal; font-weight:bold; padding:10px 0;}
#infoArea img {float:left; margin:0 25px 15px 2px; border:2px solid #999;}
#infoArea .gallery img {border:none;}
#infoArea .FPportfolioImg {border:none; text-decoration:none;}
#infoArea .FPportfolioImg img {width:300px; margin:0 25px 60px 2px; border:none;}

#footer { 
    height:125px;
	padding: 0 10px 0 20px; 
	background: #fff url(images/footer_bg4.jpg) no-repeat left top;
	font: 13px "Times New Roman", Times, serif; font-weight:bold;
} 
#footer p, #footer div {
	width: 870px;
	margin-left: 30px; 
	padding: 10px 0; 
	background: transparent url(images/footerLine.gif) repeat-x left top;
}
.fltrt { /* this class can be used to float an element right. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.NewsSummary {border-bottom: 3px dotted #000; padding-bottom:20px}
.NewsSummary h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;	
}

.more {float:right; display:block; height:15px; width:76px; margin-top:-5px;}
.timestamp { padding:8px 0 0;}


.pages {height:25px; margin:30px 0 0;}
.pages h4 {float:left; height:25px; padding-top:3px; width:40px; font-size:12px;}
.pages ul {float:left; list-style:none; height:50px;}
.pages li {
	height:21px;
	width:25px;
	float: left;
	margin: 2px 5px;
	text-align:center;
	}
.pages a, .pages a:link, .pages a:visited, .pages a:active { 
	height:18px;
	width:25px;
	padding-top:0px;
	display:block; 
	color:#fff; 
	background: #333 url(images/menu_header_bg.gif) repeat;
	font-weight:bold; 
	border:none;
}
	
.pages a:hover {background: #900 url(images/menu_header_bg_active.gif) repeat;}
	
	
.contactItems {
	list-style: none; margin:0 -30px; font-size:11px;
}
#infoArea .contactItems h2 {
	width: 200px;
	height:23px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px; border-bottom:2px solid #000;
	margin-bottom:2px;
	float:right;
}

#infoArea .contactItems .smallName {font-size:19px;}


#infoArea .contactItems h3 {
font-size:14px; font-weight:normal; padding:0;
}
#infoArea .contactItems li {
	margin: 5px 35px 10px -15px;
	padding: 0;
	float: left;
	position: relative;
	width: 290px;
	height: 120px;

}

#infoArea .contactItems p {padding:8px 0 5px; margin:0;}
#infoArea .contactItems img {
	width:80px;
	margin:5px 10px 8px 0;
	float:left;
	border:none;
}

.tel {
	text-indent:25px;
	background: transparent url(images/tel.gif) no-repeat 90px center;  
}

.mail {
	text-indent:25px;
	background: transparent url(images/mail.gif) no-repeat 90px center;  }
	
	
/* sub menu (begin)*/
#submenu {position:relative; padding:0; top:10px; margin:0 0 20px -10px; list-style:none; font: 11px arial, sans-serif; z-index:90; background: none; height:36px; width:649px;}
 
#submenu ul {padding-top:10px; margin-top:4px; list-style:none; float:left; background:#faf9f7; border:2px solid #666;}

#submenu li {float:left; background:transparent; margin:0px 1px 0 1px; padding-left:4px }
#submenu li li {float:none; margin:0; padding:0; background:none;}
#submenu li li.last {}
/* a hack for  IE6 */
* html #submenu li li {float:left; margin:0; padding:0;}


#submenu li a {
	display:block; 
	float:left; 
	color:#fff; 
	height:22px; 
	padding:9px 5px 0 5px; 	
	line-height:36px; 
	text-decoration:none; 
	white-space:nowrap; 
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:capitalize; 
	background: transparent url(images/menu_bg.gif) repeat left top;
	text-decoration:none;
	
	
}
#submenu li a.down {background:url(down.gif) no-repeat right 20px;}

#submenu li li a {display:block; height:20px; line-height:20px; float:none; padding:4px 25px 0 5px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px; text-transform:none; background:none; margin:0;}
#submenu li li a.fly {}

#submenu li:hover {position:relative; z-index:300; background:transparent;}
#submenu li.m_hover {position:relative; z-index:300;}
#submenu li.m_hover a {color:#fff;}

#submenu li li a {}
#submenu li li.m_hover a {color:#fff;}

#submenu li:hover ul {left:-11px; top:26px; z-index:500;}
#submenu li.m_hover ul {left:0; top:26px; z-index:500;}

#submenu ul {position:absolute; left:-9999px; top:-9999px;}
* html #submenu ul {width:2px;}
/*for normal browsers */
/* show next level */
#submenu li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#submenu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#submenu li:hover li > a {color: #000;}
#submenu li:hover > a, #submenu li a:hover  {background: transparent url(images/menu_bg_active.gif) repeat left top;}
#submenu li li:hover > a, #submenu li li a:hover {color:#fff; background: transparent url(images/menu_bg.gif) repeat left top;}


/* IE5.x and IE6 need this lot to style the flyouts*/
#submenu li.m_hover li.m_hover a,
#submenu li.m_hover li.m_hover li.m_hover a,
#submenu li.m_hover li.m_hover li.m_hover li.m_hover a,
#submenu li.m_hover li.m_hover li.m_hover li.m_hover li.m_hover a,
#submenu li.m_hover li.m_hover li.m_hover li.m_hover li.m_hover li.m_hover a
{color:#fff; background: transparent url(images/menu_bg.gif) repeat left top;}

#submenu li.m_hover li.m_hover li a,
#submenu li.m_hover li.m_hover li.m_hover li a,
#submenu li.m_hover li.m_hover li.m_hover li.m_hover li a,
#submenu li.m_hover li.m_hover li.m_hover li.m_hover li.m_hover li a
{color:#fff; background: transparent url(images/menu_bg.gif) repeat left top;}

/* show next level */
#submenu li.m_hover li.m_hover ul,
#submenu li.m_hover li.m_hover li.m_hover ul,
#submenu li.m_hover li.m_hover li.m_hover li.m_hover ul,
#submenu li.m_hover li.m_hover li.m_hover li.m_hover li.m_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#submenu li.m_hover ul ul,
#submenu li.m_hover li.m_hover ul ul,
#submenu li.m_hover li.m_hover li.m_hover ul ul,
#submenu li.m_hover li.m_hover li.m_hover li.m_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#submenu .current {color:#fff; background-image: url(images/menu_header_bg_active.gif);}
#submenu li li .current {color:#900; background:none; font-weight:bold; text-decoration:underline;}

/* sub menu (end) */


/* ---------- gallery styles start here ----------------------- */

.gallery { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.gallery li {
	margin: 10px 20px 10px 0;
	padding: 0;
	float: left;
	position: relative;
	width:150px;
	height:150px;
	text-align:center!important;
	background: #abc;

}

.gallery li a * {vertical-align: middle;}
.gallery span {line-height: 150px; font-size:0px;}


.gallery a {
	display: block;
	text-decoration: none;
	color: #977119;
	width: 150px;
	height:150px;
	text-align:center!important;	
	cursor:pointer;
	border:2px solid #999;
	overflow:hidden;
	background:#ccc;
}

.gallery a:hover {
	border:2px solid #ab0101;
}

.gallery img {
	padding:0;
	margin: 0 auto!important;
	float:none!important;
}

/* ---------- gallery styles end here ----------------------- */

/* ---------- google 404 Widget start here ----------------------- */
  /* Widget content container */
   #goog-wm { margin:20px 0; }
   #goog-wm input {border:1px solid #000; margin:5px 5px; }

    /* Heading for "Closest match"
   #goog-wm h3.closest-match { }

    /* "Closest match" link
   #goog-wm h3.closest-match a { }

    /* Heading for "Other things" */
   #goog-wm h3.other-things { }

    /* "Other things" list item */
   #goog-wm ul li { }

    /* Site search box */
   #goog-wm li.search-goog { display: block; }
/* ---------- google 404 Widget end here ----------------------- */

#lbCenter a, #lbBottomContainer a {border:none!important;}

.contactItem {
		background: transparent url(images/kontakt2.gif) no-repeat left center;
		padding-left:25px;	}


p.inline {display:inline;}
h1.highlight, h3.highlight, h4.highlight, h5.highlight, h6.highlight, strong.highlight {font: 12px Verdana, Arial, Helvetica, sans-serif !important; font-weight:normal; display:inline;}
h1.highlightBold, h3.highlightBold, h4.highlightBold, h5.highlightBold, h6.highlightBold {font: 12px Verdana, Arial, Helvetica, sans-serif !important; font-weight:bold !important; display:inline;}
.Headline {font-family:"Times New Roman", Times, serif; font-size:26px; font-style:normal; line-height:normal; font-weight:bold;}


a.FPpromoImg, a.FPpromoImg:link, a.FPpromoImg:active {
	display:block;
	width:300px;
	height:314px;
	overflow:hidden;
	background: #900 url(userPics/SuveksTryk-promo-est.jpg) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	margin:5px 15px 80px 0;
	text-decoration:none;
	border:none;
	}
	
.FPpromoImg:hover {
	background: #900 url(userPics/SuveksTryk-promo-est.jpg) no-repeat -300px 0;
	text-decoration:none;
	border:none;
	}