/* ========================================================================== */
/*  General Resets and Fixes                                                  */
/* ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: top;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
blockquote {
        padding-top: 0px;
        font-style: oblique;
        font-family:"Times new roman";
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 25px;
}
blockquote strong {
        font-weight: bold;
}
blockquote p {
        color: #8b8b8b;
        margin-top: 0px;
        margin-bottom: 0px;
}
cite {
        background: url(../images/cite-bg-top.png) top right no-repeat;
        width: 100%;
        padding-top: 18px;
        text-align: right;
        font-weight: bold;
        font-size: 15px;
        font-family: Arial;
        float: right;
        margin-bottom: 12px;
}
cite span {
        display: block;
        background: url(../images/icon-user.png) right no-repeat;
        background-position: 100% 2px;
        padding-right: 25px;
        margin-right: 5px;
}


/* ========================================================================== */
/*  Style Switcher  & Browser Warning                                         */
/* ========================================================================== */
.style-switcher {
        position: fixed;
        z-index: 999;
        top: 30%;
        left: 0px;
        font-size:12px;
        line-height:18px;
        font-family:Arial;
}
.style-switcher-body {
          display:none;
          padding:15px;
          padding-left:50px;
          width:180px;
          top:0px;
          left: 0px;
          position:relative;
          z-index:1;
          background:url(../images/switcher-bg.png);
          border-right:1px solid #dbdbdb;
          border-bottom:1px solid #dbdbdb;
          border-top:1px solid #dbdbdb;
}
.style-switcher-toggler {
          position:absolute;
          top:0px;
          left:0px;
          z-index:2;
}
.style-switcher a.trigger {
         background:#bcbcbc url(../images/style-plus.png) no-repeat;
         background-position:3px 8px;
         width:19px;
         height:160px;
         padding-left:5px;
         padding-right:5px;
         display:block;
}
.style-switcher a.active.trigger {
         background:#bcbcbc url(../images/style-minus.png) no-repeat;
         background-position:3px 8px;
         width:19px;
         height:160px;
         padding-left:5px;
         padding-right:5px;
         display:block;
}
.style-switcher ul {
        background: transparent;
        color: #ffffff;
        padding:0px;
        margin:0px;
        margin-bottom:5px;
}
.style-switcher ul li {
        margin:0px;
        margin-right:4px;
        margin-bottom:4px;
        float:left;
}
.style-switcher ul li a {
        margin:0px;
        padding:0px;
        padding:1px;
        background: #f1f1f1;
        border:1px solid #dbdbdb;
        display:block;
}
.style-switcher ul li a:hover {
        border:1px solid #444444;
}
.style-switcher ul li a img {
        width: 22px;
        height: 22px;
        margin: 0px;
        padding: 0px;
}
.style-switcher h2 {
  font-size:15px;
  line-height:18px;
}

.style-switcher h4 {
        font-family:"Times New Roman";
        font-size:15px;
        font-style:oblique;
        margin-bottom:4px;
}


#browserWarning a {
        color: #ffcda7;
        text-decoration: underline;
}
#browserWarning a:hover {
        color: #ffffff;
        text-decoration: underline;
}


/* ========================================================================== */
/*  Home Accordion Customization                                              */
/* ========================================================================== */
#home-accordion-slide1 {}
#home-accordion-slide2 {}
#home-accordion-slide3 {}
#home-accordion-slide4 {}
#home-accordion-slide5 {}


/* ========================================================================== */
/*  Jquery Cycle Slideshow Customization                                              */
/* ========================================================================== */
#slideshow .bg1 {}
#slideshow .bg2 {}
#slideshow .bg3 {}
#slideshow .bg4 {}

/* ========================================================================== */
/*  Nivo Slideshow Customization                                              */
/* ========================================================================== */
#nivo-slider {}
.nivo-caption {}
.nivo-controlNav a {}
.nivo-controlNav a.active {}


/* ========================================================================== */
/*  Home Logo Carousel                                                        */
/* ========================================================================== */
.logo-carousel {
        margin-top: 5px;
        position: relative;
        z-index: 9;
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        height: 122px;
        padding-bottom: 10px;
}
.logo-carousel .scrollable {
/* required settings */
        position: relative;
        overflow: hidden;
        width: 960px;
        height: 122px;
}
.logo-carousel .scrollable .items {
/* this cannot be too large */
        width: 20000em;
        position: absolute;
        clear: both;
}
.logo-carousel .items ul {
        margin:0px;
        float: left;
        width: 920px;
        padding-left: 20px;
        padding-right: 20px;
}
.logo-carousel .scrollable .items .logo {
        display: block;
        float:left;
        width: 121px;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 16px;
        padding-right: 16px;
}
.logo-carousel .last {
        background:transparent !important;
}
/* single scrollable item */
.logo-carousel .scrollable img {
        float: left;
        width: 120px;
        height: 110px;
}
.logo-carousel .items div a:hover img {}
/* active item */
.logo-carousel .scrollable .active {
        position: relative;
        cursor: default;
}
.logo-carousel .scrollable {
        float: left;
}
/* prev, next, prevPage and nextPage buttons */
.logo-carousel a.browse {
        display: block;
        width: 26px;
        height: 26px;
        margin: 40px 10px;
        cursor: pointer;
        font-size: 1px;
}
/* right */
.logo-carousel a.right {
        clear: right;
        margin-right: 0px;
        position: absolute;
        top: 10px;
        right: -5px;
        z-index: 100;
}
.logo-carousel a.right:hover {}
.logo-carousel a.right:active {}
/* left */
.logo-carousel a.left {
        margin-left: 0px;
        position: absolute;
        top: 10px;
        left: -5px;
        z-index: 100;
}
.logo-carousel a.left:hover {}
.logo-carousel a.left:active {}
/* disabled navigational button */
.logo-carousel a.disabled {
        visibility:hidden !important;
}


