/*---------- GLOBAL ----------*/

body {
  background:         #ffffff;
  font-family:        Georgia, Times New Roman;
}

div.container {
  width:              980px;
  margin:             20px auto;
  border:             solid 5px #89c704;
  padding:            90px 10px 10px 10px;
  background:         #f4fce3;
  position:           relative;
}

p {
  line-height:        25px;
  margin-bottom:      20px;
  color:              #4d4e4b;
  font-size:          14px;
}

h1 {
  float:              left;
  width:              240px;
  height:             65px;
  background:         url('../images/logoSharp.gif') no-repeat;
  position:           absolute;
  top:                10px;
  left:               10px;
  text-indent:        -5000px;
  
}

h2 {
  font-family:        Arial;
  text-transform:     uppercase;
  font-size:          12px;
  margin:             10px 0px 20px 0px;
}

a {
  color:              #89c704;
}

a:hover {
  text-decoration:    none;
}

ul {
  list-style:         none;
  margin:             0px 0px 20px 20px;
}

ul li {
  color:              black;
  font-size:          14px;
  display:            block;
  margin-bottom:      8px;
}

/*------------------------ SITE NAV ---------------------*/

ul.siteNav {
  float:              right;
  background:         #89c704;
  top:                0px;
  right:              0px;
  position:           absolute;
}

ul.siteNav li {
  display:            block;
  float:              left;
  padding:            5px 10px 3px 10px;
}

ul.siteNav li a {
  color:              White;
  text-decoration:    none;
  text-transform:     lowercase;
  font-size:          20px;
}

ul.siteNav li a:hover {
  color:              black;
}

/*------------------------ CLEARFIX ---------------------*/

.clearfix:after {
	content:              ".";
	display:              block;
	clear:                both;
	visibility:           hidden;
	line-height:          0;
	height:               0;
}
 
.clearfix {
	display:              inline-block;
}
 
html[xmlns] .clearfix {
	display:              block;
}
 
* html .clearfix {
	height:               1%;
}