@charset "UTF-8";
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: baseline;
 }
:focus { outline: 0; }
body {
	line-height: 1.2;
	color: black;
	background: #808287;
}
ol, ul {
	display: block;
}
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: "" ""; }
/*The two elements below get reset but generally want to have the default settings */
strong {font-weight: bold;}
em {font-style: italic;}
.topleft {
	float: left;
	width: 240px;
	height: 40px;
}
*
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    outline: 0;
    border: 0;
}

body  {
	margin:00px 0px;
	padding:0px;
	text-align:center;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF;
    -webkit-text-size-adjust: none !important;
}
.twoColFixLtHdr #container {
	text-align:left;
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	border: 0;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
} 
.twoColFixLtHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 60px;
	background-color: #FFF;
	width: 1200px;
    margin: 0 auto;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 240px;
	clear: left;
	height: 684px;
}
.twoColFixLtHdr #mainContent {
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: left;
	height: 684px;
	width: 960px;
	color: #FFF;
	font-size: 12px;
} 
.twoColFixLtHdr #footer {
	background:#FFFFFF;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
    margin: 0 auto;
    width: 1200px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#container #header img {
	float: left;
}
.contentBox {
	float: left;
	height: 228px;
	width: 240px;
	overflow: hidden;
	background-color: #FFF;
}
#mainContent .bbg {
	background-color: #A29061;
}
#container #mainContent  h3 {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
	display: block;
	float: left;
	clear: left;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
}
.testiImage
{
    background-size: cover;
    background-position: 50% 50%;
}
#container #mainContent .tLine {
	padding-left: 20px;
	float: left;
	clear: left;
	font-size: 12px;
	padding-right: 20px;
	line-height: 1.2;
	display: block;
    width: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
#container #mainContent .tLine2 {
	padding-left: 20px;
	float: left;
	clear: left;
	font-size: 14px;
	padding-right: 20px;
	line-height: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.smallTopPadding {
	padding-top: 0px;
}
.medTopPadding {
	padding-top: 10px !important;
}
#container #mainContent .tLine.largeQuote
{
    padding-top: 00px !important;
}
.lTopPadding {
	padding-top: 20px;
}
#container #mainContent .gbg {
	background-color: #232020;
}
#container #sidebar1 .contentBox.sbContent {
	width: 240px;
	overflow: hidden;
}
#someLogos
{
    z-index: 2;
}
a:link { 
 text-decoration:none;
 color:#FFF;
}
a:visited { 
text-decoration:none;
 color:#FFF;
}
a:hover { 
text-decoration:underline;
 color:#FFF;
}
a:active {
	text-decoration:none;
 color:#FFF;
}
iframe {
	float: right;
	padding-top: 0px;
	padding-right: 10px;
	clear: right;
	padding-bottom: 10px;
}
#header #nav {
	height: 50px;
	background-color: #FFF;
    text-align: center;
}
#nav ul li {
	padding-right: 8px;
	padding-left: 10px;
	font-size: 12px;
	color: #5D5E62;
	background-image: url(../images/navdivider.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	float: left;
}
#nav ul li  , #nav ul li a
{
	color: #aaaaaa;
	font-size: 17px;
}
#nav ul li 
{
	color: #000;
}
#nav ul li a:hover
{
	color: #A29061;
	text-decoration: none;
}
#header #nav ul .firstnav {
	padding-left: 0px;
	background-image: none;
}
#nav ul {
	padding-top: 22px;
	list-style-image: none;
	list-style-type: none;
	padding-left: 0px;
    display: inline-block;
}
.doublewidth {
	float: left;
	width: 480px;
}
.doubleheight
{
	height:456px;
}
.tripleheight {
	height:684px;
}
#facebookLink {
	float: right;
	width: 240px;
	height: 30px;
	color: #000;
	padding-right: 12px;
	padding-bottom: 12px;
}
#twitterLink {
	float: right;
	width: 240px;
	height: 64px;
	color: #000;
	padding-right: 12px;
}
p.tLine
{
    margin-bottom: 4px;
}
#facebookLink a {
	color: #232020;
	line-height: 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float: right;
	padding-right: 36px;
	height: 30px;
	background-image: url(../images/fblogo_small.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#facebookLink a:hover {
	color: #A29061;
	text-decoration: none;		
}
#twitterLink  a {
	color: #232020;
	line-height: 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float: right;
	padding-right: 36px;
	height: 30px;
	background-image: url(../images/twitterlogo_small.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#twitterLink a:hover {
	color: #A29061;
	text-decoration: none;		
}
#navholder {
	width: 960px;
	float: left;
}
#container #sidebar1 .wbg {
	background-color: #FFF;
}
#container #borderbody {
	height: 686px;
	width: 1202px;
	border: 1px solid #A29061;
    margin: 0 auto;
}
#container #borderbody2 {
	height: 664px;
	width: 1180px;
	border: 1px solid #A29061;
	padding: 10px;
	overflow: auto;
}
.doublewidth ul {
    width: 100%;
}