/* ========================================================================== */
/*  Defaults & Tool Styles                                                   */
/* ========================================================================== */
body {
        margin: 0px;
        padding: 0px;
        font-family: Georgia;
        font-size: 15px;
        line-height: 23px;
}
.inner-body {}
a {}
a:hover {}
p {
        margin-top: 0px;
        margin-bottom: 20px;
}
strong {
        font-weight: bold;
}
a img {
        border: none;
}
.rel {
        position: relative;
        z-index: 2;
}
.abs {
        position: absolute;
        z-index: 2;
}
.vm {
        vertical-align: middle;
}
.fl{
        float: left;
}
.fr {
        float: right;
}
.mt10 {
        margin-top: 10px;
}
.mb10 {
        margin-bottom: 10px;
}
.pt10 {
        padding-top: 10px;
}
.pt15 {
        padding-top: 15px;
}
.mb2 {
        margin-bottom: 2px;
}
.pt2 {
        padding-top: 2px;
}
.mb4 {
        margin-bottom: 4px;
}
.pt4 {
        padding-top: 4px;
}
.pb10 {
        padding-bottom: 10px;
}
.mt15 {
        margin-top: 15px;
}
.mt20 {
        margin-top: 20px;
}
.mb20 {
        margin-bottom: 20px;
}
.pt20 {
        padding-top: 20px;
}
.pb20 {
        padding-bottom: 20px;
}
.mt0 {
        margin-top:0px !important;
}
.pt0 {
        padding-top:0px !important;
}
.mb0 {
        margin-bottom:0px !important;
}
.pb0 {
        padding-bottom:0px !important;
}
.separator {
        border-top: 1px solid #dbdbdb;
        padding-top: 10px;
        margin-top: 10px;
}
.dotted-separator {
        border-top: 1px dotted #dbdbdb;
        padding-top: 10px;
        margin-top: 10px;
}
.center {
        text-align: center;
}
.right {
        text-align: right;
}
.left {
        text-align: left;
}
.block {
        display: block;
}
.italic{
        font-style: oblique;
}
.clear {
        clear: both;
}
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}
.clearfix {
        display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
/* End hide from IE-mac */
small {
        font-size: 10px;
        line-height: 14px;
        font-family: Arial;
}
.object-to-left {
        float: left;
        margin-right: 20px;
        margin-bottom: 15px;
        margin-top: 10px;
}
.object-to-right {
        float: right;
        margin-left: 20px;
        margin-bottom: 15px;
        margin-top: 10px;
}
.icon-to-left {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
}
.icon-to-right {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
}
.image-to-left {
        float: left;
        padding-right: 12px;
        padding-bottom: 12px;
}
.image-to-right {
        float: right;
        padding-left: 12px;
        padding-bottom: 12px;
}


/* ========================================================================== */
/*  General Styles                                                            */
/* ========================================================================== */
.logo {
        padding-top: 26px;
        padding-bottom: 20px;
}
.alternate .logo {
        padding-top:27px;
}

.main-menu {
        text-align: right;
}
.alternate .main-menu {
  padding-bottom:25px;
}
.search {
        padding-top: 25px;
        padding-bottom: 25px;
        text-align: right;
        float: right;
}
.alternate .search {
        padding-top: 25px;
        padding-bottom:20px;
}
.search ul {
        margin:0px;
        padding:0px;
}
.search ul li {
        background:none;
        margin:0px;
        padding:0px;
        float:left;
}
.top-icon {
        padding-right: 4px !important;
        padding-left: 4px !important;
        display:block;
}
.search-field input {
        width: 151px;
        height: 35px;
        overflow: hidden;
        font-size: 16px;
        font-style: oblique;
        font-family: Georgia;
        border: 0px;
        padding: 0px;
        margin: 0px;
        padding-left: 20px;
        padding-right: 10px;
        margin-left: 8px;
}
.search-button input {
        width: 38px;
        height: 35px;
        overflow: hidden;
        border: 0px;
        padding: 0px;
        margin: 0px;
        display: block;
        text-indent: -9999px;
}
.header {
        padding-bottom: 20px;
}
.header-inner {
        width: 960px;
        height: 70px;
}
.header-inner h1 {
        float: left;
        font-size: 28px;
        letter-spacing: -0.03em;
        font-family: Arial;
        padding-left: 20px;
        padding-right:20px;
        padding-top: 25px;
        color: #ffffff;
}
.header-inner p {
        float: right;
        font-family: "Times New Roman";
        padding-left: 25px;
        text-align: right;
        font-size: 18px;
        font-style: oblique;
        display: block;
        padding-top: 25px;
        padding-right: 20px;
}
.inner-page {
        min-height: 400px;
}

/* sidebar to the left */
.sidebar-left {
        text-align: right;
        float:left !important;
        width:210px !important;
        padding-left: 10px;
        margin-top: 20px;
        background: url(../images/sidebar-left-repeater-bg.jpg) right repeat-y;
        min-height: 360px;
}
.sidebar-left .sidebar-bg-top {
        padding-top: 10px;
        background: url(../images/sidebar-left-top-bg.jpg) top right no-repeat;
        min-height: 360px;
}
.sidebar-left .sidebar-bg-bottom {
        padding-bottom: 40px;
        background: url(../images/sidebar-left-bottom-bg.jpg) bottom right no-repeat;
        min-height: 360px;
}
.sidebar-left h3 {
        font-size: 19px;
        line-height: 21px;
        margin-bottom: 10px;
        text-transform: uppercase;
}
.sidebar-left .submenu-title {
        padding-right: 20px;
        padding-bottom: 10px;
}
.sidebar-left ul.side-menu {
        margin: 0px;
        margin-bottom: 30px;
        padding: 0px;
}
.sidebar-left ul.side-menu li {
        padding-bottom: 7px;
        padding-top: 8px;
        padding-right: 20px;
        margin-right: 0px;
        background: url(../images/sidebar-left-divider.jpg) top right no-repeat;
}
.sidebar-left ul.side-menu li a {
        font-style: oblique;
        font-size: 16px;
        line-height: 20px;
        line-height: 20px;
        text-decoration: none;
}
.sidebar-left ul.side-menu li a:hover {}
.sidebar-left ul.side-menu li.active {
        background: #ffffff url(../images/sidebar-left-divider.jpg) top right no-repeat;
}
.sidebar-left ul.side-menu li.active a {}
.sidebar-left .side-box {
        padding-right: 20px;
        padding-bottom:15px !important;
}
.sidebar-left .image {
        padding: 5px;
        margin-bottom: 8px;
}
.sidebar-left .image img {
        width: 178px;
}

/* sidebar to the right */
.sidebar-right {
        float:right !important;
        width:210px !important;
        padding-right: 10px;
        margin-top: 20px;
        background: url(../images/sidebar-right-repeater-bg.jpg) left repeat-y;
        min-height: 360px;
}
.sidebar-right .sidebar-bg-top {
        padding-top: 10px;
        background: url(../images/sidebar-right-top-bg.jpg) top left no-repeat;
        min-height: 360px;
}
.sidebar-right .sidebar-bg-bottom {
        padding-bottom: 40px;
        background: url(../images/sidebar-right-bottom-bg.jpg) bottom left no-repeat;
        min-height: 360px;
}
.sidebar-right h3 {
        font-size: 19px;
        line-height: 21px;
        margin-bottom: 10px;
        text-transform: uppercase;
}
.sidebar-right .submenu-title {
        padding-left: 20px;
        padding-bottom: 10px;
}
.sidebar-right ul.side-menu {
        margin: 0px;
        margin-bottom: 30px;
        padding: 0px;
}
.sidebar-right ul.side-menu li {
        padding-bottom: 7px;
        padding-top: 8px;
        padding-left: 20px;
        margin-left: 0px;
        background: url(../images/sidebar-right-divider.jpg) top right no-repeat;
}
.sidebar-right ul.side-menu li a {
        font-style: oblique;
        font-size: 16px;
        line-height: 20px;
        line-height: 20px;
        text-decoration: none;
}
.sidebar-right ul.side-menu li a:hover {}
.sidebar-right ul.side-menu li.active {
        background: #ffffff url(../images/sidebar-right-divider.jpg) top right no-repeat;
}
.sidebar-right ul.side-menu li.active a {}
.sidebar-right .side-box {
        padding-left: 20px;
        padding-bottom:15px !important;
}
.sidebar-right .image {
        padding: 5px;
        margin-bottom: 8px;
}
.sidebar-right .image img {
        width: 178px;
}
.sidebar-left .side-box .icon-to-left {
        margin-left: 5px;
}
.sidebar-right .side-box .icon-to-right {
        margin-right: 5px;
}
.side-box {
        margin-bottom: 20px;
}
.side-box h3 {
        margin-top: 0px;
}
.side-box p {
        margin-bottom: 10px;
}

/* wide content */
.content-wide {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 25px;
        padding-bottom: 20px;
}

/* content to the right */
.content-right {
        float:right !important;
        padding-right: 10px;
        width:690px !important;
        padding-top: 25px;
        padding-bottom: 20px;
}
.content-right .full-horz-divider {
        background: url(../images/border-horz-content.jpg) no-repeat center;
        height: 1px;
}

/* content to the left */
.content-left {
        float:left !important;
        padding-left: 10px;
        width:690px !important;
        padding-top: 25px;
        padding-bottom: 20px;
}
.content-left .full-horz-divider {
        background: url(../images/border-horz-content.jpg) no-repeat center;
        height: 1px;
}
.full-horz-divider {
        background: url(../images/border-horz-fullwidth.jpg) no-repeat center;
        height: 1px;
}
.border-vert-top-right {
        background: url(../images/border-vert-top.jpg) no-repeat top right;
}
.border-vert-top-left {
        background: url(../images/border-vert-top.jpg) no-repeat top left;
}
.pad-right {
        padding-right: 20px;
}
.pad-top {
        padding-top: 20px;
}
.pad-left {
        padding-left: 20px;
}
.pad-bottom {
        padding-bottom: 20px;
}
.white-bg {
        background: #ffffff;
}
.applyfont {
        letter-spacing: -0.02em;
}
.boxed {
        border: 1px dotted #dbdbdb;
        float: left;
        padding: 10px;
        clear: both;
}
.boxed-text {
        border: 1px dotted #dbdbdb;
        padding: 20px;
        clear: both;
        margin-bottom: 10px;
}
.chart {
        margin-bottom: 15px;
}
.content-left .image, .content-right .image, .content-wide .image {
        padding: 8px;
        border: 1px solid #dadada;
        background: #ffffff;
        margin-bottom: 15px;
}
.content-left blockquote, .content-right blockquote, .content-wide blockquote {
        border-top: 1px dotted #dbdbdb;
        clear: both;
        padding-top: 15px;
}
.content-left cite, .content-right cite, .content-wide cite{
        background: url(../images/cite-bg-top-wide.png) top right no-repeat;
        margin-bottom: 10px;
        display: inline;
        width: 100%;
        clear: both;
}
.post {}
.post h3 a {
        text-decoration: none;
}
.post .meta {
        background: url(../images/post-meta-top.png) top left no-repeat;
        margin-bottom: 0px;
        display: block;
        width: 100%;
        text-align: left;
        padding-top: 20px;
        font-size: 11px;
        font-family: Arial;
        padding-bottom: 0px;
}
.post-inner .meta {
        background: url(../images/post-meta-top.png) top left no-repeat;
        margin-bottom: 0px;
        display: block;
        width: 100%;
        text-align: left;
        padding-top: 15px;
        font-size: 11px;
        font-family: Arial;
        padding-bottom: 10px;
}

/* Generic pagination */
ul.pagination {
        list-style:none !important;
        margin:0px !important;
        padding:0px !important;
        width: 100%;
}
ul.pagination li {
        padding-left: 0px;
        margin-left:0px !important;
        background:none !important;
        margin: 0px;
        padding:0px !important;
        float: left;
        display: block;
}
ul.pagination li a {
        display: block;
        padding-bottom: 4px;
        padding-top: 6px;
        padding-left: 12px;
        padding-right: 12px;
        font-weight: bold;
        font-family: Arial;
        line-height: 19px;
        float: left;
        margin-right: 8px;
        text-decoration: none;
}
ul.pagination li a:hover {}
ul.pagination li.active a, ul.pagination li.active a:hover {}
ul.pagination .prevnext {
        padding-top: 5px;
        padding-bottom: 5px;
}

/* Generic tabs  */
ul.css-tabs {
        margin:0px !important;
        padding:0px !important;
        height: 40px;
        border-bottom: 1px solid #dbdbdb;
}
/* single tab */
ul.css-tabs li {
        background:none !important;
        float: left;
        padding:0px !important;
        margin:0px !important;
        list-style-type: none;
}
/* link inside the tab. uses a background image */
ul.css-tabs a {
        float: left;
        font-size: 15px;
        font-family: Arial;
        display: block;
        padding: 9px 20px;
        text-decoration: none;
        border: 1px solid #dbdbdb;
        border-bottom: 0px;
        height: 20px;
        background-color: #efefef;
        color: #444444;
        margin-right: 2px;
        position: relative;
        top: 1px;
        outline: 0;
}
ul.css-tabs a:hover {
        background-color: #F7F7F7;
        color: #333333;
}
/* selected tab */
ul.css-tabs a.current {
        cursor: default;
}
/* tab pane */
.css-panes div {
        display: none;
        border: 1px solid #dbdbdb;
        border-width: 0 1px 1px 1px;
        min-height: 50px;
        padding: 15px 20px;
        background-color: #ffffff;
        margin-bottom: 20px;
}

/* Accordion used on the faq page */
.accordion-faq {
        width: auto;
        margin-bottom: 15px;
}
/* accordion header */
.accordion-faq span {
        display: block;
        margin: 0px;
;
        margin-bottom: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 50px;
        padding-left: 0px;
        font-size: 17px;
        font-weight: normal;
        font-style: oblique;
        cursor: pointer;
}
/* currently active header */
.accordion-faq span.current {
        cursor: default;
}
/* accordion pane */
.accordion-faq .pane {
        display: none;
        height: auto;
        padding: 15px;
        margin-bottom: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 10px;
}
/* a title inside pane */
.accordion-faq .pane h3 {
        font-weight: normal;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 6px;
}

/* code styling */
code {
        margin-bottom: 15px;
        font-family: "Courier New";
        font-size: 12px;
        line-height: 19px;
        padding: 2em;
        display: block;
        overflow: hidden;
}
code strong {
        padding: 0.5em;
}
code .comment {}

/* caption styling */
.caption-top, .caption-bottom {
        padding: 1em;
        font-weight: bold;
        font-size: 13px;
        font-family: arial;
        cursor: default;
}
.caption-top {
        border-width: 0px 0px 0px 0px;
}
.caption-bottom {
        border-width: 0px 0px 0px 0px;
}
.caption a, .caption a {
        border: 0 none;
        text-decoration: none !important;
        padding: 0.3em;
}
.caption a:hover, .caption a:hover {
        text-decoration:none !important;
}
/*.caption-wrapper {
	float: left;
}*/
br.c {
        clear: both;
}
.caption-wrapper a, .caption-wrapper a:hover {
        text-decoration:none !important;
}

/*success box */
.success {
        background: #d0eaa5 url(../images/success-check.png) no-repeat;
        background-position: 15px 50%;
        border: 1px solid #a3c964;
        padding: 22px;
        color: #5d792e;
        padding-left: 80px;
        margin-bottom: 15px;
        font-family: "Times new Roman";
        font-style: oblique;
        font-size: 18px;
}
.success a {
        text-decoration: underline;
        color: #5d792e;
}
.success a:hover {
        text-decoration: underline;
        color: #5d792e;
}

/* errors box */
.errors {
        background: #e9c8c1 url(../images/error-cross.png) no-repeat;
        background-position: 15px 50%;
        border: 1px solid #e06e53;
        padding: 22px;
        color: #b4381b;
        padding-left: 80px;
        margin-bottom: 15px;
        font-family: "Times new Roman";
        font-style: oblique;
        font-size: 18px;
}
.errors a {
        text-decoration: underline;
        color: #b4381b;
}
.errors a:hover {
        text-decoration: underline;
        color: #b4381b;
}

/* notification box */
.notification {
        background: #fff1a8 url(../images/notification-triangle.png) no-repeat;
        background-position: 15px 50%;
        border: 1px solid #d7bd45;
        padding: 22px;
        color: #b4381b;
        padding-left: 80px;
        margin-bottom: 15px;
        font-family: "Times new Roman";
        font-style: oblique;
        font-size: 18px;
}
.notification a {
        text-decoration: underline;
        color: #b4381b;
}
.notification a:hover {
        text-decoration: underline;
        color: #b4381b;
}

/* comments */
#comments {
        padding: 0px;
        margin: 0px;
}
#comments ol {
        margin:0px !important;
        padding:0px !important;
}
#comments ol li {
        padding: 10px 0;
        padding-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
        margin:0px !important;
        overflow: hidden;
        height: 1%;
        border-bottom: 1px dotted #dbdbdb;
}
.comment-gravatar {
        float: left;
        margin-right: 20px;
        background: #FFfffF;
        border: 1px solid #F0F0F0;
        padding: 3px;
}
.comment-data {
        float: left;
        width: 570px;
}
.comment-data p {
        margin-bottom: 6px;
        line-height: 22px;
}
.comment-author {
        font-weight: 700;
        margin-bottom: 3px;
}
.comment-meta {
        color: #666;
        margin-bottom: 5px;
        font-size: 85%;
        font-style: italic;
}
.unapproved {
        font-style: italic;
}
#respond {
        margin-top: 10px;
        padding: 0px;
}
#respond h2 {
        padding: 0px;
        margin-bottom: 10px;
}
#comment-form {
        margin-top: 0px;
        margin-bottom: 0px;
}
#comment-form label {
        font-size: 90%;
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
}
#comment-form input {
        width: 240px;
        margin-bottom: 10px;
        padding: 5px;
        border: 1px solid #cdcdcd;
        background: url(../images/input-background.png) top left no-repeat;
}
#comment-form textarea {
        width: 590px;
        height: 140px;
        margin-top: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        padding: 10px;
        border: 1px solid #cdcdcd;
        background: url(../images/input-background.png) top left no-repeat;
}
#comments a, #comment-form a {
        text-decoration: none;
}
#comments a:hover, #comment-form a:hover {
        text-decoration: none;
}

