body {
	width: 1000px; min-height: auto; margin-left: auto; margin-right: auto;
	background-image:
		url('http://www.barneysprecision.com/images/barneys_bg.jpg'),
		url('http://www.barneysprecision.com/images/barneys_whtbg.jpg'),
		url('http://www.barneysprecision.com/images/barneys_sidesbg2.jpg');
		background-repeat: no-repeat, repeat-y, no-repeat;
		background-attachment: fixed, scroll, fixed;
		background-position: center, center 150px, top right;
		background-size:auto, auto, cover;
			-webkit-background-size: auto, auto, cover;
			-moz-background-size: auto, auto, cover;
		-o-background-size: auto, auto, cover;
	font-family: Verdana, Geneva, sans-serif;
	}

header {position: relative; top: -10px; height: auto;}
nav {position: absolute; top: 175px; width: 1000px;}
p {display: inline;}

img.hname {position: absolute; top: 0px; left: 250px;}
img.hparts {position: absolute; top: 10px; right: 0px;}
img.imghome {margin: 0px 25px 0px 55px;}

.padding {padding: 30px;}
.floatleft {float: left;}
.footleft {float: left; width: 400px; margin-top: 100px; padding-left: 20px;}
.footright {float: right; width: 450px;}
.ss {float: right; margin: 10px 0px 50px 50px;}
.clear {clear: both;}

.container {width: 50%;}
.container40 {width: 40%; padding-right: 20px;}
.container35 {width: 35%; padding-right: 20px;}

.padright {padding-left: 50px;}
.paddown {margin-top: 50px:}
.centered {margin-left: auto; margin-right: auto;}

.keywords {display: none;}
.textcenter {text-align: center;}
.textup {font-size: 125%}
.just {text-align: justify;}
span.text20 {font-size: 1.5em;}
p.inline {display: inline-block;}

span.dblock {display: block;}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: none;
}

li {
    float: left;
}

li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 30px 14px 30px;
    text-align: center;
    text-decoration: none;

}

li a:hover {
    background-color: none;
}

a.up {font-size: 125%;}



/*TABLETS*/
@media only screen and (min-width: 481px) and (max-width: 768px)	{
	body {width: 100%; height: auto; margin-left: auto; margin-right: auto;}
	nav {position: relative; top: 10px; width: 100%;}
	.floatleft {float: none;}
	.footleft {float: left; width: auto; margin-top: 0px; padding-left: 20px;}
	.ss {display: block; float: none; margin: 0px auto 30px auto;}
	img.hname {position: relative; left: 0px; width: 60%; height: auto;}
	ul {background-color: #333; display: block; overflow: none;}
	.container {width: 100%;}
	.container40 {width: 40%; padding-right: 20px;}
	.container35 {width: 100%; padding-right: 0px;}
	.padright {padding-left: 0px;}
	img.imghome {display: none;}
	.thide {display: none;}

	
	}

/*MOBILE*/
@media only screen and (max-width: 480px)	{
	body {width: 100%; height: auto; margin-left: auto; margin-right: auto; font-family: Arial, Helvetica, sans-serif}
	nav {position: relative; top: 10px; width: 100%;}
	img.mheader {width: 90%; height: auto;}
	img.hname {position: relative; left: auto; margin-left: auto; margin-right: auto;}
	.padding {padding: 10px;}
	.footleft {float: none; width: auto; margin-top: 0px; padding-left: 10px;}
	.footright {float: right; width: 450px;}
	.ss {display: block; float: none; margin: 0px auto 20px auto;}
	img.office {width: 100%; height: auto;}
	.textdown {font-size: 75%;}
	span.text20 {font-size: 1.125em;}
	ul {background-color: #333; display: block; overflow: none;}
	li {float: left; min-width: 50%; text-align: center; }
	li a {min-width: 100%; padding:14px 0px 14px 0px;}
	li a:hover {background-color: #333; min-width: 100%;}
	li.border {border-bottom-style: ridge; border-color: grey; border-width: 2px;}
	.container {width: 100%;}
	.container40 {width: 100%; height: auto; padding-right: 0px;}
	.container35 {width: 100%; height: auto; padding-right: 0px;}
	.padright {padding-left: 0px;}
	span.block {display: block;}
	span.dblock {display: none;}
	img.imghome {display: none;}
	.mhide {display: none;}

	}