.contact_inner textarea {
	width: 95%;
	max-width: 600px;
}
.contact_inner input {
	width: 95%;
	max-width: 200px;
}
.groupbox { }
.groupbox div { float: left; }
.thirdbox, halfbox { min-width: 274px !important; }
.thirdbox { width: 33%; }
.halfbox { width: 50%; }
#hzmenu { }
#hzmenu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
#hzmenu li {
  display: inline;
  padding: 1px 5px;
  border-left: 2px solid #AAA;
}
#first { border-left: none !important; }
#hzmenu a { }
.submenu li { border-color: #AAAAAA !important; }
#headmenu li { border-color: #CC6600 !important; }
#footmenu li { border-color: #CC6600 !important; }
@media all and ( max-width: 1020px ) {
	.header .boxes .box {width: 125px; height: 100px; border: 7px #2c2e2b solid; margin-right: 20px; }
	.subdev, .subdev a, .boxes { white-space: normal !important; }
/*	#footmenu { overflow: auto; } */
}
@media all and ( max-width: 960px ) {
	.thirdbox { width: 50% !important; }
}
@media all and ( max-width: 920px ) {
	.boxes { padding: 10px 0 0 0 !important; }
	.boxes div {
	  border: medium none !important;
	  height: 90px !important;
	  margin: 0 !important;
	  width: 25% !important;
	  background-color: inherit !important;
	}
	.content { padding: 20px 5px !important; }
	.footer .gobackarea { height: auto !important; }
	#hzmenu li { float: left !important; }
}
@media all and ( max-width: 600px ) {
	.thirdbox, halfbox, fullbox { width: 95% !important; }
	.groupbox { float: none !important; }
}
@media all and ( max-width: 800px ) {
	.header .boxes .box {width: 100px; height: 80px; border: 6px #2c2e2b solid; margin-right: 18px; }
	.content-outer .content-inner .content {padding: 30px 5px 20px 25px; }
	.footer { height: auto !important; }
}
@media all and ( max-width: 640px ) {
	.header .boxes .box {width: 90px; height: 75px; border: 5px #2c2e2b solid; margin-right: 15px; }
	.boxes div { height: 65px !important; }
	.holder { padding: 60px 0 0 0 !important; }
}

@media all and ( max-width: 600px ) {
	.header .boxes .box {width: 80px; height: 65px; border: 4px #2c2e2b solid;margin-right: 10px; }
	#headmenu { padding: 5px 0 !important; }
}
@media all and ( max-width: 480px ) {
	.header .boxes .box {width: 60px; height: 50px; border: 3px #2c2e2b solid;}
	#headmenu { padding: 2px 0 !important; }
}
@media all and ( max-width: 320px ) {
	#headmenu { padding: 0 !important; }
}



@media all and ( max-width: 1020px ) {
    img, map, #hdr-img {
        max-width: 100% !important;
        height: auto;
    }
    #rap {
        margin: 0 !important;
        width: 100% !important;
        border: none !important;
        padding: 0 !important;
    }
    td.cal_title {
        font-size: 1.0em !important;
        white-space: pre-line !important;
    }
    #content {
        padding: 0 !important;
        width: 100% !important;
    }   
    #cnt, #hdr, #mnu, #bdy, #ftr {
        position: relative !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        float: none !important;
    }   

	.ww2ddmenu ul li, .ww2ddmenu ul li a {
		border-radius: 0.5em !important;
	}
	.ww2ddmenu {
		max-width: 100% !important;
	}


    #bdy {
        padding: 20px;
	border: none !important;
    }    

    #mnu {
        background-color: #aa0000;
    }
    #mnu ul {
        text-align: center;
    }
    #mnu ul li {
        display: inline-block;
        padding: 5px;
    }

    .half-lt, .h-half-lt, 
    .half-rt, .h-half-rt {
        width: 44%;
        padding: 0;
        margin: 0 3% 3%;
    }

    .h-half-lt { width: 34%; }       
    .h-half-rt { width: 54%; }

    .h-half-rt img {   
        display: block;
        margin: 0 auto;
    }

    .product {        
        width: 29%;
        padding: 0 2% 2%;
        margin: 0;
    }

    .post.has-thumb {
        
        padding-right: 0 !important;
    }
    .post.has-thumb img.post-thumb {
        position: static !important;
    }
}

@media all and ( max-width: 800px ) {
    .col {
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 0 20px !important;
    }
    .col.last {
        width: auto !important;
        margin: 0 !important;
    }
}

@media all and ( max-width: 640px ) {
    .half-lt, .h-half-lt,
    .half-rt, .h-half-rt {
        float: none;
        width: auto !important;
        padding: 0;
        margin: 0 0 20px;
    }
    #hdr #logo {
        margin-left: auto;
        margin-right: auto;
    }
}