/* gallery image */
.gallery-image {
        float: left;
        width: 325px;
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 10px;
}
.gallery-image .image {
        margin-bottom: 8px;
}
.gallery-image .image img {
        width: 307px;
}
.gallery-image h3 {
        margin-bottom: 3px;
}
.gallery-image small {
        text-transform: uppercase;
}

/* gallery image small */
.gallery-image-small {
        float: left;
        width: 210px;
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 10px;
}
.gallery-image-small .image {
        margin-bottom: 8px;
}
.gallery-image-small .image img {
        width: 192px;
}
.gallery-image-small h3 {
        margin-bottom: 5px;
        font-size: 15px;
        line-height: 20px;
}
.gallery-image-small small {
        text-transform: uppercase;
}


/* ========================================================================== */
/*  Main Navigation                                                           */
/* ========================================================================== */
.sf-menu, .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
}
.sf-menu {
        line-height: 1.0;
}
.sf-menu ul {
        position: absolute;
        z-index: 999;
        top: -999em;
        width: 10em;/* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
        width: 100%;
}
.sf-menu li:hover {
        visibility: inherit;/* fixes IE7 'sticky bug' */
}
.sf-menu li {
        float: left;
        position: relative;
}
.sf-menu a {
        display: block;
        position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
        left: 0px;
        top: 12px;/* match top ul list item height */
        z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
        top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
        left: 10.8em;/* match ul width */
        top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
        top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
        left: 10em;/* match ul width */
        top: 0;
}
/*** arrows **/
ul.sf-menu a.sf-with-ul {
        padding-right: 2.25em;
        min-width: 1px;/* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
        position: absolute;
        display: block;
        right: .65em;
        top: 1.45em;/* IE6 only */
        width: 10px;
        height: 10px;
        text-indent: -999em;
        overflow: hidden;
        background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;/* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {/* give all except IE6 the correct values */
        top: 1.4em;
        background-position: 0 -100px;/* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
        background-position: -10px -100px;/* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
        background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
        background-position: 0 0;
        top: 1em;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
        background-position: -10px 0;/* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
        background: url('../images/shadow.png') no-repeat bottom right;
        padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
        background: transparent;
}
#navigation {
        position: relative;
        z-index: 999;
}
#navigation ul {
        float: right;
        margin: 0 0 0 0;
}
#navigation li {
        display: block;
        float: left;
}
#navigation a {
        text-align: center;
        display: block;
        padding: 0px;
        padding-top: 18px;
        padding-bottom: 18px;
        padding-right: 20px;
        padding-left: 20px;
        float: left;
        letter-spacing: -0.02em;
        text-decoration: none;
        font-family: Arial;
        text-transform: uppercase;
        font-size: 14px;
}
#navigation a:hover {
        text-decoration: none;
}
#navigation ul ul {
        margin: 43px 0 0 -1px;
        width: 210px;
        text-transform: none;
        padding-top: 6px;
        left: -50%;
}
#navigation ul ul ul {
        margin: -1px 0 0 0px;
        text-transform: none;
        left: 209px;
}
#navigation ul ul li {
        margin-left: 0px;
        border: none;
}
#navigation ul ul li a {
        margin-left: 0px;
        width: 168px;
        padding: 10px 20px 10px 20px;
        text-align: left;
        font-size: 14px;
        line-height: 19px;
        text-transform: none;
        font-family: Arial;
        letter-spacing: 0px;
/* font-style:oblique;*/
}
#navigation ul ul {}
#navigation ul ul li a:hover {}
#navigation a:hover, #navigation .active a {}
#navigation ul ul ul {
        background: transparent;
        padding-top: 0px;
}
#navigation ul ul li {}
#navigation .last {
        padding-right: 20px;
}
#navigation .first {
        padding-left: 30px;
}
#navigation ul ul li.last {
        padding: 0px;
}
#navigation ul ul li.last a {}
#navigation ul ul ul li.last {
        padding: 0px;
}
#navigation ul ul ul li.last a {}
#navigation .current a {}


