body{
margin: 0px;
padding: 0px;
background-color: #184C80;	
}

.body{
width: 920px;
height: auto;
margin-left: auto;
overflow: auto;
padding-bottom: 45px;
margin-right: auto;	
/*background: rgba(224,224,224,1);
background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff', GradientType=0 );*/
background-color: white;
}

.header-img{
width: 100%;
height: 200px;
background-image: url('images/header-background5.jpg');	
background-size: 100% 200px;
}

.header-logo{
margin-left: 20px;
width: 237px;
height: 175px;
padding-top: 25px;
text-align: center;
float: left;
background-color: white;	
}

.header-page{
float: left;
margin-left: 25px;
color: white;
font-size: 45px;
font-family:  Arial, Helvetica, sans-serif !important;
margin-top: 135px;
}

.nav{
margin-left: 12px;
width: 253px;
height: 253px;
background-image: url('images/menu.png');
background-size: 100% 100%;	
float: left;
}

.nav-ul{
list-style: none;
width: 175px;
margin-top: 10px;
}

.nav-ul li{
margin-top: 14px;
margin-bottom: 11px;
text-align: center;
}

.nav-ul li a{
color: #184C80;
font-size: 19px;
font-family:  Arial, Helvetica, sans-serif !important;
text-decoration: none;
}

.nav-ul li a:hover{
color: rgba(24, 76, 128, 0.85);
}

.nav-hr{
margin-left: auto;
margin-right: auto;
height: 1px;
background-color: #BCBCBC;
border-style: none;	
}

.nav-info{
background: rgba(244,248,251,1);
background: -moz-linear-gradient(top, rgba(244,248,251,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,248,251,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(244,248,251,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(244,248,251,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(244,248,251,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(244,248,251,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fb', endColorstr='#ffffff', GradientType=0 );
width: 155px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;
line-height: 18px;
color: #184C80;
font-size: 14px;
font-family:  Arial, Helvetica, sans-serif !important;
margin-top: -8px;
}

.page-body{
color: #484848;
float: left;
font-size: 17px;
line-height: 24px;
font-family:  Arial, Helvetica, sans-serif !important;
width: 600px;
margin-left: 25px;	
margin-top: 25px;
}

form{
margin-top: 30px;	
}

.contact-text{
color: #484848;
font-size: 17px;
line-height: 24px;
font-family:  Arial, Helvetica, sans-serif !important;	
margin-top: 15px;
}

.contact-input-text{
width: 375px;
height: 28px;
margin-top: 4px;
padding-left: 7px;
font-family:  Arial, Helvetica, sans-serif !important;	
font-size: 17px;
color: #484848;
}

.contact-textarea{
width: 375px;
height: 65px;
padding-left: 7px;
margin-top: 4px;
font-family:  Arial, Helvetica, sans-serif !important;	
font-size: 17px;
color: #484848;
resize: vertical;
padding-top: 5px;
padding-bottom: 5px;
}

.input-submit{
width: 200px;	
height: 40px;
margin-top: 17px;
margin-left: 186px;
background-color: #ECA60E;
border-style: none;
border-radius: 40px;
font-family:  Arial, Helvetica, sans-serif !important;	
font-size: 17px;
letter-spacing: 0.1px;
color: white;
font-weight: bold;
cursor: pointer;
}

.input-submit:hover{
background-color: #FBB929;
transition: 0.1s;	
}

.input-submit:focus{
outline: none;	
}

table{
border-collapse: collapse;
margin-top: 50px;
}

tr{

}

td{
text-align: center;
padding-left: 25px;
padding-right: 25px;
border: 1px solid black;
font-family:  Arial, Helvetica, sans-serif !important;	
padding-top: 3px;
padding-bottom: 3px;
font-size: 16px;
color: black;
}

.special-td{
width: 375px;
padding-left: 0px !important;
padding-right: 0px !important;	
}

.special-td-2{
width: 125px;
padding-left: 0px !important;
padding-right: 0px !important;	
}

footer{
width: 920px;
margin-left: auto;
margin-right: auto;
height: 50px;
padding-top: 20px;
}

.footer-ul{
list-style: none;	
float: left;
margin-left: -15px;
margin-top: 34px;
}

.footer-ul li{
margin-left: 10px;
float: left;
text-align: left;	
}

.footer-ul li a{
border-right: 1px solid white;
padding-right: 11px;
color: white;
font-size: 15px;
font-family:  Arial, Helvetica, sans-serif !important;	
text-decoration: none;	
}

.footer-ul li a:hover{
text-decoration: underline;	
}

.footer-li-spec{
border-right-width: 0px !important;	
}

.developed-by{
float: right;
color: white;
font-size: 15px;
font-family:  Arial, Helvetica, sans-serif !important;	
letter-spacing: 0.1px;	
margin-top: 34px;
padding-right: 5px;
}

.developed-by a{
color: white;
text-decoration: underline;
}

.image{
border: 3px solid white;
cursor: pointer;
width: 175px;
height: 150px;
float: left;	
}

.image:hover{
border: 3px solid #184C80;
}

#modal {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99999;
height: 100%;
width: 100%;
display: none;
cursor: pointer;
}

#modalcontent {
position: fixed;
top: 50%;
left: 50%;
height: auto;
transform: translate(-50%, -50%);
width: auto;
z-index: 99999;
display: none;
}

.product-item{
width: 185px;
height: 150px;
margin-top: 20px;	
margin-left: 20px;
background-size: 100% 100%;	
float: left;
}

.product-title{
color: #184C80;
font-size: 17px;
width: auto;
float: right;
padding-left: 13px;
padding-right: 13px;
margin-left: 3px;
font-family:  Arial, Helvetica, sans-serif !important;	
position: relative;
top: 126px;
background-color: rgba(244,248,251,0.7);	
}

#a11{
width: 500px;
display: none;	
}

#a12{
width: 500px;
display: none;	
}

#a13{
width: 500px;
display: none;	
}

#a14{
width: 500px;
display: none;	
}

#a15{
width: 500px;
display: none;	
}

#a16{
width: 500px;
display: none;	
}

#a17{
width: 500px;
display: none;	
}

#a18{
width: 500px;
display: none;	
}

#a19{
width: 500px;
display: none;	
}