/* CSS for all front-end elements goes here */

form {
	margin-top: 0;
	margin-bottom: 0;
}

body {
	background: #ebebeb;
	margin: 20px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.trans {
	behavior: url("/pngbehavior.htc");
}

.clearer {
	clear: both;
	line-height: 0;
	height: -3px;
}

#wrapperhome {
	width: 768px;
	margin: auto;
	background: url(/images/gif/homebg.gif) no-repeat #ffffff;
	border: 1px solid #b8bbb8;
}

#wrapper {
	width: 768px;
	margin: auto;
	background: url(/images/gif/bg.gif) no-repeat #ffffff;
	border: 1px solid #b8bbb8;
}

#header {
	width: 770px;
	height: 180px;
}

#content {
	float: left;
	width: 770px;
	min-height: 360px;
}

#footer {
	float: left;
	width: 750px;
	padding: 10px 10px 10px 10px;
	font-size: 0.6em;
	color: #659228;
}

#footer a:active, #footer a:link, #footer a:visited {
	color: #659228;
	text-decoration: none;
}

#footer a:hover {
	color: #b8bbb8;
	text-decoration: underline;
}

#footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer li {
	display: inline;
	margin: 0px;
	padding-right: 2px;
}

/* start Menu Nav */

.menunav {
	float: left;
	width: 421px;
	padding-left: 24px;
}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu .nav1 {
  width: 39px;
  height: 61px;
  background: url(/images/gif/menu/home.gif) no-repeat;
  left: 0px;
  top: 0px;
}
#menu .nav1 span {
  width: 39px;
  height: 61px;
  background: url(/images/gif/menu/home.gif) no-repeat;
  left: 0px;
  top: 61px;
}

#menu .nav2 {
  width: 59px;
  height: 61px;
  background: url(/images/gif/menu/about.gif) no-repeat;
  left: 43px;
  top: 0px;
}
#menu .nav2 span {
  width: 59px;
  height: 61px;
  background: url(/images/gif/menu/about.gif) no-repeat;
  left: 43px;
  top: 61px;
}

#menu .nav3 {
  width: 80px;
  height: 61px;
  background: url(/images/gif/menu/services.gif) no-repeat;
  left: 106px;
  top: 0px;
}
#menu .nav3 span {
  width: 80px;
  height: 61px;
  background: url(/images/gif/menu/services.gif) no-repeat;
  left: 106px;
  top: 61px;
}

#menu .nav4 {
  width: 110px;
  height: 61px;
  background: url(/images/gif/menu/eating.gif) no-repeat;
  left: 190px;
  top: 0px;
}
#menu .nav4 span {
  width: 110px;
  height: 61px;
  background: url(/images/gif/menu/eating.gif) no-repeat;
  left: 190px;
  top: 61px;
}

#menu .nav5 {
  width: 80px;
  height: 61px;
  background: url(/images/gif/menu/weight.gif) no-repeat;
  left: 304px;
  top: 0px;
}
#menu .nav5 span {
  width: 80px;
  height: 61px;
  background: url(/images/gif/menu/weight.gif) no-repeat;
  left: 304px;
  top: 61px;
}

#menu .nav6 {
  width: 36px;
  height: 61px;
  background: url(/images/gif/menu/faqs.gif) no-repeat;
  left: 388px;
  top: 0px;
}
#menu .nav6 span {
  width: 36px;
  height: 61px;
  background: url(/images/gif/menu/faqs.gif) no-repeat;
  left: 388px;
  top: 61px;
}

#menu .nav7 {
  width: 70px;
  height: 61px;
  background: url(/images/gif/menu/contact.gif) no-repeat;
  left: 428px;
  top: 0px;
}
#menu .nav7 span {
  width: 70px;
  height: 61px;
  background: url(/images/gif/menu/contact.gif) no-repeat;
  left: 428px;
  top: 61px;
}

/* end Menu Nav */

.leftbtns {
	float: left;
	width: 227px;
}

.homepagecontent {
	float: left;
	width: 541px;
}

.pagecontent {
	float: left;
	width: 416px;
	min-height: 400px;
	color: #51626f;
}

.leftbtn1 {
	float: left;
	width: 179px;
	padding: 12px 16px 8px 32px;
	background: url(/images/gif/leftbtn1bg.gif) repeat-y;
	font-size: 0.7em;
	line-height: 16px;
	color: #506270;
}

.leftbtn1 p {
	padding: 0px;
	margin: 0px 0px 12px 0px;
}

.leftmargin {
	float: left;
	width: 226px;
}

.leftmargin a:active, .leftmargin a:link, .leftmargin a:visited {
	color: #51626f;
	text-decoration: underline;
}

.leftmargin a:hover {
	color: #f7922a;
	text-decoration: none;
}

.lmbtn {
	float: left;
	margin-top: 8px;
	border: 0px;
}

h1 {
	float: left;
	width: 416px;
	height: 62px;
	margin: 0px;
	padding: 0px;
	font-size: 1.0em;
}

h2 {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.0em;
}

p {
	margin: 0px;
	padding: 12px 0px 0px 0px;
}

.contenttext {
	float: left;
	width: 384px;
	padding: 0px 0px 30px 32px;
	font-size: 0.7em;
	line-height: 20px;
}

.contenttextterms {
	float: left;
	width: 384px;
	padding: 0px 0px 30px 32px;
	font-size: 0.6em;
	line-height: 14px;
}

.contenttext a:active, .contenttext a:link, .contenttext a:visited {
	color: #51626f;
	text-decoration: underline;
}

.contenttext a:hover {
	color: #f7922a;
	text-decoration: none;
}

.contenttextterms a:active, .contenttextterms a:link, .contenttextterms a:visited {
	color: #51626f;
	text-decoration: underline;
}

.contenttextterms a:hover {
	color: #f7922a;
	text-decoration: none;
}

.contenttext ul 
{
    list-style-type: disc;
    margin: 8px 0px 12px 40px;
	padding: 0px 0px 0px 0px;
}

.contenttext ul ul
{
    list-style-type: circle;
    margin: 0px 0px 8px 40px;
	padding: 0px 0px 0px 0px;
}



.imgquote {
	padding: 12px 0px 12px 0px;
}

.rightcontent {
	float: right;
	width: 240px;
	padding: 12px;
	margin: 420px 2px 0px 0px;
	background: #f0f0f0;
	font-size: 0.7em;
	line-height: 20px;
	color: #51626f;
}

.rightcontenttest {
	float: right;
	width: 240px;
	padding: 12px;
	margin: 30px 10px 0px 0px;
	font-size: 0.7em;
	line-height: 20px;
	color: #51626f;
}

.testimg {
	float: left;
	padding: 0px 0px 50px 0px;
}

.rightcontent a:active, .rightcontent a:link, .rightcontent a:visited {
	color: #51626f;
	text-decoration: underline;
}

.rightcontent a:hover {
	color: #f7922a;
	text-decoration: none;
}

.rightcontent h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.0em;
}

.rightcontent p {
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.quicklinks {
	width: 100%;
	margin: 20px 0px 20px 0px;
}