/* Site
   -------------------------------- */

html {overflow-y: scroll; background: #fff url('images/html_bg.png') repeat-x scroll;}

body {margin: 0; padding: 0; background: transparent url('images/body_bg.png') repeat-y center top; min-height: 100%; font-family: "Verdana"; font-size: 12px;}

#wrapper {margin: 0 auto; padding: 0 16px; width: 985px; position: relative; background: transparent url('images/wrapper_bg3.png') no-repeat center top;}

#banner {height: 334px;}

h2 {margin: 0; padding: 0; font-weight: normal; float: left; display: inline;}

p {margin-top: 0px;}

form {margin: 0;} 

a img {border: none;}
a:link {color: #009999}
a:visited {color: #009999}
a:hover {color: #33CCCC; text-decoration: none;}

.monospaced {font-family: Consolas, 'Courier New';}

.small {font-size: 10px;}
.tiny {font-size: 8px;}


 /* Messages
   -------------------------------- */

#message-wrapper {margin: 15px;}

#message {margin: auto; width: 400px; padding: 2px;}

#message.Info {background-color: #2e83ff;}
#message.Alert {background-color: #f1ae4b;}
#message.Denied,
#message.Error {background-color: #df2626;}

#message-title {font-weight: bold; padding: 5px;}
#message-title .ui-icon {margin-right: 5px; float: left;}

#message-body {padding: 10px; clear: both;}
#message-body.Info {background-color: #fbf9ee;}
#message-body.Alert {background-color: #fbf9ee;}
#message-body.Denied,
#message-body.Error {background-color: #fef1ec;}
 

/* Logo
   -------------------------------- */

h1.logo {display: block; margin: 0;}

h1.logo,
h1.logo a {width: 984px; height: 140px;}

h1.logo a {display: block; background: url('images/logo.png') no-repeat;}

h1.logo a span {display: none;}

h1.logo .slogan {position: absolute; top: 50px; left: 260px; display: block; color: #eee; font-size: 13px; font-weight: bold;}


/* Header
   -------------------------------- */

#header {display: block; width: 984px; height: 163px; background: url('images/header.png') no-repeat;}

#header span {display: none;}



/* Navigation
   -------------------------------- */

#navigation .top-nav {height: 31px; margin: 0;}

#navigation .top-nav .left {float: left; display: block; height: 31px; width: 129px; height: 31px; background: url('images/top-nav/left.png') no-repeat right top;}
#navigation .top-nav .right {float: left; display: block; height: 31px; width: 173px; background: url('images/top-nav/right.png') no-repeat right top;}

#navigation ul,
#navigation ul li {float: left; list-style-type: none; margin: 0; padding: 0; line-height: 31px;}

#navigation ul {height: 31px;}

#navigation ul li a {float: left; display: block; height: 31px; padding: 0;}

#navigation ul li a span {display: none;}

#navigation ul li a.Home {width: 63px; background: url('images/top-nav/home.png') no-repeat right top;}
#navigation ul li a.ProductsServices {width: 151px; background: url('images/top-nav/productsservices.png') no-repeat right top;}
#navigation ul li a.AboutUs {width: 98px; background: url('images/top-nav/aboutus.png') no-repeat right top;}
#navigation ul li a.Clients {width: 59px; background: url('images/top-nav/clients.png') no-repeat right top;}
#navigation ul li a.Support {width: 84px; background: url('images/top-nav/support.png') no-repeat right top;}
#navigation ul li a.Payments {width: 87px; background: url('images/top-nav/payments.png') no-repeat right top;}
#navigation ul li a.Contact {width: 81px; background: url('images/top-nav/contact.png') no-repeat right top;}
#navigation ul li a.Blog {width: 59px; background: url('images/top-nav/blog.png') no-repeat right top;}

#navigation ul li a:hover {background-position: 0 -31px;}


/* Content
   -------------------------------- */

#content {line-height: 18px; padding: 0px 20px; margin: 10px 0; min-height: 500px; background: transparent url('images/content_bg.jpg') repeat-y center top;}


/* Layout
   -------------------------------- */

.layout-grid {width: 100%;}

.layout-grid td {vertical-align: top;}

.layout-grid td.right {padding: 15px 15px; padding-right: 25px; width: 240px;}

.layout-grid td.main {padding: 15px 15px; padding-right: 40px; width: 630px;}


/* Footer
   -------------------------------- */

#footer {display: none; height: 45px; padding: 10px 0; position: relative;}

#footer .inner {position: relative; z-index: 2;}

#footer .bg {background: url('images/footer_bg.png') no-repeat left top; width: 100%; height: 65px; position: absolute; top: 0; left: 0; z-index: 1;}

#footer-logo {float: left; Background: url('images/logo_small.png') no-repeat left top; margin: 0px 15px 0px 15px; height: 41px; width: 100px;}

#footer-text {float: left; color: #000; font-size: 10px; height: 41px; line-height: 41px;}


/* News Articles
   ---------------------------------- */
.news {padding: 2px 10px; float:left;}
.news-section {margin-bottom: 20px;}

.news-header,
.news-header a:link,
.news-header a:visited {color: #000; font-size: 14px; line-height: 18px; font-weight: bold; font-family: Verdana, Arial; text-decoration: none;}
.news-header a:hover {text-decoration: underline;}

.news-date {color: #888; font-size: 11px;} 
.news-content {margin-top: 10px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

.news-archives {margin-top: 10px; padding: 5px; color: #000; font-size: 12px;}

.news-archives a:link,
.news-archives a:visited {color: #000; font-size: 12px; line-height: 12px; font-weight: normal; font-family: Arial; text-decoration: none;}
.news-archives a:hover {text-decoration: underline;}

.news-archives div {margin-bottom: 10px;}