html {overflow-y: scroll; height:100%;}
* {margin: 0;padding: 0;}
/*Main Block may need media queries*/
body{ background:white;text-align:justify;font-family: 'Source Sans Pro', sans-serif; color:rgba(60, 60, 60, 1);font-weight:400; }

/*All resolutions*/
* img { -ms-interpolation-mode: bicubic; }
a img {border-style:none; -ms-interpolation-mode: bicubic; }
a:focus img {outline:2px solid rgba(220,36,0,1); }

button::-moz-focus-inner {border: 0;}

/*text highlights*/
::selection {background:rgba(220, 36, 0, 0.9); color:white;}
::-moz-selection {background:rgba(220, 36, 0, 0.9); color:white;} 
p {}
b {font-family: 'Source Sans Pro', sans-serif; font-weight:600;}
a {font-weight:600;color:rgba(220, 36, 0, 0.75);text-decoration:none;  outline: 0;}
a:hover, a:focus {text-decoration:underline;}
a:visited {text-decoration:underline;}

/*headings*/
h1{color:white; float:left; font-weight:400; text-transform: uppercase; }
h1 span {color:white;font-weight:700;font-size:1.0125em;}
h2{text-align:left;font-weight:400;  }
h3{ text-align:left;font-weight:400; }
h4{}

/*main body elements*/
#header {width:100%;  background:rgba(60, 60, 60, 1); position: fixed; top:0em; z-index:10000;
-webkit-box-shadow: 0 0.25em 0.5em 0.25em rgba(0,0,0,0.25);
box-shadow: 0 0.25em 0.5em 0.25em rgba(0,0,0,0.25);
-moz-box-shadow: 0 0.25em 0.5em 0.25em rgba(0,0,0,0.25);}
#sub-nav {width:100%;  background:rgba(220, 36, 0, 0.9); height:auto;position: fixed; 
-webkit-box-shadow: 0 0.25em 0.5em 0.25em rgba(0,0,0,0.25);
box-shadow: 0 0.25em 0.5em 0.25em rgba(0,0,0,0.25);
-moz-box-shadow: 0 0.25em 0.5em 0.25em rgba(0,0,0,0.25); }
#footer {width:100%;  background:rgba(60, 60, 60, 1); }

.white {height:auto; display:inline-block;  float:left;
-webkit-box-shadow: 0 -0.25em 0.5em 0.25em rgba(0,0,0,0.25);
box-shadow: 0 -0.25em 0.5em 0.25em rgba(0,0,0,0.25);
-moz-box-shadow: 0 -0.25em 0.5em 0.25em rgba(0,0,0,0.25);  line-height:1.75em; width:90%;padding-left:5%; padding-right:5%; 
  background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=0 ); /* ie6-9 */ }

ol {list-style-type:decimal;list-style-position: inside;text-align:justified;line-height:1.5em; }

/*logo*/
#ir-logo { float:left; margin-top:0.25em;}
.ir-logo { max-height:100%; width:auto; margin-left:2.5%; float:left; padding-right:2.5%; }
#brand {left:5.5em;}

/*main navigation*/
#nav {color:white; float:right; text-decoration:none; text-transform:uppercase; height:100%;}
#nav ul {	margin: 0; padding: 0; margin-right:-1em;text-align: right; }
#nav ul li { display: inline-block;
background:rgba(220, 36, 0, 0);
  text-align: center; }
#nav ul li a {font-weight:400; text-decoration:none; color:white; 
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;
display:block;}
#nav ul li a:hover, #nav ul li a:focus{background:rgba(220, 36, 0, 0.75);
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;}
#nav ul li a.active {background:rgba(220, 36, 0, 0.75); color:white;}
#nav ul li a.active:focus {background:rgba(220, 36, 0, 1); color:white;}

/*sub navigation*/
#sub-menu {text-decoration:none; color:white; width: 95%; float:right; text-decoration:none; list-style-type: none;text-transform:uppercase; height:100%;margin-right:-1em;}
#sub-menu ul {margin-left:auto; margin-right:auto; text-align: right; 
  list-style: none; }
#sub-menu ul li { display: inline-block;
background:rgba(60, 60, 60, 0);
  text-align: center; margin:0;}
#sub-menu ul li a {text-decoration:none; font-weight:400; color:white; 
-moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;
display:block; }
#sub-menu ul li a:hover {background:rgba(60, 60, 60, 0.9);
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;}


/*social-menu navigation*/
#footer span{color:white;font-weight:300; text-transform:uppercase; }

#social {text-decoration:none; font-weight:300; color:white; text-decoration:none; list-style-type: none; text-transform:uppercase; margin:0;}
#social ul {margin-left:auto; margin-right:auto; list-style: none;}
#social ul li { height: 1.5em;display: inline-block;
background:rgba(220, 36, 0, 0);
  text-align: center; }
#social ul li a {text-decoration:none; font-weight:300; color:white; 
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;
display:block;}
#social ul li a:hover, #social ul li a:focus{background:rgba(220, 36, 0, 0.75);
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;}
.social-icon {vertical-align:middle; max-height:1em; width:auto;padding-bottom:0.25em;}
a:focus .social-icon {outline:none;}

