/* admin generator */
tr.sf_admin_row h2 {
  margin: 0 0 10px 0;
}

div.sf_admin_form .image_ct {
  margin: 0 0 10px 0;
}

div.sf_admin_form .image_ct img {
  float: left;
}

/**
------------------------------------------------- layout
**/

html {
  height: 100%;	
}

body {
  background: url(../images/bg-header-other.png) repeat-x;
  height: 100%;
  font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
}

body#home {
	background: url(../images/bg-header.png) repeat-x;
}

a {
	color: #99A53F;
  font-weight: bold;
  text-decoration: none;
  outline: none;
}

img {
	border: 0;
}

th, td {
	padding: 0.5em;
}

h1, h2, h3 {
  
  font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
  
}


ol {
  padding-left: 20px;	
}

ol li {
	list-style: outside decimal;
	color: #002954;
  font-size: 90%; 
}


#main {
  padding-left: 20px;
  background: url(../images/page-marker.png) top left no-repeat;	
}

#main h1 {
	color: #4B4633;
	background: url(../images/bg-dotted.png) repeat-x bottom left;
	height: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 130%;
	line-height: 30px !important;
}

#intro h1 {
	color: #849baf;
	font-size: 200%;
}

#main h2 {
  	margin-bottom: 15px;
	font-weight: bold;
	color: #4B4633;
	font-size: 115%;
}

#wrap {
  background: url(../images/bg-footer.png) repeat-x bottom left;
  min-height: 100%;
  height: auto;
  position: relative;
}

#root {
  width: 950px;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
}

#header {
  height: 150px;
  position: relative;
  width: 100%;
}

#content {
  padding-bottom: 280px;
}

#footer {
  height: 220px;
  margin-top: -220px;
  position: absolute;
  bottom: 0;
  width: 950px;
}

#logo {
  height: 130px;
  background: url(../images/bg-logo.png) 0 93px no-repeat;
  padding: 17px 0 0 33px;
  float: left;
  width: 250px;
}

#harp {
  float: right;
  padding: 20px 0 0 0;
}

#content h1 {
  line-height: 80px;	
}

div#header p,
div#content p {
  color: #002954;
  font-size: 97%;
  margin-bottom: 20px;
  line-height: 1.5em;
}

strong {
  font-weight: bold;
}

/** home page intro **/

#home #intro {
	background: url(../images/watermark.png) right top no-repeat;
	height: 310px;
	padding-top: 20px;
	width: 100%;
}

/* front page header picture */
#home #intro img {
  float: left;
  margin-right: 20px;
}

#home #intro div {
  float: left;
  width: 300px;	
}

/** other page intro **/
#intro {
	height: 100px;
	background: url(../images/watermark-slice.png) no-repeat 210px 5px;
	/* temp dis width: 600px; */
}


/* header navigation */
#header ul.nav {
	position: absolute;
	right: 0;
	top: 113px;
	margin: 0;
}

#header ul.nav li {
  display: inline;
  border-right: 1px solid #c9d39e;
  
}

#header ul.nav li a {
  padding: 0 30px;
  color: #002954;
  font-size: 95%;
  text-decoration: none;
  border-right: 1px solid #99a53f;
}

#header ul.nav li a:hover {
  color: #4B4633;
}

#header ul.nav li.last-child {
	border-right: 0;
}

#header ul.nav li.last-child a {
  padding-right: 0px;
  border-right: 0;
}

/* footer navigation */
#footer ul {
 padding: 33px 0 50px 0;
}

#footer ul li {
  display: inline;
  border-right: 1px solid #002954;
  
}

#footer ul li a {
  padding: 0 12px 0 8px;
  color: #002954;
  font-size: 80%;
  text-decoration: none;
}

#footer ul li a:hover {
  color: #4D6A88;
}

#footer ul li:first-child a {
  padding-left: 0;
}

#footer ul li:last-child {
  border-right: 0;
}

div#footer p {
  color: #FFF;
  font-size: 80%;
  line-height: 150%;
}

div#footer p.credit {
  float: right;
}

div#footer a {
	color: #99A53F;
}

div#footer a:hover {
	color: #E4E9CF;
}

/**
------------------------------------------------- page content
**/

div#main {
  float: left;
  width: 600px;
}

div#aside {
  float: right;
  width: 300px;
}

img.page-image {
	 margin: 20px 0;
	 width: 292px;
	 height: 202px;
}

/**
------------------------------------------------- testimonials
**/

div.testimonial {
  margin: 3px 0;
  width: 250px;
  color: #fff;
  padding: 25px 20px 40px 20px;
  font-size: 100%;
  line-height: 1.5em;
  background: url(../images/bg-testimonial.png) no-repeat bottom left;
}

div.quote1 {
  background-color: #99a53f;
}


div.quote2 {
  background-color: #002954;
  margin-top: 20px;
}

div.testimonial em {
  font-style: normal;
  font-size: 100%;
  font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
}


/**
------------------------------------------------- social enterprise logo
**/


div.selogo {
	height: 100px;
	width: 190px;
	margin-top: 50px;
	float: right;
	
}


/**
------------------------------------------------- aside menu
**/

