/* set up on a 11 column grid, with each column being 86px wide, with a 10px gutter*/

body#grid {/*use this to only help make sure everything is up to grid*/
    background:#F5F5F5 url(../images/bg_grid.png) repeat 0 0;
}

body {
  background:#F5F5F5 url(../images/bg.png) repeat 0 0;
  color:#555555;
  font-size:10px; /* typography 1em=10px at 100% font */
  line-height:1.4;
  font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  width:1100px;
  padding:0;
  margin:0;
}

a {
  text-decoration:none;
  color:#707070;
  cursor:pointer;
  margin:0;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
  padding:0;
}

a:hover {
  color:#9F2156;
}

a:link {
  outline: none;
}


h1 {
  font-size:340%;
  margin-top:0;
  color:#C1BFC0;
  font-weight:normal;
}

h2 {
  font-size:240%;
}

h3 {
  font-size:200%;
}

h4 {
  font-size:180%;
}

h5 {
  font-size:160%;
  margin-top:0;
  margin-bottom:5px;
}

h6 {
  font-size:140%;
  margin-bottom:0;
  margin-top:0;
}

p {
  font-size:115%;
  color:#707070;
}

strong {
  font-weight:bold;
  color:#262929;
}

em {
  font-style:italic;
}

a.click_me {
  font-weight:bold;
  color:#9F2156;
}

ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

#header {
  width:100%;
  height:75px;
  margin:0;
  padding:0;
  z-index:1000;
}

#logo {
  position:fixed;
  background:transparent url(../images/mageramoon_logo.png) no-repeat scroll -1px 0;
  width:85px;
  height:75px;
  margin:10px;
}

#title {
  position:fixed;
  top:33px;
  left:108px;
  background:transparent url(../images/mageramoon_title.png) no-repeat scroll 0 0;
  width:278px;
  height:26px;
  margin-right:10px;
}

#main_content {
  position:absolute;
  top:100px;
  width:100%;
  margin:0;
  padding:0;
}

#global_nav {
  position:fixed;
  width:86px;
  left:auto;
  font-size:180%;
  line-height:24px;
}

#global_nav li a {
  display:block;
  width:100%;
  height:22px;
  padding:0 0 6px 10px;
}

#global_nav li a:hover,
#global_nav li a.current_page {
  background:transparent url(../images/nav_bg.png) no-repeat top left;
  color:#F2F2F2;
}

#nav_menu {
  position:fixed;
  left:106px;
  width:178px;
  font-size:130%;
  line-height:26px;
}

#nav_menu li a {
  display:block;
  width:100%;
  padding:0 0 4px 5px;
  height:24px;
}

#nav_menu li a:hover,
#nav_menu li a.current_page {
  background:transparent url(../images/nav_bg.png) no-repeat top right;
  color:#F2F2F2;
}

#main_body {
  position:relative;
  top:0;
  left:298px;
  width:758px;
  margin:0 0 10px 0;
  padding:0;
  background:#FFF;
  z-index:1000;
}

.slideshow_clickthrough {
  text-transform:uppercase;
  text-align:right;
  font-size:110%;
  line-height:18px;
  margin:0 15px;
}

a.prev,
a.next {
  display:inline-block;
  height:18px;
  padding:0 10px;
}

a.prev {
  border-left:3px solid #FFF;
}

a.prev:hover {
  border-left:3px solid #9F2156;
}

a.next {
  border-right:3px solid #FFF;
}

a.next:hover {
  border-right:3px solid #9F2156;
}

.workspacewide {
  background-color:#FFFFFF;
  padding:5px 0 10px 0;
  width:758px;
}

.project_description {
  position:relative;
  display:inline-block;
  vertical-align:top;
  top:0;
  width:263px;
  padding:10px 0 0 15px;
  margin-right:auto;
}

.project_description_wide {
  width:455px;
  padding:10px 0 0 15px;
  margin-right:auto;
}

.project_details {
  font-family:georgia;
  font-style:italic;
  color:#999;
  margin:0;
}

/*CONCEPTS tab ---------------------------------------------------------------------*/

#nav_menu.concepts {
  margin-top:28px;
}

/*ABOUT tab ------------------------------------------------------------------------*/

#nav_menu.about {
  margin-top:56px;
}

#about_text {
  padding-bottom:10px;
}

.contact_info {
  font-size:110%;
  color:#707070;
  padding-bottom:15px;
}

/*project specific styles ---------------------------------------------------------*/

#wesabe {
  width:758px;
  height:511px;
}

#diversity_interactive {
  width:758px;
  height:554px;
  margin:0 12px;
}

#barton_springs {
  width:758px;
  height:570px;
}

#hazor {
  width:758px;
  height:472px;
}

#planning_forum {
  width:758px;
  height:575px;
}