@font-face{font-family:'Museo';src:url('fonts/museo300-regular-webfont.eot');src:url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/museo300-regular-webfont.woff') format('woff'),url('fonts/museo300-regular-webfont.ttf') format('truetype'),url('fonts/museo300-regular-webfont.svg#museo_300regular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'Museo';src:url('fonts/museo700-regular-webfont.eot');src:url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/museo700-regular-webfont.woff') format('woff'),url('fonts/museo700-regular-webfont.ttf') format('truetype'),url('fonts/museo700-regular-webfont.svg#museo_700regular') format('svg');font-weight:bold;font-style:normal;}@font-face{font-family:'TitilliumRegular';src:url('fonts/titillium-regular-webfont.eot');src:url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/titillium-regular-webfont.woff') format('woff'),url('fonts/titillium-regular-webfont.ttf') format('truetype'),url('fonts/titillium-regular-webfont.svg#TitilliumRegular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'TitilliumRegular';src:url('fonts/titillium-regularitalic-webfont.eot');src:url('fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/titillium-regularitalic-webfont.woff') format('woff'),url('fonts/titillium-regularitalic-webfont.ttf') format('truetype'),url('fonts/titillium-regularitalic-webfont.svg#TitilliumItalic') format('svg');font-weight:normal;font-style:italic;}@font-face{font-family:'TitilliumRegular';src:url('fonts/titillium-semibold-webfont.eot');src:url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/titillium-semibold-webfont.woff') format('woff'),url('fonts/titillium-semibold-webfont.ttf') format('truetype'),url('fonts/titillium-semibold-webfont.svg#TitilliumBold') format('svg');font-weight:bold;font-style:normal;}@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot');src:url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff') format('woff'),url('fonts/fontawesome-webfont.ttf') format('truetype'),url('fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}

/* Top Level Markup Resets and Adjustments */

html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  font-family: 'TitilliumRegular', sans-serif;
  background:url(../img/backgrounds/creampaper.png) repeat #fff;
  min-width: 1100px;
  z-index: 0;
}

p, ul, li, h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

a, img, fieldset {
  border: none;
}

strong {
  font-weight: bold;
}

h1 {
  font-family: 'Museo', 'Rockwell', 'Georgia', serif;
  font-weight: bold;
  font-size: 25px;
  padding-bottom: 15px;
  line-height: 25px;
  text-shadow: 0 1px 1px #ffffff;
}

h2 {
  font-family: 'Museo', 'Rockwell', 'Georgia', serif;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 10px;
  line-height: 20px;
  text-shadow: 0 1px 1px #ffffff;
}

h3 {
  font-family: 'TitilliumRegular', sans-serif;
  font-weight: bold;
  font-size: 16px;
}


/* Column Layout System
   Usage: <div class="column-grid">
            <div class="column-1-3"> This is a 1/3 width column </div>
            <div class="column-2-3"> This is a 2/3 width column </div>
          </div>
*/
.column-grid{letter-spacing:-0.31em;*letter-spacing:normal;*word-spacing:-0.43em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.column-grid{word-spacing:-0.43em}.column{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.column-1,.column-1-2,.column-1-3,.column-2-3,.column-1-4,.column-3-4,.column-1-5,.column-2-5,.column-3-5,.column-4-5,.column-1-6,.column-5-6,.column-1-8,.column-3-8,.column-5-8,.column-7-8,.column-1-12,.column-5-12,.column-7-12,.column-11-12,.column-1-24,.column-5-24,.column-7-24,.column-11-24,.column-13-24,.column-17-24,.column-19-24,.column-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.column-1{display:block}.column-1-2{width:50%}.column-1-3{width:33.33333%}.column-2-3{width:66.66666%}.column-1-4{width:25%}.column-3-4{width:75%}.column-1-5{width:20%}.column-2-5{width:40%}.column-3-5{width:60%}.column-4-5{width:80%}.column-1-6{width:16.656%}.column-5-6{width:83.33%}.column-1-8{width:12.5%}.column-3-8{width:37.5%}.column-5-8{width:62.5%}.column-7-8{width:87.5%}.column-1-12{width:8.3333%}.column-5-12{width:41.6666%}.column-7-12{width:58.3333%}.column-11-12{width:91.6666%}.column-1-24{width:4.1666%}.column-5-24{width:20.8333%}.column-7-24{width:29.1666%}.column-11-24{width:45.8333%}.column-13-24{width:54.1666%}.column-17-24{width:70.8333%}.column-19-24{width:79.1666%}.column-23-24{width:95.8333%}

.row {
  position: relative;
  color: #222;
  width: 100%;
  z-index: 30;
}

.content {
  width: 990px;
  margin: auto;
  margin-top: 25px;
}

.pagecontent {
  width: 990px;
  margin: auto;
  margin-top: 0px;
}

.textcontent {
  font-size: 1.3em;
  line-height: 1.3em;
}

.pagecontent p, .pagecontent table, .textcontent ol {
  margin-bottom: 10px;
  margin-top: 10px;
}

.textcontent ul {
  padding-left: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.textcontent li {
  margin-bottom: 6px;
}

.textcontent pre, .textcontent code {
  display: block;
  font-size: .8em;
  margin: 20px 10px;
  padding: 15px;
  font-family: Menlo,Monaco,'DejaVu Sans Mono','Bitstream Vera Sans Mono','Consolas','Courier New',Courier,monospace;
  border-radius: 8px;
  background: rgba(200,200,200,0.5);
  box-shadow: 0px 0px 6px #ABABAB;
  overflow-x: auto;
  max-width: 970px;
}

.textcontent tt {
  font-size: .8em;
  font-family: Menlo,Monaco,'DejaVu Sans Mono','Bitstream Vera Sans Mono','Consolas','Courier New',Courier,monospace;
  border-radius: 4px;
  background: rgba(180,180,180,0.5);
  padding: 2px 4px;
}

.textcontent caption {
  font-weight: bold;
  margin-bottom: 12px;
}

.textcontent th {
  padding: 8px;
  border-radius: 8px;
  background: #ccc;
}

.textcontent td {
  padding: 8px;
}


.textcontent input[type=text], .textcontent input[type=password], .textcontent select, .textcontent textarea {
  margin-bottom: 6px;
  font-size: 1.1em;
  font-family: 'TitilliumRegular', sans-serif;
}

.textcontent textarea {
  height: 6em;
}


/* Common UI Elements */

@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: menulist-button; } }

/* Textfields */

input[type=text], input[type=password], textarea {
  border-radius: 3px;
  border: none;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  height: 18px;
  padding: 4px 6px 4px 6px;
  font-size: 10px;
  color: #333;
  box-shadow: 1px 1px 3px -1px #888 inset, -1px -1px 2px -1px #999 inset, 1px 1px 1px -1px #fff;
}

textarea {
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

input[type=text]:focus, input[type=password]:focus, textarea:focus  {
  outline: none;
  box-shadow: 0px 0px 1px #222 inset, 0px 0px 1px 1px #98542c;
}

/* Buttons */

input[type=submit], button, .button a {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    font-size: 100%;
    font-family: 'TitilliumRegular', sans-serif;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 1em 0.45em;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;


    /* Presentation */
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    text-decoration: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}

input[type=submit]:hover, button:hover, .button a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.15)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    text-decoration: none;
}