/* alternate nav more simple */
#navigation-alternate {
        position: relative;
        z-index: 999;
        margin-top: 30px;
}
#navigation-alternate ul {
        float: right;
        margin: 0 0 0 0;
}
#navigation-alternate li {
        display: block;
        float: left;
}
#navigation-alternate a {
        text-align: center;
        display: block;
        padding: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 20px;
        padding-left: 20px;
        float: left;
        letter-spacing: -0.02em;
        text-decoration: none;
        font-family: Arial;
        text-transform: uppercase;
        font-size: 15px;
}
#navigation-alternate a:hover {
        text-decoration: none;
}
#navigation-alternate ul ul {
        margin: 15px 0 0 -1px;
        width: 210px;
        text-transform: none;
        padding-top: 6px;
        left: -50px;
}
#navigation-alternate ul ul ul {
        margin: -1px 0 0 0px;
        text-transform: none;
        border-bottom: none;
        left: 209px;
}
#navigation-alternate ul ul li {
        margin-left: 0px;
        border: none;
}
#navigation-alternate ul ul li a {
        margin-left: 0px;
        width: 168px;
        padding: 10px 20px 10px 20px;
        text-align: left;
        font-size: 14px;
        line-height: 19px;
        text-transform: none;
        font-family: Arial;
        letter-spacing: 0px;
