* { margin: 0; padding: 0 }

body { background: #162E64 url(img/bg_cloud.jpg) no-repeat center top; font-size: 62.5%; font-family: Helvetica,Arial,Sans-Serif; }
ul { list-style: none; }
a img { border: none; }

.wrapper { width: 771px; min-height: 300px; position: relative; left: 50%; margin: 35px 0 0 -385px; }
.wrapper .content { background: url(img/bg_stripe.png) repeat-y; min-height: 500px; }
.wrapper .content .inner { margin: 0 10px; }
.wrapper .head { background: url(img/bg_head.png) no-repeat; width: 771px; height: 10px; }
.wrapper .footer { background: url(img/bg_foot.png) no-repeat; width: 771px; padding: 33px 0 0 15px; font-size: 1.1em; line-height: 1.7em; color: #8A97B3; }
.wrapper .footer a { color: #FFF; }

.header { background: #E5E5E5; height: 99px; border-bottom: solid 1px #BCC0CB; }
.header h1 { float: left; background: url(img/toplogo.gif) no-repeat; width: 195px; height: 98px; text-indent: -9999px; }
.header ul { float: right; margin-top: 29px; }
.header ul li { float: right; background: url(img/bg_topmenu.gif) no-repeat top left; margin-right: 10px; white-space: nowrap; }
.header ul li a { float: right; background: url(img/bg_topmenu.gif) no-repeat top right; margin-left: 9px; color: #FFF; font-size: 1.3em; text-transform: uppercase; padding: 11px 14px 13px 5px; text-decoration: none; }
.header ul li a:hover { text-decoration: underline; }

.blog-items { padding: 18px; }
.blog-items .item { margin-bottom: 22px; }
.blog-items .item h3 { font-size: 2.2em; font-weight: normal; margin: 0; }
.blog-items .item h3 a { text-decoration: none; }
.blog-items .item h3 a:hover { text-decoration: underline; }
.blog-items .item em.date { font-size: 1; color: #8A97B3; padding-right: 10px; }
.blog-items .item p { font-size: 1.2em; padding: 8px 0; line-height: 1.5em; }
.blog-items .item a.more { font-size: 1.1em; }


.blog-item { padding: 18px 18px 50px 18px; }
.blog-item h2 { font-size: 2.2em; font-weight: normal; margin: 0 0 8px 0; }
.blog-item .blog-content, .blog-item a { font-size: 1.2em; line-height: 1.5em; }
.blog-item .blog-content p { margin-bottom: 12px; }

.text-content { font-size: 1.2em; line-height: 1.6em; }
.text-content h2 { font-weight: normal; color: #162E64; font-size: 2em; margin-bottom: 18px; padding-bottom: 10px; border-bottom: solid 1px #BFCCE8; }
.text-content h3 { font-weight: normal; color: #162E64; font-size: 1.4em; margin-bottom: 8px; }
.text-content p { margin: 0 0 16px 0; width: 100%; overflow; hidden; }

.odin-modules { margin-bottom: 30px; }
.odin-modules p, .odin-modules h3 { clear: both; }
img.module-icon { float: left; margin: 0 12px 12px 0; }

.version-boxes { width: 100%; overflow: hidden; margin-bottom: 18px; }
.version-boxes h3 { display: none; }
.version-boxes .box { float: left; width: 225px; height: 205px; margin-right: 20px; }
.version-boxes .hosted { background: transparent url(img/bg_odin_hosted.gif) no-repeat top left; }
.version-boxes .simple { background: transparent url(img/bg_odin_simple.gif) no-repeat top left; }
.version-boxes .enterprise { background: transparent url(img/bg_odin_enterprise.gif) no-repeat top left; margin-right: 0; }
.version-boxes p { font-size: 0.9em; width: 205px; padding: 50px 10px 0; }

.padder { padding: 18px; }

ul.slide-show { padding: 18px; width: 100%; overflow: hidden; }
ul.slide-show li { float: left; margin: 3px; padding: 5px; border: solid 1px silver; cursor: pointer; }
ul.slide-show li:hover { background-color: silver; }

.text-content ul { margin: 10px 0 10px 10px; list-style: none; }
.text-content ul li { background: url(img/li.png) no-repeat top left; margin: 4px 0 5px 0px; padding-left: 26px; }

#mbOverlay { position: absolute; z-index: 9998; left: 0; width: 100%; background-color: #162E64; cursor: pointer; }
#mbOverlay.mbOverlayFF { background: transparent url(img/box/80.png) repeat; }
#mbOverlay.mbOverlayIE { background: transparent url(img/box/50.gif) repeat; }
#mbCenter, #mbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #000; }
.mbLoading { background: #000 url(img/box/BlackLoading.gif) no-repeat center; }
#mbImage { position: absolute; left: 0; top: 0; border: 10px solid #000; background-repeat: no-repeat; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 19px; font-size: 12px; color: #fff; text-align: left; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd; }
#mbImage a:hover, #mbImage a:active { color: #fff; }
#mbBottom { font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 19px; font-size: 12px; color: #999; text-align: left; border: 10px solid #000; border-top-style: none; }
#mbTitle { display: inline; color: #fff; font-weight: bold; line-height: 20px; font-size: 12px; }
#mbNumber { display: inline; color: #999; line-height: 14px; font-size: 10px; }
#mbCaption { display: block; color: #999; line-height: 14px; font-size: 10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display: block; float: right; height: 20px; width: 46px; background: transparent url(img/box/BlackClose.gif) no-repeat center; margin: 0; outline: none; }
#mbPrevLink { width: 69px; background: transparent url(img/box/BlackPrevious.gif) no-repeat center; }
#mbNextLink { width: 41px; background: transparent url(img/box/BlackNext.gif) no-repeat center; }
#mbCloseLink { width: 46px; background: transparent url(img/box/BlackClose.gif) no-repeat center; }
#mbError { position: relative; top: 30%; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 19px; font-size: 12px; color: #fff; text-align: center; border: 10px solid #700; padding: 20px 10px 30px; margin: auto; }