input[type=submit]:active, button:active, .button a:active {
    border: inset 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0, 0.10)), to(rgba(0,0,0, 0.15)));
    background-image: -webkit-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
    background-image: -ms-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
    background-image: -o-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
    background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
}

input[type=submit][disabled], button[disabled] {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=55);
    -khtml-opacity: 0.55;
    -moz-opacity: 0.55;
    opacity: 0.55;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
}

input[type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input[type=submit]:-moz-focusring, button:-moz-focusring {
    outline: thin dotted;
}

a button {
  text-decoration: none;
}

.greenbutton {
  background-color: #1d7c42 !important;
  color: #fff !important;
}

.greenbuttonlink a {
  background-color: #1d7c42 !important;
  color: #fff !important;
}

.orangebutton {
  background-color: #945729;
  color: #fff;
}

.orangebuttonlink a {
  background-color: #945729;
  color: #fff;
}

.label_check, .label_radio {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding-left: 20px;
  text-indent: -16px;
  margin-bottom: 10px;
}

.label_check strong, .label_radio strong {
  font-size: 16px;
}

.radios, .checkboxes {
}

.label_check input, .label_radio input {
  position: absolute;
  left: -9999px;
}

.label_radio.radioon {
}

.label_radio .radioicon {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  border: 1px solid #222 1px solid #eee;
  box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
  background: #777;
  position: relative;
  top: 4px;
  left: -10px;
}

.radioon .radioicon {
  background: #111;
  box-shadow:  0 0 0 1px rgba(0,0,0, 0.25) inset, 0 0 0 3px #777 inset;
}

.label_check .checkicon {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  border: 1px solid #222 1px solid #eee;
  box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
  background: #777;
  position: relative;
  top: 4px;
  left: -10px;
}

.checkboxon .checkicon:before {
  font-family: FontAwesome;
  font-size: 18px;
  font-style: normal;
  content:"\f00c";
  color: #111;
  position: relative;
  left: 17px;
  top: -4px;
}

hr {
  width:990px;
  height:0px;
  color:none;
  background:none;
  border:none;
  border-top:1px solid rgba(0,0,0,0.1);
  border-bottom:1px solid rgba(250,250,250,0.8);
}

.bullet {
  display: inline-block;
  padding: 0px 12px 0px 12px;
}

/* Text sizes */

.mediumtext {
  font-size: 1.3em;
  line-height: 1.3em;
}

.largetext {
  font-size: 1.5em;
  line-height: 1.35em;
}

/* Show and hide class */

.fadedin {
   -webkit-transition:opacity 0.5s ease-out;
   -moz-transition:opacity 0.5s ease-out;
   -o-transition:opacity 0.5s ease-out;
    transition:opacity 0.5s ease-out;
    opacity: 1;
}

.fadedout {
   -webkit-transition:opacity 0.5s ease-out;
   -moz-transition:opacity 0.5s ease-out;
   -o-transition:opacity 0.5s ease-out;
    transition:opacity 0.5s ease-out;
    opacity: 0;
    height: 0px;
    width: 0px;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
  opacity: 0;
}

.invisible i {
  display: none !important;
}

.invisible i:before {
  display: none !important;
}

/* Blue header */

.header {
  position: relative;
  width: 100%;
  height: 140px;
  color: #fff;
  font-size: 12px;
  z-index: 32;
  /* CHANGE HERE */
  margin-bottom: 25px;
}

.header .headercontent {
  position: relative;
  width: 990px;
  height: 140px;
  xbackground-image: url(../img/backgrounds/bluehatch.jpg);
  xbackground-image: -moz-linear-gradient(top, rgba(221,221,221,0) 0%, rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* FF3.6+ */
  xbackground-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0)), color-stop(100%,rgba(0,0,0,0.31))), url(../img/backgrounds/bluehatch.jpg); /* Chrome,Safari4+ */
  xbackground-image: -webkit-linear-gradient(top, rgba(221,221,221,0) 0%,rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* Chrome10+,Safari5.1+ */
  xbackground-image: -o-linear-gradient(top, rgba(221,221,221,0) 0%,rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* Opera 11.10+ */
  xbackground-image: -ms-linear-gradient(top, rgba(221,221,221,0) 0%,rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* IE10+ */
  xbackground-image: linear-gradient(to bottom, rgba(221,221,221,0) 0%,rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* W3C */
  xbox-shadow: 0px 0px 6px #ABABAB;
  xborder-radius: 0px 0px 8px 8px;
  xborder-top: 5px solid #333;
  margin: auto;
}

  /* CHANGE HERE */
.header {
  background-image: url(../img/backgrounds/bluehatch.jpg);
  background-image: -moz-linear-gradient(top, rgba(221,221,221,0) 0%, rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0)), color-stop(100%,rgba(0,0,0,0.31))), url(../img/backgrounds/bluehatch.jpg); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, rgba(221,221,221,0) 0%,rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, rgba(221,221,221,0) 0%,rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, rgba(221,221,221,0) 0%,rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(221,221,221,0) 0%,rgba(0,0,0,0.31) 100%), url(../img/backgrounds/bluehatch.jpg); /* W3C */
  box-shadow: 0px 0px 6px #ABABAB;
  border-top: 5px solid #333;
  margin-bottom: 15px;
}

