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

body {
margin: 0 auto;
padding: 0;
background-color: #FFF  ;
background-position:top center;
color: #003 ;
background-image: url(images/background.jpg);
font: small Arial, Helvetica, Verdana, sans-serif;
}

#wrapper 	{ margin:0 auto; padding:0; width:900px; height:100%; }

#title 		{ margin:0 auto; padding:0; width:900px; height:50px; }

#header		{ margin:0 auto; padding:0; width:900px; height:225px; }

#menu		{ margin:0 auto; padding:0; width:900px; height:45px;}

#menu ul	{	margin: 0px;
				padding: 0px;
				list-style-type: none;
				text-align: left; }
#menu ul li	{display:inline; }

#menu ul li a
			{
	display:block;
	background: url(images/button.jpg) no-repeat top left;
	float: left;
	margin: 0px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size:15px;
	height: 45px;
	width: 150px;
	padding: 10px 0 0 0;
}

#menu li a:hover {background: url(images/button-over.jpg) no-repeat top left; }

a:hover     {
	color: #00F;
	text-decoration:none;
	font-variant: small-caps;
}
a           { color: #006  ; font-variant: small-caps; text-decoration: none; }




#main		{ 	margin: 0 auto;
				float: left;		}

#about	{
	float: left;
	top: 0;
	left: 0;
	width: 860px;
	height: 100%;
	margin: 20px 0 20px 0;
	padding: 20px;
	background-color: #FFF;
}
	

#main-left	{
	float: left;
	top: 0;
	left: 0;
	width: 260px; 	height: 280px;
	margin: 0 0 0 0; 
	padding: 10px 350px 20px 20px;
	background: url(images/mainpic.png) no-repeat;  
	}

#main-right	{ 
	float: right;
	top: 0;	
	left: 0;
	width: 220px;
	height: 280px;
	margin-left: 20px;
	padding: 15px;
	background: url(images/right-form.png) no-repeat;
}

#main-bottom-left	{
	float: left;
	top: 0;
	left: 0;
	width: 610px; 	height: 210px;
	margin: 0 0 0 0; 
	padding: 0 0 0 20px ;
	background: url(images/main-lower.jpg) no-repeat;  
	}

#main-bottom-right	{ 
	float: right;
	top: 0;	
	left: 0;
	width: 220px;
	height: 210px;
	margin-left: 20px;
	padding: 15px;
}

#footer				{
	float: left;
	top: 0;
	left: 0;
	width: 860px; height: 140px;
	margin: 0 0 0 0;
	padding: 20px;
	background-color: #06255f;
}
	



/* FONTS AND SO ON AND ON AND ON

	Default font settings. 
   	The font-size percentage is of 16px. (0.75 * 16px = 12px) */


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color: #003 ; font-weight:normal; }

h1 { font-size: 2em; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1; margin: 0.5em 0px 0.5em 0px;   }
h2 { font-size: 2em; color: white;  font-family:Georgia, "Times New Roman", Times, serif;  margin: 1em 0px 0px 0px;}
h3 { font-size: 2em; color: white;  font-family:Georgia, "Times New Roman", Times, serif;  margin: 0.5em 0px 0.5em 0px; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.3em; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif;  margin-bottom: 1.5em; }
h6 { font-size: 1.16em; line-height: 1.45; margin: 2.33em 0px 2.33em 0px;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 0 0; padding: 0 0 0 0;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
.beli		{ color:#FFF;}
a:focus, 
a:hover     { color: #00F; text-decoration: underline; }
a           { color: #009; text-decoration: none; }
a img       { border:0; }

blockquote  { margin: 1.5em; color: #686b9a; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
potpis	    { margin: 0 0 1.5em; font-style: italic; }
del         { color:#686b9a; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }