/** reset */
a {text-decoration: none; outline: none;}

/** typography */
body {font-family: "Trebuchet MS"; background: #6299c5 url("../images/background/header.png") center 0 no-repeat;}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica !important;}
h1, h2 {line-height: 1.3em;}
#content {font-size: 12px; line-height: 1.75em;}
#content h2, #content h2 a, .componentheading {font-size: 24px; font-weight: bold; margin-top: 0; color: #ed6c2a;}
#content h3, #content h3 a {font-size: 20px; color: #2852a8;}
#content .contentheading {font-size: 18px;}
#content a {text-decoration: underline;}
#content a:hover {text-decoration: none;}

#footer {text-align: right; font-size: 11px;}
#footer a {color: #000000;}

/* layout - main structure */
html, body {margin: 0; padding: 0;}
#background {background: url("../images/background/header_accent.png") top left repeat-x; padding: 20px 0 0 0;}

#container-center {width: 1000px; margin: 0 auto;}

#left-shadow {width: 980px; padding: 0 0 0 20px; background: #6299c5 url("../images/background/left_shadow.png") top left repeat-y;}
#container-left {width: 980px; margin: 0 0 0 -20px; padding: 0 0 0 20px; background: url("../images/background/left_long.png") top left no-repeat;}
#right-shadow {width: 960px; padding: 0 20px 0 0; background: url("../images/background/right_shadow.png") top right repeat-y;}
#container-right {width: 960px; margin: 0 -20px 0 0; padding: 0 20px 0 0; background: url("../images/background/right_long.png") top right no-repeat;}
#header {position: relative;}

#container-header {height: 20px; width: 1000px; margin: 0 auto; background: url("../images/background/top.png") top left no-repeat;}
#container-bg {background: #f0f1ec;}
#sidebar {float: left; width: 250px; margin: 0 0 10px 0; background: #ceddea url("../images/background/sidebar_fade.png") bottom left repeat-x;
	padding: 0 0 150px 0;}
#content {float: left; width: 640px; margin: 0 40px 0 20px;}
#footer {clear: both; padding: 20px 0 0 0; margin: 20px 20px 0 0;}
#footer-shadow {height: 100px; width: 1000px; margin: 0 auto; background: url("../images/background/footer.png") top left no-repeat;}

/* logo */
#logo {position: absolute; top: 10px; left: 60px; height: 120px; width: 230px; background: url("../images/logo/logo.png") 0 0 no-repeat;}
#logo h1 {margin: 0; padding: 0; text-indent: -9999px;}
#logo h1 a {display: block; height: 120px; width: 230px;}

/* small logo */
#small_logo {float: left; margin: 10px; padding: 0;}

/* topbar */
#topbar {position: absolute; top: -4px; right: 0; padding-top: 4px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#topbar ul {margin: 0; padding: 0;}
#topbar li {display: inline; margin: 0; padding: 0; list-style: none;}
#topbar a {display: inline-block; padding: 2px 8px 2px 8px; text-align: left; color: #fff; font-size: 12px;}
#topbar a:hover {background: #6299c5;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

/* header */
#header {margin: 0 auto; width: 960px; height: 137px;}

/* sideBAR/sideNAV */
#sidebar h3 {margin: 0 0 8px 0; padding: 6px 10px; color: #0d3c64; text-align: center;}
#sidebar h4 {margin: 10px 0; padding: 0;}

.sidenav span span, #sidebar a {color: #141414; text-decoration: none;}
.sidenav li .separator, .sidenav li .separator a {font-size: 16px; font-weight: bold;}

