html { height: 100%; }

body {
	margin: 0;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #5F676A;
	background-color: #f1f1f1;
}
/* ------------- base grid ------------- */
div.base {
	position: relative;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	background: url(zemin.gif);
	padding: 10px;
	! padding-left: 20px;
	border: #cccccc 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
/*	-moz-box-shadow: 1px 1px 1px 1px #666666;
    -webkit-box-shadow: 1px 1px 1px 1px #666666;
    box-shadow: 1px 1px 1px 1px #666666;
*/
	behavior: url(PIE.htc);


}
div.main {
	position: relative;
	width: 700px;
	margin: 0 auto;
	display: block;
	padding: 0;

	
}
/* ------------- header ------------- */ 
div.header {
	position: relative;
	width: 700px;
	margin: 0 auto;
	display: block;
	padding-top: 50;
	text-align: center;
	
}




/* ------------- Content ------------- */
div.left, div.right {
    float:left;
    font-size:16px;
    padding-right:35px;
    width:45%;
}
div.2work {
    width: 100%;
    background: #5F676A;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 20px;
}
div.footer {
    height: 50px;
    padding-top: 10px; 
    font-style: italic;
}
/*------------- clear ----------------*/
.clear, .clear5, .clear10, .clear15, .clear20, .clear25, .clear30, .clear40, .clear-hr, .clear-hr-dot, .clear-hr-dot10, .clear-hr-dot5, .clear-hr10 {
   background: none !important;
   border: 0 !important;
   clear: both !important;
   display: block !important;
   font-size: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
	height: 0 !important;
}

.clear-hr { border-bottom: 1px solid #666 !important; margin: 5px 0 10px 0 !important; }
.clear-hr-dot { border-bottom: 1px dotted #666 !important; margin: 5px 0 !important; }
.clear-hr-dot10 { border-bottom: 1px dotted #666 !important; margin: 10px 0 !important; }
.clear-hr-dot5 { border-bottom: 1px dotted #666 !important; margin: 0 0 !important; }
.clear-hr10w { border-bottom: 1px solid #fff !important; margin: 5px 0 !important; }
.clear-hr10 { border-bottom: 1px solid #009000 !important; margin: 5px 0 !important; } 

.clear5 { height: 5px !important; }
.clear10 { height: 10px !important; }
.clear15 { height: 15px !important; }
.clear20 { height: 20px !important; }
.clear25 { height: 25px !important; }
.clear30 { height: 30px !important; }
.clear40 { height: 40px !important; }


/*------------- width ----------------*/
.w25 { width: 25px !important; }
.w50 { width: 50px !important; }
.w75 { width: 75px !important; }
.w100 { width: 100px !important; }
.w125 { width: 125px !important; }
.w135 { width: 125px !important; }
.w150 { width: 150px !important; }
.w175 { width: 175px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w275 { width: 275px !important; }
.w300 { width: 300px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }

.w25p { width: 25% !important; }
.w50p { width: 50% !important; }
.w75p { width: 75% !important; }
.w100p { width: 100% !important; }

/*------------- text align ----------------*/
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.tr11 { font-size: 11px; text-align: right !important; }

/*------------- float ----------------*/
.fl {	float: left !important; }
.fr {	float: right !important; }
/*------------- font size ----------------*/
.f10 { font-size: 10px !important; }
.f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }

/* ----------- reset -------------- */
.noborder { border: 0 !important; }      

/* ----------- bold -------------- */
.b {	font-weight: bold !important; text-decoration: none !important; }





 
a:ac, a:focus, img { outline: 0; }
/* ------------- Color ------------- */
.orange { color: #F29222 !important; }
.blue { color: #689EB4 !important; }
.white { color: #fff !important; }

/* ------------- Link ------------- */
a { color: #FABC25;	text-decoration: underline; }
a:hover { color: #FABC25; text-decoration: none; }

/* ------------- Image ------------- */
img { border: 0; }


/*------------- Head -----------------*/
h1, h2, h3, h4, h5, h6, div.main-block h2 {
	color: #5F676A;
	margin: 5px 0;
	padding: 0;
	font-weight: normal;
	font-family: Trebuchet MS, Arial, Tahoma
}

h1 {
	font-size: 21px; 
    text-transform: uppercase;
}
div.work h1 {
    color: #fff; 
    margin-bottom: 10px;
} 
h2 {
	font-size: 18px;
    margin:0 0 10px; 
    text-align:right;
}
h3 {
	font-size: 16px;
	margin: 0 0 5px 0;
}
d
h4 {
	font-size: 14px;
}

h5, h6 {
	font-size: 12px;
}


/*-------------- Text ----------------*/
span.date {
	font-size: 12px;
	color: #C3CBCE;
    margin-right: 20px;
}
span.strong {
	font-weight: bold;
	color: #333;
}
p {
   margin: 0;
}
hr {
	height: 1px;
	margin: 3px 0px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
}



