body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 62.5%;
background-color: #6E6E6E;
background-image: url(images/body_bkg-c.jpg);
background-repeat: repeat-y;
background-position: center top;
}

* { margin: 0; padding: 0; }

img, table { border-style: none; }

table { border-collapse: collapse; }

p, li {
font-size: 1.3em;
line-height: 1.4em;
color: #333333;
}

p { margin-bottom: .7em; }

li {
margin-bottom: 0.3em;
text-align: left;
margin-left: 1.5em;
}

ul { margin-bottom: 0.8em; }

h1, h2, h3, h4, h5 { color: #D90000; 
}

h1 { margin-bottom: .5em; 
}

h2 {
font-size: 1.6em;
line-height: 1.3em;
margin-bottom: 0.6em;
}

h3 {
font-size: 1.4em;
line-height: 1.3em;
margin-bottom: 0.5em;
}

h4 {
font-size: 1.3em;
margin-bottom: 0.1em;
line-height: 1.3em;
}

a:link { color: #D90000; }

a:visited { color: #EE545B; 
}

a:hover, a:active { color: #B71200; }
.bold { font-weight: bold; }


#wrapper {
text-align: left;
width: 812px;
margin-top: 15px;
padding-bottom: 15px;
margin-right: auto;
margin-left: auto;
}

#masthead {
height: 126px;
margin-bottom: 0px;
background-image: url(images/header-c.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

#masthead  h2 a {
text-decoration: none;
text-indent: -9999px;
display: block;
height: 124px;
overflow: hidden;
}

#masthead h3 {
font-size: 0px;
line-height: 0px;
text-indent: -9999px;
}

#nav_wrapper {
height: 24px;
background-image: url(images/nav-c.gif);
background-repeat: no-repeat;
background-position: center bottom;
}

#nav {
margin-left: 110px;
height: 24px;
overflow: hidden;
margin-bottom: 0px;
}

#nav li {
float: left;
list-style: none;
margin: 0px;
display: inline;
}

#nav li a {
font-weight: bold;
color: #EFD2D2;
text-decoration: none;
padding-top: 6px;
padding-left: 10px;
padding-right: 10px;
display: block;
font-size: 12px;
line-height: 12px;
height: 18px;
text-align: center;
}

#nav li a:hover {
color: #FFFFFF;
text-decoration: none;
}

/* widths of nav buttons hack for MSIE 6; can be removed when MSIE 7 is dominant browser. */
* html #nav_home a { width: 38px; }
* html #nav_about a { width: 54px; }
* html #nav_products a { width: 54px; }
* html #nav_services a { width: 50px; }
* html #nav_employment a { width: 80px; }
* html #nav_contact a { width: 68px; }

#about #nav_about a, #contact #nav_contact a, #products #nav_products a, #services #nav_services a, #employment #nav_employment a {
cursor: default;
background-image: url(images/nav-bkg_hover-c.gif);
background-repeat: repeat-x;
color: #FFFFFF;
}

#home #nav_home a {
cursor: default;
}

#nav #nav_employees {
float: right;
margin-right: 48px;
display: inline;
width: 120px;
}

#nav #nav_employees a { 
color: #CCCCCC; 
background-image: url(images/nav-bkg_login.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}

#nav #nav_employees a:hover { color: #FFFFFF; 
}

#employees #nav #nav_employees a {
color: #FFFFFF;
background-image: url(images/nav-bkg_login.gif);
background-repeat: repeat-x;
background-position: 0px -24px;
cursor: default;
}

#content_wrapper {
padding-top: 26px;
clear: both;
background-image: url(images/bkg_y-c.gif);
background-repeat: repeat-y;
}

#content_main {
padding-right: 60px;
padding-left: 60px;
padding-bottom: 15px;
text-align: justify;
min-height: 320px;
}

