/* Default error colouring */
article, nav, header, footer, aside, hgroup, section {
  display: block; }

div.fieldWithErrors {
  display: inline; }

#errorExplanation {
  border-top: 3px solid #F27F7F;
  background: #FFBEBE;
  padding: 10px; }

#errorExplanation, #errorExplanation *, .fieldWithErrors, .fieldWithErrors * {
  color: #9C2626; }

/* Browser Hacks */
a {
  /* remove borders from images */
  /*
  Firefox Dotted Line Fix
    - http://sonspring.com/journal/removing-dotted-links
  */ }
  a img {
    border: 0px none; }
  a:focus {
    outline: none; }

/*
Clearfix docs
 - Main docs: http://positioniseverything.net/easyclearing.html
 - IE7 change: http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
*/
.clearfix, section {
  display: inline-block; }
  .clearfix:after, section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* Hide from IE Mac \*/
.clearfix, section {
  display: block; }

/* End hide from IE Mac */
/* alignment styles */
.text-align-left {
  text-align: left; }

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

.text-align-right {
  text-align: right; }

.text-align-justify {
  text-align: justify; }

/* block alignment styles */
.image-align-left {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px; }

.image-align-right {
  float: right;
  margin-left: 6px;
  margin-bottom: 6px; }

/* font sizes */
.font-size-small {
  font-size: 0.75em; }

.font-size-normal {
  font-size: 1em; }