.sidenav {background: #b0c9de; border: 1px solid #9dbad3; margin: 0 10px 10px 10px;}
.sidenav ul {margin: 0; padding: 0;}
.sidenav li {padding: 0; margin: 0; list-style: none;}
.sidenav li .separator, .sidenav li .separator a {display: block; cursor: pointer; padding: 2px 2px 2px 10px; margin: 0; border-bottom: 1px solid #9dbad3;}
.sidenav li li {background: #98bbd7;}
.sidenav li li a {display: block; padding: 2px 2px 2px 20px !important; background: #98bbd7; font-size: 14px !important; font-weight: normal !important;}

.sidenav li li a:hover {background: #6299c5;}

.sidenav .item64 a {border: 0;} /* Request Quote - last */

/* footer */
#footer p {margin: 0; padding: 0;}

/* systems page */
.product-table {border-collapse: collapse; border: 2px solid #000000;}
.product-table td, .product-table th {border: 1px solid #000000; padding: 4px 8px 4px 8px; text-align: left;}

/* contact form - contacts page */
#component-contact table {margin: 20px;}
#component-contact h2, #component-contact h3 {margin: 0; padding: 10px;}
#contactform_dropdown {float: right; width: 120px; padding: 10px;}
#contactform label {display: inline-block; width: 160px; text-align: right; vertical-align: top; padding-right: 10px; margin: 2px;}
#contactform .text, .moduletable_contactform .textarea {width: 400px; margin: 2px; padding: 2px;}
#contactform .textarea {height: 80px;}
#contactform .checkbox {margin: 10px 2px; padding: 4px;}
#contactform .submit {margin-left: 180px; font-size: 16px; padding: 0 10px;}

/* Kirtas News - Sidebar */
.moduletable_kirtasnews h4 {font-size: 14px; font-weight: normal;}
.moduletable_kirtasnews .ffwrapper {border-bottom: 1px solid #9dbad3; margin: 0 12px;}
.moduletable_kirtasnews em {font-size: 12px;}
.moduletable_kirtasnews {background: #b0c9de; border: 1px solid #9dbad3; margin: 6px 10px; padding: 0 0 10px 0;}
.moduletable_kirtasnews p, .moduletable_kirtasnews img {font-size: 12px; margin: 12px;}
.madmimiForm {margin: 8px 12px 0 12px;}
.madmimiForm h3 {}
.madmimiFormSubmit {float: right;}

/* Upcoming Events... */
.moduletable_events {background: #b0c9de; border: 1px solid #9dbad3; margin: 10px 10px; padding: 0 12px 6px 12px;}
.moduletable_events h4 a {font-size: 12px !important;}
.moduletable_events div {margin-bottom: 10px; font-size: 11px;}
.moduletable_events p {padding: 2px 0 0 0;}
.moduletable_events img {border: 1px solid #444444; margin: 0 10px 20px 0; background: #ffffff;}
.scheduleDemo {display: block; margin: 10px 0 0 0; padding: 2px; background: #0d3c64; text-align: center; color: #ffffff !important;}
#dnbottomlink {float: right; margin-right: 10px; font-size: 11px;}

/* newsletter signup - whole site */
.moduletable_newsletterform {position: relative; background: #707070; border: 1px solid #969696;}
.moduletable_newsletterform form {height: 26px; margin: 0; padding: 0;}
.moduletable_newsletterform .text {position: absolute; top: 44px; left: 12px; width: 185px; margin: 0; padding: 4px; border: 1px solid #c4c4c4;
	background: #E5E5E5 url("../images/newsletter/field_bg.png") repeat-x;}
.moduletable_newsletterform .imagebutton {position: absolute; top: 44px; left: 197px; height: 25px; margin: 0; padding: 0; border: 1px solid #c4c4c4;}
.moduletable_newsletterform p {font-size: 12px;}

/* Translate */
.moduletable_translate {background: #b0c9de; border: 1px solid #9dbad3; margin: 0 10px 10px 10px !important;
	text-align: center; padding: 10px;}
.moduletable_translate > div {margin: 0 auto;}
.moduletable_translate select {margin-top: 4px !important;}
#google_translate_element {font-size: 12px; line-height: 18px;}
.moduletable_translate .goog-logo-link img {border: 0;}

/* Contact Us */
.sb-table {border-collapse: collapse;}
.sb-table td, .sb-table th {font-size: 12px; padding: 4px;}
.sb-table th {background: #ceddea; color: #000000;}

/* Events and Trade Shows - page */
.eventbox {clear: both; padding: 10px 0;}
.eventbox img {border: 0; padding: 10px; margin-bottom: 10px;}

/* welcome page */
#welcome-animation {margin-left: 20px;}
#welcome-story {margin: 20px;}
#welcome-story h2 {margin: 0;}
#welcome-video {float: right; margin-left: 10px; width: 320px;}
#welcome-video-frame {border: 1px solid #9dbad3; padding: 10px;}
#welknowmore {margin-left: 20px;}
#welknowmore p {text-indent: 2em;}
#welcomeXML {margin: 20px;}

/* buttons */
.orangeButton {display: inline-block; text-align: center; font-size: 16px; padding: 14px 50px; margin: 0 10px; color: #ffffff;
	background: url("../images/buttons/button_orange.png") no-repeat; text-decoration: none !important; font-weight: bold;}
.blueButton {display: inline-block; text-align: center; font-size: 16px; padding: 14px 82px; margin: 0 10px; color: #ffffff;
	background: url("../images/buttons/button_blue.png") no-repeat; text-decoration: none !important; font-weight: bold;}
.kbooksbutton {float: right; margin-right: 20px; width: 300px; height: 70px;}
.kbooksbutton a {font-size: 24px; padding: 24px 70px !important;}

/* This clears the floats - after main/sidebar wrapper(content) */
#content:after, .moduletable_events:after, .clear:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}

/* CSS3 - Border Radius */
.sidenav, .moduletable_kirtasnews, .moduletable_events, .moduletable_translate {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.welsubbox {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}