#content_bottom {
background-image: url(images/bottom-home.jpg);
background-repeat: no-repeat;
height: 88px;
overflow: hidden;
}
#content_bottom a {
text-decoration: none;
display: block;
height: 80px;
float: left;
}
#content_bottom #piclink1 {
width: 150px;
}
#content_bottom #piclink2 {
width: 163px;
}
#content_bottom #piclink3 {
width: 247px;
}
#content_bottom #piclink4 {
width: 128px;
}
#content_bottom #piclink5 {
width: 118px;
}
#about #content_bottom {
background-image: url(images/bottom-about.jpg);
}
#about #content_bottom #piclink1 {
width: 269px;
}
#about #content_bottom #piclink2 {
width: 133px;
}
#about #content_bottom #piclink3 {
width: 105px;
}
#about #content_bottom #piclink4 {
width: 130px;
}
#about #content_bottom #piclink5 {
width: 169px;
}
#services #content_bottom {
background-image: url(images/bottom-services.jpg);
}
#services #content_bottom #piclink1 {
width: 149px;
}
#services #content_bottom #piclink2 {
width: 241px;
}
#services #content_bottom #piclink3 {
width: 135px;
}
#services #content_bottom #piclink4 {
width: 127px;
}
#services #content_bottom #piclink5 {
width: 153px;
}
#products #content_bottom {
background-image: url(images/bottom-products.jpg);
}
#products #content_bottom #piclink1 {
width: 108px;
}
#products #content_bottom #piclink2 {
width: 215px;
}
#products #content_bottom #piclink3 {
width: 75px;
}
#products #content_bottom #piclink4 {
width: 144px;
}
#products #content_bottom #piclink5 {
width: 263px;
}
#contact #content_bottom {
background-image: url(images/bottom-contact.jpg);
}
#contact #content_bottom #piclink1 {
width: 120px;
}
#contact #content_bottom #piclink2 {
width: 200px;
}
#contact #content_bottom #piclink3 {
width: 170px;
}
#contact #content_bottom #piclink4 {
width: 220px;
}
#contact #content_bottom #piclink5 {
width: 100px;
}

#employment #content_bottom {
background-image: url(images/bottom-employment.jpg);
}
#employment #content_bottom #piclink1 {
width: 194px;
}
#employment #content_bottom #piclink2 {
width: 152px;
}
#employment #content_bottom #piclink3 {
width: 142px;
}
#employment #content_bottom #piclink4 {
width: 191px;
}
#employment #content_bottom #piclink5 {
width: 126px;
}
#footer {
font-size: 1.1em;
line-height: 1.3em;
color: #CCCCCC;
text-align: center;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
padding-right: .7em;
padding-left: .7em;
}

#footer a:hover { text-decoration: underline; }

h1 {
font-size: 1px;
line-height: 1px;
background-image: url(images/page_head-about.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
height: 27px;
padding-bottom: 12px;
}

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

#login_box {
background-color: #FFFFFF;
padding: 10px;
width: 106px;
border: 1px solid #A0A0A0;
float: right;
margin-bottom: 10px;
margin-left: 20px;
}

#user_id, #password { width: 103px; }

#login_box p {
font-size: .9em;
line-height: 1.3em;
margin-bottom: .6em;
}

#login_box #submit {
float: right;
margin-top: 6px;
}

.threeColList {
float: left;
width: 33%;
}

.twoColList {
float: left;
width: 46%;
padding-right: 4%;
}

.centerText { text-align: center; }

#employment h1 { background-image: url(images/page_head-employment.gif); }
#about h1 { background-image: url(images/page_head-about.gif); }
#contact h1 { background-image: url(images/page_head-contact.gif); }
#employees h1 { background-image: url(images/page_head-employees.gif); }
#products h1 { background-image: url(images/page_head-products.gif); }
#services h1 { background-image: url(images/page_head-services.gif); }
#home h1 {
background-image: url(images/home-tagline_txt-c.gif);
background-position: center top;
}

#contactTable {
margin-bottom: 20px;
width: 100%;
}

#contactTable td {
text-align: left;
vertical-align: top;
padding-right: 6px;
}

#contactTable .rightColumn { padding-left: 40px; }

#contactTable .leftColumn, #contactTable .rightColumn { width: 25%; }

#products .centerText {
clear: both;
padding-top: 1em;
}

#threeColTable { width: 100%; }

#threeColTable td {
font-weight: bold;
text-align: left;
vertical-align: top;
width: 33%;
}

#services .centerText {
font-size: 1.3em;
font-weight: bold;
margin-top: 15px;
}

.padBtm { padding-bottom: 160px; }
#photogallery img {
margin-top: 20px;
}
#photogallery p {
text-align: right;
padding-top: .3em;
width: 600px;
margin-right: auto;
margin-left: auto;
}
#photogallery a {
color: #CCCCCC;
}