/* Colors Used 
Outer green border: #667615
Dark green bevel border: #9ea96a
Light green bevel border: #d2d6b6

Lime Green Links: #A4AD38;
Dark Green Header: #39453C
Moss Green Body Text: #768879

*/

/* Layout */

#test { margin: 0;, padding: 0; }

body {
  background: #d0d8c7;
  font-size: 80%;
  font-family: Times, serif;
  color: #768879;
}

#layout_wrapper, #footer {
  width: 862px;
  position: relative;
  left: 50%;
  margin-left: -432px;
  font-color: #667615;
}

#layout_wrapper {
  margin-top: 50px;
  border: 3px solid #667615;
  background-color: #fff;
  margin-bottom: 4px;
}

#beveled_border {
  position: relative;
  border: 6px solid #9ea96a;
  border-left-color: #d2d6b6;
  border-bottom-color: #d2d6b6;
}

#page_content {
}

a#header { display: block; }

#header h1 { 
  position: absolute; 
  text-indent: -9999em; 
}

.left_column { 
  float: left;
  width: 310px;
  height: 485px;
}

.right_column { 
  float: right;
  width: 480px;
  padding-top: 40px;
  padding-right: 40px;
}

.left_column, .right_column { padding-bottom: 20px; }

.right_column { margin-bottom: 20px; }

/* .right_column p, .right_column h2, .right_column h3, .right_column, .right_column h4 {
  margin: 0 0 1em 0;
} */

#footer { 
  /* color: #667615; */
  font-size: 82%;
  font-family: Verdana, serif;
  text-align: center;
  margin-bottom: 50px;
}

.clearleft { clear: left; }
.clear-left { clear: left; }
.clear-both { clear: both; }

/* Navigation Bar */

ul#navigation {
  list-style-type: none;
  margin: 0; padding: 0;
  border: 1px solid #eee;
  border-right: none;
  border-left: none;
  width: 850px;
  float: left;
}

#navigation li {
  float: left;
}

#navigation li a { 
  display: block; 
  background: url(images/mswo-navigation.png) no-repeat 0 0;
  height: 33px;
  text-indent: -9999em;
  overflow: hidden;
}

#navigation a.about { 
  width: 220px;
  background-position: 0px -33px;
}

#navigation a.about:hover, #about #navigation a.about {
  background-position: 0 0;
}

#navigation a.contact { 
  width: 130px;
  background-position: -220px -33px;
}

#navigation a.contact:hover, #contact #navigation a.contact {
  background-position: -220px 0;
}

#navigation a.partners { 
  width: 260px;
  background-position: -350px -33px;
}

#navigation a.partners:hover, #partners #navigation a.partners {
  background-position: -350px 0;
}

#navigation a.practice { 
  width: 240px;
  background-position: -610px -33px;
}

#navigation a.practice:hover, #practice #navigation a.practice {
  background-position: -610px 0;
}

ul.sub_navigation { 
  float: right; 
  text-align: right;
  margin-top: 65px;
  list-style-type: none;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 95%;
  font-weight: bold;
  line-height: 2em;
}

.sub_navigation a, .sub_navigation a:visited { text-decoration: none; }

.sub_navigation a:hover, .sub_navigation a.selected { color: #39453C; }

/* Common Classes */

.float-left { 
  float: left;
  margin: 0 20px 10px 0;
}

.float-right { 
  float: right;
  margin: 0 0 10px 20px;
}

.clear-left { clear: left; }
.clear-right { clear: right; }

.bordered { 
  padding: 3px;
  border: 1px solid #eee;
}

a.underline { text-decoration: underline; }

/* Typography and Colors */

p, h2, h3, h4 {
  margin: 0 0 1em 0;
} 

h1, h2, h3, h4, strong { color: #39453C;}

.right_column strong { font-weight: normal; }

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

a:hover { 
  color: #9ea96a;
}

a:link img, a:visited img { border: none; }

.light_heading, .right_column .light_heading, h4, .right_column h4 { 
  font-weight: normal; 
  margin-bottom: 0; 
  margin-top: .5em; 
}

.light_menu {
  list-style-type: none;
  font-style: italic;
}

hr { 
  background-color: #eee; 
  color: #eee; 
  border: 0px; 
  height: 1px;
  margin-top: 2em;
  margin-bottom: 2em;
}

.topless, .right_column .topless { margin-top: 0;}

.extra_margin, .right_column .extra_margin, { margin-top: 2em; margin-bottom: 2em; }

.little_margin { margin-top: .5em; margin-bottom: .5em }

.no_margin { margin-top: 0; margin-bottom: 0; }

.fancy_divider, .right_column .fancy_divider { text-align: center; margin-top: 4em; }

.double_spaced { line-height: 1.5em; }

.right_column .big_indent { margin-left: 80px; }

.quote { 
  text-indent: 0em;
  /*text-indent: -.5em; doesn't work for IE */
  line-height: 1.9em;
  color: #39453C;
  font-size: 112%;
}

.lime_green { color: #A4AD38; }
.dark_green { color: #39453C; }
.moss_green { color: #768879; }

/* Splash Page */

#splash p, #splash h1, #splash h2, #splash h3, #splash a#enter_site h3 {
  position: absolute;
  left: -9000em;
}

#splash a#enter_site { display: block; }

#splash a#enter_site img {
  position: absolute;
  top: 213px;
  left: 0px;
}

#splash #header, #splash #navigation { display: none; }

/* About Us Page */

#about .left_column {
  background: url(/images/mswo-about_illustration.png) no-repeat top left;
}

/* Contact Page */

#contact .left_column {
  background: url(/images/mswo-contact_illustration.png) no-repeat top left;
}

#contact .right_column {
  background: url(images/mswo-contact_illustration-right.png) no-repeat top right;
}

/* Partners Page */

#partners .left_column {
  background: url(/images/mswo-partners_illustration.png) no-repeat top left;
}

#partners .sub_navigation { margin-top: 140px; }

/* Areas of Practice Page */

#practice .left_column {
  background: url(/images/mswo-practice_illustration.png) no-repeat top left;
}

/* 404 (Page Not Found) */

#not_found #page_content { padding: 20px; }