@charset "utf-8";
/* CSS Document */

/*-------*/
/* magic */
.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*---------*/
/* general */
html body {
  margin:0;
  padding:0;
  background:#dba502 url(images/bg_main.jpg) repeat-x;
  text-align:center;
}
html body,
th,
td,
div,
p {
  font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
  font-size:12px;
  line-height:18px;
  color:#4f0f00;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
a:link {color: #0066cc}
a:visited {color: #003399}
a:hover {color: #0099ff}

/*--------*/
/* layout */
#container {
  width:819px;
  margin:0 auto;
  padding:0;
  background:#dba502 url(images/bg_yellow_shadow.gif) repeat-y;
}
.col-left {
  width:47px;
  float:left;
}
.col-middle {
  width:725px;
  float:left;
  overflow:hidden; 
}
.col-right {
  width:47px;
  float:left;
}
#workspace {
  margin:0;
  padding:0 10px;
  text-align:left;
}
.content-wrapper {
  background:#f1eee9 url(images/bg_grey.gif) repeat-y;
}
.section {
  margin:0;
  padding:0 14px 14px 14px;
}
.section h1 {
  margin:0 0 8px 0;
  padding:0;
	font-size:16px;
}
.section div.content {
  margin:0;
  padding:0;
  background:#ece8e4 url(images/bg_content.gif) repeat-y;
}
.section div.welcome {
  padding:14px 28px;
}
.section div.welcome img {
  float:left;
  padding:0 25px 0 0;
}
.section div.welcome p {
  padding:15px 0 0 0;
}
.section div.photos {
  padding:14px 0;
}
.section div.photos img {
  float:left;
  padding:0 22px;
}
div.caption {
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 5px;
}
div.caption2 {
  float: left;
  width: 240px;
  margin: 0px 0px 10px 0px;
  padding: 5px;
}
div.caption2 p {
  text-align: center;
  font-style: italic;
  font-size: 11px;
  text-indent: 0;
}
div.caption p {
  text-align: center;
  font-style: italic;
  font-size: 11px;
  text-indent: 0;
}
#copyright {
  margin:0;
  padding:10px 0 0 0;
  font-size:10px;
  line-height:14px;
  color:#333;
}

/*-----*/
/* nav */
#nav {
  position:relative;
  margin:0;
  padding:0;
  border:0;
  width:725px;
  height:46px;
  list-style-type:none;
}
#nav li {
  position:absolute;
  top:0;
  display:block;
  float:left;
  margin:0;
  padding:0;
}
#nav li a {
  display:block;
  height:46px;
  text-indent:-9999px;
  text-decoration:none;
}
#nav-home            { left:0px;   width:68px; background:url(images/nav_home_a.jpg) no-repeat; }
#nav-about           { left:68px;  width:84px; background:url(images/nav_about_a.jpg) no-repeat; }
#nav-location        { left:152px; width:77px; background:url(images/nav_location_a.jpg) no-repeat; }
#nav-mission-work    { left:229px; width:103px;  background:url(images/nav_mission_work_a.jpg) no-repeat; }
#nav-partner         { left:332px; width:114px; background:url(images/nav_partner_a.jpg) no-repeat; }
#nav-mission-stories { left:446px; width:113px; background:url(images/nav_mission_stories_a.jpg) no-repeat; }
#nav-photos          { left:559px; width:72px; background:url(images/nav_photos_a.jpg) no-repeat; }
#nav-contact         { left:631px; width:74px; background:url(images/nav_contact_a.jpg) no-repeat; }
#nav-home.on, #nav-home a.hover, #nav-home a:hover                                  { background:url(images/nav_home_b.jpg) no-repeat; }
#nav-about.on, #nav-about a.hover, #nav-about a:hover                               { background:url(images/nav_about_b.jpg) no-repeat; }
#nav-location.on, #nav-location a.hover, #nav-location a:hover                      { background:url(images/nav_location_b.jpg) no-repeat; }
#nav-mission-work.on, #nav-mission-work a.hover, #nav-mission-work a:hover          { background:url(images/nav_mission_work_b.jpg) no-repeat; }
#nav-partner.on, #nav-partner a.hover, #nav-partner a:hover                         { background:url(images/nav_partner_b.jpg) no-repeat; }
#nav-mission-stories.on, #nav-mission-stories a.hover, #nav-mission-stories a:hover { background:url(images/nav_mission_stories_b.jpg) no-repeat; }
#nav-photos.on, #nav-photos a.hover, #nav-photos a:hover                            { background:url(images/nav_photos_b.jpg) no-repeat; }
#nav-contact.on, #nav-contact a.hover, #nav-contact a:hover                         { background:url(images/nav_contact_b.jpg) no-repeat; }