body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	font-size: 0.9em;
	background-color: #838A90;
	background-attachment: fixed;
	background-image: url(i/bg_body.gif);
	background-position: center top;
}
img {
	margin: auto;
}
sup {
	vertical-align: text-top;
}
a {
	font-style: normal;
	text-decoration: none;
	color: #5D8051;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
a:hover {
	text-decoration: none;
	color: #72777D;
}

h1, h2, h3, h4 {
	color: #333333;
	line-height: 1.2em;
	padding-left: 1em;
	text-align: left;
}
#content h1 {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #4C4C4C;
	padding-left: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content h2 {
	font-size: 1em;
	text-transform: uppercase;
	color: #666666;
	padding-left: 10px;
	font-weight: normal;
	letter-spacing: 0.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div#header {
	height: auto;
	margin-top: 0px;
	margin-bottom: 0;
	padding: 0px;
	text-align:left;
	background-image: url(i/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #8CB572;
	width: 100%;
}
div#header div.saying{
	display:block;
	
	clear:both;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align:left;
	height: 74px;
	background-image: url(i/bg_saying.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #8CB572;
}
div#header div.saying h1 
{	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #FFFFFF;
	text-align: right;
	padding: 1em;
	text-transform: none;
	font-weight: normal;
}
div#page {
	background-color: #CCCCCC;
	width: auto;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
div#header img.logo {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 26px;
	margin-bottom: 10px;
}
div#nav {

		display: block;
		background-color: transparent ;
		margin: 0;
		padding: 0;
		height: 65px;
		width: 100%;
		
		
	}

	#nav ul{
	float: left;
	text-transform:uppercase;
	margin: auto;
	position: relative;
	top: 0px;
	width: 100%;
	overflow: hidden;
	height: 64px;
	}

	#nav li ul  {
	
	font-size: .96em;
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 4px;
	}

	#nav li ul {
	display: none;

	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 36px;
	left: 0;
	padding-top: 1px;
	padding-bottom: 4px;
	height: 24px;
	width: 1600px;
	letter-spacing: 0.2em;
	}
	
	#nav li.off:hover ul, #nav li.off.over ul {
		display: block;
		z-index: 6000;
		background-color: #6D2A8F;
	}

	
	#nav li.on ul {
	display: block;
	background-color: #5D8051;	
	}

	 #nav li.on:hover ul, #nav li.over ul { 
	
	background-color: #5D8051;
	
	} 

	#nav li a {
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	height: 32px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;	
	}

	#nav li.on a {
	color: #CCFFCC;	
	}
	

	#nav li.on ul a, #nav li.off ul a {
	float: left; /*ie doesn't inherit the float*/
	
	width: auto;
	margin-right: 8px;
	background-image:none;
	height: 1.2em;
	padding-top: 0.2em;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	}

	

	#nav li.off a:hover {
	color: #E4C3F4;
	}
	
	 #nav li.on a:hover {
	color: #C7D9C1;
	}

	/*do the image replacement*/

   body#home #navhome.on a {
 	background-position: 0px -101px;
 }

 body#about #navabout.on a {
 	background-position: -92px -101px;
 }
 body#why #navwhy.on a {
 background-position: -198px -101px;
 }
 body#offer #navoffer.on a{
 background-position: -390px -101px;
 }
 body#contact #navcontact.on a {
 	background-position: -550px -101px;
 }
 body#services #navservices.on a {
 background-position: -660px -101px;
 }

  /*add selectors for the other li's and background-positions*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}
	
		#navhome a, #navabout a, #navwhy a, #navoffer a, #navcontact a, #navservices a {
		display: block;
		position: relative;
		height: 34px;
		background: url(i/menu-imagetext.gif) no-repeat; /*contains all hover states*/
	}
	#navhome a {
	background-position: 0 0;
	width: 76px;
}
	#navabout a {
	background-position: -92px 0;
	width: 92px;
	}
	#navwhy a {
	background-position: -198px 0;
	width: 180px;
	}
	#navoffer a {
	background-position: -390px 0;
	width: 152px;
	}
	#navcontact a {
	background-position: -550px 0;
	width:  101px;
	}
	#navservices a {
	background-position: -660px 0;
	width: 142px;
	}

#navhome a:hover, #navhome:hover a, #navhome.over a {
	background-position: 0 -44px;

}
#navabout a:hover, #navabout:hover a, #navabout.over a {
	background-position: -92px -44px;

}
#navwhy a:hover, #navwhy:hover a, #navwhy.over a {
	background-position: -198px -44px;

}
#navoffer a:hover, #navoffer:hover a, #navoffer.over a {
	background-position: -390px -44px;

}
#navcontact a:hover, #navcontact:hover a, #navcontact.over a {
	background-position: -550px -44px;

}
#navservices a:hover, #navservices:hover a, #navservices.over a {
	background-position: -660px -44px;

}
   #nav li.off ul a, #nav li.on ul a {
	display: block;
	
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 22px;
	}
	