.testiholder {
	float: left;
	height: 650px;
	width: 480px;
	overflow: hidden;
    margin-top: 20px;
}
#prev {
	background-image: url(../images/prev.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	width: 40px;
	height: 20px;
	padding-left: 24px;
	font-size: 14px;
	line-height: 20px;
	margin-left: 20px;
}
#next {
	background-image: url(../images/next.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	float: left;
	width: 40px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	padding-right: 24px;
}
a.moreLink
{
    text-decoration: underline;
}
#mainContent .contentBox.gbg ul {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}
.dot {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-image: url(../images/dot_on.png);
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 20px;
}
.doton {
	background-image: url(../images/dot.png);	
}
a.dot:hover {
	background-image: url(../images/dot_on.png);
}
#container #mainContent  ul {
	margin-left: 18px;
	padding-left:0px;
	list-style-position: outside;
	list-style-type: disc;
	display: block;
	font-size: 12px;
	line-height: 16px;
	float: left;
	clear: left;
    margin-left: 0px;
    list-style-position: inside;
}
.contentBox  li {
	margin-bottom: 4px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
#container #mainContent .doublewidth.tripleheight 
{
}
.testiholder h3 {
	font-size: 16px;
}
#ctext a {
	text-decoration: underline;
	font-weight: bold;
}
#mainContent .backwrapper {
	padding-right: 20px;
	padding-left: 20px;
}
#container #mainContent .backwrapper h3 {
	padding-right: 0px;
	padding-left: 0px;
}
#container #mainContent .backwrapper .tLine {
	padding-right: 0px;
	padding-left: 0px;
}
#container #mainContent .doubleheight .backwrapper {
	height: 416px;
}
#container #borderbody #mainContent .backbutton {
	line-height: 20px;
	display: block;
	height: 20px;
	float: left;
	padding-left: 20px;
}
#mainContent .testiholder .pressrelease {
	width: 420px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	height: 30px;
}
#container #borderbody #mainContent .doublewidth .testiholder .tLine2 {
    width: 100%;
}
#container #borderbody #mainContent .doublewidth .tLine {
    width: 100%;
}
#mainContent .dot {
	color: #CCC;
	text-align: center;
	line-height: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#footer .footertext {
	background-color: #FFF;
	float: right;
	font-size: 11px;
	list-style-type: none;
	clear: both;
}
#footer .footertext li {
	display: block;
	float: left;
	padding-left: 10px;
	background-image: url(../images/line.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
#footer .footertext li a {
	color: #000;
}
.twoColFixLtHdr #mainContent .blackText {
	color: #000;
}
#container #footer .footertext .first {
	background-image: none;
}
#ss1 {
	height:191px;
	padding-bottom:37px;	
}
.linkText {
	font-size: 11px;
	padding-top: 10px;
}
.linkHolder {
	float: left;
}
.testiholder a:hover {
	color: #000;
	text-decoration: none;
}
.sm {
	/* clear: left; */
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.sm a {
	display: block;
	float: left;
	margin-right: 20px;
}
.sm a img {
	display: block;
	float: left;
}
.quotename {
	font-size: 11px;
}
.theRotator
{
    position: relative;
}

#mobile-menu, nav
{
    display: none;
}
.testiholder h3
{
    padding-top: 0px !important;
}

/*OSSIA RESPONSIVE*/

/*--------------------------------------------------------------
- Tablet & Small Desktop Widths 768px - 1280px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {

}

/*--------------------------------------------------------------
- Greater then tablets
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {

}

/*--------------------------------------------------------------
- Tablet Landscape
--------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/*--------------------------------------------------------------
- Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/*--------------------------------------------------------------
- Tablet & Small Desktop Widths 768px - 1280px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {


}

/*--------------------------------------------------------------
- All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


}
/*--------------------------------------------------------------
- less then tablets
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

}

/*--------------------------------------------------------------
- Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {

}

/*--------------------------------------------------------------
- Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

}

/*--------------------------------------------------------------
- Phone Landscape
--------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {


}






/*--------------------------------------------------------------
- Drop 1
--------------------------------------------------------------*/
@media only screen and (min-width: 964px) and (max-width: 1215px) {
    #container #borderbody, .twoColFixLtHdr #header, .twoColFixLtHdr #footer
    {
        width: 962px;
        /*width: 100%;;*/
        margin: 0 auto;
    }
    #container #borderbody
    {
        height: 914px;
    }
    .topleft
    {
        display: none;
    }
    .twoColFixLtHdr #mainContent
    {
        width: 720px;
        height: 912px;
    }
    .doublewidth {
        width: 240px;
    }
    .doubleheight {
        height: 912px;
    }
    #container #borderbody #mainContent .doublewidth .tLine
    {
        width: auto;
    }
    #container #mainContent .doubleheight .backwrapper
    {
        height: auto;
    }
    .doublewidth ul {
        width: auto;
    }
    .page-dress #ss3
    {
        float: right;
    }
    .page-dress .doubleheight {
        height: 684px;
        background-color: rgb(159, 163, 97);
    }

    .page-personal-styling .doublewidth
    {
        height: 456px;
        float: right;
    }
    .page-personal-styling .doublewidth ul li
    {
        width: auto;
    }
    .page-personal-styling  #container #mainContent #ss5
    {
        background-color: #A19061;
    }


    .page-corporate-styling .doublewidth
    {
        height: 456px;
        float: right;
    }

    .page-testimonial div
    {
        background-size: cover;
        background-position: 50% 50%;
    }
    .drop1width2
    {
        width: 480px;
    }
    .page-testimonial #container #borderbody #mainContent .doublewidth .testiholder .tLine2, .testiholder
    {
        width: auto;
    }
    .page-testimonial .tripleheight
    {
        height: 912px;
    }
}



/*--------------------------------------------------------------
- Drop 2
--------------------------------------------------------------*/
@media only screen and (min-width: 724px)  and (max-width: 963px), (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{
    #container #borderbody, .twoColFixLtHdr #header, #navholder
    {
        width: 722px;
    }
    #container #borderbody
    {
        height: 914px;
    }
    .topleft
    {
        display: none;
    }
    .twoColFixLtHdr #sidebar1
    {
        width: 720px;
        height: 228px;
        display: none;
    }
    .twoColFixLtHdr #mainContent
    {
        width: 720px;
        height: 912px;
    }
    .gotoOne
    {
        float: right;
        width: 240px;
    }
    .page-dress .doubleheight {
        height: 684px;
        background-color: rgb(159, 163, 97);
    }
    .page-dress #ss3 {
        float: right;
    }
    .theRotator
    {
        position: relative;
        top: 28px;
        padding-bottom: 0 !important;
    }
    .strip1
    {
        width: 240px;
        height: 912px;
    }
    #nav ul li, #nav ul li a
    {
        font-size: 12px;
    }
    #header
    {
        height: 50px !important;
    }

    .page-dress .doublewidth.doubleheight
    {
        float: left;
    }
    .threeHigh
    {
        display: block;
        /*float: left;*/
        width: 100%;
    }
    .twoHigh
    {
        display: inline;
        float: none;
        width: 100%;
    }
    .page-testimonial .tripleheight
    {
        width: 240px;
        height: 912px;
    }
    .testiholder {
        float: left;
        height: auto;
        width: auto;
        overflow: hidden;
    }
    .page-testimonial .tripleheight.drop1width2
    {
        background-size: cover;
        background-position: 50% 50%;
        width: 480px;
        height: 912px;
    }
    #container #borderbody #mainContent .doublewidth .testiholder .tLine2
    {
        width: auto;
    }
    .twoColFixLtHdr #footer
    {
        width: 720px;
    }
}



@media only screen and (max-width: 723px),  (max-device-width: 667px) and (orientation : landscape), (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
    .tabletPadding
    {
        padding: 20px;
    }
    #mobile-menu
    {
        height: 40px;
        position: fixed;
        right: 0;
        top: 0%;
        margin-top: 0px;
        display: block;
        z-index: 20;
    }

    #container
    {
        padding-top: 0px !important;
        margin-bottom: 0 !important;
    }
    .twoColFixLtHdr #header
    {
        display: none;
    }
    .twoColFixLtHdr #sidebar1
    {
        display: none;
    }
    .twoColFixLtHdr #mainContent
    {
        width: 100%;
        height: 1368px;
        height: auto;
        /*float: none;*/
    }
    .doublewidth {
        float: left;
        width: 100%;
    }
    .doubleheight {
        height: auto;
    }
    img
    {
        width: 100%;
        height: auto;
        top: 0;
    }
    .contentBox
    {
        height: auto;
    }
    #container #mainContent .gbg:before, #container #mainContent .fh:before
    {
        content: "";
        display: block;
        margin-top: 95%;
    }
    .fr
    {
        float: right !important;
    }
    .tabletBottomPadding
    {
        padding-bottom: 20px;
    }
    .noTablet
    {
        display: none;
    }
    #container #mainContent .doubleheight .backwrapper
    {
        height: auto;
        padding-bottom: 20px;
    }
    #container #mainContent .backwrapper h3
    {
        float: none;
    }
    .tLine
    {
        float: none !important;
    }
    .gbg, .bbg
    {
        position: relative;
    }
    .tLine
    {
        text-align: left;
    }
    .noTablet
    {
        display: none;
    }
    .innerContent
    {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        /*vertical-align: center;*/
        vertical-align: inherit;
        padding: 20px;
    }
    .innerContent .innerContent
    {
        padding: 20px;
    }
    #container #borderbody
    {
        width: 100%;
        height: 1368px;
        height: auto;
        border: 0;
        float: left;
    }
    #container #mainContent ul
    {
        float: none;
    }
    .contentBox
    {
        width: 50%;
    }
    .contentBox  .contentBox
    {
        width: 100%;
    }
    .twoWide
    {
        width: 100%;
        height: 228px;
    }
    .page-dress .doublewidth.doubleheight
    {
       width: 100%;
        height: auto;
    }
    .page-personal-styling .doublewidth
    {
        /*height: 456px;*/
        height: auto;
        float: right;
    }
    .innerContent.newsContent
    {
        padding: 0px;
    }
    .newsContent .contentBox
    {
        position: relative;
    }
    p.tLine
    {
        margin-bottom: 10px;
    }
    #container #mainContent .tLine.largeQuote
    {
        font-size: 15px !important;
    }
    .quotename
    {
        font-size: 13px;
    }
    #container #mainContent h3
    {
        font-size: 20px;
        padding: 0;
        margin-bottom: 10px;
    }
    #container #borderbody #mainContent .doublewidth .testiholder h3
    {
        /*padding-left: 20px;*/
        padding-top: 20px;
        /*padding-right: 20px;*/
    }
    #container #mainContent .tLine
    {
        font-size: 13px !important;
        line-height: 1.3;
        width: 100%;
        padding: 0;
    }
    .testiholder
    {
        width: 100%;
        height: auto;
        padding-bottom: 140px;
        min-height: 400px;
    }
    #mainContent .dot
    {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 13px;
        background-size: cover;
    }
    .page-testimonial #container #borderbody #mainContent .doublewidth .testiholder .tLine2
    {
        line-height: 1.2;
        /*padding-left: 20px;*/
        /*padding-right: 20px;*/
        font-size: 14px !important;
    }
    .dot
    {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #container #mainContent ul li
    {
        font-size: 13px !important;
        line-height: 1.3;
        width: 100%;
        padding: 0;
        text-align: left;
    }
    #container #borderbody #mainContent .doublewidth .tLine, .page-personal-styling .doublewidth ul li
    {
        width: 100%;
        padding: 0;
    }

    .contentBox > .contentBox
    {
        width: 100%;
    }
    nav
    {
        display: block;
    }


    #mobile-menu a {
        display: block;
        float: left;
        color: #666;
        font-size: 18px;
        height: 50px;
        width: 50px;
        line-height: 40px;
        border: 1px solid #A19061;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-align: center;
        margin-left: 10px;
        background: #f7f7f7;
        transition: all .15s ease-in-out;
    }
    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        margin-top: 10px;
    }
    .fa-bars:before {
        content: "\f0c9";
        font-size: 29px;
    }
    #mobile-menu:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        zoom: 1;
        box-sizing: border-box;
    }
    .page-corporate-styling .doublewidth
    {
        height: auto;
        float: right;
    }
    .page-corporate-styling .doublewidth ul
    {
        width: auto;
    }
    .twoColFixLtHdr #footer
    {
        width: 100%;
        padding-right: 20px;
    }
    .tLine a
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #footer .footertext
    {
        font-size: 11px;
        padding-top: 10px;
    }
    #footer ul.footertext
    {
        padding-top: 10px;
        margin-bottom: 20px;
    }
    .sm
    {
        padding-left: 0px;
    }
    .sm a {
        width: 34px;
    }
    #container #mainContent .doublewidth.tripleheight.testiImage
    {
        height: 100vh;
    }
    .page-testimonial .tripleheight
    {
        height: auto;
    }
    .doublewidth.tripleheight.bbg.mobilePadding
    {
        padding: 20px;
    }
    #container #mainContent .tLine2
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .testiholder
    {
        min-height: 220px;
    }
}

