* {font-size: 100%;}
body {margin: 0; padding: 0; text-align: center; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: .75em; background: #e8ddd1 url("../img/bg.gif") top repeat-x; color: #666;}
#page {width: 739px; margin: 0 auto 50px; text-align: left;}
h1 {margin: 1em 0; padding: 0; font-size: 1.7em; color: #000; font-weight: normal; text-transform: uppercase;}
h2 {margin: 0; padding: 1em 0 .5em; font-size: 1.2em; color: #c63;}
h3 {margin: 0; padding: 1em 0 .5em; font-size: 1em; color: #333;}
p {margin: 0; padding: 0 0 1em; line-height: 140%;}
ul {margin: 0; padding: 0 0 1em 1.5em;}
li {margin: 0; padding: 0 0 .5em; line-height: 140%;}
a {color: #696;}
a:hover {color: #c63;}
a img {border-width: 0;}
.emph {font-weight: bold;}
.clear {clear: both;}
.vol {height: 1px; line-height: 1px;}
.img {float: left; margin: 1em 15px 15px 0;}
.img img {border: 1px solid #666;}
.source {font-style: italic; color: #c63;}

/* Header */
#name {padding: 0; height: 70px; line-height: 70px; background: url("../img/tagname3.gif") 20px 22px no-repeat; float: left; width: 406px;}
#name strong {position: relative; left: -5000px; height: 1px; line-height: 1px;}
#util {background: url("../img/bannerborder.gif") left bottom no-repeat; text-align: right; padding: 49px 35px 19px; font-size: .92em; line-height: 1.55em;}
#util a {text-decoration: none; color: #999; }
#util a:hover {color: #c63; text-decoration: underline;}
#util span {padding: 3px 20px 3px 0; background: url("../img/lvdots.gif") 50% 0 repeat-y; color: #fff; }
#banner {background: #fc6 url("../img/bannerbg.gif") 0 0 repeat-y; padding: 9px 14px 3px; }
#logo {float: left; width: 180px; height: 180px; background: url("../img/logobg.gif") no-repeat;}
#logo img {display: block; margin: 14px;}
#bannertxt {height: 180px; line-height: 180px; background: url("../img/bannertxt.gif") 0 23px no-repeat; margin-left: 235px;}
#bannertxt p {position: absolute; left: -5000px;}
#pro #bannertxt {background-image: url("../img/products/bannertxt.gif");}
#equ #bannertxt {background-image: url("../img/products/bannertxt.gif");}
#svc #bannertxt {background-image: url("../img/services/bannertxt.gif");}
#nam #bannertxt {background-image: url("../img/name/bannertxt.gif");}
#con #bannertxt {background-image: url("../img/contact/bannertxt.gif");}
#acc #bannertxt {background-image: url("../img/acclaims/bannertxt.gif");}
#knw #bannertxt {background-image: url("../img/know/bannertxt.gif");}
/*#lks #bannertxt {background-image: url("../img/links/bannertxt.gif");}*/

#flashbanner {position: relative; z-index: 0; background:url("../img/home/blcorner.gif") left bottom no-repeat;}
/*#hom #pgbody {position: relative; z-index: 100;}*/
#hom #nav {/*position: absolute;*/ z-index: 100; top: 0; left: 0;}

/* Content */
#pgbody {background: #fff url("../img/sidebg.gif") 0 0 repeat-y;}
#content {float: right; width: 526px;}
#nav {background: #fcfbf7 url("../img/navbg.gif") 0 0 no-repeat; list-style: none; margin: 0; padding: 14px 0; margin-bottom: 10px; border-top: 3px solid #d8a658;  width: 526px; position: relative; margin-top: -49px; height:18px; }
/*IE Mac Only\*//*/
#nav {border-top-width: 0; position: static; margin-top: 0; background: #fcfbf7 url("../img/sidebg.gif") -213px 0 repeat-y;}
#flashbanner {background-image: url("../img/home/blcorner.png")}
/**/
#nav li {display: inline; line-height: 100%; padding: 0;}
#nav a {float: left; margin: 0 19px 13px 0; padding: 3px 0 3px 20px; background: url("../img/dvdots.gif") 0 0 repeat-y; color: #666; text-decoration: none; font-weight: bold;}
#nav .hom a {background-image: none;}
#nav a:hover {color: #2b864f; text-decoration: underline;}
#hom #nav .hom a, #hom #nav .hom a:hover,
#pro #nav .pro a, #pro #nav .pro a:hover,
#opt #nav .opt a, #opt #nav .opt a:hover,
#nam #nav .nam a, #nam #nav .nam a:hover,
#svc #nav .svc a, #svc #nav .svc a:hover,
#acc #nav .acc a, #acc #nav .acc a:hover,
#con #nav .con a, #con #nav .con a:hover {color: #000; cursor: text; text-decoration: none;}
#nav em {line-height: 18px;}

#main {margin: 0 19px;}
.mainc {background: url("../img/dhdots.gif") bottom repeat-x; padding-bottom: 1.5em;}
.subc {background: url("../img/dvdots.gif") 50% 0 repeat-y; clear: both; font-size: .92em;}
.subc1 {float: left; width: 228px;}
.subc2 {float: right; width: 228px; height:360px}
#hom .mainc {padding-left: 115px;}
#hom .mainc .img {margin-left: -115px;}
#hom .subc1 h2, #hom .subc1 p {margin-left: 81px; float: right; width: 147px; margin-left: 0; }
#hom .subc1 .img {margin-right: 0;}
#hom .subc2 ul {padding: 0; list-style: none;}
#pro #main h3 {font-weight: normal; color: #000;}

#side {float: left; width: 185px; padding-top: 25px; position: relative; }
#side .icon {margin: 115px 0 10px 17px;}
#side .icon2 {margin: 10px 0 10px 45px;}
#side .sidecon {margin-left: 25px; background: url("../img/lhdots.gif") bottom repeat-x; padding-bottom: 25px; margin-bottom: 25px; }
#side .sidecon h2 {padding-bottom: 1.5em;}
#side a {color: #666; text-decoration: none; /*adding since bg changed color: #333;*/}
#side a:hover {color: #c63; text-decoration: underline;}
.sidepop {width: 400px; height: 125px; overflow: auto; position: absolute; top: 125px; left: 10px; border: 1px solid #666; background: #fff2d5; font-size: .92em;}
.sidepop div {padding: 0 20px;}
.sidepop h3 {color: #c63;}
#side .sidepop span {visibility: visible; font-style: italic; padding-top: .5em;}
#side a.closepop {margin: 0; position: absolute; top: 1em; left: 80%; text-align: right; width: 15%; color: #696; text-decoration: underline;}

/* Footer */
#footer {clear: both; font-size: .92em; text-align: center; padding: 0 0 25px; /*border-top: 5px solid #fff;*/ color: #a57762;}
#footer p.emph {background: url("../img/dhdots.gif") 4px 0 repeat-x; padding-top: 25px;}
#footer a {font-weight: bold;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 100;
}

.thumbnail:hover{
background-color: transparent;
z-index: 100;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff2d5;
padding: 20px;
left: -1000px;
border: 1px solid #666;
visibility: hidden;
color: #696;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
width:350px;
visibility: visible;
top: 0px;
left: 130px; /*position where enlarged image should offset horizontally */

}