/*-----------------------------BODY---------------------------*/

body {
  padding:          0% 0% 2% 0%;
  color:            #112e36;
}

#content {
  background:       #ffffff url(/images/framework/top.jpg) repeat-x top left;
  width:            100%;
  margin:           0;
}

/*-----------------------------TOP---------------------------*/

#top {
  margin:           0px auto 0px auto;
  width:            800px;
  height:           100px;
  overflow:         hidden;
}

/*-----------------------------MIDDLE---------------------------*/

#middle {
  width:            780px;
  overflow:         hidden;
  padding:          0px 20px 0px 20px;
  margin:           15px auto 0px auto;
}

#main_content {
  float:            right;
  width:            660px;
}

ul.main_menu {
  width:            100px;
  padding:          4px 0px 8px 0px;
}

ul.main_menu a,
ul.main_menu a.selected,
ul.main_menu a:hover,
ul.main_menu a.selected:hover {
  background-color: #ffffff;
  color:            #587c88;
  font-size:        1.6em;
  line-height:      1.2em;
  padding:          6px 0px 6px 0px;
  margin:           0;
}

ul.main_menu a.selected {
  color:            #2b565d;
}

ul.main_menu a:hover,
ul.main_menu a.selected:hover {
  color:            #000000;
}

/*-----------------------------BOTTOM---------------------------*/

#bottom {
  width:            780px;
  margin:           15px auto 0px auto;
}

#bottom p {
  font-size:        0.8em;
  float:            right;
  width:            660px;
  text-align:       center;
  color:            #dddddd;
}

#bottom a {
  color:            #dddddd;
}

/*-----------------------------HOMEPAGE---------------------------*/

div.home_window, div.home_window_hover {
  float:            left;
  width:            182px;
  height:           400px;
  margin:           25px 16px 20px 16px;
  overflow:         hidden;
}

div.home_window:hover img.magic_image,  div.home_window_hover img.magic_image {
  position:         absolute;
  top:              0px;
  left:             0px;
  visibility:       hidden;
}

div.home_window div.magic_content, div.home_window_hover div.magic_content {
  top:              0px;
  left:             0px;
  visibility:       hidden;
}

div.home_window:hover div.magic_content, div.home_window_hover div.magic_content {
  top:              0px;
  left:             0px;
  visibility:       visible;
}

#projects_list {
  list-style:       none;
  padding:          2px 10px 10px 10px;
  margin:           0;
}

#projects_list li {
  display:          block;
  float:            left;
  padding:          5px 0px 4px 0px;
  width:            100%;
  margin:           0;
}

div.home_window p, div.home_window_hover p {
  text-align:       left;
}

/*-----------------------------MISC---------------------------*/

table.ticksheet td {
  width:            290px;
  padding-left:     22px;

  background:       #ffffff url(/images/tick.gif) no-repeat center left;
}
                          
div.audits {
  margin:           5px 10px 8px 5px;
}

img.triple {
  margin:           15px 7px 23px 7px;
}

#contact-us {
  float:            right;
  margin:           0px 10px 0px 10px;
}

#audit {
  float:            right;
  margin:           15px 20px 0px 10px;
}

/*-----------------------------CONTENT---------------------------*/

p {
  text-align:       left;
}

.inline-right {
  margin:           5px 10px 8px 15px;
}

.inline-left {
  margin:           5px 15px 8px 10px;
}

h1, h2, h3, h4, h5, h6, th {
  color:            #587c88;
}

h2.subtitle {
  padding:          0px 10px 6px 10px;
}

a {
  color:            #587c88;
}

p {
  line-height:      1.2em;
}