﻿*                                                           {border:0;padding:0;margin:0;line-height:100%;text-decoration:none;font-family: 'Raleway', Arial, sans-serif;font-size:15pt;}
.accessibilityLinks                                         {text-indent:-5000px;position:fixed;}
body                                                        {max-width:100%;overflow-x:hidden;background:#efefef;}

/*HEADERS 
#######################################################    */
h1, h2, h3, h4, h5, h6                                      {font-family:'Times New Roman';margin:0 0 25px 0;color:#808080}
h1                                                          {font-size:2em;color:#565656}
h2                                                          {font-size:1.8em;}
h3                                                          {font-size:1.6em;}
h4                                                          {}
h5                                                          {color:#ffffff;margin:0 0 5px 0;}

a.button                                                    {background:#982323;color:#ffffff;font-size:1em;padding:10px 35px 10px 35px;display:inline-block;clear:both;margin:30px 0 0 0;overflow:hidden;transition: background .75s ease-in-out;-moz-transition: background .75s ease-in-out;-webkit-transition: background .75s ease-in-out;border:solid #da0931 1px;opacity:0.8}
a.button:hover                                              {background:#da0931;color:#ffffff;border-radius:0;opacity:1}
hr.hr                                                       {width:75%;background:#db820f;height:1px;margin:60px auto;}
em                                                          {color:#db820f;}
p                                                           {line-height:135%;margin:15px 0;color:#808080}
a                                                           {color:#982323;}
b                                                           {font-weight:bold;color:#982323;}
ul                                                          {list-style-position:inside;}
.clear                                                      {clear:both!important;}
.br                                                         {max-width:400px;width:100%;margin:75px auto;display:block;}


/*NAVIGATION 
#######################################################    */
header                                                      {width:100%;border-bottom:solid #808080 1px;padding:15px 0;background:#ffffff;}
header nav                                                  {max-width:1200px;margin:0 auto;padding:0 50px;}
header nav ul                                               {text-align:right;}
header nav ul li                                            {display:inline-block;}
header nav ul li a                                          {color:#808080;font-size:15px;display:block;padding:13px 15px 18px 15px;border-left:dashed 1px #cccccc}
header nav ul li a:hover                                    {color:#982323;}
header nav .logo                                            {float:left;color:#565656;}
header nav .logo .logoTop                                   {border-bottom:solid #982323 1px;font-family:'Times New Roman';font-size:21px;}
header nav .logo span                                       {font-size:16px;font-family:'Times New Roman';text-align:center;color:#454545}

header .navTrigger                                          {display:none;}
/* Main Center text RED */
.mobileContact                                              {display:none;background:#4d0156}

/* CONTENT 
#######################################################    */
section                                                     {text-align:center}
section.main                                                {background: url(../../pix/main.jpg) no-repeat;min-height:90vh;}
section.main figure                                         {position:absolute;bottom:40px;max-width:800px;width:100%;margin:0 auto;left:50%;margin-left:-400px;text-align:center;padding:15px 0 0 0}
section figure                                              {max-width:1100px;padding:20px 50px;margin:30px auto;background:rgba(255,255,255,0.8);border-bottom:solid #cccccc 1px;}

section article                                             {text-align:center;}
section article .mainInline                                 {display:inline-block;max-width:800px;width:100%;margin:0 15px;}
section article .mainInline img                             {border: solid rgba(0,0,0,0.1) 10px;border-style:inset}
section article .mainInline2                                {display:inline-block;max-width:1600px;width:100%;}
section article .mainInline2 img                            {border: solid rgba(0,0,0,0.1) 10px;border-style:inset}
.label                                                      {max-width:800px;position:relative;font-size:12px;color:#999999;padding:5px 0 0 0;line-height:18px;}
.mainInline2 .label                                         {max-width:1600px;}
.inline                                                     {max-width:1200px;width:100%;}
.entryText                                                  {text-align:left;max-width:300px;margin-left:160px;padding-top:150px;}
.entryText span                                             {font-family:'Times New Roman';border-bottom:solid #982323 1px;font-size:28pt;line-height:50px;}
#websitesSlider                                             {list-style:none;margin:0 auto;max-width:1600px;width:100%;}          
#websitesSlider li img                                      {max-width:90%;}   
/* ANIMATION FOR NAVIGATION 
##################################################*/
@-webkit-keyframes slide {
    0%      {top:-150px;}
    100%    {top:0px }
}

@keyframes slide {
    0%      {top:-150px;}
    100%    {top:0px }
}
@-webkit-keyframes cta {
    0%      {right:-250px;}
    100%    {right:0px }
}

@keyframes cta {
    0%      {right:-250px;}
    100%    {right:0px }
}

/* CONTACT FORM 
#######################################################    */
.contactForm                                                {max-width:600px;margin:30px auto 0 auto;}
.contactForm p                                              {font-size:12pt;}
.contactForm .contactColumn                                 {width:40%;display:inline-block;vertical-align:top;}
.contactForm .input                                         {width:80%;max-width:400px;padding:8px 10px;margin:2px 0;font-size:12pt;background:#efefef;color:#565656;}
.contactForm .SendButton                                    {background:#FA4C00;color:#efefef;padding:8px 50px;font-size:18px;cursor:pointer}
.contactForm .CancelButton                                  {display:none;background:#FA4C00;color:#efefef;padding:8px 25px;}


/* FOOTER 
#######################################################    */
footer                                                      {background:#982323;text-align:center;padding:15px 0;}
footer a, footer p                                          {color:#ffffff;font-size:14px;}
@media screen and (max-width: 820px) {
    section article .mainInline img                            {max-width:80%;}
    section article .mainInline2 img                            {max-width:80%;}
    section.main                                            {background: url(../../pix/main.jpg) no-repeat center center;min-height:90vh;}
    header nav ul                                           {clear:both;float:none;text-align:center;}
    header nav .logo                                        {float:none;text-align:center;}
    section.main figure                                     {bottom:40px;max-width:90%;width:100%;left:50%;margin-left:-45%;}
    .entryText                                              {text-align:left;max-width:400px;margin-left:60px;padding-top:50px;}
    .entryText span                                         {font-size:20pt;}
}
@media screen and (max-width: 730px) {
    header .navTrigger                                      {display:block;width:100%;text-align:center;margin-top:10px;}
    header .navTrigger a                                    {font-size:14px;}
    header nav ul                                           {margin-top:15px;}
    header nav ul li                                        {width:100%;display:block;}
    header nav ul li a                                      {border-left:none;border-top:dashed 1px #cccccc;}
    #nav                                                    {display:none;}
    section article img                                     {margin:15px 0;}
    .logoTop                                                {line-height:30px;}
    .entryText                                              {text-align:center;max-width:500px;margin-left:0;margin:0 auto;padding-top:0px;}
    }
@media screen and (max-width: 600px) {
.entryText                                                  {display:none;}
}