/*-------------------------------------------------------------* 
 |	                       		                                 |
 |	      Date:  18.11.2009		                                 |
 |	    Author:  Alexandra V. Vovk                              |
 |		Project:  webmagiya.com                                  |
 |	                       		                                 |
 *-------------------------------------------------------------*/


/*-------------------------------------------------------------* 
 |			RESET            		                                 |
 *-------------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, 
table, th, td, dt, dd, p, blockquote, pre, form, fieldset
	{ margin: 0; padding: 0; }
	

/*-------------------------------------------------------------* 
 |			HTML TAGS        		                                 |
 *-------------------------------------------------------------*/
body { background: #fff; font-family: Tahoma, sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 150%; }

p { text-align: justify; padding: 5px 0; }

h1, h2, h3, h4, h5, h6 { font-family: Tahoma, sans-serif; } 
h1 { font-size: 20px; font-weight: normal; text-align: center; }

/* ----- lists ----- */
ul, ol { display: block; border: 1px; margin: 0 0 15px 45px;}
ol { list-style-type: decimal; }
ul { list-style: disc; list-style-position: inside; }
ol li { background: transparent; list-style-position: inside; padding: 0 0 5px 5px; }
li { /*background: url(img/marker.gif) 0 4px no-repeat;*/ padding: 0 0 5px 15px; border: 0;}
ul ul, ul ol, ol ol, ol ul { margin: 0 0 0 20px;}

/*-------------------------------------------------------------* 
 |			GENERIC CLASSES  		                                 |
 *-------------------------------------------------------------*/
/* ------ Floating ------ */
.f-left { float: left; }
.f-right { float: right; }

/* ------ Text align ------ */
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }

/* ----- paddings & margins ------ */
.p-null	{ padding: 0; }
.m-null { margin: 0; }

/* ----- align ----- */
.va-middle { vertical-align: middle; }

/* ----- clear floating ----- */
.clear { clear: both; }
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

/*-------------------------------------------------------------* 
 |			BASIC LAYOUT     		                                 |
 *-------------------------------------------------------------*/


/*-------------------------------------------------------------* 
 |			HEADER           		                                 |
 *-------------------------------------------------------------*/
#header { border: none; background: url(img/bg_hc.gif) 0 -15px repeat-x; height: 145px; min-width: 1000px; }
	#hl { border: none; background: url(img/bg_hl.jpg) 0 -15px no-repeat; height: 145px; width: 100%; }
	#hr { border: none; background: url(img/bg_hr.jpg) 100% -15px no-repeat; height: 145px; width: 100%; }
		#hr a.logotip { display: block; text-decoration: none; width: 100%; height: 145px;}
	#logo { border: none; background: url(img/logo.gif) bottom center no-repeat; height: 145px; margin: 0 40px 0 360px; }


/*-------------------------------------------------------------* 
 |			MENU            		                                 |
 *-------------------------------------------------------------*/
#left { float: left; margin: 40px 0 0 -360px; text-align: center; width: 360px; }

#buttons { padding: 0 5px 0 30px; text-align: center; width: 325px; }
   #buttons ul { list-style: none; margin:0; padding: ; }
	#buttons ul li a.btn1, #buttons ul li a.btn2, #buttons ul li a.btn3,
	#buttons ul li a.btn1-act, #buttons ul li a.btn2-act, #buttons ul li a.btn3-act { display: block; height: 125px; text-decoration: none; width: 325px; margin:0; padding: ;  }
	#buttons ul li a.btn1 { background: url(img/btn1.gif) no-repeat;  margin: 10px 0; }
	#buttons ul li a.btn2 { background: url(img/btn2.gif) no-repeat; margin: 10px 0;}
	#buttons ul li a.btn3 { background: url(img/btn3.gif) no-repeat; margin: 10px 0;}
	#buttons ul li a:hover.btn1, #buttons ul li a.btn1-act { background: url(img/btn1.gif) 0 -125px no-repeat; margin: 10px 0;/*border: 1px solid red;*/ }
	#buttons ul li a:hover.btn2, #buttons ul li a.btn2-act { background: url(img/btn2.gif) 0 -125px no-repeat; margin: 10px 0;/*border: 1px solid red;*/ }
	#buttons ul li a:hover.btn3, #buttons ul li a.btn3-act { background: url(img/btn3.gif) 0 -125px no-repeat; margin: 10px 0;/*border: 1px solid red;*/ }
			
/*-------------------------------------------------------------* 
 |			CONTENT            		                              |
 *-------------------------------------------------------------*/
#content { min-width: 640px; margin: 0 0 0 360px;  border: none;}
	#content-header { background: url(img/refl.gif) center no-repeat; margin: 0 40px 0 0; padding: 0 0 0 0; height: 60px; }
	#content-header h1 { padding: 30px 0 0 0; }
	
	#content #text { padding: 10px 35px 0 30px; text-indent: 50px; }

/*-------------------------------------------------------------* 
 |			FOOTER            		                              |
 *-------------------------------------------------------------*/
#footer { background: url(img/footer.gif) bottom repeat-x; height: 80px; width: 100%; }
	#footer-l { background: url(img/footer-l.jpg) top left no-repeat; height: 80px; width: 100%; }
	#footer-r { background: url(img/footer-r.jpg) top right no-repeat; height: 80px; width: 100%; }
		#footer-r p { color: #7b7b7a; font-size: 10px; font-weight: bold; padding: 50px 0 0 0; text-align: center; }

/*-------------------------------------------------------------* 
 |			OTHERS            		                              |
 *-------------------------------------------------------------*/
#contacts { color: #000; font-size: 20px; left: 75px; line-height: 130%; position: absolute; top: 95px; }