* {
margin:0;
padding:0;
	}


/* ---------- BODY ---------- */
body {
background-image: url(images/body_bg.jpg);
background-repeat: repeat-x;
background-position: top;
}


/* ---------- H1 / H2 / H3 / H4 / H5 / H6 ---------- */

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #006600;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #006600;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
line-height: 12pt;
color: #339900;
}

/* ---------- P ---------- */

p {
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

div#sub-col01 p,
div#sub-col02 p {
font-family:Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
}

div#column-text03 p {
font-family:Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #999999;
}

div#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #666666;
}

div#license p {
font-family:Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #666666;
}


/* ---------- ACRONYM ---------- */


/* ---------- STRONG ---------- */


/* ---------- SPAN ---------- */


/* ---------- DIV ---------- */

div#page-container {
width: 900px;
height: 800px;
background-color: #FFFFFF;
position: relative;
margin-left: -450px;
left: 50%;
top: 20px; 
}

div#hero {
width: 857px;
height: 173px;
background-image: url(../images/hero.jpg);
background-repeat: no-repeat;
background-position:center;
background-position: top;
position: relative;
margin: 0 0 0 21px;
float: left;
}

div#main-content {
width: 855px;
background-image: url(images/content_bg.jpg);
background-repeat: repeat-x;
background-position: top;
position: relative;
border: solid 1px #CCCCCC;
float: left;
margin: 12px 0 0 21px;
padding: 0 0 25px 0;
}

div#footer {
width: 500px;
position: relative;
float: left;
margin: 5px 0 0 21px;
}

div#license {
position: relative;
float: right;
margin: 5px 22px 0 0;
}

div#column01,
div#column02,
div#column03 {
position: relative;
float: left;
margin: 15px 0 0 23px;
}

div#column01 {
width: 375px;
}

div#column02,
div#column03 {
width: 195px;
margin-top: 15px;
background-image: url(images/column_bg.png);
background-repeat: no-repeat;
background-position: top;
}

div#header,
div#body-text,
div#gallery-header {
width: 375px;
position: relative;
float: left;
border-bottom: solid 1px #CCCCCC;
padding: 0 0 4px 0;
}

div#subpage-header {
width: 790px;
position: relative;
float: left;
border-bottom: solid 1px #CCCCCC;
padding: 0 0 4px 0;
margin: 0 0 15px 0;
}

div#gallery-header {
width: 805px;
}

div#contact-body-text {
width: 375px;
position: relative;
float: left;
padding: 0 0 4px 0;
}

div#services-body-text {
width: 790px;
position: relative;
float: left;
padding: 0 0 4px 0;
}

div#products-body-text {
width: 790px;
position: relative;
float: left;
padding: 0 0 4px 0;
background-image: url(../images/product_bg.png);
background-repeat:no-repeat;
background-position:bottom;
height: 460px;
width: 810px;
}

div#suppliers {
width: 375px;
position: relative;
float: left;
padding: 12px 0 4px 0;
}

div#body-text,
div#contact-body-text {
padding: 15px 0 20px 0;
}

div#column-heading {
position: relative;
float: left;
margin: 20px 0 0 10px;
}

div#column-icon {
width: 27px;
height: 27px;
position: relative;
float: left;
margin: 15px 0 0 15px;
}

div#column-image {
position: relative;
float: left;
margin: 10px 0 0 19px;
border: solid 1px #CCCCCC;
}

div#image-border {
position: relative;
float: left;
border: solid 4px #FFFFFF;
}

div#map_canvas {
width: 390px;
height:300px;
border: solid 1px #000000;
background-color: #FFFFFF;
position: relative;
float: left;
margin: 36px 0 0 35px;
}

div#about_img {
width: 390px;
height:240px;
border: solid 1px #CCCCCC;
background-image: url(../images/about_img.jpg);
position: relative;
float: left;
margin: 36px 0 0 35px;
}

div#column-text {
}

div#tag {
position: relative;
float: left;
width: 370px;
height: 25px;
left: 25px;
top: 11px;
}


div#box {
width: 1100px;
height: 800px;
background-image: url(../images/servicebg.jpg);
position: relative;
float: left;
margin-left: -100px;
top: -300px;
z-index: -1;
}

div#sub-col01 {
width: 350px;
height: 300px;
position: relative;
float: left;
margin: 0 15px 0 20px;
}

div#sub-col02 {
width: 380px;
height: 300px;
position: relative;
float: left;
margin: 0 15px 0 20px;
}

div#prod_image01,
div#prod_image02,
div#prod_image03,
div#prod_image04 {
width: 177px;
height: 137px;
position: relative;
float: left;
margin: 0 10px 10px 0;
}


/* ---------- ul ---------- */

div#main-nav ul {
width: 540px;
height: 35px;
position: relative;
float: right;
margin: 35px 20px 0 0;
}

div#footer ul {
width: 500px;
position: relative;
float: left;
margin: 0 0 0 0;
}

div#column-text02 ul,
div#column-text03,
div#column-list ul,
div#column-text03 ul {
position: relative;
float: left;
margin: 10px 15px 20px 16px;
}

div#column-text03 {
margin: 10px 15px 10px 16px;
}

div#column-list ul {
margin: 15 15px 20px 16px;
}

div#gallery ul {
position: relative;
float: left;
width: 805px;
margin: 5px 0 0 0;
}

div#suppliers ul {
position: relative;
float: left;
}

/* ---------- li ---------- */

div#main-nav ul li {
list-style: none;
display: inline;
float:left;
}

div#footer ul li {
list-style: none;
display: inline;
float:left;
border-right: solid 1px #666666;
font-family:Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height: 12pt;
}

div#column-text02 ul li,
div#column-list ul li {
list-style-type: none;
display: block;
padding: 0 0 0 2px;
}

div#gallery ul li {
border: solid 1px #CCCCCC;
margin: 20px 12px 0 0;
height: 110px;
display: inline;
float: left;
list-style-type: none;
list-style-image:none;
}

div#suppliers ul li{
list-style: none;
display: inline;
float:left;
}


/* ---------- A ---------- */

a {
color: #339900;
text-decoration: underline;
}

a:hover {
color: #999999;
text-decoration: none;
}

div#main-nav a:hover {
background-image: url(../images/home_on.jpg);
}

div#footer a {
color: #666666;
}

div#footer a:hover {
color: #006600;
}



/* ---------- FORM / FIELDSET / LEGEND / LABEL / INPUT / SELECT / TEXTAREA ---------- */


/* ---------- HR ---------- */


/* ---------- FULL LEADERBOARD / HEADER / CONTENT / FOOTER / SPONSORS ---------- */


/* ---------- FULL LEADERBOARD ---------- */


/* ---------- HEADER ---------- */