/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

* {
    margin: 0;
    padding: 0;
    font-family: 'Lucida Sans';
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Lucida Sans';
    font-weight: bold;
    /*letter-spacing: 0.08em;*/
}



html, body {
    height: 100%;
}

body {
    /*background-color: rgb(230,230,230);*/
    background-color: #362e2e;
}

colors {
    red: #e95a5a;
    black: #000;
    dark: #362e2e;
}

/* Header */
header {
    /*height: 70px;*/
    background: #000;
    /*overflow: visible !important;*/
}

header.adminbuffer {
    margin-top: 28px;
}

/* TEXTUAL */

#textual {
    /*width: 100%;
    background-color: #fff;*/
}

#titles h1 {
    color: #FFF;
    font-size: 20px;
    /*line-height: 40px;*/
    margin-bottom: 0px;
    margin-left: 5px;
    /*float: left;*/
    height: 40px;
}

#titles h2 {
    color: #FFF;
    font-size: 12px;
    /*line-height: 43px;*/
    line-height: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-left: 5px;
    /*float: left;*/
    /*height: 40px;*/
}

.logo {
    margin: 4px 0px 0px 6px;
    height: 55px;
}

#breadcrumb h1 {
    margin-top: 21px;
}

/* FOOTER */
#wrapper {
    min-height: 100%;
    position: relative;
    display: block;
}
#content {
    padding-bottom: 40px;
}
footer {
    width: 100%;
    height: 40px; /* Height of the footer */
    background: #000;
    position: relative;
    margin-top: -40px; /* negative value of footer height */
    clear: both;
}


/*navigation*/

nav.primary ul,
nav.primary ul li {
    margin: 0;
    padding: 0;
}

nav.primary a {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

nav.primary select {
    display: none;
    width: 100%;
    margin: 14px 0;
    height: 28px;
}

nav.primary option {
    text-align: center;
}

nav.primary a, nav.primary span {
    display: block;
    width: 80px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
nav.primary ul li span {
    display: none;
}

nav.primary ul li,
nav.primary li {
    margin: 0 1px;
  /*  background: #4D4E4E; */
    list-style-type: none;
}

nav.primary ul li {
    display: inline;
    float: left;
    position: relative;
    border-left-width: 1px;
    border-color: #000;
}

nav.primary ul li a {
    display: inline-block;
    line-height: 70px;
    width: 88px;
}

/*submenu*/
nav.primary ul ul {
    opacity: 0;
    filter: alpha(opacity=0);

    position: absolute;
    z-index: 999;
    min-width: 100%;

    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    -ms-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;

    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    height: 0px;
    overflow: hidden;
}

nav.primary ul li:hover ul {
    opacity: 10;
    filter: alpha(opacity=100);

    height: auto;
    overflow: auto;
}

nav.primary ul ul li {
    float: none;
    display: list-item;
    border: 1px solid #CCC;
    border-top: 0;
    background: #000;
}

nav.primary ul ul li a {
    display: block;
    line-height: 18px;
    font-size: 0.9em;
    background: #000;
    font-weight: bold;
    padding: 7px 2px;
    width: 81px;
}

nav.primary li:hover,
nav.primary li.active,
nav.primary li:hover ul li a:hover,
nav.primary li.active:hover ul li.active a {
    background: #e95a5a;
}

nav.primary ul li:hover > a {
    background: #e95a5a;
}

/*Responsive Navigation*/

nav.mobile {
    clear: both;
}

nav.mobile,
nav.mobile ul {
    display: none;
}

.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}




/* Header2 */

#breadcrumb h1 {
    color: #1C0069;
    font-size: 18px;
    line-height: 24px;
}

/* Content Boxes */

.content-box {
    padding: 0; /*1px;*/
    background: #9d9d9d;
    line-height: 20px;
    margin-bottom: 20px;
}

.content-box-small, .content-col-small {
    width: 260px;
}

.content-box-end, .content-col-end {
    margin-right: 0px;
}

.content-box {
    font-size: 12px;
}

.content-box h2, .content-box h3 {
    font-size: 15px;
}

