/*--- resets ---*/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt { margin: 0; padding: 0; border: 0; font-weight: normal; }

/*--- typography ---*/

h1, h2, h3 { line-height: 36px; font-family: arial, sans-serif; }
h4, h5, h6 { line-height: 18px; font-family: arial, sans-serif; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; font-weight: bold; }
p, ul, dl, td, th { font: normal 14px/18px arial, sans-serif; margin-bottom: 18px; }
.grid2colb .column.last p, .grid4col p, #footer p { font: normal 12px/18px arial, sans-serif; margin-bottom: 18px; }
p.last, ul.last { margin-bottom: 0; }
a { color: #c00; }
ul.square { list-style-type: square; margin-left: 1.25em; }
.sosumi { font-size: 11px !important; font-weight: normal !important; color: #666; }

/*--- layout ---*/

.clear { clear: both; }
body { text-align: center; border-top: 10px solid #dddacb; background-color: #fffbea; color: #333; }
#wrapper { width: 770px; margin: 0 auto; text-align: left; }

#header { margin: 0 0 18px 0; overflow: hidden; }
#header .logo { float: left; width: 232px; margin: 24px 0 24px 0; }
#header #globalnav { float: right; }
#header #globalnav li { display: inline; height: 28px; }
#header #globalnav li a { margin: 39px 0 0 0; display: block; float: left; height: 28px; background: url(/images/globalnav.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; outline: none; }
#header #globalnav li a#gn-home { width: 61px; }
#header #globalnav li a#gn-products { width: 94px; background-position: -61px 0; }
#header #globalnav li a#gn-services { width: 87px; background-position: -155px 0; }
#header #globalnav li a#gn-resources { width: 104px; background-position: -242px 0; }
#header #globalnav li a#gn-company { width: 89px; background-position: -346px 0; }
#header #hero { text-align: center; }

#main { clear: both; width: 100%; }
#main #hero { margin-left: -10px; margin-right: -10px; margin-top: -15px; }
#main #content { padding: 0 10px 36px 10px; }

#footer { border: 1px solid #dddacb; border-width: 5px 0 1px; background-color: #efebdb; overflow: hidden; padding: 18px 0 22px; }
#footer .content { margin: 0 auto; width: 750px; }
#footer .left { width: 375px; text-align: left; float: left; }
#footer .right { width: 375px; text-align: right; float: right; }
#footer p { margin: 0; }

/*--- images ---*/

img { behavior: url(iepngfix.htc); border: 0; }
img.left { float: left; margin: 2px 18px 18px 0; }
img.right { float: right; margin: 2px 0 18px 18px; }

/*--- grids ---*/

.grid1col:after, .grid2col:after, .grid2colb:after, .grid3col:after, .grid4col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.grid1col, .grid2col, .grid2colb, .grid3col, .grid4col { width: 100%; _zoom: 1; }

.grid1col .column { width: 600px; margin-left: 85px; }

.grid2col .column { float: left; width: 360px; }
.grid2col .column.last { float: right; }

.grid2colb .column { float: left; width: 436px; }
.grid2colb .column.last { float: right; width: 284px; margin-right: -10px; }

.grid3col .column { float: left; width: 230px; margin-left: 30px; }
.grid3col .column.first { margin-left: 0; }
.grid3col .column.last { float: right; margin-left: 0; margin-right: 0; }

.grid4col .column { float: left; width: 175px; margin-right: 16px; }
.grid4col .column.last { float: right; margin-right: 0; }