* {
  margin: 0px; padding: 0px;
}

body, html {
  background:#000;
}

/* Page structure */

#frame {
  margin:30px 30px 30px 30px;
  padding:0px;
  border: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #be5b1d #000 #000 #000;
  width: 958px;
  display: inline-block;
}

#header {
  margin: 0px;
  padding: 0px;
  background: #000;
  width: 958px;
  display: inline-block;
}

#header-left {
  clear: left;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 714px; height:77px;
  background-image:url(/images/orange_top_bar.gif);
  background-repeat: no-repeat;
  background-position:0px 75px;
  display: inline-block;
}

#header-right {
  float: right;
  margin: 0px;
  padding: 0px;
  width: 228px; height:75px;
  border: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #000 #000 #be5b1d #000;
  display: inline-block;
}

#content {
  margin: 0px;
  padding: 13px 0px 10px 0px;
  width: 958px;
  min-height:525px;
  display: inline-block;
}

#page {
  padding: 0px 0px 15px 0px;
  background:#000;
  color:#000;
  clear: left;
  float: left;
  width: 714px;
  height: 525px;
  margin: 0 0 0 0px;
  border: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #000 #000 #8E4416 #000;
  display: inline-block;
}

#navigation {
  float: right;
  width: 228px;
  height:524px;
  background: #000;
  padding: 0px 0px 15px 0px;
  border: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #000 #000 #8E4416 #000;
  display: inline-block;
}

#navigation ul {
  margin: 0px; padding: 0px;
  cursor: pointer; cursor: hand;
  display: inline-block;
}

#navigation ul li {
  list-style-type: none;
  display:block;
  cursor: pointer; cursor: hand;
}

#navigation ul ul {
  margin: 0px;
  padding: 0px 0px 0px 15px;
  display: none;
  height:auto;
  cursor: pointer; cursor: hand;
}

#navigation .topic-selected {
  display: block;
}

.navigation-visible {
  display:block;
  height:auto;
  visibility:visible;
}

#navigation ul ul li {
  list-style-type: none;
}

#footer {
  padding:0px; margin:0px;
  background:#000;
  width: 958px;
  height: 30px;
  display: inline-block;
}

#footer-left {
  clear: left;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 714px; height:30px;
  display: inline-block;
}

#footer-right {
  float: right;
  text-align: left;
  margin: 0px;
  padding: 0px;
  width: 228px; height:30px;
  display: inline-block;
}

#logo img {
  border:0px;
  border-style:none;
  padding:42px 0px 0px 0px;
}

#page-info {
  float:right;
  width:228px;
  margin: -55px 0px 0px 0px;
}

#opener-info {
  float:right;
  width:228px;
  margin: -57px 0px 0px 0px;
}

#copyright {
  vertical-align:top;
}

/* Paginator */
#paginator {
  padding:42px 0px 0px 0px;
}

#paginator ul {
  margin:0px; padding:0px;
  width:229px;
  list-style:none;
}

#paginator li {
  margin:0px; padding:0px;
  display:block;
}

#paginator a {
  margin:0px; padding:0px;
  display: block;
  height:19px;
}

#left_off, #n1_off, #n2_off, #n3_off, #n4_off, #n5_off, #n6_off, #n7_off, #n8_off, #n9_off, #right_off {
  background: transparent url(/images/numbers_off.gif) no-repeat;
  background-position: 0 0;
  background-repeat: no-repeat;
  height:19px;
}

#left_off {
 background-position:0px 0px;
 float: left;
 width:18px;
}

#left_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:0px 0px;
 width:18px;
}

#n1_off {
 background-position:-18px 0px;
 float: left;
 width:14px;
}

#n1_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-18px 0px;
 width: 14px;
}

#n2_off {
 background-position:-32px 0px;
 float: left;
 width: 15px;
}

#n2_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-32px 0px;
 width: 15px;
}

#n3_off {
 background-position:-47px 0px;
 float: left;
 width: 16px;
}

#n3_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-47px 0px;
 width: 15px;
}

#n4_off {
 background-position:-63px 0px;
 float: left;
 width: 16px;
}

#n4_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-63px 0px;
 width: 15px;
}

#n5_off {
 background-position:-79px 0px;
 float: left;
 width: 16px;
}

#n5_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-79px 0px;
 width: 15px;
}

#n6_off {
 background-position:-95px 0px;
  float: left;
 width: 16px;
}

#n6_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-95px 0px;
 width: 15px;
}

#n7_off {
 background-position:-110px 0px;
  float: left;
 width: 15px;
}