/* Blue header logo */
.header .logoimage {
  height: 130px;
  width: 310px;
  position: absolute;
  left: -30px;
}

/* Blue header menu */
.header .navigation {
  display: inline-block;
  float: right;
  position: relative;
  z-index: 33;
  margin-right: 20px;
}

/* Blue header contact info */

.header .navigation .contactinfo {
  position: absolute;
  top: 10px;
  left: 8px;
  text-shadow: -1px -1px 0px #555;
  color: #eee;
}

.header .navigation .contactinfo a {
  color: #eee;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

.header .navigation a.contactlink {
  color: #ddd;
  text-shadow: -1px -1px 0px #555;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

/* Blue header top tabs (Call us, Login) */

.header .navigation .tabs {
  position: absolute;
  top: 0px;
  right: 20px;
  z-index: 34;
  background: #ccc;
}

.header .navigation .tabs .tab {
  position: absolute;
  background: #e3e9f1;
  background-color: rgba(245,245,245,0.9);
  box-shadow: 0px 1px 5px #555;
  border-radius: 0px 0px 8px 8px;
  border-top: 5px solid #333;
  height: 16px;
}

.header .navigation .tabs .tab a {
  color: #232323;
  text-decoration: none;
  text-shadow: 0px 1px 1px #D9E2F0;
  font-size: 11px;
  font-weight: 600;
  display: block;
  padding: 6px 8px 5px 8px;
  line-height: 16px;
  text-align: center;
}

/* Call us tab */
.header .navigation .tabs .tab.call {
  top: -5px;
  right: 80px;
  width: 100px;
  height: 24px;
  text-align: center;
/* Tab animation */
-webkit-transition-property:right;
   -moz-transition-property:right;
     -o-transition-property:right;
        transition-property:right;
-webkit-transition-duration:0.5s;
   -moz-transition-duration:0.5s;
     -o-transition-duration:0.5s;
        transition-duration:0.5s;
}

.header .navigation .tabs.loginactive .tab.call {
  right: 180px;
/* Tab animation */
-webkit-transition-property:right;
   -moz-transition-property:right;
     -o-transition-property:right;
        transition-property:right;
-webkit-transition-duration:0.5s;
   -moz-transition-duration:0.5s;
     -o-transition-duration:0.5s;
        transition-duration:0.5s;
}

.header .navigation .tabs .loginbox {
  position: absolute;
  right: -20px;
  top: -121px;
  display: inline-block;
  width: 200px;
  background: #e3e9f1;
  background-color: rgba(245,245,245,0.9);
  height: 110px;
  padding-top: 0px;
  padding-bottom: 5px;
  border-radius: 0px 0px 0px 8px;
/*transition-property*/
-webkit-transition-property:top;
   -moz-transition-property:top;
     -o-transition-property:top;
        transition-property:top;
/*transition-duration*/
-webkit-transition-duration:0.5s;
   -moz-transition-duration:0.5s;
     -o-transition-duration:0.5s;
        transition-duration:0.5s;
}

/* Login box */
.header .navigation .tabs.loginactive .loginbox {
  top: -5px;
  box-shadow: 0px 1px 5px #555;

/* Login box animation */
-webkit-transition-property:top;
   -moz-transition-property:top;
     -o-transition-property:top;
        transition-property:top;
-webkit-transition-duration:0.5s;
   -moz-transition-duration:0.5s;
     -o-transition-duration:0.5s;
        transition-duration:0.5s;
}


/* Login box tab */

.header .navigation .tabs .loginbox .tab {
  bottom: -30px;
  right: 0px;
  box-shadow: 0px 1px 5px #555;
  width: 100px;
  height: 24px;
}

.header .navigation .tabs .loginbox .tab a {
  padding-top: 6px;
  padding-right: 16px;
  line-height: 16px;
}

.header .navigation .tabs .loginbox .tab a:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -1px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333 transparent;
}

.header .navigation .tabs.loginactive .loginbox .tab a:after {
    border-width: 0px 4px 4px 4px;
}

/* Login box form layout */

.header .navigation .tabs .loginbox label {
  display: block;
  margin: 10px;
  line-height: 24px;
  color: #222;
}

.header .navigation .tabs .loginbox input {
  float: right;
  width: 100px;
}

.header .navigation .tabs .loginbox input[type=submit] {
  margin-right: 10px;
}


.header .navigation .menu {
  position: relative;
  top: 70px;
  right: 0px;
}

/* Menu dropdown toggle ("Services, Solutions, etc.") */
.header .navigation .menu .dropdown .dropdown-toggle {
  color: #fff;
  text-decoration: none;
  padding-bottom: 2px;
  text-shadow: -1px -1px 0px #555;
  z-index: 33;
}

/* Toggle style changes when menu is open */
.header .navigation .menu li.dropdown.open a.dropdown-toggle {
  color: #333;
  background-color: #b8b0b1;
  background-color: rgba(233,199,175,0.7);
  box-shadow: 0px -1px 5px #555;
  text-shadow: none;
  z-index: 33;
}

.header .navigation .menu li.dropdown.open a.dropdown-toggle .menuitem:after {
  border-color: #333 transparent;
}

/* The actual dropdown */
.header .navigation .menu .dropdown {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  font-size: 14px;
}

/* The actual dropdown */
.header .navigation .menu li.dropdown:last-child {
  margin-right: -8px;
}

.header .navigation .menu .dropdown a {
  padding-right: 25px;
  padding-left: 10px;
  border-radius: 4px;
  padding-top: 3px;
}

/* The little arrow pointing down */
.header .navigation .menu .dropdown .dropdown-toggle .menuitem:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #fff transparent;
}