@media only screen and (max-device-width: 667px) and (orientation : portrait) , (max-width: 480px)
{
    #container #mainContent h3, #container #mainContent .backwrapper h3
    {
        font-size: 24px;
        padding-top: 0px;
    }
    .doublewidth, .contentBox
    {
        float: none !important;
    }
    #container #mainContent .doubleheight .backwrapper
    {
        height: auto;
    }
    .topPaddingMobile
    {
        padding-top: 20px !important;
    }
    .doublewidth
    {
        height: auto !important;
    }
    .bottomPaddingMobile
    {
        margin-bottom: 20px !important;
    }
    .newsslide
    {
        /*min-height: 480px !important;*/
    }

    #someLogos
    {
        /*min-height: 646px;*/
    }

    .contentBox li
    {
        font-size: 21px;
        line-height: 1.4;
    }
    #container #mainContent .tLine
    {
        line-height: 1.3 !important;
        font-size: 13px !important;
        float: none !important;
    }
    span.quotename
    {
        font-size: 13px;
    }
    .moreLink
    {
        margin-bottom: 40px !important;
    }
    .tLine a
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .contentBox a
    {
        display: block;
    }
    #container #borderbody {
        width: 100%;
        height: auto;
        border: 0;
    }
    .twoColFixLtHdr #mainContent {
        width: 100%;
        height: auto;
    }
    img
    {
        width: 100%;
        height: auto;
    }
    .contentBox {
        width: 100%;
        height: auto;
        min-height: 240px;
    }
    #container #mainContent .tLine, .doublewidth ul
    {
        width: auto;
    }
    .doublewidth , .doubleheight{
        width: 100%;
        height: auto;
    }
    .noMobile
    {
        display: none;
    }
    #container #mainContent .doublewidth.tripleheight
    {
        float: left !important;
        min-height: 600px;
    }
    .mobilePadding
    {
        padding: 20px;
    }
    .doublewidth ul {
        /*width: 170px;*/
    }
    .page-personal-styling .doublewidth {
        height: auto;

    }
    #container #mainContent .tLine.largeQuote
    {
        font-size: 18px !important;
    }
    .testiholder
    {
        width: 100%;
        height: auto;
    }
    #container #borderbody #mainContent .doublewidth .testiholder .tLine2
    {
        /*width: 80%;*/
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 1.3 !important;
        font-size: 27px !important;
    }
    .testiImage
    {
        height: 480px !important;
        background-size: cover;
        background-position: 50% 0%;
    }
    #footer
    {
        /*display: none;*/
    }

}

