/* BEGIN RESET: http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
 {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}

body {
 line-height: 1;
 background-color: #F6F7F8;
 font: normal normal normal 13px/ 18px Arial, sans-serif;
}

body * {
 text-rendering: optimizeLegibility;
}

ol,ul {
 list-style: none;
}

blockquote,q {
 quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
 content: '';
 content: none;
}

:focus {
 outline: 0;
}

ins {
 text-decoration: none;
}

del {
 text-decoration: line-through;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

/* END RESET: */
html {
 height: 100%;
 min-height: 100%;
}

body {
 color: #333333;
 font-size: 16px;
 line-height: 1.3em;
}

html>body {
 color: #333333;
 font-size: 16px;
 line-height: 1.3em;
}

h1,h2,h3,#header,#footer {
 font-family: Arial, Helvetica, Sans-Serif;
}

h1 {
 font-size: 36px;
 color: #333;
 font-weight: normal;
 margin: 20px 0 20px 0;
}

ul {
 color: #666;
 margin: 0 0 20px;
}

li {
 margin: 5px 0;
}

p {
 margin: 0 0 15px;
 color: #666;
 font-weight: normal;
}

a {
 color: #0066CC;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

/* END: FONT FAMILY AND SIZE DECLARATIONS */ /* BEGIN: GENERIC STYLES */
div.clearer {
 clear: both;
 float: none;
 display: block;
}

ul.tick {
 margin-left: 20px;
 list-style-position: outside;
 list-style-image: url(/images/tick.png);
 list-style-position: outside;
}

span.tick {
 font-family: Arial Unicode MS, Lucida Grande;
}

img.right {
 float: right;
 margin: 10px;
}

/* START: NAV */
#header {
 width: 100%;
 float: left;
 top: 0px;
 background: #f5f5f5 url(/images/nav-background.png) repeat;
}

#header ul {
 margin: 0;
 float: left;
 width: 100%;
}

#header ul li {
 float: left;
 margin: 0 40px 0 0;
 height: 72px;
}

#header ul li a {
 color: #003300;
 font-size: 18px;
 text-decoration: none;
 display: block;
 margin: 20px 0 0;
 text-shadow: 1px 1px #4CC13F;
 padding: 0 10px;
}

#header ul li#logo {
 margin: -7px 50px 0 0;
}

#header ul li#logo a {
 padding-left: 0;
}

#header ul li a img {
 margin-top: -8px;
}

#header ul li.right {
 float: right;
 margin: 0;
}

#header ul li.right a {
 padding-right: 0;
}

h1 {
 font-size: 35px;
 font-weight: normal;
 font-family: Arial, Helvetica, Sans-Serif;
 letter-spacing: -1px;
 line-height: 1em;
}

body#home li#nav-home,body#tour li#nav-tour,body#why_vend li#nav-why_vend,body#pricing li#nav-pricing,body#partner li#nav-partner
 {
 background: url(/images/nav-background-current.png) no-repeat 23px 0;
 height: 72px;
}

body#pricing  #nav-try-now {
 display: none;
}

body#home li#nav-home a,body#tour li#nav-tour a,body#why_vend li#nav-why_vend a,body#pricing li#nav-pricing a,body#partner li#nav-partner a
 {
 color: #fff;
 text-shadow: -1px -1px #3B9631;
}

body#tour li#nav-tour {
 background: url(/images/nav-background-current.png) no-repeat 18px 0;
}

body#why_vend li#nav-why_vend {
 background: url(/images/nav-background-current.png) no-repeat 40px 0;
}

/* END: NAV */ /* END: GENERIC STYLES */ /* BEGIN: PAGE CONSTRUCTION */
.content {
 margin: 0 auto;
 width: 920px;
}

#footer {
 color: #666;
 padding: 50px;
 text-align: center;
 font-size: 14px;
}

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

div.full {
 width: 100%;
 margin: 30px 10px 10px 10px;
 float: left;
}

#pricing #main div.left,#pricing  #main div.right {
 width: 380px;
 margin: 30px 10px 10px 50px;
 float: left;
}

#contact #main div.left {
 width: 400px;
 float: left;
}

.col-1-of-2 {
 width: 49%;
 float: left;
}

#main div.boxes {
 
}

#main div.boxes div.container {
 width: 210px;
 margin: 0 20px 0 0;
 float: left;
}

#main .section {
 padding: 10px;
}

#main .button {
 margin: 0 0 10px 0;
}

/* END: PAGE CONSTRUCTION */
#home #splash {
 background-color: #f5f5f5;
}

#home #home-try-it {
 vertical-align: middle;
}

#home #main {
 background-color: #fff;
 padding: 30px 0 5px 0;
 border-bottom: 1px solid #ccc;
}

#home #take-the-tour {
 margin: 0 0 10px 25px;
 font-size: 18px;
}

