@charset "utf-8";

* {
margin:0;
padding:0;
outline:none;
font-size:100%;
font-weight:normal;
}

.clear {
clear:both;
}

body {
background:#e1efd5 url(../imgs/content-bg.png) repeat-y top center;
color:#666;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:13px;
line-height:16px;
padding:0;
margin:0;
}

#page {
width:960px;
background:#fff url(../imgs/content-top-bg.png) center top no-repeat;
margin:0 auto;
position:relative;
}

#nav {
bottom:22px;
height:52px;
position:absolute;
right:0;
width:590px;
list-style:none;
}

#nav li {
list-style:none;
float:left;
}

#nav li a {
display:block;
height:51px;
margin:0 0 0 10px;
text-indent:-9999px;
width:200px;
}

#nav li a.home {
background:url(../imgs/nav-home.png);
width:154px;
}

#nav li a.home:hover, body.home #nav li a.home {
background:url(../imgs/nav-home.png) 0 -53px;
}

#nav li a.order {
background:url(../imgs/nav-order.png);
width:155px;
}

#nav li a.order:hover, body.order #nav li a.order {
background:url(../imgs/nav-order.png) 0 -53px;
}

#nav li a.howto {
background:url(../imgs/nav-howto.png);
width:240px;
}

#nav li a.howto:hover, body.howto #nav li a.howto {
background:url(../imgs/nav-howto.png) 0 -53px;
}

#header {
position:relative;
background:url(../imgs/header-bg.png) no-repeat bottom right;
height:150px;
}

#header a.header-top {
background:transparent url(../imgs/header-top.png) no-repeat scroll 0 0;
display:block;
height:17px;
position:absolute;
right:14px;
text-indent:-9999px;
top:40px;
width:575px;
}

a#logo {
background:transparent url(../imgs/logo.png) repeat scroll 0 0;
display:block;
height:173px;
left:30px;
position:absolute;
text-indent:-9999px;
top:32px;
width:260px;
z-index:100;
}

#slideshow {
height:356px;
}

#content {
padding:30px;
background:#6eae3c url(../imgs/slideshow-bg.png) repeat-x top;
color:#fff;
}

#content #about-us {
border-left:2px solid #669933;
float:left;
padding-left:20px;
width:625px;
}

#content a.order-now {
background:transparent url(../imgs/order-now.png) repeat scroll 0 0;
display:block;
float:right;
height:330px;
margin:22px 0 0;
text-indent:-9999px;
width:236px;
}

#content h1 {
font-size:28px;
font-weight:bold;
line-height:32px;
padding:0 0 20px;
}

#content h2 {
font-size:18px;
font-weight:bold;
line-height:20px;
padding:20px 0 10px;
}

#content p {
padding:0 0 10px;
}

#content a {
color:#fff;
}

#content strong {
font-weight:bold;
}

#content ul {
padding:0 0 10px;
width:250px;
float:left;
}

#content ul li {
list-style-position:inside;
list-style-type:square;
}

#content ol li {
list-style-position:inside;
padding:0 0 10px;
}

#content #non-profit {
background:url(../imgs/separator.png) repeat-x top;
padding:40px 0;
margin:10px 0 0;
}

#content #non-profit p {
padding:0 0 10px;
}

#content #non-profit p strong {
font-weight:bold;
}

#content #non-profit img {
margin:0 15px 50px 0;
}

#footer {
background:#fff;
color:#ed0f69;
padding:50px 0;
text-align:center;
}

#footer a {
color:#ed0f69;
}

#content #products {
width:560px;
float:left;
}

#content .product{
float:left;
height:155px;
text-align:center;
width:135px;
}

#content .product img {
border:4px solid #669933;
margin:0 0 5px;
}

#content .product img:hover {
border: 4px solid #ED0F69;
}

#content #order-form {
border-left:2px solid #669933;
float:right;
padding-left:25px;
width:295px;
}

#content input.text {
padding:5px;
width:280px;
}

#content input.text-small {
padding:2px;
width:30px;
}

#content select {
padding:5px;
width:190px;
}

#content input.check {
margin:5px;
}

body.sendform #content strong {
font-weight:bold;
}