li#navabout ul li {
display: inline;
padding-left: 86px;
}
li#navwhy ul li {
display: inline;
padding-left: 260px;
}
li#navoffer ul li {
display: inline;
padding-left: 12px;
}
li#navcontact ul li {
display: inline;
padding-left: 586px;

}
div#banner {
	background-color:#2D2825;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6B6F72;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6B6F72;
	background-image: url(i/bg_banner.jpg);
	background-position: center bottom;
}
div.sidebar {
	position: relative;
	display: inline;
	float: right;
	margin-left: 20px;
	border: 1px solid #666666;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 010px;
	* margin-bottom: -18px;
	width: auto;
}
div.sidebar img {
	display: inline;
	margin: 0px;

}
#content         {
	line-height: 1.4em;
	text-align:center;
	position: relative;
	margin-top: 0em;
	margin-bottom: 0px;
	padding-top: 1em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 0px;
}
#content  p, #content  ul, #content dl  {
	font-size:0.9em;
	line-height: 1.6em;
	letter-spacing: normal;
	color: #4C4C4C;
	padding-right: 10px;
	padding-bottom: 0.2em;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#content ul {
	margin-left: 2em;
}
#content dt {
font-weight: bold;
	background-image:url(i/arrow_dotted.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}
#side div.nav {
	font-size: 1em;
	line-height: 1.6em;
	text-align: left;
	display: block;
	float: left;
	height: auto;
	width: 360px;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#side div.nav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#side div.nav ul ul{
	background-image:none;
	font-size:90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#side div.nav ul li {
	font-size: 0.9em;
	padding-left:1em;
	padding-left: 10px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0px;
	margin-left: 0em;
}
#side div.nav ul li.header {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	margin: 0;
	background-color; #fffff;
	padding-top:10px;
}
#side div.nav ul li.header a {
	border-bottom-width: 0px;
	border-bottom-style: none;
	color: #FFFFFF;
}
#side div.nav ul li.header a:hover {
	background-image: none;
}
#side div.nav ul li a {
	display: block;
	width: 100%;
	padding-left:10px;
	color: #5D8051;
	margin-left: -10px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7CA862;
}
#side div.nav ul ul li a {
	display: block;
	width: 140px;
	
	padding-left:20px;
}
#side div.nav ul li.nolink span {
padding-left: 1em;
}
#side div.nav ul li a:hover {
	color: #E4C3F4;
	background-image: url(i/arrow_leftnav_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #6D2A8F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#side div.nav ul li.current a, #side div.nav ul li.current a:hover, #side div.nav ul li.nolink span {
	cursor: default;
	color: #333333;
	background-color: white;
}
#side div.nav ul li.current ul a {
background-image: none;
}
.clear { float: none; clear: both; }
#content a img {
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
#content a.button       {
	color: #fff;
	font-size: 0.9em;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6em;
	text-decoration: none;
	background-color: #1A5184;
	letter-spacing: 0.1em;
	cursor: pointer;
	position: relative;
	top: 4px;
	width: auto;
	height: 30px;
	border: 1px outset #003366;
	margin-top: auto;
	margin-right: 1em;
	margin-bottom: auto;
	margin-left: 1em;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#content a.button:hover  { color: #c8c8c8; background-color: #393939; border: inset 1px #5a8592; }
#content div.items     {
	display: block;
	margin: 10px auto;
	position: relative;
	width: 520px;
}
#content div.items a        {
	font-weight: normal;
	text-align: center;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.1em;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 10px;
	width: 110px;
	height: 200px;
	float: left;
	background-image: url(i/item_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#content div.items a:hover {
	cursor: pointer;
	color: #73a7c9;
}
#content div.items a span       {
	text-align: left;
	font-size: 0.7em;
	line-height: 1em;
	display: block;
	padding: 4px;
	width: 92px;
	overflow: visible
}
#content div.items a span.title { font-weight: bold; background-image: url(i/bg-items.gif); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; height: 32px; overflow: hidden; }
#content div.items a:hover span.title {
}
#content div.items a span.price {
font-weight: bold;
	
	background-image: url(i/bg-items.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 16px;
	letter-spacing: 0.2em;
}
#content div.items a:hover span.price { background-image: url(i/bg-items.gif); background-repeat: no-repeat; background-position: right bottom; }
#content div.items a img   { margin: auto; padding: 0; float: none; clear: both; border: none }
* html #content div.items { text-align: center; height: 1% }
div#content.detail div.main {
	text-align: left;
	margin-left: 310px;
	color: #333333;
}
div#content.detail div.photo img {
	position: relative;
	width: 300px;
	float: left;
	display: block;
}
form div.row label, form div.row span.label {
	color: #696969;
	text-align: right;
	display: block;
	position: relative;
	width: 220px;
	float: left;
	margin-right: 0.2em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	text-transform: uppercase;
	vertical-align: text-bottom;
	height: auto;
}
form div.row.check label {
	display: inline;
	position: relative;
	width: auto;
	float: none;
	margin-right: 0.2em;
	
}
form div.row.check {
	padding-left: 80px;
}
form div.row  input  {
	border-color: #9eb5cc;
	margin: 2px;
	padding-right: .4em;
	padding-left: 0.4em;

}
form div.row  .labeltext  {
	color: #696969;
	margin-right: 0.4em;
	margin-left: 1em;
	font-size: .8em;
	font-style: italic;
	width: 8em;
}
div#content.cart table .item   { text-align: left; text-transform: uppercase; padding: 2px; vertical-align: middle ; width: 200px; }