.font-size-large {
  font-size: 1.25em; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *





 */

/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */


html,
button,
input,
select,
textarea {
    color: #222;
}
html{
	background:#e4e4e4 url(/img/bg_grid.jpg) top center repeat;
}

body {
    font-size: 1em;
    line-height: 1.4;
	font-family: "myriad-pro", Arial, Helvetica, sans-serif;
	font-weight:300;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

a, a:hover, a:visited{color:#4c7e88;}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * Headers
 */
h1{font:normal 36px "myriad-pro", Arial, Helvetica, sans-serif;}
h2{font:normal 24px "myriad-pro", Arial, Helvetica, sans-serif;}
h3{font:normal 18px "myriad-pro", Arial, Helvetica, sans-serif;}
h4{font:normal 14px "myriad-pro", Arial, Helvetica, sans-serif;}
h5{font:normal 10px "myriad-pro", Arial, Helvetica, sans-serif;}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/*
 * Remove focused outline.
 */

a:focus { 
    outline: none; 
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/******************************
*******************************
1. GLOBAL CLASSES
  1a. GENERAL
  1b. FORMS
  1c. TABLES
2. HEADER
3. HEADERPAGE
4. BREADCRUMB
5. TOP NAV
6. MAIN NAV
7. SOCIAL NAV
8. FOOTER
9. FOOTER NAV
10. HOME
	10a. SOCIAL NAV
	10b. SLIDES
	10c. PRODUCTS
11. OVERVIEW
	11a. PAGEHEADER
	11b. LIST ITEMS
	11c. NESTED LIST ITEMS
12. L2 PAGES
13. L4 TESTIMONIAL 
	13a. PAGEHEADER
	13b. CONTENT
	13c. QUOTE FORM	
*******************************
******************************/


/* 
* 1. GLOBAL CLASSES 
*/
/* 1a. GENERAL */
.constraint{width:950px; margin:0 auto; position:relative;}
.content{background:transparent url(/img/bg_shadow.png) bottom center no-repeat; padding-bottom:7px;}
.content .constraint{background:#fff; -moz-border-radius:10px; border-radius:10px; overflow:hidden;}
.template_show {
    background: transparent url(/img/bg_shadow.png) bottom center no-repeat;
    padding-bottom: 7px;
}
.template_show .constraint{background:#fff; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; overflow:hidden;}
.content_inner{padding:50px 0px; max-width:660px; margin:0 auto;}
.content_inner.close_gap_below{padding-bottom:0px;}
.content_inner.close_gap_above{padding-top:0px;}
.content_header h1{margin:0px; padding:0 0 10px 0; font:300 36px "myriad-pro", Arial, Helvetica, sans-serif; border-bottom:#e7e7e8 1px solid; }
.content_header p{color:#6c6e70;}
.content_footer{background:transparent url() 0 0 no-repeat; padding-left:85px; font-style:italic; min-height:80px;}
.content_columns {width:100%; margin:0 auto;}
.col{float:left; width:48%; font-size:14px; margin:0 2% 15px 0;}
.col:last-child{margin:0 0 0 2%;}
.col h2{font-weight:600; font-size:14px; line-height:2; padding:0px; margin:0 0 8px 0;}
.col ul{margin:0px; padding:0 0 0 15px;}
.col li{margin:0 0 10px 0; padding:0; font-size:8px;}
.col li p{font-size:14px;}
.fullcol{float:none; clear:both; width:100%;  border-top:#e7e7e8 1px solid;}

a.btnArrow{color:#000000; font-size:10px; font-weight:600; display:inline-block; text-decoration:none; text-transform:uppercase; padding-right:10px; background:transparent url(/img/arrow_black.png) right 4px no-repeat;}
a.btnArrow.black{color:#000000; background-image: url(/img/arrow_black.png);}
a.btnArrow.white{color:#ffffff; background-image: url(/img/arrow_white.png);}
a.btnArrow.lightGray{color:#e6e7e8; background-image: url(/img/arrow_lightGray.png);} 
a.btnArrow.mediumGray {color:#a7a9ac; background-image: url(/img/arrow_mediumGray.png);} 
a.btnArrow.darkGray {color:#6d6e71; background-image: url(/img/arrow_darkGray.png);} 
a.btnArrow.brightBlue {color:#33ccff; background-image: url(/img/arrow_brightBlue.png);} 
a.btnArrow.lightBlue {color:#a3cbc9; background-image: url(/img/arrow_lightBlue.png);} 
a.btnArrow.mediumBlue {color:#7aa3aa; background-image: url(/img/arrow_mediumBlue.png);} 
a.btnArrow.darkBlue {color:#4b7e88; background-image: url(/img/arrow_darkBlue.png);}
a.btnArrow.lightGreen {color:#c4d597; background-image: url(/img/arrow_lightGreen.png);}
a.btnArrow.mediumGreen {color:#a7c539; background-image: url(/img/arrow_mediumGreen.png);} 
a.btnArrow.darkGreen {color:#749e33; background-image: url(/img/arrow_darkGreen.png);} 
a.btnArrow.lightOrange {color:#fdb913; background-image: url(/img/arrow_lightOrange.png);} 
a.btnArrow.mediumOrange {color:#f7941d; background-image: url(/img/arrow_mediumOrange.png);} 
a.btnArrow.lightRed {color:#f7941d; background-image: url(/img/arrow_mediumOrange.png);} 
a.btnArrow.mediumRed {color:#ca6643; background-image: url(/img/arrow_mediumRed.png);}


a.fullbtn {
  display:inline-block; float:left; clear:left;
  -moz-border-radius:10px; border-radius:10px;
  padding:5px 25px 8px 15px; margin:10px 0;
  color:#fff; text-decoration:none; font-size:19px;
}
a.darkgreenArrowBackground  { background:#749e33 url(/img/parallax/ico_headerBtnArrow.png) right center no-repeat; }
a.darkorangeArrowBackground { background:#f7941e url(/img/parallax/ico_headerBtnArrow.png) right center no-repeat; }
a.darkblueArrowBackground   { background:#4b7e88 url(/img/parallax/ico_headerBtnArrow.png) right center no-repeat; }
a.greenArrowBackground      { background:#a7c638 url(/img/parallax/ico_headerBtnArrow.png) right center no-repeat; }
a.orangeArrowBackground     { background:#fdb813 url(/img/parallax/ico_headerBtnArrow.png) right center no-repeat; }
a.blueArrowBackground       { background:#a3cbc9 url(/img/parallax/ico_headerBtnArrow.png) right center no-repeat; }


sup{font-size:25%; vertical-align:super;}
#page_container{padding-top:110px;}
#site_bar{z-index:1000; position:relative;}
#site_bar{display:none;}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 1b. FORMS */
form input, form select, form textarea{display:block; color:#6d6e70; background-color:#e6e7e8; border:0px solid; width:90%; margin-bottom:10px; padding:12px 5%; -moz-border-radius:8px; border-radius:8px;}
form select{appearance:none; -moz-appearance:none; -webkit-appearance:none; padding:12px 0 12px 5%!important; background:none; margin:0; width:125%;}
form .selectbox{clear:both; background:#e6e7e8 url(/img/arrow_select.png) top right no-repeat;-moz-border-radius:8px; border-radius:8px; overflow:hidden; margin:0 0 10px 0; position:relative; top:2px;}
form textarea{resize:none; width:455px; height:180px; padding:10px;}
::-webkit-input-placeholder {color: #6d6e70; opacity: 1 !important;}
:-moz-placeholder { /* Firefox 18- */ color: #6d6e70; opacity: 1 !important;}
::-moz-placeholder {  /* Firefox 19+ */ color: #6d6e70; opacity: 1 !important;}
:-ms-input-placeholder {color: #6d6e70; opacity: 1 !important;}
form input[type="checkbox"]{float:left; margin:2px 0 0 -30px; width:25px; height:25px;}
form input[type="radio"], form .radio {width:auto; display:inline; margin-right:10px; margin-bottom:12px;}
label.checkbox{padding-left:30px; display:block;}
form input[type="submit"]{width:auto; margin:15px 0; background:transparent url(/img/arrow_submit_white.png) 72px 13px no-repeat; text-transform:uppercase; padding:5px 20px 5px 10px; font:300 19px "myriad-pro", Arial, Helvetica, sans-serif;}
form p{margin-bottom:4px;}
.doublecol label{width:30%; float:left; line-height:1;}
.doublecol input[type="radio"]{width:auto; display:inline; margin-right:10px; margin-bottom:12px;}
form p{margin:0 0 3px 0;}
/* Highlight invalid Eloqua form fields */
span.LV_invalid { color: red; }
/* Hide 'thank you!' messages.*/
span.LV_valid{display:none;}

/* 1c. TABLES */
table#RequirementsTable { max-width: 800px; }
table#RequirementsTable td { padding: 5px; }
table#RequirementsTable .check, table#RequirementsTable .checkRight { text-align: center; }
#program-details-page table#RequirementsTable tr { border-bottom: solid 1px #4b7e88; }
#program-details-page table#RequirementsTable { background-color: #a3cbc9; }
#program-details-page table#RequirementsTable td.header, #program-details-page table#RequirementsTable td.tableHeader, #program-details-page table#RequirementsTable td.tableHeaderRight { background-color: #4b7e88; color: white; }

/*
* 2. HEADER 
*/
header{background:#fff; position:fixed; top:0px; z-index:999; width:100%;}
header .constraint{height:110px; padding-bottom:0px; }
#mozyLogo{position:absolute; top:65px; left:8px;}

/*
* 3. PAGEHEADER 
*/
#pageHeader{margin:0px; background:transparent url(/img/bg_shadow.png) bottom center no-repeat; padding-bottom:7px;}
#pageHeader p{margin:0px;}
#pageHeader p.title{color:#ffffff;}
#pageHeader .constraint{-moz-border-radius-bottomright:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; background-repeat:no-repeat; background-position:40px 130px;}
#pageHeader .col1{position:absolute; top:50px; left:40px; width:300px;}
#pageHeader .col1 h1{margin:-5px 0 15px 0; width:250px; padding:0px; font-weight:300;}
#pageHeader .col1 p{text-transform:uppercase; font-size:14px; letter-spacing:1px;}
#pageHeader .col2{margin-left:310px;-moz-border-radius-bottomright:10px; border-bottom-right-radius:10px; padding:0px 20px 60px 70px; min-height:185px;}
#pageHeader .col2 .inner{padding-top:85px;}
#pageHeader .col2 h1{margin:-15px 0 5px 0; width:465px; padding:0px; font-weight:300; line-height:1;}
#pageHeader .col2 h2{margin:-15px 0 5px 0; width:465px; padding:0px;}
#pageHeader .col2 p{width:500px; font-size:19px; line-height:1; margin-bottom:20px;}
	
/*
* 4. BREADCRUMB 
*/
#breadcrumb ul{list-style-type:none; padding:0; margin:0px 0 0 0px; padding-left:40px; height:20px; }
#breadcrumb ul li{font-size:10px; float:left; padding-right:3px;}
#breadcrumb ul li a{font-size:10px; font-weight:500; text-decoration:none; text-transform:uppercase; color:#6d6e71;}

/*
* 5. TOP NAV 
*/
#topNav{position:absolute; top:0px; right:0px; z-index:100;}
#topNav>ul>li{float:left; position:relative; height:32px;}
#topNav>ul>li a{font-weight:normal; font-size:11px; color:#8a8c8f; text-decoration:none; padding:0 10px; border-right: 1px solid;}
#topNav>ul>li:last-child>a{border:none;}
#topNav ul li.search a{border:none;} 
#topNav ul li.search a{background:#fff url(../img/bg_topNavSearch.png) center right no-repeat; padding-right:11px;}
#topNav ul li.searchBox form{width:0px; height:25px; background:#fff url(../img/bg_search.jpg) top right no-repeat; position:absolute; top:6px; right:0px; overflow:hidden;}
#topNav ul li.searchBox form input{padding:0px; background:transparent; border:0px solid; height:20px; width:155px; margin:4px 0 0 5px; font-size:14px}
#topNav ul li.searchBox form input[type='submit']{ margin:0px; width:20px; height:20px; position:absolute; top:2px; right:2px; text-indent:-999px;}
#topNav>ul>li.dropdown>a{background:#fff url(../img/bg_topNavArrow.png) center right no-repeat; padding-right:23px; outline:none;}
#topNav>ul>li.dropdown>ul{display:none; width:146px; padding:28px 0 0 0; background:transparent url(../img/bg_topNav_drop_top.png) top center no-repeat; position:absolute; top:0px; left:-20px;}
#topNav>ul>li.dropdown>ul>li{height:auto; background:transparent url(../img/bg_topNav_drop_mid.png) left bottom repeat-y;}
#topNav>ul>li.dropdown>ul>li:last-child{ background:transparent url(../img/bg_topNav_drop_btm.png) left bottom no-repeat; padding-bottom:20px;}
#topNav li ul ul{display:none; padding:0px; margin:0 0 0 40px; list-style-type:disc;}
#topNav li.dropdown li{padding:0px; margin:0px;}
#topNav li.dropdown li a{display:block; padding:10px 30px; margin:0; border:none;}
#topNav li.dropdown li:last-child a{padding-bottom:0px!important;}
#topNav li.dropdown li li{border:none; padding:0!important; font-size:8px;}
#topNav li.dropdown li li a{display:block; padding:5px 30px 0 0!important; margin:0; background:none!important;}

/*
* 6. MAIN NAV 
*/
#navToggle{display:none;}
#mainNav{position:absolute; bottom:0px; right:0px; z-index:99;}
#mainNav>ul>li{float:left; padding:0px;}
#mainNav li a{font:normal 18px "myriad-pro", Arial, Helvetica, sans-serif; color:#8a8c8f; text-decoration:none; padding:12px 50px 8px 50px; display:block;}
#mainNav>ul>li:last-child a{background:#fff url(/img/bg_mainNavSignUp.png) right bottom no-repeat; color:#fff!important;}
/*#mainNav>ul>li>ul{max-height:425px;overflow-y:auto}*/
#mainNav ul ul{display:none; position:absolute; background:#FFF; margin:0 0 0 20px; padding:10px 30px 20px 30px; box-shadow:#666 1px 2px 2px; -moz-border-radius-bottomright:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px;}
#mainNav ul ul li{float:none; border-bottom:#dddede 1px solid; padding:10px 0; }
#mainNav ul ul li a{font:normal 12px Arial, Helvetica, sans-serif; padding:0px; margin:0px;}
#mainNav ul ul ul{display:block; position:static; margin:0 0 0 0px; padding:0px; box-shadow:#fff 0 0 0; list-style-type:none;}
#mainNav ul ul ul li{border:0px; padding:0px; color:#b4b6b7; font:normal 6px Arial, Helvetica, sans-serif; padding-left:15px; background:transparent url(/img/bg_mainNavBullet.gif) 4px 8px no-repeat;}
#mainNav ul ul ul li a{color:#b4b6b7; font:normal 12px Arial, Helvetica, sans-serif; position:relative; top:3px;}

/* 
* 7. SOCIAL NAV 
*/
#socialNav ul{position:fixed; z-index:98; top:150px; right:0px; padding:10px; background:transparent url(/img/bg_socialMedia.png) left top no-repeat; margin:0px;}
#socialNav li{margin:0 0 13px 0; padding:0px;}
#socialNav li a{display:block; width:22px; height:23px; background:transparent url(/img/ico_socialMedia.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#socialNav li#facebook a{background-position:0 0;}
#socialNav li#twitter a{background-position:0 -36px;}
#socialNav li#google a{background-position:0 -73px;}
#socialNav li#linkedIn a{background-position:0 -109px;}

/* If no problems appear during testing, the #contactNav rules can all be removed. */

/*#contactNav ul{position:fixed; z-index:98; top:310px; right:0px; padding:13px 5px 0 5px; background:transparent url(/img/bg_contactNav.png) left top no-repeat; margin:0px;}*/
.contactNav ul{position:fixed; z-index:98; top:310px; right:0px; padding:13px 5px 0 5px; /*background:transparent url(/img/bg_contactNav.png) left top no-repeat;*/ margin:0px;}
/*#contactNav.blue ul{background-image:url(/img/bg_contactNav_blue.png);}*/

/*#contactNav li{margin:0 0 13px 0; padding:0px;}*/
.contactNav li{margin:0 0 13px 0; padding:0px;}
/*#contactNav li a{display:block; width:31px; height:22px; background:transparent url(/img/ico_liveChat.png) top left no-repeat; text-indent:-999px; overflow:hidden;}*/

.contactNav #liveChat { margin-right: -8px; }

/*
#contactNav-en-pro li a {display:block; width:45px; height:109px; background:transparent url(/img/chat-offline-en.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-en-ent li a {display:block; width:45px; height:109px; background:transparent url(/img/chat-offline-en.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-en-pro li a #__ALC_BADGE_ONLINE_IMAGE{display:block; width:45px; height:109px; background:transparent url(/img/chat-online-mozypro-en.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-en-ent li a #__ALC_BADGE_ONLINE_IMAGE{display:block; width:45px; height:109px; background:transparent url(/img/chat-online-mozyenterprise-en.png) top left no-repeat; text-indent:-999px; overflow:hidden;}

#contactNav-fr-pro li a {display:block; width:45px; height:109px; background:transparent url(/img/chat-offline-fr.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-fr-ent li a {display:block; width:45px; height:109px; background:transparent url(/img/chat-offline-fr.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-fr-pro li a #__ALC_BADGE_ONLINE_IMAGE{display:block; width:45px; height:109px; background:transparent url(/img/chat-online-mozypro-fr.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-fr-ent li a #__ALC_BADGE_ONLINE_IMAGE{display:block; width:45px; height:109px; background:transparent url(/img/chat-online-mozyenterprise-fr.png) top left no-repeat; text-indent:-999px; overflow:hidden;}

#contactNav-de-pro li a {display:block; width:45px; height:109px; background:transparent url(/img/chat-offline-de.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-de-ent li a {display:block; width:45px; height:109px; background:transparent url(/img/chat-offline-de.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-de-pro li a #__ALC_BADGE_ONLINE_IMAGE{display:block; width:45px; height:109px; background:transparent url(/img/chat-online-mozypro-de.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
#contactNav-de-ent li a #__ALC_BADGE_ONLINE_IMAGE{display:block; width:45px; height:109px; background:transparent url(/img/chat-online-mozyenterprise-de.png) top left no-repeat; text-indent:-999px; overflow:hidden;}
*/


/* 
* 8. FOOTER 
*/
footer{clear:both; margin-top:20px}
footer .constraint{font:normal 11px Arial, Helvetica, sans-serif; color:#fff; background:transparent url(/img/bg_footerTop.png) top center no-repeat; padding-top:15px;}
footer .constraint a{font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
footer .constraint ul ul a{text-transform:none;}

/* 
* 9. FOOTER NAV 
*/
#footerNav{background:#808080; padding-bottom:40px;}
#footerNav ul{margin:0 0 0 20px; padding:0px; list-style-type:none;}
#footerNav ul ul{margin:0px; padding:0px; list-style-type:none;}
#footerNav ul ul ul{margin:3px 0 0 15px; padding:0px; list-style-type:disc;}
#footerNav li{float:left; margin:10px 1% 0 0 ; padding:0px; width:19%;}
#footerNav li li{float:none;  width:auto;}
#footerNav li li li {margin-top:0px; color:#b4b6b7; font-size:8px;}
#footerNav li li li a{color:#b4b6b7; font-size:11px;}

footer .copyright{
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#b4b6b7;
    background: #5c5c5c;
    padding: 15px 0 15px 15px;
}

/* 
* 10. HOME 
*/
/* 10a. SOCIAL NAV */
#home-page #socialNav ul{position:relative; top:0px; z-index:98; margin:10px auto; padding:0px; height:30px; width:128px; background:none;}
#home-page #socialNav li{float:left; margin:0 5px;}
/* 10b. SLIDES */
#slides{}
#slides #homepage_slides{margin:0px; padding:0px; list-style-type:none; height:420px;}
#slides #homepage_slides li{width:100%;}
#slides #homepage_slides li > div > div{height:340px; width:230px; position:absolute; top:0px; color:#fff; padding:80px 40px 0 40px;}
#slides #homepage_slides li div div h1{line-height:1;}
#slides #homepage_slides li div div p{}
#slides #homepage_slides li div div a{font-weight:400; letter-spacing:.5px; display:inline-block; padding:10px 25px; background:#414042;-moz-border-radius:10px; border-radius:10px; text-decoration:none; color:#fff;}
#slides #homepage_slides li div div a[href='hidden'] { display:none; }
#slides #homepage_slides li div div.left{left:0px}
#slides #homepage_slides li div div.right{right:0px}
#slides .constraint{height:420px;}
#slideNav{background:#ffffff; height:25px; margin-bottom:20px;}
#slideNav ul{list-style-type:none; padding:0px; margin:0px; height:37px; background:transparent url(/img/bg_shadow.png) bottom center no-repeat; display:table; width:100%}
#slideNav li{display:table-cell;}
#slideNav li a{display:block; width:100%; text-align:center; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#a7a9ac; padding:6px 0 6px 0; border-right:#e7e7e8 1px solid;}
#slideNav li:last-child a{border:none;}
#slideNav li a:hover, #slideNav li.cycle-pager-active a{color:#fff; background:#6d6e71;}
/* 10c. PRODUCTS */
#home-page .content .constraint{-moz-border-radius-topright:0px; border-top-right-radius:0px;-moz-border-radius-topleft:0px; border-top-left-radius:0px;}
#home_products{list-style-type:none; margin:0px; padding:30px 0 15px 0; clear:both;}
#home_products li{float:left; width:30%; margin:0px; padding:0 0 0 16px; border-right:#e7e7e8 1px solid; background:#fff url(/img/bg_product_personal.png) 16px 0 no-repeat;}
#home_products li:last-child{border:none;}
#home_products li h2{margin:-5px 20px 0 90px; font-size:22px; font-weight:300;}
#home_products li.personal h2, #home_products li.personal a{color:#f7941e;}
#home_products li.business h2, #home_products li.business a{color:#a7c638;}
#home_products li.largeBusiness h2, #home_products li.largeBusiness a{color:#4a7e88;}
#home_products li p{margin:0 20px 0 90px; color:#6c6e70;}
#home_products li a{margin:0 20px 0 90px; font-size:10px; text-decoration:none; text-transform:uppercase; padding-right:8px}
#home_products li a{background:#fff url(/img/bg_productLink_personal.png) center right no-repeat;}
#home_products li.business a{background-image:url(/img/bg_productLink_business.png);}
#home_products li.largeBusiness a{background-image:url(/img/bg_productLink_largeBusiness.png);}


/* 
* 11. OVERVIEW 
*/
/* 11a. PAGEHEADER */
#overview #pageHeader .col2{margin-left:165px; padding:0px 20px 30px 70px; min-height:165px;}
/* 11b. LIST ITEMS */
#overviewList{padding:30px 0px; margin:0; list-style-type:none;}
#overviewList ul{margin-top:0px;}
#overviewList li{width:190px; margin:0 60px 35px 60px; display:inline-block; zoom:1; vertical-align:top; *display: inline;}
#overviewList li img{display:block; margin-bottom:5px;}
#overviewList li h3{font-size:22px; margin:0px; padding:0px;}
#overviewList li h4{color:#6d6e70;font-weight:600; font-size:10px; text-transform:uppercase; margin:0px; padding:0 0 5px 0;}
#overviewList li p{color:#6c6e70; font-weight:400; font-size:14px; margin:0 0 10px 0; padding:0px;}
#overviewList li a{font-weight:600; font-size:10px; text-transform:uppercase; text-decoration:none;}
#overview_solutions h3, #overview_solutions a{color:#7aa3aa;}
#overview_products h3, #overview_products a{color:#749e33;}
#overview_testimonials h3, #overview_testimonials a{color:#fdb813;}
#overview_features h3, #overview_features a{color:#a3cbc9;}
#overview_additionalServices h3, #overview_additionalServices a{color:#a7c539;}
#overview_resources h3, #overview_resources a{color:#f49026;}
#overview_productDownloads h3, #overview_productDownloads a{color:#ca6643;}
/* 11c. NESTED LIST ITEMS */
#overviewList li ul{margin:0 0 5px 0; padding:0px; border-top:#e7e7e8 1px solid;}
#overviewList li ul li{display:block; margin:0px; padding:0 0 0 12px; background:transparent url(/img/arrow_solutions.png) 0 9px no-repeat; border-bottom:#e7e7e8 1px solid;}
#overviewList li ul li a{position:relative; top:-2px;}
#overviewList li ul li a span{color:#a7a9ac}
#overview_solutions li{background-image:url(/img/arrow_solutions.png);}
#overviewList li#overview_products li{background-image:url(/img/arrow_products.png);}
#overviewList li#overview_testimonials li{background-image:url(/img/arrow_testimonials.png);}
#overviewList li#overview_features li{background-image:url(/img/arrow_features.png);}
#overviewList li#overview_additionalServices li{background-image:url(/img/arrow_additionalServices.png);}
#overviewList li#overview_resources li{background-image:url(/img/arrow_resources.png);}
#overviewList li#overview_productDownloads li{background-image:url(/img/arrow_productDownloads.png);}


/* 
* 12. L2 PAGES 
*/
.content_block{min-height:300px; background:transparent url() center center no-repeat; padding-bottom:20px;}
.content_block h2.headline{font-size:36px; font-weight:300; border-bottom:1px solid; margin:0px; line-height:1; padding-bottom:20px;}
.content_block.right h2.headline{margin-left:50%;}
.content_block.left h2.headline{margin-right:50%;}
.content_block p{font-size:14px;}
.content_block .inner{padding:50px 8% 20px 8%;}
.content_block .col{float:left; width:45%; margin:0 10px; border:transparent 1px solid;}
.content_block.right .col{float:right; clear:right;}
.content_block.left .col{float:left; clear:left;}


/* 
* 13. L4 TESTIMONIAL 
*/
/* 13a. PAGEHEADER */
.template_l4 #pageHeader .col2{margin-left:165px; padding:0px 20px 20px 70px; min-height:165px;}

/* 13b. CONTENT */
.template_l4 .content_header{margin:10px 10px 0 -5px; padding-left:15px; background:transparent url(/img/arrow_content.png) 0 18px no-repeat;}
.template_l4 .content_header p{font-size:22px; border-top:#e7e7e8 1px solid; border-bottom:#e7e7e8 1px solid; width:615px; padding:10px 0; margin:0 auto; color:#fdb813;}

/* 13c. QUOTE FORM */
.template_l4 iframe{width:640px; height:360px;}
.template_l4 .wForm iframe{margin-left:-120px; width:582px; height:327px;}
#quoteForm{float:right; width:230px; margin:10px -100px 0 0;}
#quoteForm h3{margin:0px; padding:0px; font-size:14px; color:#f7941d;}
#quoteForm p{font-size:14px; margin:0 0 10px 0; padding:0px;}
#quoteForm #submit_quoteForm{width:auto; text-transform:uppercase; color:#f7941d; font-size:10px; background:#fff url(/img/arrow_personal.png) 45px 13px no-repeat; padding:12px 15px 12px 5px;}

#moreinfo_lbl{position:relative; top:30px; left:10px;}
#moreinfo{padding:40px 10px 10px 10px;}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 320px) {
 	
}

@media only screen and (max-width: 480px) {
 	
}

@media only screen and (min-width: 600px) {
    #mainNav>ul>li:first-child>ul {
        width: 440px;
        /* based on lines of menus, need to be adjusted if their is menu change */
        height: 400px;
    }

    #mainNav>ul>li:first-child>ul li {
        width: 205px;
        clear: none;
        position: relative;
    }

    #mainNav>ul>li:first-child>ul>li.column1 {
        margin-left: 0px;
    }

    #mainNav>ul>li:first-child>ul>li.column2 {
        /* based on lines of menus, need to be adjusted if their is menu change */
        margin-left: 235px;
    }

    #mainNav>ul>li:first-child li.reset {
        /* based on lines of menus, need to be adjusted if their is menu change */
        margin-top: -392px;
    }

    /* German and French menu item occur word wrap, need to adjust the margin-top of column2*/
    #mainNav>ul>li:first-child li.german_french_fix {
        margin-top: -407px;
    }
}

@media only screen and (max-width: 600px) {
	body{}
	body.navOpen{overflow:hidden;}
	#page_container{padding-top:60px; position:absolute; width:100%;}
	#navToggle{display:block; position:absolute; top:10px; right:15px; width:46px; height:38px; overflow:hidden; text-indent:-900px; background:transparent url(/img/ico_navToggle.png) center center no-repeat;}
	header .constraint{height:60px;}
	header #siteNav{padding:0px; margin:0px; background:#000 url(/img/bg_sideNav.jpg) top center repeat; height:100%; position:absolute; top:0; bottom:0px; right:-80%; z-index:999; width:80%; overflow:hidden; overflow-y:auto;}
	header #topNav {position:static; }
	header #topNav ul{padding:55px 0 15px 0; margin:0px; border-bottom:1px solid;}
	header #topNav li{display:block!important; float:none; padding:0px; margin:0px; height:auto;background:none!important;}
	header #topNav li a{font:normal 22px "myriad-pro", Arial, Helvetica, sans-serif; display:block; float:none; padding:10px 10px 10px 20px; border-right:none;}
	header #topNav li.dropdown a{background:none;}
	header #topNav li.search a{display:none;}
	header #topNav li.searchBox{position:absolute; top:0px; right:2%; display:none; width:100%;}
	header #topNav li.searchBox form{height:auto; background:none; overflow:hidden; width:95%;}
	header #topNav li.searchBox form input{background:#fff; border:none; -moz-border-radius:10px; border-radius:10px; height:auto; padding:5px 0px 2px 35px; width:85%; margin:0 auto; font-size:22px}
	header #topNav li.searchBox form input[type='submit']{ margin:0px; width:24px; height:24px; position:absolute; top:3px; left:5px; right:inherit; -moz-border-radius:0px; border-radius:0px; background:transparent url(/img/ico_searchMobile.png) center center no-repeat; text-indent:-999px;}
	header #topNav li.dropdown ul{display:none; width:100%;padding:0; background:#333; position:static;}
	header #topNav li.dropdown li{float:none; padding:0px; margin:0px;}
	header #topNav li.dropdown li a{display:block; padding:10px 10px 10px 20px;  margin:0; background:transparent; border-right:none;}
	header #topNav li.dropdown li:last-child a{background:transparent; padding-bottom:10px;}
	header #topNav li.dropdown li ul{border:none!important;}
	header #mainNav{position:static;}
	header #mainNav ul{padding:10px 0 0 0; margin:0px;}
	header #mainNav ul ul{display:none; background:#333; border:none; position:static; padding:0; margin:0px; box-shadow:#666 0px 0px 0px; -moz-border-radius:0px; border-radius:0px;}
	header #mainNav ul li{float:none;padding:0px; margin:0px; width:100%; background:none;}
	header #mainNav ul li a{font-size:22px; color:#8a8c8f; text-align:left; padding:10px 10px 10px 20px;}
	header #mainNav>ul>li:last-child a{background:none;}
	header #mainNav ul ul ul{display:none; background:#000;}
	header #mainNav ul ul li{border:none!important;} 
	header #mainNav ul ul ul li a{font-size:22px; color:#8a8c8f; top:0px;}


	#footerNav ul{margin:0!important;}
	#footerNav ul ul{display:none;}
	#footerNav>ul>li{float:none; margin:0 0 0 0; width:100%; }
	#footerNav li li {border-bottom:none; border-top:#999 1px solid;}
	#footerNav li a{font-size:18px; display:block; padding:20px; margin:0px;}
	#footerNav li li a{font-size:14px;}
	#footerNav li li li a{font-size:14px;}

	#home_products li{float:none; width:100%; margin-bottom:10px; padding-bottom:5px; border-bottom:#e7e7e8 1px solid; border-right:#e7e7e8 0px solid;}
	#home_products li h2{margin:-5px 20px 0 90px; height:auto!important;}
	#home_products li p{margin:0 20px 0 90px!important;}
	#home_products li a{margin:0 20px 0 90px!important;}
	
	.content_block{background-image:none!important; min-height:0px;}
	.content_block .inner{padding:20px 8% 20px 8%;}
	.content_block.right h2.headline, .content_block.left h2.headline{margin:0;}
	.content_block .inner .col{float:none; width:100%;}
	
	.wForm{text-align:center;}
	#quoteForm{width:100%;  float:none;}
	#quoteForm fieldset{margin:10px auto; width:90%;}
	
	.col{float:none; width:95%;margin:10px auto!important; display:block;}
}

@media only screen and (max-width: 768px) {
	#mozyLogo{position:absolute; top:15px; left:10px;}
	#mainNav{width:100%;} 
	#mainNav>ul{width:100%; margin:0px; padding:0;} 
	#mainNav>ul>li{width:25%;} 
	#mainNav>ul>li>a{padding:12px 0px 8px 0px; width:100%; text-align:center; display:block;}
	
	#pageHeader .col1{width:auto; position:static; padding:20px 70px 0px 70px;}
	#pageHeader .col2 {margin-left:0%!important; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; min-height:0px;}
	#pageHeader .col2 .inner{padding:20px 0 20px 0;}
	#pageHeader .col2 h1{width:auto;}
	#pageHeader .col2 p{width:auto; margin-right:15%;}

	#overview #pageHeader .col2{margin-left:17%; padding:60px 20px 0px 70px; min-height:165px;}

	#home_products li h2{margin:10px 20px 0 90px; height:75px;}
	#home_products li p{margin:0px 10px 0 0px;}
	#home_products li a{margin:0 0px 0 0px;}
	
	.template_l4 .wForm iframe{margin-left:20px; width:352px!important; height:327px;}
	#quoteForm{margin:10px -0px 0 0!important;}
}

@media only screen and (max-width: 950px) {
	.constraint{max-width:950px; width:auto; margin:0 auto; position:relative;}
	#topNav{right:8px;}
	#footerNav li.two li li{width:auto;}
	.template_l4 .wForm iframe{margin-left:0px; width:462px; height:327px;}
	#quoteForm{margin:10px -70px 0 0;}

  table#RequirementsTable { width: auto; }
}

@media only screen and (max-width: 1050px) {
	#socialNav ul{position:static; margin:10px auto; padding:0px; height:30px; width:128px; background:none;}
	#socialNav li{float:left; margin:0 5px;}
	
	#pageHeader .col1{width:35%;}
	#pageHeader .col1 h1{width:auto;}
	#pageHeader .col2 {margin-left:32.5%;}
	#pageHeader .col2 h1{width:auto;}
	#pageHeader .col2 p{width:auto; margin-right:15%;}

	#overview #pageHeader .col2{margin-left:17%; padding:60px 20px 0px 70px; min-height:165px;}

}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