/* font-style:oblique;*/
}
#navigation-alternate ul ul ul {
        padding-top: 0px;
}
#navigation-alternate .last {
        border-right: 0px;
        padding-right: 0px;
        margin-right: 0px;
}
#navigation-alternate .first {
        border-left: 0px;
        padding-left: 0px;
        margin-left: 0px;
}
#navigation-alternate a.mainlast {
        border-right: 0px;
        padding-right: 0px;
        margin-right: 0px;
}
#navigation-alternate a.mainfirst {
        border-left: 0px;
        padding-left: 0px;
        margin-left: 0px;
}
#navigation-alternate ul ul li.last {
        padding: 0px;
}




/* ========================================================================== */
/*  General Headings                                                          */
/* ========================================================================== */
h1 {
        font-size: 32px;
        margin-bottom: 10px;
        font-weight: normal;
}
h2 {
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 29px;
        font-family: Arial;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: -0.04em;
}
h2.post-title {
        font-size: 23px;
        line-height: 29px;
        margin-bottom: 8px;
        letter-spacing: -0.02em;
}
h3 {
        font-size: 20px;
        line-height: 27px;
        font-weight: normal;
        margin-bottom: 8px;
        letter-spacing: -0.02em;
}
h4 {
        font-size: 19px;
        line-height: 25px;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 15px;
}
h5 {}
.content-left h1, .content-right h1, .content-wide h1 {
        letter-spacing: -0.02em;
        margin-top: 5px;
}
.content-left h2, .content-right h2, .content-wide h2 {
        text-transform: none;
}


