/* basic css for Autocon */

/* html5 elements */
article, aside, figure, footer, header, hgroup, nav, section { display: block; }

div .clear { clear:both; }

/*body { margin-top:0px; }*/
body { margin:0; }
/*#outer { width: 1000px; margin:auto; background-color:#ffffff; }*/
/* fixed width prevents the page from being responsive */

#banner {
width: 100%;
background-image:url('../images/banner/Banner-Background.jpg');
background-repeat:repeat-x;
background-color: #617abc;
}
#banner img.logo {
float:left;
}
p.logo {
margin: -20px auto auto 20px;
/* text to be styled */
}
#banner .text {
float:right;
margin-right:10px;
text-align:right;
/* text to be styled */
}
#banner img.photo1 {
margin-left: 50px;
}
#banner img.photo2 {
margin-left: 15px;
}
#banner img.photo3 {
margin-left: 15px;
}
.narrow {
width: 700px;
margin:auto;
text-align:justify;
padding-left:1.0em;
}
div#conveyor {
margin-top: 20px;
margin-left:40px;
}
div#footer{
background-color:#e6e6e6;
width:100%;
margin-top:20px;
padding-bottom:20px;
border:2px solid #aaaaaa;
}
div#youtube {
float:left;
width: 400px;
}
div#youtube img {
margin: 20px;
}
div#autoconsystems {
float: left;
width: 300px;
}
.contact td {
border: 1px solid #cccccc;
border-collapse:collapse;
vertical-align:top;
padding:5px;
}
.center { text-align:center; margin:auto; }
.searchbox {
border: 2px solid #aaaaaa;
  background-color:#f8f8f8;
  min-width:330px;
  width:520px;
  margin:auto;
  padding:5px;
  font-family:Arial, Helvetica, sans-serif;
}

/*
.searchbox {
border: 2px solid #aaaaaa;
webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -moz-box-shadow:5px 5px 10px #dddddd;
  -webkit-box-shadow:5px 5px 10px #dddddd;
  box-shadow:5px 5px 10px #dddddd;
  background-color:#f8f8f8;
  min-width:330px;
  width:520px;
  margin:auto;
  padding:5px;
  font-family:Arial, Helvetica, sans-serif;
}
*/
.contact { width: 750px; margin-left:1.0em; margin-right:1.0em;}