.header .navigation .menu .dropdown .dropdown-menu-box {
  position: absolute;
  top: 12px;
  right: 0px;
  display: none;
  z-index: 34;
}

.header .navigation .menu .dropdown .dropdown-menu-box ul li a {
  padding-left: 0px;
  padding-right: 0px;
}

.header .navigation .menu .dropdown .dropdown-menu-box ul li a .menutext {
  padding-left: 10px;
}


/* The dropdown menu box - background, line height, shadow, etc. */
.header .navigation .menu .dropdown .dropdown-menu {
  padding:5px 0px 10px 0px;
  border-radius: 5px 5px 5px 5px;
  margin-top: 10px;
  left: 0px;
  background: #dedede;
  background: rgba(221,221,221,0.9);
  line-height: 25px;
  text-decoration: none;
  list-style-type: none;
  color: #333;
  box-shadow: 0px 1px 5px 0px #555;
  border: 1px solid #fff;
  xborder-bottom: 1px solid #fff;
}

/* The little arrow on each menu pointing up */
.header .navigation .menu .dropdown .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 5px;
    right: 8px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
}

/* Individual menu elements */
.header .navigation .menu .dropdown .dropdown-menu li {
  padding: 0;
  margin: 0;
  width: 180px;
}

.header .navigation .menu .dropdown .dropdown-menu a {
  color: #333;
  text-decoration: none;
  text-shadow: 0px 1px 0px #fff;
  border-radius: 0px;
  width: 100%;
  display: block;
}

.header .navigation .menu .dropdown .dropdown-menu li:hover,
.header .navigation .menu .dropdown .dropdown-menu li:focus {
  background: #fff;
}



/* For hiding and showing individual menus */
.header .navigation .menu .dropdown.open > .dropdown-menu-box {
  display: inline;
}

/* Breadcrumb */

.breadcrumb {
  position: relative;
  z-index: 30;
}

.breadcrumbcontent a {
  color: #333;
  text-shadow: 1px 1px 0px #dfdfdf;
}

.breadcrumbcontent ul {
  list-style-type: none;
  display: inline-block;
  background: #c3c1c9;
  background: rgba(180, 180, 180, 0.5);
  padding: 8px 0px 8px 8px;
  border-radius: 0px 0px 8px 8px;
  position: relative;
  top: -25px;
  left: 20px;
  box-shadow: 0px 0px 6px #ABABAB;
}

.breadcrumbcontent li {
  display: inline-block;
  margin-right: 12px;
}

.breadcrumbcontent .breadcrumblist a:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    margin-left: 6px;
    border-width: 3px 0 3px 3px;
    border-style: solid;
    border-color: transparent #333;
}

.breadcrumbcontent .suggestions {
  display: inline-block;
  float: right;
  margin-right: 40px;
}

.breadcrumbcontent .suggestions a:after {
  content: "";
}

/* Front page top byline */

.byline {
  font-family: Museo;
  color: #147940;
  text-shadow: 0px 1px 0px #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  width:100%;
  text-align: center;
  margin-top:-6px;
  margin-bottom:10px;
}

.byline a {
  text-decoration: none;
  color: #147940;
}

.byline a:hover {
  border-bottom: 1px solid #cfa186;
  color: #98542c;
}

/* Slider Styles */

.slider {
  height: 260px;
  color: #fff;
  width: 100%;
  margin: auto;
}

/* Don't show the slide container initially, to avoid FOUC */
#slides {
  display: none;
}

.slidecontainer {
  width: 990px;
  height: 260px;
  margin: auto;
  position: relative;
  display: block;
  border-radius: 8px;
  box-shadow: 0px 0px 6px #ABABAB;
  overflow: hidden;
}

/* Individual slides */
.slide {
  display: block;
  margin: auto;
  width: 990px;
  height: 260px;
}

.slidebackground {
  width: 990px;
  height: 260px;
  position: absolute;
  border-radius: 8px;
  z-index: 0;
}

.slidecontent {
    z-index: 1;
    position: absolute;
    text-shadow: 0px 0px 7px #000;
}