/* ========================================================================== */
/*  Column & Grid                                                             */
/* ========================================================================== */
.full-width {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
        min-width: 960px;
}
.full-width .one-half {
        width: 460px;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
}
.full-width .one-half-last {
        width: 470px;
        float: left;
        margin-right: 0px;
        margin-left: 10px;
}
.firstone {
/*  padding-left:10px;  */}
.lastone {
/*  padding-right:10px; */}
.full-width .one-third {
        width: 300px;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
}
.full-width .one-third-last {
        width: 310px;
        float: left;
        margin-right: 0px;
        margin-left: 10px;
}
.full-width .one-third .firstone, .full-width .one-third-last .firstone {
/*  padding-left:10px;  */}
.full-width .one-third .lastone, .full-width .one-third-last .lastone {
/*  padding-right:10px;  */}
.full-width .two-third {
        width: 620px;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
}
.full-width .two-third-last {
        width: 630px;
        float: left;
        margin-right: 0px;
        margin-left: 10px;
}
.full-width .one-fourth {
        width: 220px;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
}
.full-width .one-fourth-last {
        width: 230px;
        float: left;
        margin-right: 0px;
        margin-left: 10px;
}
.full-width .one-fourth .panel, .full-width .one-fourth-last .panel {
/*  padding-left:10px;               */}
.full-width .three-fourth {
        width: 700px;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
}
.full-width .three-fourth-last {
        width: 700px;
        float: left;
        margin-right: 0px;
        margin-left: 10px;
}
.full-width .two-fourth {
        width: 440px;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
}
.full-width .two-fourth-last {
        width: 450px;
        float: left;
        margin-right: 0px;
        margin-left: 10px;
}
.half-this {
        width: 48%;
        padding-right: 20px;
        padding-bottom: 15px;
        float: left;
        overflow: hidden;
}
.half-this-last {
        float: left;
        padding-right: 0px;
        padding-bottom: 15px;
        width: 48%;
        overflow: hidden;
}
.third-this {
        width: 31.3%;
        padding-right: 20px;
        padding-bottom: 15px;
        float: left;
        overflow: hidden;
}
.third-this-last {
        float: left;
        padding-right: 0px;
        padding-bottom: 15px;
        width: 31.3%;
        overflow: hidden;
}