#n7_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-110px 0px;
 width: 15px;
}

#n8_off {
 background-position:-126px 0px;
 float: left;
 width: 16px;
}

#n8_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-124px 0px;
 width: 17px;
}

#n9_off {
 background-position:-141px 0px;
 float: left;
 width: 16px;
}

#n9_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-140px 0px;
 width: 15px;
}

#right_off {
 float:right;
 background-position:-158px 0px;
 width: 70px;
}

#right_off a:hover {
 background: transparent url(/images/numbers_on.gif) no-repeat;
 background-position:-158px 0px;
 width: 70px;
}


#left_on, #n1_on, #n2_on, #n3_on, #n4_on, #n5_on, #n6_on, #n7_on, #n8_on, #n9_on {
  background: transparent url(/images/numbers_on.gif) no-repeat;
  background-position: 0 0;
  background-repeat: no-repeat;
  height:19px;
}

#left_on {
 float: left;
 background-position:0px 0px;
 width:18px;
}

#n1_on {
 float: left;
 background-position:-18px 0px;
 width:14px;
}

#n2_on {
 float: left;
 background-position:-32px 0px;
 width: 15px;
}

#n3_on {
 float: left;
 background-position:-47px 0px;
 width: 16px;
}

#n4_on {
 float: left;
 background-position:-63px 0px;
 width: 16px;
}

#n5_on {
 float: left;
 background-position:-79px 0px;
 width: 16px;
}

#n6_on {
 float: left;
 background-position:-95px 0px;
 width: 16px;
}

#n7_on {
 float: left;
 background-position:-110px 0px;
 width: 15px;
}

#n8_on {
 float: left;
 background-position:-124px 0px;
 width: 16px;
}

#n9_on {
 float: left;
 background-position:-140px 0px;
 width: 15px;
}

/* Main content include */

div#image-container {
  width:714px;
  height:525px;
  overflow:hidden;
}

div#image-container.loading-image {
  background: url(/images/spinner.gif) no-repeat center center;
}

/* About */
.about-column-1 {
  padding:0px; margin:0px;
  width:228px;
  padding:0px;
  float:left;
  text-align:left;
}

.about-column-2 {
  padding:0px; margin:0px;
  width:257px;
  padding:0px;
  float:left;
  text-align:left;
}

.about-column-3 {
  padding:0px; margin:0px;
  width:200px;
  padding:0px;
  float:left;
  text-align:left;
}

/* Selected clients */
.selected-clients-column {
  width:228px;
  padding:0px;
  float:left;
  text-align:left;
}

/* Page styles*/

p {
  font-family:arial, verdana, helvetica;
  font-size:14px;
}

a:link, a:visited {
  text-decoration:none;
  color:#666;
}

a:hover, a:active {
  text-decoration:none;
  color:#fff;
}

h3 {
  font-family:arial, verdana, helvetica;
  color:#fff;
  font-size:14px;
  font-weight:normal;
  margin:0px 0px 18px 0px;
}

img {
  padding:0px; margin:0px;
  border-style: none;
}

.strong {
  font-weight:bold;
}

.italic {
   font-style:italic;
}

.font10px {
  font-size:10px;
}

.font12px {
  font-size:12px;
}

.font14px {
  font-size:14px;
}

.font15px {
  font-size:15px;
}

.font18px {
  font-size:18px;
}

.font15pt {
  font-size:15pt;
}

.font18pt {
  font-size:18pt;
}

.white {
  color:#fff;
}

.grey {
  color:#666;
}

.grey-light {
  color:#b2b2b2;
}

.orange {
  color:#be5b1d;
}

.selected {
  color:#fff;
  font-size:15px;
  /*font-weight:bold;*/
}

.mp-arial {
  font-family:arial, verdana, helvetica;
  font-size:15px;
}

.footer-text {
  font-family:arial, verdana, helvetica;
  color:#666;
  font-size:14px;
}

.menu-spacer {
  height:6px;
}

.menu-topic {
  font-family:arial, verdana, helvetica;
  font-size:15px;
  font-weight:normal;
}

.menu-topic a {
  color:#666;
  text-decoration:none;
}

.menu-topic a:hover {
  color:#fff;
}

.menu-item {
  font-family:arial, verdana, helvetica;
  font-size:15px;
  font-weight:normal;
}

.menu-item a {
  color:#666;
  text-decoration:none;
}

.menu-item a:hover {
  color:#fff;
}

.mailto {
  font-style:italic;
  color:#666;
  text-decoration:none;
}