/* 
  ------------------------------------------------
  CSS layout for A.T. Fabrication inc. 
  Copyright (c) 2009 Natmark-Concept inc. - www.natmark.net
  ------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #93a299;
	padding: 20px;
}

#wrapper { width: 780px; margin: 0 auto; border: 4px solid #fff; }
#wrapper .menulist a, #wrapper .menulist a:visited { color: #000000; background-color: #acc5b7; padding: 10px 0 6px 20px; text-decoration: none; }
#wrapper .menulist a:hover { text-decoration: none; }

#topbanner { color: #fff; background-color: #628e7f; padding: 0px; margin: 0; }
#topbanner .content { height: 150px; padding: 0; border-bottom: 4px solid #fff; }

#column_wrapper { background-image: url(../images/bkg-wrapper.gif); background-repeat: repeat-y; }

.clearfloat { clear: both; height: 0; line-height: 0; font-size: 0; }

#left { width: 188px; float: left; height: auto; }
#left .content { margin: 0; font-size: 0.75em; line-height: 1.5em;  }

/* Menu main links */
.menulist { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.menulist li { list-style-type: none; }
.menulist a:link, .menulist a:visited { display: block; font-size: .95em; text-decoration: none; color: #000; background-color: #acc5b7; padding: 5px 8px; border-bottom: 1px solid #fff; }
.menulist a:hover, .menulist a:active { color: #000; background-color: #FFF !important; border-bottom: 1px solid #fff; }
a.on:link, a.on:visited { background-color: #FFF !important; color: #000; border-bottom: 1px solid #fff; }

#center { width: 501px; float: left; }
#center .content { padding: 20px 20px 0px 20px; font-size: 0.8em; line-height: 1.65em; }
#center a:link { color: #4B6D62; background-color: #d0e2d8; }
#center a:visited { color: #4B6D62; background-color: #d0e2d8; }
#center a:hover { color: #4B6D62; background-color: #d0e2d8; }

#title { height: 67px; width: auto; display: block; color: #fff; background-color: #628e7f; background-image: url(../images/bkg-title.jpg); background-repeat: no-repeat; border-top: 0px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; border-left: 4px solid #fff; }
#title .content { font-size: 1em; font-weight: bold; vertical-align: middle; text-align: center; }

#right { width: 91px; float: left; }
#right .content { padding: 0; }

#partners { height: 46px; color: #fff; background-color: #acc5b7; padding-bottom: 0; padding-top: 4px; border-top: 4px solid #fff; border-bottom: 0px; }
#partners .content { height: 46px; padding: 2px; vertical-align: bottom; text-align: center; }
#partners a:link { color: #000; background-color: #acc5b7; }
#partners a:visited { color: #000; background-color: #acc5b7; }
#partners a:hover { color: #000; background-color: #acc5b7; }

#footer { text-align: center; margin: 10px; font-size: 0.7em; }
#footer a:link { color: #000; background-color: #93a299; }
#footer a:visited { color: #000; background-color: #93a299; }
#footer a:hover { color: #000; background-color: #93a299; text-decoration: overline; }

h1 { font-size: 1.6em; margin: 0; }
h2 { font-size: 1.4em; margin: 30px 0 0 0; }
h3 { font-size: 1.25em; margin: 30px 0 0 0; }
h4 { font-size: 1.1em; margin: 20px 0 0 0; }
.nomargintop {margin-top: 0;}
.content p { margin: 12px 0; }
dt { font-weight: bold; }
dd { margin-left: 0px; padding-left: 25px; }
hr { color: #93a299; background-color: #d0e2d8; width: 100%; height: 1px; }
.small { font-size: 10px; }