/*meyer reset
========================================================================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}

/* Reset
============================================================================*/
*{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none;color:#238298;color:#990606;}
a:hover{text-decoration:underline;}
li{list-style-type:none;}
article, aside, footer, header, hgroup, nav, section {display: block;}



/* Basics
===========================================================================*/
html{font-family:sans-serif;font-size:14px;line-height:1.5em;background-co1or:#ccc;background-image:url('assets/dunwelds-background.jpg');}
body{max-width:1000px;margin:0 auto;border:3px solid #fff;background-color:#fff;}
.content{padding:10px; }
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#646d7f; text-transform:uppercase;}
h1{font-size:1.6em;margin-bottom:0.5em;}
h2{font-size:1.3em;margin-bottom:0.75em;}
h3{font-size:1.2em;margin-bottom:0.75em;}
p{margin-bottom:1.2em;line-height:1.5em;}
hgroup{margin-bottom:12px;}
hgroup h1{margin-bottom:.2em;}
hgroup h2{font-size:1.3em;margin-bottom:.2em;}
.clearfix{clear:both;}


/* Structure
===========================================================================*/
header{}
nav{}
#main{width:600px;float:left;padding:10px 0;margin:20px 0;}
#side{width:300px;float:right;margin:20px 0 20px 40px;}
section{}
article{}
footer{clear:both;}
footer p{line-height:40px;vertical-align:middle;}


/* header
===========================================================================*/
header{position:absolute;top:0;z-index:10; height:100px;background:transparent;}
header .logo{floa1t:left;width:200px;margin:10px; }
.feature{position:relative;z-index:1;top1:0; }


/* nav
===========================================================================*/
nav, footer{background-color:#646d7f;color:#000;font-weight:bold;background-image:url(assets/metal-wide.jpg);margin-botton:20px;}
nav:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
nav li{float:left;width:100px;margin-right:20px;padding:10px 0;}
nav a:link, nav a:visited{color:#000;}
nav a:hover, nav a:active, nav a:focus{}


/* main
===========================================================================*/
#main article{margin-bottom:20px;}
#main article:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}

#main article img{float:left;padding:5px;border:1px solid #eee;margin-right:15px;width:200px;}




/* side
===========================================================================*/
#side{width:300px; }
#side article{margin:0 0 20px 0;}
#side article.contacts{background-image:url('assets/dunwelds-background.jpg'); }
#side article.contacts ul{padding:10px;font-weight:bold; }
#side article li{line-height:1.5em; }
#side .intro{padding:0 0 24px; font-weight:bold;}
#side .intro p span{float:right; }
#side .emailus{margin-top:36px; }
#side form{width:290px;background-color:#e2e2e2;border:1px solid #aaa;padding:10px 0;-webkit-border-radius:8px;}
#side form input,#side form textarea, #side form label, #side form button {width:255px;padding:5px;margin:0 10px;}
#side form button{padding:5 15px;margin:0 15px; }
#side form label{font-weight:bold;}
.antispam{display:none; }




/* footer
===========================================================================*/
footer:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
footer ul{width:300px;float:left;padding:10px;}
footer li {margin-bottom:5px;}
footer a:link, footer a:hover{color:#000;text-decoration:underline; }
footer{background-repeat: no-repeat; background-position: center; background-size: cover;}
.clearfix{clear:both;}
.webecho{text-align:right;font-size:0.9em;margin:0 10px 0 0;}


/* mobile
===========================================================================*/
@media only screen and (max-width:1023px) {
html { }
body {width:100%;min-width:300px;margin:0;padding:0;border:none;}

#side{ float:none;width:100%;max-width:100%;margin:0;}
#main{float:none;width:100%;max-width:100%;margin:0; }

header{position:static;width:100%;height:auto; }
header:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
header .logo{width:100%;margin:0; }
.feature{width:100%; }
.bx-wrapper img{
    display:block;
    max-width: 100%;
}

#side .contacts{display:none; }
#side article.emailus{width:100%;margin:0; }
#side form{width:100%;margin-bottom:36px; }
#side form input, #side form textarea, #side form button{width:90%;padding:5px 0;margin:0 5% }

#main article img{float:none;width:100%;margin:0;padding:0; }


footer{text-align:center;font-size:1.2em; }
footer ul li{line-height:1.5em; }
.webecho{text-align:center;padding:10px 0; }




}