.content-box-title,
.content-box-title h2,
.content-box-title h3 {
    background-color: #e95a5a;
    color: #fff;
    line-height: 18px;
    margin-bottom: 0;
}
.content-box-title h2,
.content-box-title h3 {
    padding: 4px;
}

.content-box-title {
    /*margin-bottom: 2px;*/
}

.content-box-inner {
    padding: 10px;
    background: #fff;
    /*background: #e6e6e6;*/
    /*border-radius: 10px;*/
}

.content-box p {
    color: #4D4E4E;
}

.content-login {
    width: 450px;
    float: none;
    margin: auto;
}

.content-box ul {
    list-style-type: disc;
}

.content-box ul,
.content-box ol,
.content-box li,
.content-box p {
    margin-bottom: 0px;
}

.content-box-recorder {
    min-width: 320px;
    display: block;
}

.content-box-uploader,
.content-box-phone {
    min-width: 260px;
}

/* Help Content */

div.helpcontent {
    padding: 20px;
}

div.helpcontent p {
    padding-left:20px;
    text-indent: -20px;
}

div.helpcontent ol, div.helpcontent ul, .content-box ol, .content-box ul {
    padding-left:20px;
}

div.helpcontent h3, div.helpcontent:first-line {
    font-size: 14px;
    margin-bottom: 10px;
}

div.helpcontent .helpimg {
    float: left;
    border: 0px;
    padding-right: 15px;
}
div.helpcontent, div.helpcontent * {
    font-size: 12px;
    font-family: Tahoma;
    line-height: 15px;
}

/*************** HEADER ERROR MESSAGE ********************/

.errormsg {
    margin-bottom: 10px;
    padding: 5px;
    background: #e95a5a;
    text-align: center;
    color: #FFF;
    border: 1px solid gold;
    line-height: 18px;
    font-weight: bold;
}

.errormsg a,
.errormsg a:visited {
    color: #FFF;
}

.errormsg a:hover {
    color: gold;
}

/*************** BLOG STUFF ********************/
.blog {
    padding-bottom: 15px;
}
.blog .blog_status {
    float: right;
    padding-left: 10px;
}
.blog .blog_provider {
    float: left;
    padding-right: 10px;
}
.blog .blog_title a {
    color: #e95a5a;
    text-decoration: none;
}
.blog .blog_title a:hover {
    text-decoration: underline;
}

.blog .blog_description {
    font-size: 12px;
    font-style: italic;
}
.blog .blog_actions {
    font-size: 11px;
    padding-left:40px;
}

.blog_actions .spacer {
    padding-left: 7px;
    padding-right: 7px;
}

.bloglist {
    padding-top: 15px;
    padding-bottom: 15px;
}
.blog_add {
    text-align: right;
}

.blog .blog_delete {
    padding-top:  20px;
    text-align: center;
}
.eleven.columns label {
    float: left;
    width: 120px;
    font-weight:bold;
}

.eleven.columns img {
    padding-right: 5px;
    vertical-align: top;
}

.eleven.columns .ei8-form-line {
    padding-bottom: 20px;
    clear:  both;
    -ms-word-wrap: break-word;
    word-wrap: break-word ;
}

.eleven.columns .ei8-form-line-extra {
    width: 100%;
    padding-left: 120px;
}
.eleven.columns input[type="text"],
.eleven.columns input[type="password"],
.eleven.columns input[type="email"] {
    width: 65%;
}
.eleven.columns select {
    width: 67%;
}
.eleven.columns input[type="text"],
.eleven.columns input[type="password"],
.eleven.columns input[type="email"],
.eleven.columns textarea,
.eleven.columns select {
    margin-bottom: 0;
}

.eleven.columns .qform {
    text-align: left;
    /*background-color: #f7f7f7;
    border: 1px solid #cccccc;
    padding: 15px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width: 225px;*/
    margin: 0;
}


.eleven.columns .qform label {
    float: none;
    font-weight:normal;
    display: inline;
    width:  auto;
}

.scaffold td {
    height: 0;
    font-size:0;
    line-height:0;
}

