/*

  Sheetmetal Machinery
  CSS by Cale Woodley
  2007-11-23
  

  NOTE:
  Site follows a grid structure of 4 columns.
  A content block can span across 1-4 colums with the 
  appropriate class name (.col-x1, .col-x2 etc).
  To see the grid in action, add .grid to the #container div.
  
*/


@import url(reset.css);
@import url(clearfix.css); /* the usual .clearfix class */
@import url(horizontal.css); /* navigation */

body {
	margin:0;
	padding:0;
  background: url(../images/core/bg.jpg) top left repeat;
  font-size: 12px;
}

strong {font-weight: bold;}
img { border: none; }
table td img { line-height: 0; float: left; }

.grid {
  background: #fff url(../images/grid.png) top center no-repeat !important; /* overlay the grid image */
}



/* CONTAINERS
*********************************/
#container {
  width: 83.250em;
  padding: 7px 0;
  margin:0 auto 20px auto;
  background: #fff;
  font: 1em Verdana, Arial, sans-serif;
}

.col-x1,
.col-x2,
.col-x3 {
  margin: 7px 0 10px 7px;
  float: left;
  display: inline;
}

.col-x1 {width: 240px;}
.col-x2 {width: 487px;}
.col-x3 {width: 734px;}
.col-x4 {width: 981px; margin-left: 9px; clear: both;}

.clear-left {clear: left;}
.clear-right {clear: right;}

.float-left {float:left;}
.float-right {float: right;}

img.float-left {margin: 7px; clear: left;}
img.float-right {margin: 7px; clear: right;}

.first {clear: left; margin-left: 9px !important;}
/*********************************/

/*  HEADER
*********************************/
#header {
  height: 90px;
  background:#003379 url(../images/core/header-background.png) top left no-repeat;
}

#header p {
  float: right;
  margin: 30px 77px 0 0;
  font: 1.250em Helvetica, Arial, Verdana, sans-serif;
  color: #fff;
  text-transform: uppercase;
}

#header p em {
  font-style: italic;
  color: #acdfff;
  text-transform: lowercase;
  margin-left: 350px;
}

#header img.logo {
  margin: 10px 0 0 13px;
  float: left;
}

/*  NAVIGATION
*********************************/
#navigation {
  height: 31px;
  background: #003379;
}

#navigation p#newsletter-cta {
  float: right;
  margin: 8px 20px 0 0;
}

#navigation p#newsletter-cta a {color: #ff0000; text-decoration: none; font-weight: bold;}
#navigation p#newsletter-cta a:hover {text-decoration: underline;}




#nav {
  float: left;
  border-right: 1px solid #2478d5;
}

ul#nav li a {
  border: none;
  font-weight:bold;
  color: #fff;
  background: #003379;
  font-size:1em;
  line-height:2.60em;
  text-align:center;
  font-family:Verdana, Arial, sans-serif;
  display: block;
}

ul#nav li ul li a {
	text-align:left;
	font-weight:normal;
	line-height:1.8em;
	font-size:0.9em;
	}

ul#nav a:hover {color: #fff;background: #2478d5;}

li.nav-home, a.nav-home {width: 73px !important;}
li.nav-products, a.nav-products {width: 100px !important;}
li.nav-service, a.nav-service {width: 90px !important;}
li.nav-used, a.nav-used {width: 144px !important;}
li.nav-suppliers, a.nav-suppliers {width: 100px !important;}
li.nav-news, a.nav-news {width: 75px !important;}
li.nav-contact, a.nav-contact {width: 87px !important;}

body#page-home a.nav-home,
body#page-products a.nav-products,
body#page-service a.nav-service,
body#page-used a.nav-used,
body#page-suppliers a.nav-suppliers,
body#page-news a.nav-news,
body#page-contact a.nav-contact {
  background: #448ddd;
}

#nav li ul ul {
  top: 2px;
}




/*  CTA BOXES
*********************************/
.cta {
  width: 240px;
  height: auto;
  margin: 7px 0 0 0;
  padding-bottom: 5px;
  background: #f2f2f2;
}

.cta h2 {
  padding-left: 12px; 
  font: bold 1em/2.250em Verdana, Arial, sans-serif;
  color: #fff;
  background: #787878 url(../images/core/cta-header-background.png) repeat-x; 
}

div#machinery_products p,
div#machinery_products ul {
  padding: 7px 7px;
  line-height: 1.333em;
}

div#machinery_products li {
  line-height: 1.6em;
  font-weight: bold;
} 

div#machinery_products {
  width: 240px;
  height: 322px;
  background: #005aab url(../images/core/machinery_products-background.jpg) 0 27px no-repeat;
  color: #fff;
}

div#machinery_products a {color: #fff; text-decoration: none;}
div#machinery_products a:hover {text-decoration: underline;}

.cta img.suppliers {
  margin: 7px 0 7px 7px;
}

/*  CONTENT
*********************************/
div.desc {margin:0 0 0 20px;}
div.desc ul li{list-style:disc;}
div.desc ul {margin:0 0 0 35px; padding:0;}
div.content {
  background: #f2f2f2;
  float: right;
  margin-right: 9px;
  padding-bottom: 7px;
  color: #4a4a4a;
}

div.content h1,
div.content h2 {
  background: #002753 url(../images/core/header-blue-background.png) repeat-x;
  line-height: 2.250em;
  padding-left: 15px;
  color: #fff;
  font-weight: bold;
}