.slidecontent h1 {
  font-family: 'Museo', 'Rockwell', 'Georgia', serif;
  font-weight: bold;
  font-size: 25px;
  padding-bottom: 15px;
  line-height: 25px;
  text-shadow: 0px 0px 9px #000;
}

.slidecontent h2 {
  font-family: 'Museo', 'Rockwell', 'Georgia', serif;
  font-weight: normal;
  font-size: 18px;
  padding-bottom: 10px;
  line-height: 20px;
  text-shadow: 0px 0px 9px #000;
}

.slidecontent p {
  font-size: 14px;
  line-height: 16px;
}

.slidecontent.slide1 {
  right: 0px;
  top: 40px;
  width: 350px;
}

.slidecontent.slide2 {
  right: 0px;
  top: 50px;
  width: 350px;
}

.slidecontent.slide3 {
  right: 0px;
  top: 20px;
  width: 225px;
}

.slidecontent.slide4 {
  right: 0px;
  top: 60px;
  width: 315px;
}

.slidesjs-navigation {
  position: absolute;
  z-index: 12;
  top: 130px;
  margin-top: -10px;
  text-decoration: none;
  color: #ddd;
  text-shadow: 0px 0px 4px #333;
}

a.slidesjs-navigation:hover {
  color: #fff;
}

.slidesjs-navigation.slidesjs-previous {
  left: 10px;
}

.slidesjs-navigation.slidesjs-next {
  right: 10px;
}

/* Three column feature and news list */

/* Features */

.features {
  margin-bottom: 30px;
}

.featurebutton {
  position: absolute;
  margin-top: 10px;
  bottom: -16px;
}

.features h1 {
  font-size: 22px;
}

.feature {
  padding-bottom: 60px;
}

.feature.column1 {
  margin-right: 45px;
}

.feature.column2 {
  margin-left: 20px;
  margin-right: 15px;
}

a.featurelink {
  text-decoration: none;
  color: #000;
}

a.featurelink:hover {
  color: #147940;
}

/* News column */
.news.column3 {
  margin-left: 30px;
}

.newstab {
  display: none;
}

.activenewstab {
  display: block;
}

.news {
  position: relative;
  background: #91bba2;
  background: rgba(20,121,64,0.4);
  box-shadow: 0px 0px 6px #ABABAB;
  border-radius: 8px;
  padding: 15px 15px 5px 15px;
  margin-top: 10px;
}

.news.twitterfeed {
  background: #c5a897;
  background: rgba(152,84,44,0.4);
}

.news .socialicons {
  position: absolute;
  top: 15px;
  right: 15px;
}

.news a.socialicon {
  color: #333;
  text-decoration: none;
}

.news a.socialicon:hover {
  color: #fff;
}

.news a.newsbyte {
  display: block;
  position: relative;
  text-decoration: none;
  color: #333;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  font-size: 14px;
  background: #cecece;
  background: rgba(255,255,255,0.3);
  padding: 10px 10px 25px 30px;
  border-radius: 8px;
  margin-bottom: 10px;
}

.news a.newsbyte:hover {
  background: #e8e8e8;
  background: rgba(255,255,255,0.6);
}

.news .newsbyte .newsdate {
  display: block;
  position: absolute;
  font-size: 10px;
  color: #555;
  bottom: 5px;
  right: 8px;
}

.news .newsbyte .newsicon {
  display: block;
  position: absolute;
  left: 8px;
  top: 10px;
}