.qform .fbox {
    padding-bottom: 25px;
}

.eleven.columns .blog_info .ei8-form-line hr {
    margin: 10px 0 15px;
}

.eleven.columns .blog_info .ei8-form-line {
    padding-bottom: 5px;
}

.eleven.columns .qform td {
    padding-right: 5px;
}

.eleven.columns .qform td.notfirst {
    padding-left: 15px;
}

.eleven.columns .qform .tblradio {
    margin-bottom: 20px;
}

.eleven.columns .qform .vset td {
    padding-bottom: 5px;
}


/*************** Uploader stuff ***************/
.ei8-form-wrapper, .qform {
    text-align: center;
    /*background-color: #f7f7f7;
    border: 1px solid #cccccc;
    padding: 15px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width: 225px;*/
    margin: auto;
}
.ei8-form-line-double {
    padding-top: 10px;
}
.ei8-form-line *, .ei8-form-label label {
    font-family: Tahoma;
    vertical-align: middle;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
}
.ei8-form-line {
    /*width: 220px;*/
    text-align: left;
    padding-right: 10px;
}
.ei8-form-label {
    width: 120px;
    text-align: left;
    vertical-align: top;
}
.ei8-form-label, .ei8-form-field {
    /*display: inline-block;*/
    text-align: left;
    font-weight: normal;
}
textarea, .ei8-form-field input {
    width: 220px;
}
.ei8-form-line a,
.ei8-form-line a:hover,
.ei8-form-line a:active,
.ei8-form-line a:visited {
    color: #e95a5a;
    font-weight: bold;
}
.oops {
    color: red;
}

input[type="submit"].button {
    line-height: normal;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    width: 100%;
}

.ei8-form-button,
input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #808080;
	-webkit-box-shadow:inset 0px 1px 0px 0px #808080;
	box-shadow:inset 0px 1px 0px 0px #808080;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4d4e4e), color-stop(1, #888a8a) );
	background:-moz-linear-gradient( center top, #4d4e4e 5%, #888a8a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4e4e', endColorstr='#888a8a');
	background-color:#4d4e4e;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0px;
	border:1px solid #4d4e4e;
	display:inline-block;
	color:#ffffff;
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	height:30px;
	line-height:12px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
    margin-top: 10px;
}
.ei8-form-button:hover,
input[type="submit"]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #888a8a), color-stop(1, #4d4e4e) );
	background:-moz-linear-gradient( center top, #888a8a 5%, #4d4e4e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888a8a', endColorstr='#4d4e4e');
	background-color:#888a8a;
}
.ei8-form-button:active,
input[type="submit"]:active {
	position:relative;
	top:1px;
}

.ei8-textarea-simple-submit {
    height: 50px;
}

#fileQueue {
    width: 220px;
}
.uploadifyQueueItem {
    text-align: left;
    border-bottom: 1px solid #4D4E4E;
    padding-top: 7px;
    padding-bottom: 3px;
    margin-bottom: 3px;
    margin-left: 20px;
    position: relative;
    width: 190px;
}
.uploadifyQueueItem .cancel {
    position: absolute;
    left: -18px;
    display: inline-block;
}
.uploadifyQueueItem span {
    font-size: 12px;
    font-family: Tahoma;
    display: block;
    line-height: 14px;
}
.uploadifyProgress {
	background-color: #D1D1D1;
	border-top: 1px solid #4D4E4E;
	border-left: 1px solid #4D4E4E;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #1C0069;
	width: 1px;
	height: 3px;
}

#colorboxes {
    display: none;
}

.helpinfo img {
    height: 18px;
    border:0px;
    margin:0px;
    padding:0px;
    float: right;
    padding-left: 10px;
}


#order-floodgate-type { list-style-type: none; margin: 10px 0 0; padding: 0; width: 200px; }
#order-floodgate-type ul { margin-left:20px; list-style: none; }
#order-floodgate-type ul li { padding: 2px 0px; margin: 4px 0px;  border: 1px solid #DDDDDD; cursor: move; -moz-border-radius:6px;}
#order-floodgate-type ul li span { display: block; background: #f7f7f7;  padding: 5px 10px; color:#808080; font-size:13px; font-weight:bold;}
#order-floodgate-type ul li.placeholder {border: dashed 2px #ccc;background-color:#FFF;height:25px;}