div#content.cart table th.item { text-align: center; text-transform: none }

form div.row {
	text-align: left;
	margin-bottom: 0.4em;
	display: block;
}
form fieldset legend { color: #313131; font-weight: bold; letter-spacing: 0.1em; }
form fieldset fieldset legend { font-weight: normal; }

div.qty { text-align: center; margin: auto; display: block; padding: 4px       }
div.qty label, div.qty .label    {
	color: #696969;
	font-weight: normal;
	text-align: right;
	padding-right: 0.4em;
	padding-left: 0.2em;
	width: 4em;
	float: left;
	display: block;
}
div.qty .labeltext {
	color: #696969;
	font-weight: normal;
	position: relative;
	font-size: 0.8em;
	white-space: nowrap;
}
#content form.info { width: auto; margin: auto; padding: 1em; }
fieldset {
	padding: 0.4em;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}
#content form {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 20px;
	width: 540px;
}
fieldset * { overflow: hidden; }
div#content table	{
	width: auto;
	border-collapse: collapse;
	margin-top: 10px;
}
div#content div.qty table td {
font-size: 90%;
}
padding-left:.4em; padding-right: .4em;
}
div#content.history table	{width: auto;
font-size: 80%;
}
div#content table tbody tr td { margin-top: 2px; margin-bottom: 4px ; border-top: 1px solid #d6dde3; }
div#content table tbody tr.odd td { background-color:#D3DDDA; }
div#content.history table td {
padding-left: .4em;
padding-right: .4em;
}
div#content.cart table, div#content.history table      {
	font-size: 80%;
	line-height: 1.4em;
	text-align: left;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
	border: 0 #fff;
	
	width: auto;
}
div#content.cart table td {
	padding-right: 1em;
	border: 1px solid #CCCCCC;
}
div#content.cart table.summary  {
	color: black;
}
div#content.cart table *  { padding-right: 4px; padding-left: 4px }
div#content.cart table tfoot {  }
div#content.cart table tfoot td { border-style: none; }
div#content table thead  {
	color: #fff;
	font-size: 90%;
	line-height: 1.4em;
	background-color: #1A5184;
}
div#content.cart table tbody tr { margin-bottom: 4px }
div#content.cart table tbody { }
div#content.cart table .qty  {
	text-align: right;
	padding-right: 8px;
	padding-left: 4px
}
div#content.cart table .qty * { text-align: right }
div#content.cart table .item   {
	text-align: center;
	text-transform: uppercase;
	padding: 2px;
	vertical-align: middle;
	width: auto;
}
div#content.cart table th.item {
	text-align: center;
	text-transform: none;
}
div#content.cart table .desc  {
	text-align: center;
}
div#content.cart table .price { text-align: right; padding-top: 4px; padding-bottom: 4px; width: 4em ; border-right-style: none; }
div#content.cart table .unit  { }
div#content.cart table tbody .total, div#content.cart table tfoot .total  {
	font-weight: bold;
	background-color: #E1F0F5;
}
div#content.cart table .remove { margin-left: 1px }
div#content.cart table .remove a { color: #000; background-color: #c8c8c8; margin: 4px; padding: 4px }
div#content.cart table .remove a:hover { color: #c8c8c8; background-color: #000 }
div#content.cart table td img   {
	text-align: center;
	margin: 2px;
	width: 50px;
	height: 50px;
	vertical-align: middle
}


#footer {
	text-align: center;
	font-size: 0.9em;
	display: block;
	clear: both;
	color: #666666;
	background-image: url(i/bg_content.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #939ba1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin: 0;
}
#footer div.nav {
color: #FF0000;
}
#footer a {
	color: #4D4D4D;
}