<!--
/* main.css is for the general style of the entire site */
* {	padding: 0;	margin: 0; }
html, body { height: 100%; background: url(../images/bg.jpg) repeat-x center top #548711; }
img { border: 0 } 

a:link,a:active,a:visited { color: #669900; text-decoration: none; }
a:hover	{ color: #FF6633; }

/* main content container, contain all the elements below */
#container { width: 760px; margin-left: auto; margin-right: auto; background: url(../images/bg-body.jpg) repeat-y; height: 100%; font: 11px Arial; color: #666; min-height: 100%;  }
* html #container { height: 100%; }

#content { width: 720px; padding: 0 20px 0 20px; line-height: 20px; background: url(../images/bg-main.jpg) no-repeat; clear: both; }

#flash { text-align: center; color: #FFF; }
#header    { width: 720px; height: 60px; background: url(../images/header.jpg) no-repeat center top; }
#header #logo { width: 90px; height: 27px; margin: 33px 0 0 10px; float: left; background: url(../images/logo.jpg) no-repeat; }
#header #menu { width: 570px; height: 20px; margin: 40px 30px 0 0; float: right; text-align: right; letter-spacing: 2px; }
#title { width: 720px; height: 80px; background: url(../images/bg-title.jpg) no-repeat; font-size: 20px; color: #FFF; }
#title p { padding: 30px 0 0 10px; }
#footer    { width: 720px; height: 20px; text-align: right; clear: both; color: #999; }

/* Flash; font-size 0 rectify the <=10px height problem in IE */
#flash-shadow-top { width: 720px; height: 10px; font-size: 0; background: url(../images/fla-shadow-top.gif) no-repeat center; }
#flash-shadow-bot { width: 720px; height: 15px; background: url(../images/fla-shadow-bot.gif) no-repeat center; clear: both; }
#flash { width: 440px; height: 200px; background-color: #548711; float: left; }
#flash-right { width: 280px; height: 200px; float: right; }
#flash-right #top { height: 99px; border-left: solid 1px #FFF; }
#flash-right #bottom { height: 99px; border-left: solid 1px #FFF; }

/* 3-columns content -- Index */
#content-left { width: 368px; height: 300px; background-color: #FFF; background: url(../images/bg-content.gif) repeat-x; float: left;  margin-right: 2px; }
#content-center { width: 178px; height: 300px; background-color: #FFF; background: url(../images/bg-content.gif) repeat-x; float: left; margin-right: 2px; }
#content-right { width: 170px; height: 300px; background-color: #FFF; background: url(../images/bg-content.gif) repeat-x; float: left; }

/* 2-columns content -- Career/Contact */
#content-l { width: 338px; height: 420px; background-color: #F0F0F0; background: url(../images/bg-content.gif) repeat-x; float: left;  margin-right: 2px; }
#content-r { width: 380px; height: 420px; background-color: #F0F0F0; background: url(../images/bg-content.gif) repeat-x; float: left; }

/* 2-columns content -- Multi Products/Services */
#prosvc-l { width: 338px; height: 420px; background: url(../images/bg-content.gif) repeat-x #F0F0F0; float: left;  margin-right: 2px; }
#prosvc-r { width: 380px; height: 420px; background: url(../images/bg-content.gif) repeat-x #F0F0F0; float: left; }
#prosvc-r .icon { float: left; width: 55px; text-align: center; padding-top: 10px; padding-left: 5px; }
#prosvc-r .description { float: right; width: 320px; }

/* 2-columns content -- Single Products/Services */		
#menu-l { width: 188px; height: 400px; background: url(../images/bg-content.gif) repeat-x #F0F0F0; float: left;  margin-right: 2px; }
#desc-r { width: 530px; height: 400px; background: url(../images/bg-content.gif) repeat-x #F0F0F0; float: left; }
#desc-r .icon { float: left; width: 55px; text-align: center; padding-top: 10px; padding-left: 5px; }
#desc-r .description { float: right; width: 470px; }
		
/* Misc */
ul { margin: 0; padding: 0 0 0 5px; list-style: none; }
li { margin: 0; background: url(../images/bullet.gif) no-repeat; padding: 0 0 0 15px; }
p { padding: 0 5px 0 5px; }
table { margin: 0 5px 0 5px; }
.heading { height: 20px; background-color: #DEDEDE; padding: 1px; clear: both; }
.heading .content { color: #999; font-weight: bold; border: solid 1px #FFF; padding-left: 5px; height: 18px; background: url(../images/bg-heading.gif) repeat-x; }
#map { border: solid 1px #CCC; height: 200px; width: 200px; margin-left: auto; margin-right: auto; padding: 1px; background-color: #FFF; background: url(../images/map.jpg) no-repeat center;}
-->