#splash h2 {
 color: #666;
 font-size: 22px;
 font-weight: normal;
 line-height: 1.2em;
 margin: 0 0 20px;
 padding: 0;
}

#main h2 {
 color: #333;
 font-weight: normal;
 font-size: 28px;
 line-height: 30px;
 margin: 0 0 10px 0;
}

#main h3 {
 color: #333;
 font-weight: normal;
 font-size: 24px;
 line-height: 26px;
 margin: 0 0 15px 0;
}

#main h4 {
 font-size: 22px;
 color: #333;
 font-weight: normal;
 line-height: 25px;
 margin: 0 0 15px 0;
}

#home #splash {
 height: 346px;
 border-bottom: 1px solid #ccc;
 overflow: hidden;
}

.splash-img {
 float: right;
}

div.video {
 border-left: 1px solid #F1FAE8;
 border-right: 1px solid #F1FAE8;
 margin: 0 17px 0 60px;
 float: right;
}

/* START: PAGES */ /* START: TOUR */
.inner {
 background-color: #dcdcdc;
 -moz-border-radius: 10px 0 0 10px;
 -o-border-radius: 10px 0 0 10px;
 -icab-border-radius: 10px 0 0 10px;
 -khtml-border-radius: 10px 0 0 10px;
 -webkit-border-radius: 10px 0 0 10px;
}

#index {
 width: 223px;
 float: left;
 -moz-border-radius: 10px 0 0 10px;
 -o-border-radius: 10px 0 0 10px;
 -icab-border-radius: 10px 0 0 10px;
 -khtml-border-radius: 10px 0 0 10px;
 -webkit-border-radius: 10px 0 0 10px;
 border-radius: 10px 0 0 10px;
 margin: 1px 0;
}

#page {
 -moz-border-radius: 10px;
 -o-border-radius: 10px;
 -icab-border-radius: 10px;
 -khtml-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 background: url(/images/tour-index-background.png) repeat-y;
 border: 1px solid #BBC2C0;
}

#page-rim {
 -moz-border-radius: 10px;
 -o-border-radius: 10px;
 -icab-border-radius: 10px;
 -khtml-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 vertical-align: top;
 min-height: 340px;
 text-align: left;
 border: 1px solid #fff;
}

#page .feature {
 font-size: 14px;
}

#page .feature .intro {
 display: block;
 font-weight: bold;
}

#index ul li a {
 text-shadow: 1px 1px #fff;
 color: #444;
 font-size: 16px;
 padding: 10px;
 width: 180px;
 display: block;
}

#index ul li:first-child {
 border-top: none;
 -moz-border-radius: 10px 0 0 0;
 -o-border-radius: 10px 0 0 0;
 -icab-border-radius: 10px 0 0 0;
 -khtml-border-radius: 10px 0 0 0;
 -webkit-border-radius: 10px 0 0 0;
 border-radius: 10px 0 0 0;
}

#index ul li {
 height: 40px;
 width: 228px;
 padding: 0 10px;
 margin: 0;
 background: url(/images/tour-index-item-background.png) no-repeat;
}

#index ul li.current {
 margin: -2px 0 0 -2px;
 background: url(/images/tour-current-background.png) no-repeat;
}

#index ul li.current a {
 color: #fff;
 text-shadow: -1px -1px #3B9631;
}

#why_vend #main .content .inner,#pricing #main .content .inner,#tour .content .inner,#contact .content .inner,#partner .content .inner,#media .content .right .inner
 {
 -moz-border-radius: 10px 10px;
 -o-border-radius: 10px 10px;
 -icab-border-radius: 10px 10px;
 -khtml-border-radius: 10px 10px;
 -webkit-border-radius: 10px 10px;
 border-radius: 10px 10px;
 border: 1px solid #ccc;
 background-color: #fff;
}

#why_vend .panel {
 width: 400px;
 float: left;
 margin: 0 0 10px 40px;
}

#why_vend #main .content .first-left,#why_vend #main .content .first-right
 {
 padding: 40px 0 0 0;
}

#contact .panel {
 padding: 20px 15px;
}

/* START: TOUR */
#tour #main .page-content {
 background-color: #fff;
 padding: 20px;
 float: right;
 -moz-border-radius: 0 10px 10px 0;
 -o-border-radius: 0 10px 10px 0;
 -icab-border-radius: 0 10px 10px 0;
 -khtml-border-radius: 0 10px 10px 0;
 -webkit-border-radius: 0 10px 10px 0;
 border-radius: 0 10px 10px 0;
 min-height: 320px;
 width: 650px;
}

/* END: TOUR */ /* START: PARTNER */
#partner #splash {
 text-align: center;
}

#partner #splash h2 {
 width: 600px;
 margin: 0 auto;
 
}