/*footer-menu navigation*/
#footer-menu {text-decoration:none; color:white; text-decoration:none; list-style-type: none;text-transform:uppercase; display: inline-block;}
#footer-menu ul {margin-left:auto; margin-right:auto; 
  list-style: none;}
#footer-menu ul li { 
background:rgba(220, 36, 0, 0);
  text-align: center;}
#footer-menu ul li a {width:auto;text-decoration:none;font-weight:300; color:white; 
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;
display:block;}
#footer-menu ul li a:hover, #footer-menu ul li a:focus {background:rgba(220, 36, 0, 0.75);  
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;}
#footer-menu li a.active {background:rgba(220, 36, 0, 0.75); color:white;}

/*background bits*/
#background-wrapper {height:100%; width:100%; overflow:hidden; text-align:center; outline: 0.15em solid rgba(60,60,60,1);}
.bg {position:relative; left:0;
	height:100%;
	width:100%;
min-height: 100%;
    min-width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
/*slideshow*/
#slideshow-wrapper{width:100%; overflow:hidden; text-align:center;outline: 0.15em solid rgba(60,60,60,1);}
.royalSlider {position: relative;margin:auto;text-align:center;width:100%;height:100%; max-height:100%;}

  
/*main body copy*/
#up-arrow {font-size:3em; text-align:center;}


/*Column Text - col position relative remove?*/
.text-wrapper { float:left;}
.col {float:left;  }
.col-1 {text-transform:uppercase;}
.text {height:auto; float:left; vertical-align: text-top;}
.col-2 {vertical-align: text-top;}
.col-3 {vertical-align: text-top;}
.col-full {width:100%;}
.col-4 {float:left;}

  /*Text Imagery*/
.full-width-image {width:105.38%; height:auto; margin-left:-2.7%;border:0;}

/*Services*/
#s-links {}
#s-links a {text-decoration:none; }
.s-wrapper {
background-repeat: no-repeat;
background-position: center center;
background-attachment: inherit;
background-size: auto 100%;
  background-size: cover;}

/*Showcase*/
#sc-links {}
#sc-links a {text-decoration:none; }
.sc-wrapper {
background-repeat: no-repeat;
background-position: center center;
background-attachment: inherit;
background-size: auto 100%;
  background-size: cover;}
  .col-fh {display:table; height:100%;width:100%; position:relative; }
.sc-text, .sc-text-cs {z-index:1;display:table-cell; vertical-align:middle;text-align:center;color:rgba(255,255,255,1); background-color:rgba(60, 60, 60, 0.65); text-transform: uppercase; -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;font-weight:400;outline: 0.15em solid rgba(60,60,60,1); padding-top:2em;}
.sc-text span, .sc-text-cs span {font-weight:700;}
.sc-text:hover {background-color:rgba(60,60,60,0);-moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;color:rgba(255,255,255,0); }


/*project thumbnails*/
#img-container {height:auto; display:inline-block; position:relative; float:left; overflow:hidden;}
.thumbnails{float:left; width:100%; height: auto; overflow:hidden;}
#img-container .img-text { font-weight:400; position:absolute; width:80%; height:85%; z-index:1; display:inline-block; left:0; top:0; padding: 10%; color:white;background:rgba(60, 60, 60, 0.8); overflow:hidden; font:1em; -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;}
#img-container .img-text:hover {background:rgba(60, 60, 60, 0);-moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease; }
.gal {}

/*next/prev, qr code and vcard*/
.qv, .sv{ text-decoration:none; color:white; text-decoration:none; list-style-type: none;text-transform:uppercase; padding-bottom:2em; padding-top:2em;  }
.qv ul , .sv ul{ margin-left:auto; margin-right:auto; text-align: center; 
  list-style: none;}
.qv ul li, .sv ul li {width:47%; margin:1%; display: inline-block;
background:rgba(60, 60, 60, 1);
  text-align: center; padding-left:auto; padding-right:auto; line-height:4em;}
.qv ul li a, .sv ul li a {font-weight:400; text-decoration:none; color:white; 
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;
display:block; }
.qv ul li a:hover, .qv ul li a:focus, .sv ul li a:hover, .sv ul li a:focus{background:rgba(220, 36, 0, 0.75);
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease; }
.qv  ul li a.active, .sv ul li a.active {background:rgba(220, 36, 0, 0.75); color:white;}
.qv ul li a.active:focus, .sv ul li a.active:focus {background:rgba(220, 36, 0, 1); color:white;}


.tel {color: rgba(60,60,60,1); text-decoration:none; font-weight:400; }
a:focus .tel {color:rgba(220, 36, 0, 1; font-weight:600;)}
.address {}


#up-arrow {text-align:center; height:0.25em; width:100%;opacity: 0.5;
    filter: alpha(opacity=50);}
.up {max-height:100%; width:auto; }
#up-arrow :hover; {opacity: 1;
    filter: alpha(opacity=100);}
a:focus .up {outline:none;}