/* style order:
margin
padding
width
height
position
left
background stuff
border stuff
font stuff
*/

/* generic ------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
}

body { 
  background: #535252 url(../images/bg.gif) repeat-x;
  font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
  color: #FFF; 
  text-align: center;  /* for IE centering */
}

a:link, a:visited {
  color: #CCC;
}

a:hover {
  color: #FFF;
  background: #333;
  text-decoration: none;
}

.hr {
  margin: 0;
  padding: 0;
  width: 80%;
  border-bottom: 1px dotted #820D0B;
}

* html .hr {
  padding: 1px;
  width: 80%;
  border-bottom: none;
  background: url(../images/cssdot.gif) repeat-x bottom;        
} 

strong b {
  font-weight: bold;
}    

/* PNG Transparency Fix for IE 5.5+ */
img, #logo, #pic { behavior: url(/js/iepngfix.htc); }

/* arena ------------------------------------------- */
#arena {
  margin: 0 auto;
  width: 750px; 
  text-align: left;
}

#arena img { border: 0; }

/* header ------------------------------------------- */
#header {
  height: 160px;
  position: relative;
}

#logo {
  width: 224px;
  height: 100px;
  position: absolute;
  left: 21px;
  background: url(../images/logo.png) no-repeat top left;
}

#logo img {
  visibility: hidden;
}

#pic {
  width: 355px;
  height: 100px;
  position: absolute;
  left: 395px;
  background: url(../images/header_pic.png) no-repeat top left;
}

#nav {
  margin: 0;
  padding: 0;
  width: 525px;
  height: 41px;
  position: absolute;
  left: 21px;
  top: 119px;
  list-style: none;
  display: inline;
  overflow: hidden;
}

#nav li {
  margin: 0; 
  padding: 0;
  list-style: none;
  display: inline;
}

#nav a {
  float: left;
  padding: 41px 0 0 0;
  overflow: hidden;
  height: 0px !important; 
  height /**/:41px; /* for IE5/Win only */
}
        
#nav a:hover {
  background-position: 0 -41px;
}

#nav a.selected {
  background-position: 0 -41px;
}

#firm a  {
  width: 72px;
  background: url(../images/btn_firm.gif) top left no-repeat;
}

#services a  {
  width: 74px;
  background: url(../images/btn_services.gif) top left no-repeat;
}

#forms a  {
  width: 143px;
  background: url(../images/btn_forms.gif) top left no-repeat;
}

#research a  {
  width: 85px;
  background: url(../images/btn_research.gif) top left no-repeat;
}

#contact a  {
  width: 83px;
  background: url(../images/btn_contact.gif) top left no-repeat;
}

#home a  {
  width: 68px;
  background: url(../images/btn_home.gif) top left no-repeat;
}

/* main content ------------------------------------------- */
#main_content {
  margin: 29px 0 0 0;
  position: relative;
  float: left;
  line-height: 15px;
  background: url(../images/bg_divider.gif) top left repeat-y;
}

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

#home_content {
  margin: 0 0 20px 20px;
  width: 443px;
  float: left;
  display: inline; /* IE/Win double-margin bug fix */
}

#home_pic {
  width: 406px;
  height: 135px;
  background: url(../images/pic_home.jpg) no-repeat top right;
}

#home_content h1.swap {
  margin: 0;
  padding: 0;
  height: 31px;
}

#home_content h1.swap span {display: none;}

#home_content h1#home {background: url(../images/title_home.gif) no-repeat top left;}

#home_content p { 
  margin: 0 55px 11px 15px;
}

/* content ------------------------------------------- */
#content_pic {
  margin: 0 0 0 20px;
  width: 151px;
  height: 135px;
  float: left;
  display: inline; /* IE/Win double-margin bug fix */
  /* position: absolute; left: 20px; */
}

#content {
  margin: 0 0 20px 0;
  width: 292px;
  float: left;
  display: inline; /* IE/Win double-margin bug fix */
  /* position: absolute; left: 170px; */
}

#content h1.swap {
  margin: 0;
  padding: 0;
  height: 38px;
}

#content h1.swap span {display: none;}

#content h1#firm {background: url(../images/title_firm.gif) no-repeat top left;}
#content h1#services {background: url(../images/title_services.gif) no-repeat top left;}
#content h1#forms {background: url(../images/title_forms.gif) no-repeat top left;}
#content h1#research {background: url(../images/title_research.gif) no-repeat top left;}
#content h1#contact {background: url(../images/title_contact.gif) no-repeat top left;}

#content h3 {
  margin: 0;
  padding: 7px 0 0 7px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #820D0B;
}

#content p { 
  margin: 11px 21px 11px 13px;
}

#content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#content li {
  margin: 0;
  padding: 1em 2em .5em 3em;
  background: url(../images/bullet_gold.gif) no-repeat;
  background-position: 1.5em 1.5em;
}

#content li.nested {
  margin: 0;
  padding: 0 0 0 3em;
  background: none;
  font-weight: normal;
}

/* sidebar ------------------------------------------- */
#sidebar {
  margin: 0 0 20px 20px;
  width: 267px;
  float: right;
}

#sidebar h1.swap {
  margin: 0;
  padding: 0;
  height: 38px;
}

#sidebar h1.swap span {display: none;}

#sidebar h1#home {background: url(../images/sidebar_home.gif) no-repeat top left;}  
#sidebar h1#home-plan-limits {background: url(../images/sidebar_home-plan-limits.gif) no-repeat top left;}  
#sidebar h1#firm {background: url(../images/sidebar_firm.gif) no-repeat top left;}
#sidebar h1#services {background: url(../images/sidebar_services.gif) no-repeat top left;}
#sidebar h1#forms {background: url(../images/sidebar_forms.gif) no-repeat top left;}
#sidebar h1#research {background: url(../images/sidebar_research.gif) no-repeat top left;}
#sidebar h1#contact {background: url(../images/sidebar_contact.gif) no-repeat top left;}

#sidebar h3 {
  margin: 0 0 7px 0;
  padding: 0;
  font: bold italic 9px Verdana, Arial, Helvetica, sans-serif;
}

#sidebar p { 
  margin: 7px 0 15px 7px; 
}

#sidebar ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#sidebar li {
  margin: 0;
  padding: 1em 0 0 2.5em;
  background: url(../images/bullet_gold.gif) no-repeat;
  background-position: 1em 1.6em;
  font-size: 9px;
  font-weight: bold;
  color: #FFF;
}

#sidebar li.nested {
  margin: 0;
  padding: 0 0 0 3.5em;
  background: none;
  font-weight: normal;
}

#sidebar .normal {
  font-weight: normal;
}

#sidebar li.home {
  margin: 0;
  padding: 1em 0 0 3em;
  background: url(../images/bullet_plus.gif) no-repeat;
  background-position: 1em 1.3em;
  font-weight: normal;
}

/* forms ------------------------------------------- */
form {
  margin-top: 0;
  margin-bottom: 0;
}

input {
  border-width: 1px;
  font: 10px Georgia, "Times New Roman", Times, serif;
}

input.textbox {
  width: 50%;
  display: block;
  background: #FFFFFF;
  margin: 5px 0 5px 0;
}

input.button {
  text-transform: uppercase;
  color: #FFFFFF;
  background: #000000;
  padding: 1px;
  display: block;
}