.ajax-file-upload-statusbar {
    border: 1px solid #ddd;
    margin-top: 10px;
    width: 100%;
    margin-right: 10px;
    margin: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 5px 5px 5px;
}

.ajax-file-upload-filename {
    width: 100%;
    height: auto;
    margin: 0 5px 5px 10px;
    color: #807579;
}

.ajax-file-upload-progress {
    margin: 0 10px 5px 10px;
    position: relative;
    width: 90px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    display: inline-block;
}

.ajax-file-upload-bar {
    background-color: #1C0069;
    width: 0;
    height: 20px;
    border-radius: 3px;
    color:#FFFFFF;
}

.ajax-file-upload-percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}

.ajax-file-upload-red {
    -moz-box-shadow: inset 0 39px 0 -24px #e95a5a;
    -webkit-box-shadow: inset 0 39px 0 -24px #e95a5a;
    box-shadow: inset 0 39px 0 -24px #e95a5a;
    background-color: #e4685d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    cursor: pointer;
    vertical-align: top;
    margin-right:5px;
}

.ajax-file-upload-green {
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #5b8a3c;
    vertical-align: top;
    margin-right:5px;
}

.ajax-file-upload {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px;
    cursor:pointer;
    line-height:20px;
    height:25px;
    margin:0 10px 10px 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #6c6161;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
    box-shadow: 0 2px 0 0 #e8e8e8;
    padding: 6px 10px 4px 10px;
    color: #fff;
    background: #2f8ab9;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #13648d;
    -webkit-box-shadow: 0 2px 0 0 #13648d;
    box-shadow: 0 2px 0 0 #13648d;
    vertical-align:middle;
}

.ajax-file-upload:hover {
      -moz-box-shadow: 0 2px 0 0 #C5C5C5;
      -webkit-box-shadow: 0 2px 0 0 #C5C5C5;
      box-shadow: 0 2px 0 0 #1C0069;
}

