#body {font-family:Arial, Helvetica, sans-serif; color:#484848; font-size:12px; text-align:center;}
img {border-style:none;}

h1 {color:#3b7521; font-size:16px; margin-top:0;}
h2 {color:#3b7521; font-size:14px;}
h3 {color:#3b7521; font-size:12px;}
.title {color:white; font-weight:bold; font-size:14px;}
.newsTitle {color:white; font-weight:bold; font-size:14px;}
.link {color: #3b7521}
.link:hover {text-decoration:none;}

/* common */

#outer {margin-left:auto; margin-right:auto;}
#outer-top {height:51px; margin:0; padding:0; background: url(images/outer/outer-top-bk.jpg) repeat-x top;}
#outer-bottom {height:51px; margin:0; padding:0; background: url(images/outer/outer-bottom-bk.jpg) repeat-x top;}
#outer-left {margin:0; padding:0; background: url(images/outer/outer-left-bk.jpg) repeat-y left;}
#outer-right {margin:0; padding:0; background: url(images/outer/outer-right-bk.jpg) repeat-y right;}
#top-content {text-align:left; padding:0 40px;}
ul.no-bullet li {list-style:none; line-height:140%;}
ul.no-bullet-home li {list-style:none; line-height:140%; margin-left:-24px;}
p.small-font {font-size:10px;}
#clear-right {clear:right;}

/* header */

#header-container {height:107px; width: 300px; background: url(images/header-bk-md.jpg) repeat-x top;}
#header-right {height:107px; background: url(images/header-bk-rt.jpg) no-repeat top right;}
#header-left {height:107px; background: url(images/header-bk-lt.jpg) no-repeat top left;}
#header-logo-container {height:107px; width:221px; float:left; margin-left: 20px;}
#blue-header-container {margin-left:261px; margin-right:20px; height:107px; background: url(images/blue-header-container-bk.jpg) repeat-x 0px 9px; text-align:center;}
#header-text {font-size:20px; color:white; padding-top:44px; font-weight:bold;}
.header-small-text {font-size:16px; color:white; margin-top:24px;}

/* menu */

#top-menu-container {margin-left:10px; margin-right:10px; height:39px; background: url(images/menu-container-bk.jpg) repeat-x top;}
#top-menu-container a {display:block; float:left; height:39px; padding:13px 34px 0 20px; color:#678d8b; font-size:12px; font-weight:bold; text-decoration:none; background: url(images/top-menu-break.jpg) no-repeat top right;}
#top-menu-container a.menu-on, #top-menu-container a:hover {color:#3c3c80;}
#search-box-container {float:right; padding:8px 0 0 20px; font-weight:bold; color:#678d8b; font-size:12px;}
#top-menu-container a.language-button {display:block; float:right; height:39px; padding:13px 30px 0 10px; color:#678d8b; font-size:12px; font-weight:bold; text-decoration:none; background: url(images/top-menu-break.jpg) no-repeat top right;}
#top-menu-container a.language-button:hover {color:#3c3c80;}

#left-menu-container {float:left; width:170px;}
#left-menu-selected {float:left; width:22px; height:172px;}
#left-menu-content {margin-left:20px;}
#left-menu-content a {display:block; width:130px; padding-top:6px; color:#3b7521; border-bottom:2px dashed #cccccc; text-decoration:none; }
#left-menu-content a:hover, #left-menu-content a.left-menu-on {color:#3c3c80;}


/* content */

#content-container {margin-top:16px; text-align:left; padding:0 28px;}
#home-content {margin-top:16px; padding:0 30px; color:#2c2c6b;;}
#menuon-content {margin-left:180px; margin-right:10px;}
#menuoff-content {margin-left:10px; margin-right:10px;}
#menuon-content p, #menuoff-content p, #menuon-content ul, #menuoff-content ul {font-size:14px; line-height:120%;}

/* home content */

h1.home {color:#3c3c80; margin-top:8px; font-size:16px; background: url(images/h1-bk.jpg) repeat-x bottom;}
#left-content-container {float:left;}
#right-content-container {margin-left:666px;}
div.right-content-container {margin-left:666px;}
#top-box-left {float:left; width:24px; height:337px; background: url(images/top-box-left.jpg) no-repeat top;}
div.top-box-left {float:left; width:24px; height:337px; background: url(images/top-box-left.jpg) no-repeat top;}
#top-box-md {float:left; height:337px; background: url(images/top-box-bk.jpg) repeat-x top;}
div.top-box-md {float:left; height:337px; background: url(images/top-box-bk.jpg) repeat-x top;}
#top-box-right {float:left; width:24px; height:337px; background: url(images/top-box-right.jpg) no-repeat top;}
div.top-box-right {float:left; width:24px; height:337px; background: url(images/top-box-right.jpg) no-repeat top;}
#bottom-left-content-container {float:left; width:665px; background: url(images/bottom-container-bk.jpg) repeat-y left;}
#bottom-right-content-container {margin-left:666px; width:337px; background: url(images/bottom-right-box-bk.jpg) repeat-y left;}
#bottom-box-left {float:left; width:24px; height:337px; background: url(images/bottom-box-left.jpg) no-repeat top;}
div.bottom-box-left {float:left; width:24px; height:337px; background: url(images/bottom-box-left.jpg) no-repeat top;}
#bottom-box-md {float:left; background: url(images/bottom-box-bk.jpg) repeat-x top;}
div.bottom-box-md {float:left; background: url(images/bottom-box-bk.jpg) repeat-x top;}
#bottom-box-right {float:left; width:24px; height:337px; background: url(images/bottom-box-right.jpg) no-repeat top;}
div.bottom-box-right {float:left; width:24px; height:337px; background: url(images/bottom-box-right.jpg) no-repeat top;}
#bottom-box {width:100%; height:23px; background: url(images/bottom-middle-bk.jpg) repeat-x top;}
div.bottom-box {width:100%; height:23px; background: url(images/bottom-middle-bk.jpg) repeat-x top;}

p.button {text-align:center;}
ul.home-list {padding:8px 18px; margin:0; line-height:150%;}

#videotour-button {float:right; padding-top:44px; text-align:center;}

#screenshots-button {float:right; padding-top:8px; padding-right: 20px; text-align:center;}
a.home-expanding-link {color:#2c2c6b; font-weight:bold; font-size:12px; text-decoration:none;}
a.home-expanding-link:hover {font-size:13px;}
a.home-link {color:#3b7521;}
a.home-link:hover {text-decoration:none;}

#button-row {clear:both;}

/* Buy OpenEdit */

#buyOE-left-content {margin-right:350px;}
#contact-details {float:right; width:336px;}
h1.title {height:28px; color:white; background: url(images/buy-title-bk.gif) repeat-x top;}
a.option-title {display:block; color:#fff; font-size:14px; font-weight:bold; padding-top:6px;}
a.buy-title {display:block; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; padding-top:6px;}
a.buy-title:hover {font-size:15px; padding-top:5px;}
a.buy-more-link {font-weight:bold; color:#3b7521;}
a.buy-more-link:hover {color:#3c3c80; text-decoration:none;}
p.note {color:#999999; font-size:10px;}
ul.list-spacing {line-height:160%;}

/* Videos */

#video-listing {float:left; width:160px; height:170px; padding:10px; border-left:1px dashed #ccc; text-align:center;}
a.video-text-link {color:#3b7521;}
a.video-text-link:hover {text-decoration:none;}
a.video-back {display:block; height:40px; padding:10px 0 0 50px; background: url(images/video-back.jpg) no-repeat top left; color:#3b7521; font-size:14px; font-weight:bold; text-decoration:none;}

/* features matrix */

table.features-matrix {text-align:center;}
table.features-matrix td {border-bottom:1px solid #3c3c80; border-right:1px solid #3c3c80;}
td.matrix-title {background:#3c3c80; color:#fff; font-size:14px; font-weight:bold; width:100px;}
td.feature-des {border-left:1px solid #3c3c80; text-align:right; color:#3c3c80; font-weight:bold; font-size:14px;}
td.check {background:#74ce00; color:#fff; font-size:14px; font-weight:bold;}
td.x-mark {background:#f10102; color:#fff; font-size:14px; font-weight:bold;}
a.feature-link {color:#3b7521;}
a.feature-link:hover {text-decoration:none;}
a.features-back {display:block; height:40px; padding:10px 0 0 50px; background: url(images/video-back.jpg) no-repeat top left; color:#3b7521; font-size:14px; font-weight:bold; text-decoration:none;}
a.buy-green-button {display:block; height:40px; padding:10px 0 0 50px; background: url(images/buy-green-button.jpg) no-repeat top left; color:#3b7521; font-size:14px; font-weight:bold; text-decoration:none;}
#features-button-container {float:right;}

/* blog */

ul.home-blog-summary li {font-size:10px; margin-left:-20px; list-style:none; line-height:220%;}
a.blog-title {color:#3b7521;; text-decoration:underline; font-size:14px; font-weight:bold;}
a.blog-title:hover {color:#3c3c80;}
a.blog-summary-link {color:#3b7521; font-size:10px; text-decoration:underline;}
a.blog-summary-link:hover {text-decoration:none;}
.blog-summary-timestamp {color:#999999;}

p.blog-author {font-size:10px; color:#999999;}

/* footer */

#footer {text-align:center; clear:both; height:40px;}
#footer, #footer a {color:#999999; font-size:10px; text-decoration:none;}