body {          
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:400px;    	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size:12pt;
	text-transform: none;

	text-align:center;
}


a {

        color: #444;
}

a:hover {
	text-decoration:none;
	color:#4A0;
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}

h3 {
//	color: #396;
}

h4 {
//	color: #396;
}

h5 {
	color: #80FF00;
}



p {
	margin:.4em 0 .8em 0;
	padding:0;
	background:none;
}

img {
    max-width: 100%;
    max-height: 100%;
}


/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	padding-bottom: 10px;
}

#header {

	background: #fff;
	color: #000;
}

#header p,
#header h1,
#header h2 {
	padding: 10px 5px 5px 5px;
	margin:0;
}

#header h1{
	font-size:20pt;
	text-transform: uppercase;
	}


#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}



#header a:hover{
//	background:#369;
	background:#396;
	color:#fff;
}

#header a.active,
#header a.active:hover
 {
	color:#fff;
	background:#fff;
	font-weight:bold;
}

#header a span
{
	display:block;
}


#emblem {
	margin:0 auto;
	height: auto;
	min-width: 180px;
	width: 20%;
	float: left;
}

#header_rest {
	margin:0 auto;
	width: 58%;
	float: left;
//	border: 1px solid black;
}


#header_right {
}

#header-text {
	display: inline-block;
	height: 100%;
	width: auto;
	text-align: center;
//	border: 1px solid green;
}


#header-links {
   	margin:0 auto;
//	height: 100%;
//	border: 1px solid blue;
	clear: both;
	overflow: hidden;
	text-align: center;
}

.header-link {
	display: inline-block;
	width: auto;
	text-align: center;
	padding: 5px;
	border: 1px solid #ccc;
	background: #eee;
	text-decoration:none;
}


#header-contacts {

	margin:0 auto;
	height: auto;
	min-width: 180px;
	width: 20%;
	float: right;

	margin-right: 15px;
	margin-top: 15px;
	text-transform: uppercase;
	height: 100%;
	text-align: right;
}


#prod_title{
	display: block;
	padding: 5px;
	text-align:center;
	text-transform: uppercase;
	   background: #CEC;
	
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size:16pt;
	font-weight: bold;

}

#wrap1, #wrap2, #wrap3, #wrap4, #wrap5, #wrap10, #wrap11, #wrap12, #wrap13 {
   margin:0 auto;
   width:100%;   
   height: auto;
}

#wrap0 {
   background: #DFE;
   background: url('images/back_03.png') repeat top left; 

}


#wrap1 {
   background: #DFE;
   background: url('images/back_03.png') repeat top left; 
}

#wrap2 {
   background: #CEC;
}

#wrap3 {
   background: #DFE;
   background: url('images/back_03.png') repeat top left; 
}

#wrap4 {
   background: #DFE;
   background: url('images/back_03.png') repeat top left; 
}

#wrap5 {
   background: #FEF;
}

#wrap10 {
   background: #FFF;
}


#wrap11 {
   background: #CEC;
}

#wrap12 {
   background: #CEC;
}

#wrap13 {
   background: #CEC;
}

#wrap14 {
   background: #DFE;
   background: url('images/back_03.png') repeat top left; 
}



.fixed_width {
   margin: 0 auto;
   width:60%;   /* you can use px, em or % */
   text-align:left;
//	border: 1px solid red;
	overflow: hidden;
}



.divider {
height: 5px;
background: url(images/divider_2.png);
}

.text {
//border: 1px solid #ccc;
background: none;
//clear: both;
}

.ref {
border-top: 1px solid #888;
padding-top: 5px;
font-weight: bold;
color:#FF8C00;
background: none;
clear: both;
}

.image_block h3 {
color: #fff;
}

.contents {
   float: right; 
   width: 200px; 
   border: 1px dotted #888;
   padding: 5px;
   text-align: right;
}

.contents a {
	text-decoration:none;
}


#button {
cursor: pointer;
}

.column_image_center {
	margin-left: 15%;
	margin-right: 15%;

	padding-top: 15px;
	padding-bottom: 15px;
	float: none;
	clear: both;
}


.column_image_left, .column_image_right{
	width: 60%;
	margin-top: 15px;

}

.column_text_left, .column_text_right{
	width: 35%;
	margin-top: 15px;
}

.column_text_left{
text-align: left;
margin-left: 30px;
}

.column_text_right{
text-align: right;
margin-right: 30px;
}

.column_image_left, .column_text_left{
	float: left;
}

.column_image_right, .column_text_right{
	float: right;
}

.image_small {
	float: left;
	padding: 15px;
	width: 28%;
//	border: 1px solid red;
	height: auto;
}


.block50 {
	float: left;
	width: 47%;
	padding: 1%;
	min-height: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.icon {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 15px;
}


.block100 {
	float: none;
	clear: both;
	width: 100%;
	margin-left: 1%;
	padding-top: 15px;
	padding-bottom: 15px;
	//border: 1px solid red;
}



/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	//border-top:1px dotted #FF8C00;
	color: #ccc;
}
#footer p {
	padding:10px;
	margin:0;
	text-align: right;
}

/* ####### responsive layout CSS ####### */

@media (max-width: 960px){
	
.column_image_left, .column_image_right, .column_text_left, .column_text_right, .block50 {
	float: none;
	clear: both;
	width: 97%;
	margin-left:1%;
	}
.fixed_width {
   width:100%;
	}
}