* {
margin: 0;
padding: 0;
}
html, body { height:80%;}
/*html { min-width:800px;}
body { background:url(./images/headerbg.jpg) no-repeat center top; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1em; } */

body {
background-image: url(./images/headerbg.gif);
background-repeat: no-repeat;
background-position: center top; 
color: #000033;
font-family: Tahoma, Geneva, sans-serif; 
font-size:100%;
line-height: 1em;
}

input, textarea, select { font-family:Tahoma, Geneva, sans-serif;   font-size:1em;}
object { vertical-align:top;}

/*=====GLOBAL======*/
#header, #content, #footer { font-size:0.75em; position:relative;}

.wrapper { width:100%; overflow:hidden;}
.container { width:960px; margin:0 auto; position:relative;}
.col-1, .col-2, .col-3 { float:left;}
.aside { float:left; width:348px;}
.content { float:left; width:574px;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

p { margin-bottom:14px;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form { clear:right; width:100%; overflow:hidden; padding:15px 0 0 0;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#000033;}
#contacts-form input { width:186px; padding:1px 0 1px 3px; border:1px solid #d3ddde; color:#70635b;}
#contacts-form textarea { width:468px; height:252px; padding:1px 0 1px 3px; border:1px solid #d3ddde; color:#70635b; margin-bottom:15px; overflow:auto;}  
/*#contacts-form input { width:186px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #d3ddde; color:#70635b;}
#contacts-form textarea { width:468px; height:252px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #d3ddde; color:#70635b; margin-bottom:15px; overflow:auto;}  */

#contacts-form  button {
    background: #ffa500;
    border: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff;
    display: block;
    font: 18px Georgia, "Times New Roman", Times, serif;
    letter-spacing: 1px;
    margin: auto;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #000033;
    text-transform: uppercase;
}
/*==================list====================*/
ul { list-style:none;}

.list { position:absolute; right:60px; top:60px;}
.list li { float:left; margin-left:30px;}

.site-nav { position:absolute; left:347px; top:224px;}
.site-nav li { float:left; text-transform:uppercase; margin-right:26px;}
.site-nav li a { color:#bbb; text-decoration:none; padding-top:71px; display:block; width:74px; text-align:center;}
.site-nav li a.m0 { background:url(./images/hammernails.gif) no-repeat center top;}
.site-nav li a.m1 { background:url(./images/home.gif) no-repeat center top;}
.site-nav li a.m2 { background:url(./images/bolt.gif) no-repeat center top;}
.site-nav li a.m3 { background:url(./images/engineering.gif) no-repeat center top;}
.site-nav li a.m5 { background:url(./images/contact.gif) no-repeat center top;}
.site-nav li a.m6 { background:url(./images/product.gif) no-repeat center top;}
.site-nav li a.m7 { background:url(./images/webbased.gif) no-repeat center top;}
.site-nav li a.m8 { background:url(./images/welding.gif) no-repeat center top;}
.site-nav li a.m9 { background:url(./images/videodisplay.gif) no-repeat center top;}
.site-nav li a.m10 { background:url(./images/identity.gif) no-repeat center top;}
.site-nav li a.m11 { background:url(./images/edi.gif) no-repeat center top;}
.site-nav li a.m12 { background:url(./images/backpack.gif) no-repeat center top;}
.site-nav li a:hover { color:#000;}

.list1 { padding-bottom:12px;}
.list1 li { width:100%; overflow:hidden; vertical-align:bottom; padding-bottom:20px;}
.list1 li span { display:block; margin-top:7px;}
.list1 li a { font-weight:bold; text-decoration:none; font-size:.83em;}
.list1 li a:hover { text-decoration:underline;}
.list1 blockquote {
	font-style:italic;
	font-size:0.9em;
	padding:0.5em 0 0 2em;
	background:url(./images/left_quote.gif) no-repeat;
}
.list1 blockquote p {
	background:url(./images/right_quote.gif) right bottom no-repeat;
	padding-bottom:1em;
}

.list2 { margin-top:-14px;}
.list2 li { width:100%; overflow:hidden; vertical-align:bottom; padding-top:32px;}
.list2 li img { float:left; margin:-18px 19px 0 0;}
.list2 li a { font-weight:bold; text-decoration:none;}
.list2 li a:hover { text-decoration:underline;}
.list2 li p { margin:4px 0 0 0;}

.list3 { margin-top:-20px;}
.list3 li { width:100%; overflow:hidden; vertical-align:bottom; padding-top:20px;}
.list3 li img { float:left; margin:0 19px 0 0;}
.list3 li b { color:#00b2ff;}
.list3 li a { font-weight:bold; text-decoration:none;}
.list3 li span { display:block; margin-top:13px;}
.list3 li span a { font-weight:normal; text-decoration:underline;}
.list3 li span a:hover { text-decoration:none;}
.list3 li a:hover { text-decoration:underline;}
.list3 li p { margin:4px 0 0 0;}

.list4 { padding:15px 0;}
.list4 li { padding-bottom:11px;}
.list4 li a { font-weight:bold;}


/*==================txt, links, lines, titles====================*/
a { color:#000033; outline:none;}
a:hover{text-decoration:none;}

h2 { color:#000033; font-weight:normal; font-size:1.83em; letter-spacing:-1px; line-height:1em; font-family:Georgia, "Times New Roman", Times, serif;  margin-bottom:30px;}

.link { display:inline-block; font-size:.92em; text-transform:uppercase; color:#000000; padding-left:14px; background:url(images/marker.gif) no-repeat left 6px;}
.link a { font-weight:bold;}


/*header*/
#header { height:333px;}
#header .logo { position:absolute; top:74px; left:348px;}

/*content*/
#content p { line-height:1.17em;}
#content .indent { padding:228px 85px 60px 40px;}
#content .content { padding-top:34px;}



/*footer*/
#footer { height:143px; color:#fff;}
#footer .container { background:url(./images/footer-bg.gif) no-repeat left top; height:163px;}
#footer .indent { padding:87px 40px 20px 40px;}
#footer a { color:#fff;}
#footer img { position:relative; top:-4px;}

#clients { padding:228px 85px 60px 40px;}



/*==========================================*/