/* WEB-PETERSBURG Studio, by Vitalie Cotelea, http://www.web-petersburg.com/ */
/* WEB-PETERSBURG Studio Creative Commons License - http://www.web-petersburg.com/licenses/  */
/* All associated graphics copyright 2006, Vitalie Cotelea */
/* Added: Jan. 10st, 2006 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. 
*/

/*
Tested and 100% compatible with:
================================
Windows browsers: Internet Explorer 5.5/6, Netscape 6/7.1/7.2, Mozilla 1.7.3, Firefox 1.0 Previous Release/1.0, Opera 7.54
Mac browsers (Mac OS X):  Internet Explorer 5.2.3, Safari 1.2.3, Firefox 1.0
Unix browsers: Mozilla 1.4.1/1.7b/1.7.3 (Linux), Firefox 0.9.3 (Linux), Galeon 1.3.10 (Linux), Opera 7.54 Final (Linux), Epiphany 1.4.4 (Linux), Mozilla 1.4 (Solaris)

(Very) minor issues with:
=========================
Internet Explorer 5 (Windows)
Konqueror 3.1.4-6 (Linux)

Graphics:
=========
The graphics are my own illustrations using Adobe Photoshop and Illustrator (some inspirations from google search img).

Photos: 
=======
The photos are from "http://www.fotomoldovei.com/"

Font:
=====
One of the font of the header and the titles of the linklist come from "http://www.dafont.com" and is free:
MK British Writing by Manfred Klein -> cybapee@joice.net

Thanks:
=======
Thanks to Alina Grigorieva for her invaluable advices.

*/

/* ==============
   basic elements 
   ============== */ 
BODY           { background: #30354B;
			     padding: 0px;
	             margin: 0px }
#header        { background: url(img/bg.jpg) repeat-x;
		         width: 100%;
		         height: 257px }
#logo          { background: url(img/logo.jpg) no-repeat;
		         width: 780px;
		         height: 257px }
#block-pic     { float: left;
			     width: 514px;
		         height: 257px }
.pic-left      { float: left;
			     width: 134px;
			     height: 96px;
			     padding-top: 154px;
			     padding-left: 230px }
.pic-right     { float: right;
			     width: 134px;
			     height: 96px;
			     padding-top: 154px }
#block-slogan  { color: #9D0B0C;
		         font-size: 10px;
	             font-family: Arial, Verdana, Tahoma, sans-serif;
		         text-align: right;
				 margin-left: 514px;
		         padding-top: 230px;
			     padding-right: 55px }
#bg            { background: url(img/bg.gif) repeat-y;
		         width: 780px }
#menu          { width: 230px;
			     color: #FFF;
		         font-size: 10px;
	             font-family: Verdana, Tahoma, sans-serif;
		         text-align: right;
			     padding-top: 10px }
.menu-1        { padding: 2px;
			     border-top: 1px solid #FFF;
			     border-bottom: 1px solid #FFF }
.menu-2        { padding: 2px;
			     border-bottom: 1px solid #FFF }
A.menu:link, A.menu:visited { 
	             color: #FFF;
	             text-decoration: none;
			     padding-right: 50px }
A.menu:hover, A.menu:active {
	             color: #000;
	             text-decoration: none;
			     padding-right: 50px }
#txt           { width: 550px;
			     color: #000;
		         font-size: 11px;
	             font-family: Verdana, Tahoma, sans-serif;
		         text-align: justify;
		         padding-top: 7px;
		         padding-bottom: 20px }
A.txt:link, A.txt:visited { 
	             color: #DC2B02;
	             text-decoration: none;
			     padding-left: 40px }
A.txt:hover, A.txt:active {
	             color: #1C3174;
	             text-decoration: none;
			     padding-left: 40px }
#form          { width: 500px;
			     color: #000;
	             font-size: 11px;
	             text-align: center }
.form          { width: 160px;
	             height: 18px;
			     border: 1px solid #808080 }
.textarea      { width: 495px;
	             height: 100px;
	             border: 1px solid #808080 }
.sbmt          { width: 80px;
	             height: 23px;
	             color: #4C4735;
		         font-size: 10px;
	             font-weight: bold;
	             cursor: hand;
	             border: double #808080;
	             background-color: #FFF }		 
#footer-author { background: url(img/footer.jpg) no-repeat;
		         width: 380px;
				 color: #8D94AF;
		         font-size: 10px;
	             font-family: Arial, Verdana, Tahoma, sans-serif;
		         text-align: left;
		         padding: 140px 0px 10px 5px }
#footer-copy   { width: 380px;
                 color: #8D94AF;
		         font-size: 10px;
	             font-family: Arial, Verdana, Tahoma, sans-serif;
		         text-align: left;
		         padding: 7px 0px 0px 20px }
A.copy:link, A.copy:visited { 
	             color: #8D94AF;
	             text-decoration: none }
A.copy:hover, A.copy:active {
	             color: #000;
	             text-decoration: none }
/* CSS Document end */



#index         { float: left;
                 width: 132px }
#index-block   { margin-left: 132px }
.index-block-l { width: 132px;
			     margin-right: 254px;
				 padding-left: 16px }
.index-block-r { float: right;
				 width: 254px }