.ajax-upload-dragdrop {
    text-align:left;
    vertical-align:middle;
}
.dragdroptext {
    color: #6c6161;
    border:2px dotted #C5C5C5;
    font-size: 11px;
    padding:10px;
    margin: 5px 0px;
}
.dragdroptext:hover {
    border-style: double;
}



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

        /*#titles h1 {
            line-height: 28px;
        }

        #titles h2 {
            line-height: 31px;
        }*/
        .logo {
            height: 45px;
        }

        nav.primary ul li a {
            line-height: 49px;
            width: 70px;
        }

        nav.primary ul ul li a {
            width: 63px;
        }

        .six.columns .content-box-recorder {
            display: none;
        }
        .logo {
            width: 220px;
        }

        /*change the buttons to red and boxy (not rounded) since no flash is showing

         */


        .ei8-form-button,
        .cxl-resumable-button,
        input[type="submit"],
        button {
            -moz-box-shadow:inset 0px 1px 0px 0px #808080;
            -webkit-box-shadow:inset 0px 1px 0px 0px #808080;
            box-shadow:inset 0px 1px 0px 0px #808080;
            background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e95a5a), color-stop(1, #e95a5a) );
            background:-moz-linear-gradient( center top, #e95a5a 5%, #e95a5a 100% );
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e95a5a', endColorstr='#e95a5a');
            background-color:#e95a5a;
            -webkit-border-top-left-radius:0px;
            -moz-border-radius-topleft:0px;
            border-top-left-radius:0px;
            -webkit-border-top-right-radius:0px;
            -moz-border-radius-topright:0px;
            border-top-right-radius:0px;
            -webkit-border-bottom-right-radius:0px;
            -moz-border-radius-bottomright:0px;
            border-bottom-right-radius:0px;
            -webkit-border-bottom-left-radius:0px;
            -moz-border-radius-bottomleft:0px;
            border-bottom-left-radius:0px;
            text-indent:0px;
            border:1px solid #4d4e4e;
            display:inline-block;
            color:#ffffff;
            font-family:Tahoma;
            font-size:12px;
            font-weight:normal;
            height:30px;
            line-height:30px;
            width:100%;
            text-decoration:none;
            text-align:center;
            text-shadow:1px 1px 0px #000000;
            margin-top: 10px;

            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .ei8-form-button:hover,
        .cxl-resumable-button:hover,
        input[type="submit"]:hover,
        button:hover {
            background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #888a8a), color-stop(1, #4d4e4e) );
            background:-moz-linear-gradient( center top, #888a8a 5%, #4d4e4e 100% );
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888a8a', endColorstr='#4d4e4e');
            background-color:#888a8a;
        }
        .ei8-form-button:active,
        .cxl-resumable-button:active,
        input[type="submit"]:active,
        button:active {
            position:relative;
            top:1px;
        }

        /*.button,
        button,*/
        input[type="submit"],
        input[type="reset"],
        input[type="button"] {
            background: #e95a5a; /* Old browsers */
            background: #e95a5a -moz-linear-gradient(top, #e95a5a 0%, #e95a5a 100%); /* FF3.6+ */
            background: #e95a5a -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e95a5a), color-stop(100%,#e95a5a)); /* Chrome,Safari4+ */
            background: #e95a5a -webkit-linear-gradient(top, #e95a5a 0%,#e95a5a 100%); /* Chrome10+,Safari5.1+ */
            background: #e95a5a -o-linear-gradient(top, #e95a5a 0%,#e95a5a 100%); /* Opera11.10+ */
            background: #e95a5a -ms-linear-gradient(top, #e95a5a 0%,#e95a5a 100%); /* IE10+ */
            background: #e95a5a linear-gradient(top, #e95a5a 0%,#e95a5a 100%); /* W3C */
            border: 1px solid #aaa;
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 3px;
            color: #FFF;
            text-shadow: 0 1px #CCC;
        }

        /*.button:hover,
        button:hover,*/
        input[type="submit"]:hover,
        input[type="reset"]:hover,
        input[type="button"]:hover,
        .button:active,
        button:active,
        input[type="submit"]:active,
        input[type="reset"]:active,
        input[type="button"]:active {
            color: #FFF;
            background: #808080; /* Old browsers */
            background: #808080 -moz-linear-gradient(top, #808080 0%, #808080 100%); /* FF3.6+ */
            background: #808080 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#808080)); /* Chrome,Safari4+ */
            background: #808080 -webkit-linear-gradient(top, #808080 0%,#808080 100%); /* Chrome10+,Safari5.1+ */
            background: #808080 -o-linear-gradient(top, #808080 0%,#808080 100%); /* Opera11.10+ */
            background: #808080 -ms-linear-gradient(top, #808080 0%,#808080 100%); /* IE10+ */
            background: #808080 linear-gradient(top, #808080 0%,#808080 100%); /* W3C */
            border: 1px solid #888;
            border-top: 1px solid #aaa;
            border-left: 1px solid #aaa; }


        /*unset all the global button declarations for the menu-toggles*/
        button.menu-toggle,
        button.menu-toggle:active,
        button.menu-toggle:hover,
        button.sub-menu-toggle,
        button.sub-menu-toggle:active,
        button.sub-menu-toggle:hover {
            width:45px;
            height:45px;
            /*margin: 0;
            padding: 0;*/
            border: 0;
            position: absolute;
            top: 0;
            right: 0;
            background-color: #e95a5a;
            text-align: center;
        }
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

        #titles h1 {
            /*float: right;
            line-height: 21px;
            font-size: 18px;*/
        }

        #titles h2 {
            /*float: left;*/
        }

        #breadcrumb h1 {
            margin-top: 7px;
        }

        .content-box-recorder {
            display: none;
        }

        /* responsive navigation */

        nav.primary,
        nav.primary ul {
            display: none;
        }

        /*nav.primary select {*/
        nav.mobile ul {
            display: block;
            /*visibility: visible;*/
        }

        nav.mobile {
       		display: none;
       		position: relative;
       	}

        button.menu-toggle {
            font-size: 30px;
        }

        button.sub-menu-toggle {
            font-size: 15px;
            line-height: 35px;
        }


        button.menu-toggle,
        button.menu-toggle:hover,
        button.menu-toggle:active,
        button.menu-toggle:visited,
        button.sub-menu-toggle,
        button.sub-menu-toggle:hover,
        button.sub-menu-toggle:active,
        button.sub-menu-toggle:visited {
            background: transparent;
            border: 0;
            margin: 0;
            padding: 0 15px;
            font-weight: normal;
            display: block;
            color: #fff;
            text-shadow: 0 0;
            -webkit-border-radius: 0px;
            border-radius: 0px;
        }

        button.menu-toggle:hover,
        button.sub-menu-toggle:hover,
        nav.mobile li:hover button,
        nav.mobile li.active button,
        nav.mobile li.active:hover li.active button {
            background-color: #e95a5a;
        }

        .menu-toggle:focus,
        .sub-menu-toggle:focus {
            outline: none;
        }

        nav.mobile ul,
        nav.mobile li {
            background-color: #000;
            border: 0;
            margin: 0;
            padding: 0;
        }

        nav.mobile ul ul,
        nav.mobile ul ul li,
        nav.mobile li ul li.active {
            background-color: #362e2e;
            color: #FFF;
        }

        nav.mobile {
        	position: relative;
        }

        nav.mobile a {
            color: #ffffff;
            text-decoration: none;
            padding-left: 15px;
            line-height: 40px;
        }

        nav.mobile a:hover {
            text-decoration: none;
        }

        nav.mobile ul,
        nav.mobile li {
            display: block;
            margin-bottom: 0px;
        }

        nav.mobile ul {
        }

        nav.mobile li {
            border-top: 1px solid #fff;
            position: relative;
            text-align: left;
        }

        nav.mobile li:hover {
            position: relative;
        }

        nav.mobile li:hover,
        nav.mobile li.active,
        nav.mobile li a:hover,
        nav.mobile li ul li.active:hover,
        nav.mobile li.active ul li.active,
        nav.mobile li.active ul li.active a {
            background: #e95a5a;
        }

        .menu-toggle,
        .sub-menu-toggle {
        	display: block;
        	margin: 0 auto;
        	overflow: hidden;
        	text-align: center;
        	visibility: visible;
        }

        button.menu-toggle,
        button.sub-menu-toggle {
        	background-color: #000;
        	color: #ffffff;
        }

        .menu-toggle {
            text-align: right;
            line-height: 45px;
        }

        button.menu-toggle *,
        button.sub-menu-toggle * {
            font-weight: bold;
            font-size: 20px;
            font-family: 'Lucida Sans';
        }

        .menu-toggle,
        .sub-menu-toggle {
        	padding: 18px;
        	padding: 1.8rem;
        	position: absolute;
        	right: 0;
        	top: 0;
        }
        .menu-toggle span {
            font-size: 14px;
        }

        .menu-toggle:after {
        	content: " \2261";
        }

        .menu-toggle.activated:after {
        	/*content: "\2191";*/
            content: "\2261";
        }

        .sub-menu-toggle:before {
        	content: "+";
        }

        .sub-menu-toggle.activated:before {
        	content: "-";
        }

        nav.mobile .sub-menu {
       	    clear: both;
            display: none;
            opacity: 1;
            position: static;
            width: 100%;
        }

        nav.mobile .sub-menu a {
            border-left: 0;
            position: relative;
            width: auto;
            padding-left: 30px;
        }

        nav.mobile .sub-menu .sub-menu {
            margin: 0;
        }

        nav.mobile .sub-menu .sub-menu a {
            background-color: #f5f5f5;
            padding-left: 45px;
        }

        nav.mobile .sub-menu .sub-menu .sub-menu a {
            background-color: #fff;
            padding-left: 60px;
        }

    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

        #breadcrumb h1 {
            font-size: 16px;
            line-height: 16px;
        }

    }


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/