div.content h3,
div.content h4,
div.content h5 {
  line-height: 2.250em;
  padding-left: 15px;
  color: #000;
  font-weight: bold; 
}

div.content p {
  margin: 17px 14px;
  line-height: 1.833em;
  color: #4a4a4a;
}

div.content a {color: #448ddd; text-decoration: underline;}
div.content a:hover {text-decoration: none;}

div#main-content {
  height: 315px;
  overflow: auto;
  margin-bottom: 0;
}

div#featured-item {
  background: #448ddd;
  color: #ddedff;
  font: 0.917em/2em Verdana, Arial, sans-serif;
  margin-right: 9px;
  height: 259px;
  margin-bottom: 0;
}

div#featured-item div.featured-item-image {
  width: 480px;
  height: 240px;
  background: #fff;
  float: left;
  display: inline;
  margin: 7px;
  text-align:center;
}

div#featured-item h2 {
  background: none;
  font-weight: bold;
  color: #fff;
  font-size: 1.091em;
  margin-top: 17px;
}

div#featured-item img.see_more {
  margin-top: 13px;
}

div#contact-us {
  margin-bottom: 7px;
  padding-bottom: 7px;
}

div#contact-us p {
  color: #848484;
  margin: 22px 0 0 7px;
  font-size: 0.917em;
  line-height: 1.455em;
}

div#contact-us a {color: #448ddd; text-decoration: none;}
div#contact-us a:hover {text-decoration: underline;}

img.amtil-logo {
  margin: 17px 0 0 28px;
}


div.product {
  height: 275px;
  width: 229px;
  margin: 7px;
  float: left;
  display: inline;
}

div.product div.product-thumb {
  width: 229px;
  background: #fff;
  height: 136px;
}

div.product-thumb {
  text-align:center;
}


div.product h3 {
  color: #004998;
  margin: 19px 0 0 10px;
  font-size: 0.917em;
  line-height: 0.917em;
  font-weight: bold;
  padding: 0;
}

div.product p {
  font-size: 0.917em;
  line-height: 1.455em;
  margin: 0 10px;
  color: #848484;
  text-align: justify;
}

div.product img.see_more {
  margin: 13px 0 0 15px;
}
/*  For product listing the fixed height should be 275px
/*  For used machinery listing the fixed height 478px
*********************************/
div.productmachinery {
  height: 478px;
  width: 229px;
  margin: 7px;
  float: left;
  display: inline;
}

div.productmachinery div.product-thumb {
  width: 229px;
  background: #fff;
  height: 136px;
}

div.productmachinery h3 {
  color: #004998;
  margin: 19px 0 0 10px;
  font-size: 0.917em;
  line-height: 0.917em;
  font-weight: bold;
  padding: 0;
}

div.productmachinery p {
  font-size: 0.917em;
  line-height: 1.455em;
  margin: 0 10px;
  color: #848484;
  text-align: justify;
}

div.productmachinery img.see_more {
  margin: 13px 0 0 15px;
}

ul#category-list {
  margin: 10px 20px 0;
}

ul#category-list li {
  line-height: 1.667em;
  padding-left: 10px;
  background: #d1dfee;
}

ul#category-list li a {color: #303030; padding: 2px; display: block; width: 100%; text-decoration: none; font-weight: bold;}

ul#category-list li.alt {background: #e4eaf0;}
ul#category-list li.over {background: #9bbfe7;}

hr {
  height: 0;
  border: none;
  border-top: 1px solid #ccc;
  width: 95%;
  margin: 20px auto;
  clear: both;
}

/*  FOOTER
*********************************/
div#footer {
  height: 61px;
  background: #303030;
  color: #7c7c7c;
}

div#footer p {
  font-size: 0.833em;
  padding: 24px 0 0 28px;
  float: left;
}

div#footer a {color: #7c7c7c; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}

div#footer img {
  float: right;
  padding: 16px 28px 0 0;
}

/*  FORMS
*********************************/
body#page-brochure form,
body#page-contact form,
body#page-newsletter form
 {
  margin-left: 20px;
}

body#page-newsletter form {
  margin-top: 10px;
}

body#page-contact form li.checkbox {
  width: 350px;
  float: left;
  padding: 0;
}

body#page-contact form li.checkbox label {
  font-weight: normal !important;
	width: 210px;
}

body#page-contact form li.checkbox label span {width: 200px !important;}

body#page-contact form li.checkbox input {
  width: 12px;
  background: none;
  border: none;
}

ul.list { list-style: disc; margin: 0 0 15px 30px; }
ul.list li { margin-bottom: 5px; }
ul.pro-nav li { display: block; border-bottom: 1px dotted #88b6e3; padding-left: 10px; background: url('../images/core/bullet.gif') no-repeat 0 8px; }


ul.listings li { display: block; margin-top: 10px; padding: 0 0 10px 10px; border-bottom: 1px dotted #d5d5d5; clear: both; float: left; width: 98%; }

body#page-news ol li {list-style: decimal; margin-left: 20px;}

ul.listings li img { padding-right: 10px; float: left; }

ul.listings li h3, ul.listings li p { margin: 5px 0 0 0; padding: 0; line-height: 20px; display: block; }
a.subscription { display: block; text-indent: -9999em; background: url('../images/bg-subscribe.gif') no-repeat 0 0; display: block; width: 250px; height: 40px; margin: -33px 0 0 0; float: right; position: relative; z-index: 20; }