.featureimage {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.softwarelogo {
  height: 80px;
  width: auto;
  display: block;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 10px;
}

.monthlyspecial {
  margin-right: 30px;
  margin-top: 25px;
}

.monthlyspecial h1 {
  padding-bottom: 0px;
}

.centered-header {
  text-align: center;
  width: 100%;
  padding-bottom: 0px;
}

.testimonials .logos, .customers.logos {
  margin: 15px 0px;
  text-align: justify;
  font-size: 0;
  min-width: 495px;
}

.customers.logos {
  margin: 20px 0px;
  min-width: 960px;
  text-align: center;
}

.testimonials .logos img, .customers.logos img {
  height: 35px;
  padding: 15px 20px 0px 20px;
  width: auto;
  display: inline-block;
}

.customers.logos img {
  padding: 35px 20px 0px 20px;
}

.testimonials .logos:after, .customers.logos:after {
  content: '';
  width: 100%;
  display: inline-block;
}

.footer {
  margin-top: 50px;
}

.footercontent {
  xbackground: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  xbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  xbackground: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  xbackground: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  xbackground: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  xbackground: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */
  xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  xbackground-image: url(../img/backgrounds/darkhatch.jpg);
  min-height: 250px;
  xborder-radius: 8px 8px 0px 0px;
  xborder-top: 1px solid #fff;
  xborder-right: 1px solid #fff;
  xborder-left: 1px solid #fff;
}

.footer {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  background-image: url(../img/backgrounds/darkhatch.jpg);
  min-height: 250px;
  xborder-radius: 8px 8px 0px 0px;
  border-top: 1px solid #fff;
  xborder-right: 1px solid #fff;
  xborder-left: 1px solid #fff;
}

.footer .footercolumns {
  padding: 25px 35px 0px 25px;
}

.footer .contactcolumn {
  float: left;
  font-weight: bold;
}

.footer .footercolumn {
  float: right;
  padding: 0px 0px 0px 120px;
}


.footer .content {
  color: #a9a9a9;
}

.footer .title {
  font-weight: bold;
}

.footer ul {
  display: block;
  list-style-type: none;
  padding-bottom: 20px;
}

.footer a {
  color: #a9a9a9;
}

/* Individual pages */

.pagecolumn1 {
  margin-right: 14px;
}

.pagecolumn2 {
  margin-left: 7px;
  margin-right: 7px;
}

.pagecolumn3 {
  margin-left: 14px;
}

.pagefeatureimage {
  width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 8px;
  box-shadow: 0px 0px 6px #ABABAB;
  margin-bottom: 15px;
}

.graybox {
  width: 960px;
  background: #e8e8e8;
  background: rgba(200,200,200,0.5);
  border-radius: 8px;
  box-shadow: 0px 0px 6px #ABABAB;
  padding: 15px;
  text-align: center;
}

.graybox.green {
  background: rgba(29,124,66,0.5);
}

.graybox.orange {
  background: rgba(148,87,41,0.5);
}

.graybox.lefthalf {
  width: 450px;
  margin-right: 10px;
  text-align: left;
}

.graybox.righthalf {
  width: 450px;
  margin-left: 10px;
  text-align: left;
}

.bluebox {
  width: 928px;
  background: url(../img/light_blue_middle.png) repeat;
  border-radius: 8px;
  border: 1px solid #687E9B;
  box-shadow: 1px 1px 1px #F5F5F5;
  padding: 20px 30px 30px 30px;
  margin-top: 25px;
 }

 .greenbox {
  width: 928px;
  background: url(../img/backgrounds/greenhatch.jpg) repeat;
  border-radius: 8px;
  border: 1px solid #687E9B;
  box-shadow: 1px 1px 1px #F5F5F5;
  padding: 20px 30px 30px 30px;
  margin-top: 25px;
 }

 .transparentbox {
  background: #e2e2e2;
  background: rgba(221,221,221,0.9);
  border-radius: 8px;
  box-shadow: 0px 0px 6px #ABABAB;
  border: 1px #eee solid;
  padding: 15px;
 }

.horizontaltabs, .bighorizontaltabs {
  display: block;
  width: 990px;
}


.horizontaltabs ul, .bighorizontaltabs ul, .newstabs ul {
  display: block;
  width: 990px;
  text-align: justify;
  list-style-type: none;
  font-size: 13px;
  font-weight: bold;
  margin-top: 5px;
}

.newstabs {
  display: block;
  width: 300px;
}

.newstabs ul {
  margin-top: 0px;
  margin-left: 30px;
  width: 300px;
}

.horizontaltabs ul li, .newstabs ul li {
  display: inline;
  position: relative;
}

.horizontaltabs ul:after, .newstabs ul:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.horizontaltabs a, .newstabs a {
  color: #fff;
  text-decoration: none;
  height: 1em;
  padding: 8px;
  border-radius: 6px;
  background: rgb(98,125,77); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,125,77,1)), color-stop(100%,rgba(31,59,8,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
}

.horizontaltabs a.big {
  display: inline-block;
  height: 200px;
  width: 150px;
  text-align: center;
}

.horizontaltabs ul a.active, .newstabs ul a.active {
  position: relative;
  background: rgb(20,45,6); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(20,45,6,1) 0%, rgba(74,96,60,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,45,6,1)), color-stop(100%,rgba(74,96,60,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(20,45,6,1) 0%,rgba(74,96,60,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(20,45,6,1) 0%,rgba(74,96,60,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(20,45,6,1) 0%,rgba(74,96,60,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(20,45,6,1) 0%,rgba(74,96,60,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142d06', endColorstr='#4a603c',GradientType=0 ); /* IE6-9 */
}

.horizontaltabs a img {
  display:inline;
  width:150px;
  height:150px;
  border-radius:6px;
  opacity: 0.5;
}

.horizontaltabs a.active img {
  opacity: 1;
}

.horizontaltabs ul a.active:after, .newstabs ul a.active:after {
  content: ' ';
  position: absolute;
  border-top: 6px solid #4a603c;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  font-size: 0;
  line-height: 0;
  width: 0;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  margin-top: 0px;
}

.tabcontent {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tabcontent .tab {
  display: none;
}

.tabcontent .activetab {
  display: block;
  background: rgba(200,200,200,0.5);
  border-radius: 8px;
  padding: 15px;
}

.tabcontent .activetab ul {
  font-size: 16px;
  margin-left: 20px;
  margin-top: 10px;
  margin-right: 20px;
  line-height: 23px;
}

.tabcontent .activetab ul li {
  padding-bottom: 10px;
}

.tabillustration {
  display: inline-block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0px 0px 6px #ABABAB;
}

.tabcontent p {
  padding-bottom: 20px;
  font-size: 16px;
}


.colorblock {
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  margin-bottom: 15px;
  background: rgba(200,200,200,0.5);
  border-radius: 8px;
  box-shadow: 0px 0px 6px #ABABAB;
}

.colorblock.red {
  background: rgba(114,42,42,0.5);
}

.colorblock.green {
  background: rgba(15,99,21,0.5);
}

.colorblock.blue {
  background: rgba(56,63,153,0.5);
}

.colorblock.centeredtext {
  text-align: center;
}

.colorblock ul {
  margin-left: 20px;
}

.sliderbar {
  width: 100%;
  background: #333;
  border-radius: 8px;
  height: 31px;
  position: relative;
  background-image: url(../img/backgrounds/darkhatch.jpg);
  box-shadow: -1px -1px 1px #222, 1px 1px 1px #bbb;
}

.sliderhandle {
  width: 30px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent));
  background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
  background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
  background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
  background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
  background-color: #1d7c42;
  box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
  border-radius: 8px;
  height: 30px;
  width: 80px;
  cursor: pointer;
  position: absolute;
  margin-right: 1px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

.sectionheader {
  margin-top: 25px;
  margin-bottom: 10px;
}

.rightmarginsection {
  margin-right: 15px;
}

.leftmarginsection {
  margin-left: 15px;
}

.smallrightmarginsection {
  margin-right: 7px;
}

.bigleftmarginsection {
  margin-left: 23px;
}

.buildericon {
  display: inline;
  height: 12px;
  width: auto;
}

.powerui {
  height: 60px;
  width: 650px;
  overflow: hidden;
  margin-top: 25px;
}

.powerui .slidercontainer {
  position: relative;
  left: 1px;
  width: 649px;
 -webkit-transition:top 0.3s ease-out;
 -moz-transition:top 0.3s ease-out;
 -o-transition:top 0.3s ease-out;
  transition:top 0.3s ease-out;
}

.powerui .slidercontainer.shiftup {
  top: -60px;
 -webkit-transition:top 0.3s ease-out;
 -moz-transition:top 0.3s ease-out;
 -o-transition:top 0.3s ease-out;
  transition:top 0.3s ease-out;
}

.powerui .slidercontainer.below {
  top: 60px;
 -webkit-transition:top 0.3s ease-out;
 -moz-transition:top 0.3s ease-out;
 -o-transition:top 0.3s ease-out;
  transition:top 0.3s ease-out;
}

.packagebox {
  min-height: 600px;
  position: relative;
  margin-bottom: 600px;
  padding: 20px 20px 20px 20px;
  width: 948px;
}

.serviceinstancebox {
  border: 1px #eee solid;
  width: 300px;
  height: 140px;
  text-align: left;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
  font-size: 13px;
  margin-left: 22px;
}

.serviceinstancebox .instance-discount {
position: absolute;
right: 15px;
bottom: 30px;
display: block;
background: #AFFFA2;
padding: 3px;
border-radius: 2px;
}

.crossedoutcost {
  font-weight: normal !important;
  text-decoration:line-through;
  font-size: 14px !important;
  color: #555;
}

#originalcost {
display: block;
font-size: 25px;
line-height: 25px;
padding-top: 5px;
font-weight: 600;
color: #B99553;
text-shadow: -1px 0px 0px #000, 0px -1px 0px #000, 1px 0px 1px #CEDAE8, 1px 1px 1px #CEDAE8;
}

.active .serviceinstancebox {
  background: rgba(245,245,245,0.6);
}

.originalcostinfo,
.couponinfo,
.finaltotalinfo {
  display: block;
}

.couponinfo {
  padding-top: 8px;
  padding-bottom: 6px;
  background: rgba(175, 255, 162, 0.53);
  margin-top: 8px;
  margin-bottom: 8px;
}

.finaltotalinfo {
  position: relative;
  top: 5px;
}

.serviceinstancebox .controllink {
  text-decoration: none;
  color: #222;
  border-radius: 2px;
  display: inline-block;
  line-height: 18px;
  text-align: center;
  border: 1px solid #222;
  width: 18px;
  height: 18px;
}

.serviceinstancebox .controllink:hover {
  color: #fff;
  border-color: #fff;
}

.instancedialog {
  position: absolute;
  left: 277px;
  width: 648px;
  z-index: 2;
}

.instancedialog.arrow1:before, .instancedialog.arrow2:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    border-width: 0 12px 12px 12px;
    border-style: solid;
    border-color: #fff transparent;
}

.instancedialog.arrow1:before {
    left: 20px;
}

.instancedialog.arrow2:before {
    right: 20px;
}

.orderbox {
  margin-top: 20px;
}

.packagecost, .setupcost {
  display: block;
  font-size: 36px;
  line-height: 38px;
  font-weight: 600;
  color: #3D751D;
  text-shadow: -1px 0px 0px #000, 0px -1px 0px #000, 1px 0px 1px #CEDAE8, 1px 1px 1px #CEDAE8;
  margin: 8px 0px 4px 0px;
}

.setupcost {
  font-size: 22px;
  line-height: 22px;
}

.couponsection {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}

.setupcostsection, .couponsection {
   display: none;
}

.instancecost, .monthlycost, .newinstancecost {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

.newinstancecost {
  margin-left: 4px;
}

.instancename {
  display: inline-block;
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.locationtext {
  font-size: 15px;
  font-weight: bold;
}

.boxcontrols, .orderinfo, .ordersum {
  width: 225px;
}

.sticky {
  position: fixed;
  top: 20px;
}

.stickyend {
  position: absolute;
  bottom: 20px;
}

table.comparisontable {
  width: 100%;
  font-size: 16px;
}

table.comparisontable td, th {
  padding: 8px;
  border-radius: 8px;
  background: #ccc;
}

table.comparisontable td.green {
  background: rgba(15,99,21,0.5);
}

table.comparisontable td:first-child, .comparisontable th:first-child {
  border-left: 0;
}

table.comparisontable th {
  border-top: none;
}

table.comparisontable .column1 {
  width: 50%;
}

table.comparisontable .column2, .comparisontable .column3 {
  width: 25%;
  text-align: center;
}

.legal {
  width: 860px;
  margin: auto;
  margin-top: 20px;
  background: rgba(240,240,240,0.5);
  border-radius: 4px;
  box-shadow: 0px 0px 6px #ABABAB;
  padding: 50px;
  font-size: 14px;
  line-height: 18px;
}

.blog {
  font-size: 14px;
  line-height: 20px;
}

.blog .prevnextpost {
  padding-bottom: 20px;
}

.blog .prevnextpost .prevpostlink {
  float: left;
}

.blog .prevnextpost .nextpostlink {
  float: right;
}

.blog .prevnextpost .linktext {
  width: 300px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.blog .prevnextpost .righttext {
  text-align: right;
}

.blog .prevnextpost .icon-symbol {
  text-decoration: none;
}

.blog .bcomment {
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: 1px solid #888;
  position: relative;
}

.blog .bcomment .bCommentTitle {
  font-weight: bold;
  padding-left: 40px;
}

.blog .bcomment .bCommentAvatar {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  box-shadow: 0px 0px 2px #ABABAB;
  position: absolute;
  top: 10px;
  left: 0px;
}

.blog .bcomment .comment_rating {
  padding-left: 40px;
}

.blog .commentform fieldset {
  padding: 0px;
  margin-bottom: 10px;
}

.blog .commentform .input img {
  height: 0px;
  width: 0px;
  display: none;
}

.blog .commentform fieldset .form_textarea_input {
  margin: 0px;
  width: 100%;
}

.blog .commentform .label, .blog .commentform .info {
  display: inline-block;
}

.blog .bcomment .bCommentText {
  padding-left: 40px;
}

.blog .bcomment .bCommentSmallPrint {
  display: block;
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 10px;
}

.blogpost {
  width: 650px;
  margin: auto;
  margin-top: 20px;
  background: rgba(240,240,240,0.6);
  border-radius: 4px;
  box-shadow: 0px 0px 6px #ABABAB;
  padding: 35px 35px 50px 35px;
}

.blogpagecontrols .icon-symbol {
  text-decoration: none;
}

.blogsidebar {
  width: 200px;
  margin-top: 20px;
  background: rgba(240,240,240,0.6);
  border-radius: 4px;
  box-shadow: 0px 0px 6px #ABABAB;
  padding: 15px 15px 20px 15px;
  color: #333;
}

.blogsidebar ul {
  list-style: none;
}

.blogsidebar a {
  color: #333;
}

.blogsidebar .search_field {
  width: 185px;
}

.blogsidebarheader {
  position: relative;
  width: 200px;
  border-radius: 4px 4px 0px 0px;
  margin-top: -15px;
  margin-left: -15px;
  color: #fff;
  background: rgba(20,121,64,0.9);
  padding: 10px 15px 10px 15px;
  margin-bottom: 10px;
  font-size: 14px;
}

.blogpost .tags {
  color: #666;
  font-size: 12px;
  display: block;
  float: left;
  position: relative;
  bottom: 10px;
  margin-top: 20px;
}

.blogpost p {
  margin-bottom: 10px;
}

.blogpostheader {
  position: relative;
  width: 650px;
  border-radius: 4px 4px 0px 0px;
  margin-top: -35px;
  margin-left: -35px;
  color: #fff;
  background: rgba(20,121,64,0.9);
  padding: 20px 35px 15px 35px;
  margin-bottom: 15px;
}

.blogpostheader a {
  color: #fff;
  text-decoration: none;
}

.blogpostheader a:hover {
  text-decoration: underline;
}

.blogpostheader h1 {
  text-shadow: none;
}

.blogpostheader h4 {
  font-weight: normal;
}


.blogpost .comments {
  font-size: 14px;
  color: #666;
  display: block;
  float: right;
  position: relative;
  bottom: 15px;
  margin-top: 20px;
}

.blogpost .comments a {
  text-decoration: none;
}

.blogpost .comments a:hover {
  text-decoration: none;
}

.legal h3, .legal h2 {
  margin-top: 15px;
}

.legal p {
  margin-top: 10px;
}

.legal ul {
  display: block;
  margin-top: 10px;
  margin-left: 25px;
}

.paymenticon {
  height: 25px;
  width: auto;
  margin-right: 5px;
  margin-bottom: 2px;
  display: inline-block;
}

.halffade {
  opacity: 0.3;
}

.customerinput {
  width: 215px;
  margin-bottom: 5px;
  height: 18px !important;
  font-size: 13px !important;
}

select.customerinput {
  height: 26px !important;
  font-size: 14px !important;
  font-family: 'TitilliumRegular';
  width: 228px;
}

.customerinput.newsection {
  margin-top: 8px;
}

.customerinput.halfwidthleft {
  width: 130px;
  margin-right:5px;
}

.customerinput.halfwidthright {
  width: 75px;
}

.label_radio.server {
  font-size: 13px;
}

.label_radio.server strong {
  font-size: 13px;
}

input.errorfield {
  background: rgb(247, 224, 154);
  box-shadow: 0px 0px 3px #ff0000;
}

select.errorfield {
  background: rgb(247, 224, 154);
  box-shadow: 0px 0px 3px #ff0000;
}

/* old order form */

img.creditcards {
  height: 40px;
  width: auto;
}

#order #comments, #order #paymentinfo {
  float: right;
  width: 49%;
}

#order #billinginfo {
  float: left;
  width: 49%;
}

#order .clear {
  clear: both;
}

.dropdowninfo {
    position: relative;
    background: #f7f2b8;
}

.dropdowninfo:after {
    background: #333;
    background: rgba(0,0,0,.7);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: "This option has been reset because the old value is not available in this configuration.";
    left: 10px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 120px;
}

.dropdowninfo:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 20px;
    position: absolute;
    z-index: 99;
}

#couponinfo1 {
    font-weight: bold;
}

/* Placeholder replacement */

[placeholder]{
  cursor:pointer;
}

[placeholder]:active,
[placeholder]:focus{
  cursor:text;

  -moz-box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
  -webkit-box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
  box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
}