body {font-size:13px;font-family:"Century Gothic" !important;}
h1, h2, h3 {font-size: 1em; font-weight: bold; margin:0}
img {border:0}
#ecommerce h2 {margin-top:1em}
a, a:visited {color:#000; text-decoration:underline}
a:hover {color:#f00;}
a:active, a:focus {background:#818181; color:#fff; text-decoration:underline}
.clear {width:1px; height:1px; clear:both; margin:0; display:block}
.noshow {position:absolute; left:-9999px; top:-9999px}
.noshow a:focus, .noshow a:active {color:#818181; background:#fff; font-size:1em; display:block; padding:0.5em; border:0.3em outset #818181; font-weight:bold; position:absolute; left:9999px; top:9999px; z-index:10} 
p {font-weight: normal; text-decoration: none; margin:0.5em 0}
ul {list-style:none; margin:0; padding:0}

/*--- body -----------------------------------------------------------------*/

body#main_body {color: #000; background-color: #000; margin: 0; padding: 0; text-align: center}


/*--- header -----------------------------------------------------------------*/

#header {width: 800px; height: 285px}

/*--- logo ---------*/

#logo img {width: 800px; height: 280px}

/*-- containers --------------------------------------------------------*/

#main {background: #fff; position: relative; padding: 0; margin: 0 auto; text-align: left; width: 800px}
#news {float: right; width: 160px; margin-right:10px}
html>body #news {width:150px; margin-right:20px}
#container2 {float: left; width: 100%; margin-right: -15em; padding:0 0 0 10px} 
#container {float: right; width: 100%; margin-left: -14em}
#content {width:420px; margin-left:180px; border-right:1px solid #818181; padding-right:10px}
#nav {width:170px}

.siteinfo {list-style:none; margin:0 10px 0 0; padding:0; float:right; font-size:0.85em}
html>body .siteinfo {margin:0 20px 10px 0}
.siteinfo li {display:inline; padding:0 0 0 0; background:url(i/bar-green.gif) no-repeat 0 60%; padding-left:7px}
.siteinfo .first {background:none; padding-right:2px}


/*-- breadcrumb --------------------------------------------------------*/

#bread {list-style:none; margin:0 0 0 10px; padding:0; float:left; font-size:0.85em}
#bread li, #bread li {display:inline; padding:0; background:url(i/arrow.gif) no-repeat 0 60%; padding-left:12px}
#bread .first {background:none}


/*--- content -----------------------------------------------------------------*/

#content h1 {margin:0}
#content p {margin:0.5em 0}
.tl {background: url(i/home-tl.gif) no-repeat 0 0 #92b8e1}
.tr {background: url(i/home-tr.gif) no-repeat 100% 0}
.bl {background: url(i/home-bl.gif) no-repeat 0 100%}
.br {background: url(i/home-br.gif) no-repeat 100% 100%; padding:0.5em}

#mainareascontainer {width:250px; float:left}
#content h2 {margin-top:10px}
#mainareascontainer h2 {margin-top:30px}
#content .maincontentareas {float:left; width:180px; margin:8px}
#content .maincontentareas h2 a, #content .maincontentareas h2 a:visited {display:block; font-size:1.5em; color:#818181}
#content .maincontentareas h2 a:active {background:#818181; text-decoration:underline; color:#fff}
#content blockquote {margin:10px 10px 0; font-size:0.9em; color:#818181}
#content blockquote span {display:block; font-style:italic; margin-top:10px}

.t {background: url(i/trans-dot.gif) repeat-x 0 0}
.b {background: url(i/trans-dot.gif) repeat-x 0 100%}
.l {background: url(i/trans-dot-v.gif) repeat-y 0 0}
.r {background: url(i/trans-dot-v.gif) repeat-y 100% 0}

.tl {background: url(i/trans-tl.gif) no-repeat 0 0}
.tr {background: url(i/trans-tr.gif) no-repeat 100% 0}
.bl {background: url(i/trans-bl.gif) no-repeat 0 100%}
.br {background: url(i/trans-br.gif) no-repeat 100% 100%; padding:1em}

#content .normlist {list-style:disc; margin-left:30px; color:#818181}
#content .normlist li span {display:block; margin-left:20px}
#content a, #content a:visited {font-weight:bold}
#content .maincontentareas li a, #content .maincontentareas li a:visited {font-weight:normal}
#content .statement {color:#000; font-weight:bold}
#content .img {float:right; width:200px; padding-left:10px}
#content .img img {width:200px; height:267px}
#content li {list-style:disc; margin-left:50px}

#content #clients {text-align:center}
#content #clients a, #content #clients a:visited {display:block}
#content #clients p {font-weight:bold; text-align:center; margin-bottom:20px}

#content ol li {list-style:lower-alpha; margin:0 0 0 15px}

#content table {width:100%; margin:20px 0}
#content table.seotable td {text-align:center}
#content table, #content table td, #content table th {border:1px solid #ccc; border-collapse:collapse}
#content table td li {margin-left:20px}
#content table td.firstcolumn {width:100px; text-align:center}
#content table td.secondcolumn {width:220px}

#content .ad {background:#000; color:#fff; text-align:center; font-weight:bold; padding:1px 5px 5px; font-size:1.5em; margin-top:5px}
#content .ad h2 {font-size:1.2em}
#content .ad p {font-weight:bold}
#content .ad a, #content .ad a:visited {color:#fff; text-decoration:underline}
#content .ad a:hover, #content .ad a:active, #content .ad a:focus {color:#f00}
#content .ad span {color:#f00}

/*--- Web development ---------------------------------------------------------*/

#sitemap div {width:205px; float:left}
#sitemap li span {display:block}


/*--- nav ---------------------------------------------------------------*/

#nav li {line-height: 21px; height: 24px}
html>body #nav li  {height:auto; min-height:24px}

#nav li a, #nav li a:visited {
  background: url(i/n1.gif) no-repeat;
  font-family:"Century Gothic" !important;
  display: block;
  width:165px;
  text-decoration: none;
  color: #e5e3e5;
  line-height: 21px;
  height: 24px;
  padding: 0 25px 0 15px;
}

#nav li a:hover, #nav li a:active, #nav li a:focus {background: url(i/n1activeitem.gif) no-repeat; color: #0f1867}

#nav li.selected {background: url(i/n1activeitem.gif) no-repeat; color: #0f1867;  padding: 0 25px 0 15px}

#nav p {text-align:center; margin-top:30px}
#nav p a:active, #nav p a:focus {background:#fff}

#nav .photoimg img {width:150px; height:140px}
#nav .negative1 img {width:150px; height:175px; margin:10px 0}

#content .subnav li {margin:0.2em 0; list-style:none}
#content .subnav li a, #content .subnav li a:visited {display:block; background:#000; color:#fff; padding:0.2em; border:1px solid black; font-weight:normal}
#content .subnav li a:active, #content .subnav li a:hover, #content .subnav li a:focus {background:#fff; color:#000; border:1px solid black; text-decoration:none}
#content .subnav li.selected {border:1px solid black; padding:0.2em}

#nav #promo {text-align:center; margin-top:10px}

/*--- news ---------------------------------------------------------------*/

#news {font-size:13px; font-family:"Century Gothic" !important;}
#news .blank {background:none}
#news h2 {background:url(i/newshead.gif) repeat-x; text-align:center; padding:0.1em 0 0.3em 0}
#news h2 a, #news h2 a:visited {color:#fff}
#news span {font-weight:bold; color:#0f1867}
#news ul {margin-bottom:5px}
#news li {background:url(i/bullet.gif)  no-repeat 0 6px; padding:2px 0 5px 10px}
#news p a, #news p a:visited {display:block}
#news .negative1 img {width:150px; height:175px; margin:10px 0}

#frmQuery {margin-top:10px; font-size:13px; font-family:"Century Gothic" !important;}
#frmQuery .qrybox {font-size:13px; font-family:"Century Gothic" !important;}
#frmQuery div {margin:5px 0}

/*--- footer ---------------------------------------------------------------*/

#footer {
  width: 800px;
  padding:10px 0 10px 0;
  text-align:center;
  font-size:0.85em;
}
html>body #footer {margin-top:10px}
#footer li {display:inline; padding:0 2px; background:url(i/bar-green.gif) no-repeat 0 60%; padding-left:7px}
#footer .first {background:none}
#footer li.selected {font-weight:bold}