#partner #main .content {
 margin: 40px auto 0;
}

#partner #main h2 {
 font-size: 
}

#partner #main div.left .inner {
 width: 540px;
 margin: 0 30px 0 0;
 float: left;
}

#partner #main div.right .inner {
 background-color: #E1E6EC;
}

#partner #main div.right h3 {
 background: url(/images/partner-banner.png) repeat-x;
 -moz-border-radius: 10px 10px 0 0;
 -o-border-radius: 10px 10px 0 0;
 -icab-border-radius: 10px 10px 0 0;
 -khtml-border-radius: 10px 10px 0 0;
 -webkit-border-radius: 10px 10px 0 0;
 padding: 20px 25px;
 font-size: 22px;
 color: #fff;
 text-shadow: 1px 1px #4167CC;
}

#partner #main div.right .inner {
 width: 340px;
 float: left;
}

#partner #main div.left .section {
 margin: 20px 10px 10px 20px;
 float: left;
}

#partner #main div.right .section {
 margin: 10px 10px 10px 20px;
 padding: 0;
 float: left;
}

/* END: PARTNER */ /* START: MEDIA */
#media #main .content {
 margin: 40px auto 0;
}

#media #main div.left h2 {
 font-size: 18px;
 text-shadow: 1px 1px #A4A4A4;
 background: url(/images/media-banner.png) repeat-x;
 -moz-border-radius: 10px 10px 0 0;
 -o-border-radius: 10px 10px 0 0;
 -icab-border-radius: 10px 10px 0 0;
 -khtml-border-radius: 10px 10px 0 0;
 -webkit-border-radius: 10px 10px 0 0;
 padding: 4px 17px;
 color: #fff;
 margin: 0;
}

#media #main div.left h3 {
 font-size: 12px;
 margin: 0 0 0 0;
}

#media #main div.left .inner {
 width: 223px;
 background: none;
 float: left;
}

#media #main div.right .inner {
 width: 620px;
 margin: 0 0 0 30px;
 padding: 20px;
 float: left;
 padding: 20px;
}

#media #main div.right .inner p {
 font-size: 14px;
}

#media #main div.right .section {
 margin: 20px 10px 10px 20px;
}

#media #main div.left .section {
 font-size: 12px;
 background-color: gainsboro;
 margin: 0 0 30px;
 -moz-border-radius: 0 0 10px 10px;
 -o-border-radius: 0 0 10px 10px;
 -icab-border-radius: 0 0 10px 10px;
 -khtml-border-radius: 0 0 10px 10px;
 -webkit-border-radius: 0 0 10px 10px;
}

/* END: MEDIA */ /* START: PLANS */
#pricing #splash {
 text-align: center;
}

#pricing table {
 border-collapse: collapse;
 font-size: 16px;
}

#pricing table th {
 color: #fff;
 text-shadow: 1px 1px #3B9631;
 font-size: 24px;
 width: 230px;
 height: 122px;
 vertical-align: top;
}

#pricing table th .price {
 padding: 34px 0 0 0;
}

#pricing table th#plan-s {
 background: url(/images/plan-tab-s.png) no-repeat;
}

#pricing table th#plan-m {
 background: url(/images/plan-tab-m.png) no-repeat;
}

#pricing table th#plan-l {
 background: url(/images/plan-tab-l.png) no-repeat;
}

#pricing table tr td {
 border-right: 1px solid #fff;
 text-align: center;
 padding: 10px 0;
 color: #444;
}

#pricing table tr.even td {
 background-color: #efefef;
}

#pricing table tr.odd td {
 background-color: #dcdcdc;
}

#pricing h2 {
 margin-left: 10px;
}

/* END: PLANS */ /* FORMS */
form {
 font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica,
  Arial, sans-serif;
}

label {
 color: #333;
 font-size: 16px;
 margin-right: 10px;
}
.form-row {
 margin: 0 0 20px; 
}

input[type=submit] {
 background-color: #dcdcdc;
 -moz-border-radius: 5px;
 -o-border-radius: 5px;
 -icab-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 5px 30px;
 border: 1px solid #4167CC;
 background-color: #4167CC;
 color: #fff;
 text-shadow: -1px -1px #4167CC;
 filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
  '#478FEB', endColorstr = '#4167CC' ); /* for IE */
 background: -webkit-gradient(linear, left top, left bottom, from(#478FEB),
  to(#4167CC) ); /* for webkit browsers */
 background: -moz-linear-gradient(top, #478FEB, #4167CC);
 /* for firefox 3.6+ */
}

input,textarea {
 border: 1px solid #ccc;
 padding: 5px;
 font-size: 14px;
}

.error {
 color: red;
 font-size: 12px;
 font-weight: normal;
}

.help {
 color: #999999;
 font-size: 11px;
 padding: 0 0 5px 5px;
}