/* ========================================================================== */
/*  Big Footer                                                                */
/* ========================================================================== */
/* .add-white-top{
  background:#ffffff;
  height:20px;
  width:960px;
}      */
.big-footer {
        min-height: 150px;
        line-height: 19px;
        /* margin-top:-20px;  we go for negative value to place the footer so that it creates the illusion of the page going over it */
        padding-top: 0px;
        padding-bottom: 10px;
        font-size: 13px;
        font-family: Arial;
        min-width: 960px;
}
.big-footer h3 {
        margin-top: 5px;
        margin-bottom: 12px;
        font-weight: normal;
        font-size: 17px;
        font-family: Arial;
        letter-spacing: -0.01em;
        text-transform: uppercase;
}
.big-footer ul li {
        padding-bottom: 9px;
        padding-top: 7px;
}
.big-footer ul li a {
        display: block;
        padding-left: 15px;
}
.big-footer ul .last {
        border: 0px;
        background: none;
}
.big-footer ul li a:hover {
        display: block;
        padding-left: 15px;
}
.big-footer a {
        text-decoration: none;
}
.big-footer a:hover {
        text-decoration: none;
}
.big-footer .letter-field input {
        width: 131px;
        height: 35px;
        overflow: hidden;
        font-size: 16px;
        font-style: oblique;
        font-family: Georgia;
        border: 0px;
        padding: 0px;
        margin: 0px;
        padding-left: 20px;
        padding-right: 10px;
        margin-left: 0px;
        margin-bottom: 4px;
}
.big-footer .letter-button input {
        width: 38px;
        height: 35px;
        overflow: hidden;
        border: 0px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 4px;
        display: block;
        text-indent: -9999px;
}
.big-footer .phones {
        font-size: 25px;
        font-family: Arial;
        line-height: 29px;
}


/* ========================================================================== */
/*  Small Footer                                                              */
/* ========================================================================== */
.small-footer {
        min-height: 58px;
        font-size: 11px;
        line-height: 18px;
        font-family: Arial;
}
.small-footer a {
        text-decoration: underline;
}
.small-footer a:hover {
        text-decoration: none;
}


/* ========================================================================== */
/*  Buttons                                                                   */
/* ========================================================================== */
a.text-link {
        font-style: oblique;
        font-size: 15px;
        display: inline;
        padding-right: 20px;
        text-decoration: none;
}
a.btn-big {
        display: block;
        float: left;
        height: 45px;
        margin-right: 6px;
        margin-bottom: 10px;
        padding-right: 24px;
        text-decoration: none;
        font-family: Georgia;
        font-size: 19px;
        font-weight: normal;
        font-style: oblique;
}
a.btn-big span {
        display: block;
        line-height: 45px;
        padding: 0px 0 5px 24px;
        text-align: center;
}
a.btn-big:hover {}
a.btn-big:hover span{
        text-align: center;
}
a.btn-medium {
        display: block;
        float: left;
        height: 39px;
        margin-right: 6px;
        margin-bottom: 10px;
        padding-right: 24px;
        text-decoration: none;
        font-family: Georgia;
        font-size: 15px;
        font-weight: normal;
        font-style: oblique;
}
a.btn-medium span {
        display: block;
        line-height: 39px;
        padding: 0px 0 5px 24px;
        text-align: center;
}
a.btn-medium:hover {}
a.btn-medium:hover span{
        text-align: center;
}
a.btn-grey-big {
        display: block;
        float: left;
        height: 45px;
        margin-right: 6px;
        margin-bottom: 10px;
        padding-right: 24px;
        text-decoration: none;
        font-family: Georgia;
        font-size: 19px;
        font-weight: normal;
        font-style: oblique;
}
a.btn-grey-big span {
        display: block;
        line-height: 45px;
        padding: 0px 0 5px 24px;
        text-align: center;
}
a.btn-grey-big:hover {}
a.btn-grey-big:hover span{
        text-align: center;
}
a.btn-grey-medium {
        display: block;
        float: left;
        height: 39px;
        margin-right: 6px;
        margin-bottom: 10px;
        padding-right: 24px;
        text-decoration: none;
        font-family: Georgia;
        font-size: 15px;
        font-weight: normal;
        font-style: oblique;
}
a.btn-grey-medium span {
        display: block;
        line-height: 39px;
        padding: 0px 0 5px 24px;
        text-align: center;
}
a.btn-grey-medium:hover {}
a.btn-grey-medium:hover span{
        text-align: center;
}
a.btn-small {
        display: block;
        float: left;
        height: 34px;
        margin-right: 6px;
        margin-bottom: 10px;
        padding-right: 24px;
        text-decoration: none;
        font-family: Georgia;
        font-size: 14px;
        font-weight: normal;
        font-style: oblique;
}
a.btn-small span {
        display: block;
        line-height: 34px;
        padding: 0px 0 5px 24px;
        text-align: center;
}
a.btn-small:hover {}
a.btn-small:hover span{
        text-align: center;
}
a.btn-grey-small {
        display: block;
        float: left;
        height: 34px;
        margin-right: 6px;
        margin-bottom: 10px;
        padding-right: 24px;
        text-decoration: none;
        font-family: Georgia;
        font-size: 14px;
        font-weight: normal;
        font-style: oblique;
}
a.btn-grey-small span {
        display: block;
        line-height: 34px;
        padding: 0px 0 5px 24px;
        text-align: center;
}
a.btn-grey-small:hover {}
a.btn-grey-small:hover span{
        text-align: center;
}
.form-button {
        border: 0px;
        margin: 0px;
        padding: 0px;
        display: block;
        float: left;
        height: 39px;
        margin-right: 6px;
        margin-bottom: 6px;
        padding-right: 18px;
        text-decoration: none;
        font-family: Georgia;
        font-size: 15px;
        font-weight: normal;
        font-style: oblique;
        cursor: pointer;
        margin-top:0px;
}
.form-button span {
        border: 0px;
        margin: 0px;
        padding: 0px;
        display: block;
        line-height: 39px;
        padding: 0px 0 5px 18px;
        text-align: center;
        margin-top: 0px;
}
.form-button:hover {
        border: 0px;
        margin: 0px;
        padding: 0px;
        margin-right: 6px;
        margin-bottom: 6px;
        padding-right: 18px;
        cursor: pointer;
        margin-top:0px;
}
.form-button:hover span{
        border: 0px;
        margin: 0px;
        padding: 0px;
        padding: 0px 0 5px 18px;
        text-align: center;
        margin-top: 0px;
}
.form-button-left {
        text-align: left;
        float: left;
        padding-top: 8px;
}
.form-button-right {
        text-align: right;
        float: right;
        padding-top: 8px;
}