/*iPad Prtrait*/

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
    #container #mainContent .tLine, #container #mainContent ul, .page-testimonial #container #borderbody #mainContent .doublewidth .testiholder .tLine2
    {
        font-size: 15px !important;
        line-height: 1.2;
    }
    #container #mainContent ul li
    {
        font-size: 13px !important;
        line-height: 1.2;
    }
    #container #mainContent h3
    {
        font-size: 24px;
    }
    #container #mainContent .tLine.largeQuote
    {
        font-size: 16px !important;
        line-height: 1.2;
    }
    .quotename
    {
        font-size: 13px;
    }
    .fripad
    {
        float: right;
    }
    .page-testimonial .tripleheight.drop1width2, .page-testimonial .tripleheight
    {
        width: 50%;
    }
    #mainContent
    {
        background-color: #A29061;
    }
    .page-testimonial #container #mainContent .doublewidth.tripleheight.mobilePadding
    {
        padding-top: 40px !important;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{
    #container #mainContent .tLine, #container #mainContent ul
    {
        font-size: 11px !important;
        line-height: 1.2;
    }
    #container #mainContent ul li
    {
        margin-bottom: 2px;
    }
    .fripad
    {
        float: right;
    }
    .noBigTablet
    {
        display: none;
    }
    #mainContent
    {
        background-color: #000000;
    }
    .page-corporate-styling .doublewidth, .page-personal-styling  .doublewidth
    {
        width: 240px !important;
    }
}













/* General styles for all menus */

.cbp-spmenu {
    background: #A19061;
    position: absolute;
    border-right: 1px solid #232020;
}

.cbp-spmenu h3 {
    color: #ffffff;
    font-size: 2em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #232020;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
    text-align: left;
}

.cbp-spmenu a:hover {
    background: #baa573;
}

.cbp-spmenu a:active {
    background: #baa573;
    color: #ffffff;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1000;
    position: fixed;
    z-index: 10 !important;
    overflow-y: scroll;
}

.cbp-spmenu-vertical a {
    border-bottom: 1px solid #232020;
    padding: 0.6em;
    padding-left: 20px;
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #232020;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: -100%;
}

.cbp-spmenu-right {
    right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}

.cbp-spmenu-push-toleft {
    left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }

}

@media screen and (max-height: 26.375em){

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 100%;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -100%;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
    }
}

nav
{
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}

.cbp-spmenu a.active
{
    background-color: #777777;
}