div.w-menu ul {}
div.w-menu ul li {
   background: url(../images/bg-dotted.png) repeat-x bottom left;
   display: block;
   margin-bottom: 15px;
}

div.w-menu ul li:last-child {
	background: none;
}

div.w-menu ul li img {
  float: left;
  margin: 0 15px 10px 0;
}
div.w-menu ul li h3 {
  color: #99A53F;
  font-weight: bold;
  font-size: 130%;
  font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
  background: url(../images/bullet.png) no-repeat 0 5px;
  padding: 0 0 0 15px;
  display: inline-block;
  margin-bottom: 5px;
}
div.w-menu ul li p {
  padding-bottom: 10px;
}

/**
------------------------------------------------- buffet
**/
#main.buffet .item {
	margin-bottom: 30px;
	font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
	height: auto;
	padding-bottom: 1px;
}

#main.buffet .item h1 {
  background: #dbe9ef !important;
  display: block;
  width: 437px;
  height: 40px;
  line-height: 40px !important;
  padding-left: 20px;
  color: #37311C;
  float: left;
  margin-right: 2px;
  font-size: 120%;
}

#main.buffet .item h2 {
  background-color: #e4e9cf;
  width: 125px;
  height: 40px;
  line-height: 40px;
  float: left;
  padding-right: 15px;
  text-align: right;
  color: #37311c;
  font-size: 120%;
  font-family: calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif !important;
}

#main.buffet .item h2 .pp {
  font-size: 70%;
  font-weight: normal;

}

#main.buffet .item img {
	float: left;
	margin-right: 10px;
	width: 174px;
	height: 124px;
}

#main.buffet .item .text {
  font-size: 100%;
  color: #002954;
  float: left;
  width: 400px;
}

#main.buffet .item ul {
	padding-left: 20px;
}

#main.buffet .item ul li {
	list-style: disc outside;
	
}

#main.buffet .disclaimer {
  background: #E4E9CF;
  padding: 20px 20px 1px 20px;
  margin-bottom: 40px;
}

#main.buffet .disclaimer h2 {
  margin-bottom: 5px;
}

#main.buffet .disclaimer p {
	font-size: 100%;
	margin-bottom: 10px;
}
/**
------------------------------------------------- contact form
**/

dl.contact {
  font-size: 100%;
}

dl.contact dt {
  color: #38321E;
  width: 70px;
  float: left;
  clear: left;
  line-height: 25px;
}

dl.contact dd {
  color: #002954;
  width: 300px;
  display: block;
  float: left;
}

dl.contact dd.telephone,
dl.contact dd.mobile {
  font-weight: bold;
  line-height: 25px;
}

dl.contact dd.email {
  line-height: 25px;
}

dl.contact dd.address {
  padding-top: 4px;
}

dl.contact dd.address p {
  font-size: 100% !important;
}

/**
------------------------------------------------- order widget
**/

div.w-order {
  width: 290px;
  margin: 10px 0 30px 0;
}

div.w-order h2 {
  background-color: #dbe9ef;
  height: 40px;
  line-height: 45px;
  padding-left: 20px;
  color: #37311C;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 1px;
}

div.w-order h3 {
	font-weight: bold;
}

div.w-order ul li {
  background: #edf4f7 no-repeat 20px 22px;
  padding: 20px 20px 20px 50px;
  margin-bottom: 1px;
  color: #002954;
  font-size: 100%;
  color: ;
}

div.w-order ul li.download {
	background-image: url(../images/icon-download.png);
}

div.w-order ul li.write {
  background-image: url(../images/icon-write.png);
}

div.w-order ul li.email {
  background-image: url(../images/icon-email.png);
}

/**
------------------------------------------------- contact widget
**/

div.w-contact {
  width: 290px;
  margin: 10px 0 30px 0;
}

div.w-contact h2 {
	background-color: #e4e9cf;
  	height: 40px;
  	line-height: 45px;
  	padding-left: 20px;
 	color: #37311C;
 	font-size: 120%;
  	font-weight: bold;
  	margin-bottom: 1px;
}

div.w-contact div {
	background: #f2f4e7;
	padding: 20px;
}

div.w-contact div p {
	font-size: 100%;
}

div.w-contact div p a {
font-size: 100%;
}

div.w-contact div label {
	font-size: 90%;
	color: #38321E;
}

div.w-contact div em {
  color: #002954;
  font-weight: bold;
  font-size: 100%;
}

div.w-contact div a {
  font-size: 95%;
}

/**
------------------------------------------------- text size
**/

div.ts-text {
	font-size: 90%;
	position: absolute;
	right: 205px;
	top: 68px;
	color: #002954;
}

ul#textsize {
  position: absolute;
  top: 60px;
  left: 750px;
}
ul#textsize li {
  display: inline;
  padding: 0 3px;
  cursor: pointer;
  color: #99A53F;
  font-weight: bold;
}

ul#textsize li.normal {
  font-size: 14px;
}

ul#textsize li.large {
  font-size: 18px;
}

ul#textsize li.extra {
  font-size: 22px;
}

/**
------------------------------------------------- content image assets
**/

img.photo {
  float: left;
  margin: 0 15px 15px 0;  
}

img.scale {
  padding: 6px;
  border: 1px solid #CEDCE2;
}