/* ========================================================================== */
/*  Lists  & Tables                                                           */
/* ========================================================================== */
.content-left ul, .content-right ul, .content-wide ul, .content-left ol, .content-right ol, .content-wide ol {
        margin: 0px;
        padding: 0px;
        padding-left: 15px;
}
content-left ul li, .content-right ul li, .content-wide ul li {
        padding-left: 15px;
        margin-bottom: 5px;
        line-height: 21px;
}
.content-left ol li, .content-right ol li, .content-wide ol li {
        background: none;
        padding-left: 0px;
        margin-bottom: 5px;
        margin-left: 10px;
        line-height: 21px;
        list-style: decimal;
}
ul.checklist {
        margin-bottom: 20px;
}
ul.checklist li {
        font-style: oblique;
        font-size: 15px;
        background-position: 0px 7px;
        padding-left: 20px;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 4px;
        line-height: 21px;
}
/* data table vertical odd/even */
.data-table-vertical {
        padding: 15px;
        margin-bottom: 20px;
        margin-top: 8px;
        line-height: 19px;
}
.data-table-vertical caption {
        font-size: 19px;
        padding-bottom: 10px;
        padding-top: 4px;
}
.data-table-vertical th {
        font-size: 16px;
        line-height: 19px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        vertical-align: top;
}
.data-table-vertical .last {
        border-right: none;
}
.data-table-vertical th.odd {}
.data-table-vertical th.even {}
.data-table-vertical td {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        vertical-align: top;
}
.data-table-vertical .odd {}
.data-table-vertical .even {}
.data-table-vertical .highlight {}
/* data table horizontal odd/even */
.data-table-horizontal {
        padding: 15px;
        margin-bottom: 20px;
        margin-top: 8px;
        line-height: 19px;
}
.data-table-horizontal caption {
        font-size: 19px;
        padding-bottom: 10px;
        padding-top: 4px;
}
.data-table-horizontal th {
        font-size: 16px;
        line-height: 19px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        vertical-align: top;
}
/*.data-table-horizontal th.first { }*/
.data-table-horizontal td {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        vertical-align: top;
}
.data-table-horizontal .odd {}
.data-table-horizontal .odd .first {
        font-style: oblique;
}
.data-table-horizontal .even {}
.data-table-horizontal .even .first {
        font-style: oblique;
}
.data-table-horizontal .last {
        border-right:none !important;
}
.data-table-horizontal .highlight {}


/* ========================================================================== */
/* Form Styles                                                                */
/* ========================================================================== */
@media all and (min-width: 0px) { form ol li  { padding-bottom:2px; margin-bottom:0px; } }  /* for opera */
form {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 25px;
        padding-top: 20px;
        margin-bottom: 10px;
}
form .field {
        width: 299px;
}
form ol {
        margin: 0px;
        padding:0px !important;
}
form ol li {
        background:none !important;
        padding-left:0px !important;
        margin-left:0px !important;
        list-style:none !important;
}
form ol.forms .inputError {}
form ol.forms .inputError:focus {}
form ol.forms .inputError textarea:focus {}
form .required {
        font-weight: normal;
        font-family: "Lucida Sans Unicode", Arial, sans-serif;
}
form .error {
        font-size: 11px;
        font-style: oblique;
        font-family: Georgia;
}
form ol.forms {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 100%;
}
form ol.forms li {
        margin-bottom: 15px;
        position: relative;
        width: auto;
        min-height: 1px;
}
form ol.forms label {
        cursor: pointer;
        display: block;
        font-family: Georgia;
        font-weight: bold;
        padding-right: 20px;
        width: 200px;
        margin-bottom: 9px;
}
form input, form textarea {
        font: inherit;
        padding: 6px;
        width: auto;
        display: block;
        font-family: Arial;
}
form select {
        font: inherit;
        padding: 5px;
        width: auto;
        display: block;
        font-family: Arial;
}
form input:focus, form textarea:focus, form select:focus {}
form input:hover, form textarea:hover, form select:focus {}
form ol.forms li.screenReader {
        height: 1px;
        margin-bottom: 0;
}
form ol.forms .inline {
        min-height: 1px;
        width: auto;
        text-align: left;
}
form ol.forms .inline input {
        display: inline;
        float: left;
        width: auto;
        margin-right: 10px;
}
form ol.forms .inline textarea {
        display: inline;
        float: left;
        width: auto;
        margin-right: 10px;
}
form ol.forms .inline select {
        display: inline;
        float: left;
        width: auto;
        margin-right: 10px;
}
form ol.forms .inline label {
        display: inline;
        float: left;
        width: auto;
}
form ol.forms .nostyle {
        border: 0px;
        background: transparent;
        padding: 0px;
}
form ol.forms h3 {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0px;
        padding-bottom: 10px;
}
/* contact forms gets special treatment*/
.screenReader {
        left: -9999px;
        position: absolute;
        top: -9999px;
}
form .field {
        float: left;
        margin-right: 10px;
}