@import "http://meyerweb.com/eric/tools/css/reset/reset.css";
@import "/gt/fonts/sansation/stylesheet.css";
@import "/gt/fonts/walkway/stylesheet.css";

/*--------------------------- html5  ------------------*/
header, section, footer, aside, nav, article, figure {
  display: block;
}

/*--------------------------- Clearfix  ------------------*/

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/drop
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*--------------------------- Global ------------------*/
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica,sans-serif;
  font-size: 62.5%;
  font-size: .8em;
  color: #666;
  background: #333;
}

a,
a:link,
a:active,
a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {text-decoration: underline;}

img {border: 0;}

h1, h3, #contact h2 {
  font-family: 'WalkwaySemiBoldRegular', Helvetica, sans-serif;
  font-size: 3.2em;
  color: #222;
  text-shadow: 1px 1px 1px #999;
}

h1 {font-size: 3.4em; }
  
  nav + h1 {padding: 0 0 10px 0;}

h2, h4, h5, h6 {
  font-family: 'WalkwaySemiBoldRegular', Helvetica, sans-serif;
  font-weight: normal;
}

h4 {
  font-family: 'Arial', Helvetica, sans-serif;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {margin: .7em 0;}

p {margin: 1em 0; line-height: 1.5em; font-size: 1.2em;}


/*--------------------------- center ------------------*/

section {
  width: 990px;
  margin: 0 auto;
  clear: both;
}

#section {
  display: block;
  margin: 0 0 50px 0;
  padding: 0 0 60px 0;
}
/*--------------------------- body ------------------*/

#body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: url(/images/ui/shadow.png) top center no-repeat #fff;
}
#body section {padding: 20px 0;}

/*--------------------------- top nav ------------------*/

nav#top {
  height: 80px;
  width: 100%;
  border-bottom: 1px solid #999;
  background: #FFF; 
  background: -moz-linear-gradient(top, #FFF 0%, #CCC 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#CCC)); 
  position: relative;
  z-index: 300;
}

nav#top ul {
  width: 1000px;
  margin: 0 auto;
  text-align: right;
}

nav#top ul li {
  float: right;
  padding: 30px 7px 50px 7px;
}

nav#top ul li strong {
  display: inline-block;
  font-size: 1.5em;
  margin-top: -4px;
}

nav#top ul li a, nav#top ul li a:link,
nav#top ul li a:active, nav#top ul li a:visited {
  padding: 2px 6px;
  font-size: .85em;
  text-decoration: none;
  text-transform: uppercase;
}

nav#top ul li a:hover, nav#top ul li:hover a, nav#top ul li a.active {
  padding: 2px 6px;
  background: #ccc;
  color: #000;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-bottom: 1px solid #bbb;
}

nav#top ul li a.contact, nav#top ul li a.contact:link,
nav#top ul li a.contact:active, nav#top ul li a.contact:visited,
nav#top ul li a.contact:hover {
  color: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #45484d; 
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); 
}

nav#top ul li.logo {float: left;}

nav#top ul li.logo a {
  float: left;
  margin-top: -12px;
  width: 225px;
  height: 53px;
  text-align: left;
  background: url(/images/ui/Gibraltar-Technologies-logo.png) left top no-repeat;
  text-indent: -99999px;
  overflow: hidden;
}

nav#top ul li.logo, nav#top ul li.logo a   {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: none;
  padding-bottom: 0;
}

/* drop-downs */

nav#top ul li .dropdown {
  display: none;
  position: absolute;
  z-index: 100;
  padding-bottom: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}

nav#top ul li:hover .dropdown, 
nav#top ul li .dropdown:hover {
  margin-top: 38px; 
  display: block; 
  background: transparent url(/images/ui/black-transparent.png);
  width: 200px;
  overflow: hidden;
}

nav#top ul li .dropdown ul {float: left;}

nav#top ul li .dropdown ul li {
  float: left;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  border-top: 1px solid #000;
}

nav#top ul li .dropdown ul li a:link, 
nav#top ul li .dropdown ul li a:active, 
nav#top ul li .dropdown ul li a:visited {
  display: block;
  padding: 15px 10px;
  color: #999;
  float: left;
  text-align: left;
  text-transform: none; 
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; 
  width: 180px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background: none;
}
  
nav#top ul li .dropdown ul li a:hover {
  color: #fff;
  background: #000;
}
/*--------------------------- slideshow ------------------*/
#wrapper {
  background: url(/images/ui/gibraltar-blocks.jpg) bottom center repeat-x;
  width: 100%;
  margin: 0;
  text-align: center;
  position: relative;
  padding-top: 40px;
}

#plaque {
  display: block;
  margin: 0 auto;
}

.cta {
  display: block;
  margin: 50px 0 0 100px; 
  height: 400px;
  position: absolute;
  z-index: 100;
}

#plaque h2 {
  display: block;
  font-family: 'SansationLight', arial, sans-serif;
  font-size: 3.4em;
  background: transparent url(/images/ui/black-transparent.png);
  margin: 3px;
  padding: 3px 7px;
  line-height: 1.2em;
  letter-spacing: 0.07em;
  text-shadow: 1px 1px 1px #000;
  color: #fff;
}

  /* these are to change the orientation on a per slide basis */
  .left > h2 {float: left; clear: left;}
  .right > h2 {float: right; clear: right;}
  .right {float: right; clear: right;}
  .float {margin: 75px 0 0 500px;}

#plaque h2 span {
  background: #cc0000;
  padding: 7px;
  margin-right: 7px;
  text-transform: uppercase;
}

/*--------------------------- learn more ------------------*/
#wrapper p {
  width: 70px;
  height: 60px;
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
  left: 500px;
  z-index: 100;
  line-height: 1.5em;
  display: block;
  padding: 7px;
  font-size: .75em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: right;
  text-transform: uppercase;
  background: #ff3019; 
  background: -moz-linear-gradient(top, #ff3019 0%, #750202 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#750202)); 
}
.answer p.more {
  margin-top: 20px; 
  float: right;
  left: 200px;
  text-align: right;
  line-height: 1.5em;
  display: block;
  padding: 7px;
  font-size: .85em;
  text-decoration: none;
  text-align: right; 
  border: 1px solid #770A02;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;    
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-radius-bottomright: 3px;
  -webkit-border-radius-bottomleft: 3px;
  background: #770A02; 
  background: -moz-linear-gradient(top, #770A02 0%, #cc0000 25%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#770A02), color-stop(25%,#cc0000)); 
}

  .answer p.more a span {
    display: block;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
  }
  .answer p.more a:link, .answer p.more a:active, .answer p.more a:visited {
    display: block;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #770a02;
  }
  .answer p.more:hover {
    background: #770A02; 
    background: -moz-linear-gradient(top, #770A02 0%, #ff0000 25%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#770A02), color-stop(25%,#ff0000)); 
  }
  
  p.more a[href^="mailto:"] {
    padding-right: 30px;
    background: url(/images/icons/mail.png) no-repeat center right;
  }
  
  /* site-wide pdf icon */
  a[href $=".pdf"] {
    padding-right: 20px;
    background: url(/images/icons/page_white_acrobat.png) no-repeat center right;
  }
  

/*--------------------------- pager ------------------*/
#pager {
  display: block;
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 10px;
  z-index: 100;
  text-align: right;
}

#pager a {
  display: inline-block;
  text-decoration: none;
  margin-left: 10px;
  width: 12px;
  height: 12px;
  color: #ccc;
  font-size: .8em;
  text-align: center;
  background: #ccc;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
#pager a.activeSlide {
  color: #999;
  background: #999;
  }
#pager a:focus { outline: none; }

/*--------------------------- main (3) nav buttons ------------------*/
nav#main ul li {float: left;}

nav#main ul li a strong {
  display: block;
  padding: 17px 0;
}

nav#main ul li a:link,nav#main ul li a:active,
nav#main ul li a:visited {
  display: block;
  width: 315px;
  height: 50px;
  font-size: 1.5em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  color: #666;
  background: #FFF; 
  background: -moz-linear-gradient(top, #FFF 0%, #CCC 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#CCC)); 
  border: 3px solid #999;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  text-shadow: 1px 1px 1px #999;
}

nav#main ul li + li {margin: 0 13px;}
nav#main ul li + li + li {margin: 0;float: right;}

nav#main ul li a:hover, nav#main ul li a.active  {
  color: #fff;
  background: #999; 
  background: -moz-linear-gradient(top, #999 0%, #333 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#333)); 
  text-shadow: 1px 1px 1px #000;
}

/*--------------------------- testimonial ------------------*/
#testimonial {
  display: block;
  padding: 20px;
  margin-bottom: 20px;
}

#testimonial h2 {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: bold;
  font-size: 2em;}

#testimonial h2:after {
  font-family: Verdana, serif;
  font-size: 5em;
  position: relative;
  float: right;
  color: #fff;
  content: "\201d";
  right: 0px;
  z-index: 1;
}

p#credit {
  padding-right: 10px;
  border-right: 10px solid #fff;
  float: right;
  text-align: right; 
  font-size: 1em;
}

article {
  float: left;
  width: 50%;
}

blockquote {
  position: relative;
  float: right;
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1.3em;
  right: 15px;
  width: 90%;
  text-align: right;
  margin: 20px 0 20px 0;
  padding: 7px 0;
  border-top: 5px solid #ccc;
  border-bottom: 5px solid #ccc;
  clear: both;
}

blockquote a:link, blockquote a:active, blockquote a:visited {
  display: inline-block;
  white-space: nowrap;
  font-size: .6em;
  color: #0072bc;
}

blockquote span {
  display: block;
  text-align: right;
  font-family: verdana, sans-serif;
  font-size: .6em;
  color: #333;
}

blockquote:before {
  font-family: Verdana, serif;
  font-size: 6em;
  font-style: italic;
  position: relative;
  float: left;
  color: #ddd;
  content: "\201c";
  left: -75px;
  top: 75px;
  z-index: 100;
}

/* pagination links */

.paginate {
	display: block;
  padding: 1px 5px;
  margin: 0 0 75px 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.paginate > a, 
a.logout:link
a.logout:visited,
a.logout:active,
.viewall > a, 
a.viewall:link
a.viewall:visited,
a.viewall:active {
  font-size: 1em;
  background: #000;
  padding: 7px 10px;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #45484d; 
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); 
}
.viewall > a, 
a.viewall:link
a.viewall:visited,
a.viewall:active {
  font-size: 1.2em;
  padding: 10px 15px;
}

.paginate a:hover {background: #666;}
.viewall a:hover {background: #770A02;}

/*--------------------------- testimonial post form ------------------*/
#publishForm label,
#body section #section > label {
  display: inline-block;
  width: 160px;
  vertical-align: top;
  padding-top: 7px;
}

#publishForm textarea,
#body section #section textarea {
  width: 700px;
  display: inline-block;
}

#publishForm span {
  font-size: .9em;
  font-style: italic;
  color: #999;
}

#publishForm input[type="submit"] {
  position: absolute;
  bottom: 3px;
}
input[type="submit"].login {
 margin: -40px 0 0 20px;
 position: absolute;
 
}

form#publishForm {
  border-left: 20px solid #999;
  padding-left: 30px;
  position: relative;
}

/*--------------------------- icons ------------------*/
.icon {
  float: left; 
  height: 28px;
  width: 28px;
  display: block;
  margin: 0 10px 0 0;
  text-indent: -99999px;
  overflow: hidden;
}

.twitter {background: url('/images/icons/twitter.png') center center no-repeat;}
.facebook {background: url('/images/icons/facebook.png') center center no-repeat;}
.linkedin {background: url('/images/icons/linkedin.png') center center no-repeat;}
.skype {background: url('/images/icons/skype.png') center center no-repeat;}
.email {background: url('/images/icons/email.png') center center no-repeat;}
.close {background: url('/images/icons/badge-square-cross-16-ns.png') center center no-repeat;}

.now {
  height: 60px;
  width: 58px;
}

#contact a.close {
  position: absolute;
  float: right;
  margin: 20px;
  height: 24px;
  width: 24px;
  text-align: left;
  text-indent: -99999px;
  overflow: hidden;
  opacity: 0.4;
}
#contact a.close:hover {
  opacity: 1;
}

.skype58 {background: url('/images/icons/skype58.png') left center no-repeat;}
.google58 {background: url('/images/icons/google58.png') left center no-repeat;}

/*--------------------------- footer ------------------*/
footer {
  padding: 50px 0 0 0;
  font-size: .9em;
  color: #999;
  position: absolute;
  width: 100%;
}

footer p {font-size: 1em;}

footer a:link, footer a:active, footer a:visited {color: #999;} 

footer section ul {
  display: block;
  margin: 20px 0;
}
footer section ul.social li {float: left;}

footer fieldset {
  width: 24%;
  float: left;
}

footer fieldset strong {
  font-size: 2em;
  color: #fff;
}

fieldset#services {
  height: 298px;
  background: transparent url(/images/ui/bar.png) no-repeat top left;
  margin-left: 30px;
  padding: 0 0 50px 40px;
  line-height: 2.5em;
}

fieldset#services p {
  font-weight: bold;
  color: #fff;
}

fieldset#services li  {
  display: block;
  line-height: 2em;
}

a.solidwebsites:link, a.solidwebsites:active, a.solidwebsites:visited  {
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 2px #000;
  padding: 3px 5px;

}

a.solidwebsites:hover {
  text-decoration: none;
  background: #45484d; 
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); 
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/*--------------------------- partners display ------------------*/
#partners {
  bottom: -60px;
  margin-left: 550px; 
  width: 500px;
  overflow: hidden;
  z-index: 100;
  position: absolute;
  overflow: hidden;
}

#tower-wrapper {}

figure {
  float: left;
  width: 24px;
  height: 845px;
  background: transparent url(/images/ui/shadow-left.png) left top no-repeat;
  text-indent: -99999px;
  overflow: hidden;
}

aside {padding-bottom: 50px;}

aside + figure {background: transparent url(/images/ui/shadow-right.png) right top no-repeat;}

aside {
  float: left;
  background: #fff;
}

aside img {
  margin: 20px;
  opacity: 0.75;
}

aside img:hover {
  opacity: 1;
}

aside h3 {
  font-family: 'WalkwayBoldRegular';
  font-size: 3.4em;
  padding: 10px 0 18px 40px;
}

/*--------------------------- contact ------------------*/
#contact {display: none;}
#contact {
  font-size: .9em;
  margin: 0;
  background: #333333; 
  background: -moz-linear-gradient(top, #333333 0%, #000000 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000)); 
}

#contact form {margin-bottom: 20px; }
#contact fieldset {
  float: left;
  width: 40%;
  line-height: 1.7em;
}

#contact fieldset + fieldset + fieldset {width: 20%;}

#contact fieldset strong {
  display: block;
  font-weight: bold;
}

#contact fieldset p {margin-top: 25px; }

#contact fieldset p strong {
  color: #fff;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.5em;
  display: block;
}

#contact fieldset p strong em {
  font-size: .5em;
  padding-left: 10px;
  color: #666;
}

#contact fieldset a:link,#contact fieldset a:active,
#contact fieldset a:visited {
  display: block;
  color: #999;
  text-decoration: none;
  margin-bottom: 7px; 
}

#contact fieldset a:hover {
  text-decoration: underline;
  color: #fff;
}

#contact fieldset + fieldset + fieldset ul {
  clear: both;
  line-height: 1em;
}

#contact fieldset + fieldset + fieldset ul li.linx{padding-top: 10px;}

#contact h2 {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

#contact label {
  display: inline-block;
  width: 95px;
  vertical-align: top; 
  padding-top: 10px;
}

input[type=text], input[type=password],textarea, select {
  font-family: 'Arial', Helvetica, sans-serif;
  font-size: 1.2em;
  width: 225px;
  background: #999;
  color: #fff;
  padding: 7px;
  margin-bottom: 5px;
  border: 2px solid #333;
}

input[type=text]:focus, textarea:focus {
  background: #fff;
  color: #666;
  border: 2px solid #000;
}

input[type=submit] {
  width: 80px;
  float: left;
  margin-top: -70px;
  padding: 20px 0px 20px 10px;
  font-size: 1.3em;
  color: #fff;
  font-weight: bold;
  background: #ff3019; 
  background: -moz-linear-gradient(top, #ff3019 0%, #750202 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#750202)); 
  border: 1px solid #990000;
  text-transform: uppercase;
}
input[type=submit]:hover {
  background: #ff3019; 
  background: -moz-linear-gradient(top,#750202 0%, #ff3019 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#750202), color-stop(100%,#ff3019)); 
  text-shadow: 1px 1px 1px #000;
}

textarea {
  height: 90px;
  margin-top: 5px;
}

/*--------------------------- googletalk ------------------*/
li.googletalk {
  line-height: 1.5em;
}
li.googletalk img {
  height: 9px;
  width: 9px;
  padding-right: 10px;
  border: none;
}
li.googletalk span {
  display: block;
  margin-top: -7px;
}
/*--------------------------- click to learn more ------------------*/
.click-to-learn-more {
position: relative;
padding: 10px;
margin: 20px 0 -20px 0;
border: 5px solid #999;
background: white;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 40%;

}
.click-to-learn-more.top:before {
  top: -40px;
  right: 40px;
  bottom: auto;
  left: auto;
  border: 20px solid transparent;
  border-bottom-color: #999;
}
.click-to-learn-more:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  left: 40px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: #999;
}

.click-to-learn-more.top:after {
  top: -26px;
  right: 47px;
  bottom: auto;
  left: auto;
  border: 13px solid transparent;
  border-bottom-color: white;
}

.click-to-learn-more:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -26px;
  left: 47px;
  width: 0;
  height: 0;
  border: 13px solid transparent;
  border-top-color: white;
}
/*--------------------------- inform ------------------*/
.column {width: 50%; float: left; }
#service-wrapper {
  display: block;
  padding: 20px;
  white-space: nowrap; 
}

ul.inform {margin-bottom: 50px;}
ul.inform, ul.inform p {font-size: 1em;}

ul.inform li {
  padding: 4px;
  line-height: 1.5em;
}

ul.inform li h4 {
  background: url(/images/icons/dialog-apply.png) left center no-repeat;
  margin: 5px 0;
  padding: 5px 0 5px 35px;
  font-size: 1.4em;
  font-weight: bold;
}

ul.inform, ul.answer {
  list-style: none;
  cursor: pointer;
}

ul.answer li {display: none;}

ul.answer li {
  margin: 20px; 
  padding: 20px;   
}

ul.answer li ol {list-style: square;}
ul.answer li ol li, ul.answer li ul li {
  border: none;
  background: none;
  padding: 0px;
  margin: 7px 20px;
}

ul.answer li.description {
  display: block;
  margin-top: -10px;
  background: none;
}

ul.answer li.description p strong, ul.answer li p strong  {
  text-transform: uppercase;
  font-weight: bold;
}
/*--------------------------- career specific ------------------*/
ul.careers li h4 {
  background: url(/images/icons/input-keyboard.png) left top no-repeat;
  margin: 5px 0 -10px -10px;
  padding: 15px 0 5px 48px;
  height: 48px;
  font-size: 1.5em;
  font-weight: bold;
}

ul.careers li.description {margin-top: -40px;}

pre {white-space: pre-wrap;}

.answer .toggle ul li {list-style-type: square; }

.top span {
  display: block;
  font-weight: bold;
}

/*--------------------------- career specific ------------------*/
.services nav {margin: 30px 0;}

/*--------------------------- search results ------------------*/

.searchbutton {
  position: relative;
  float: right;
  margin: -33px 5px 0 0; 
  width: 24px;
  height: 24px;
  padding: 7px;
  text-indent: -99999px;
  overflow: hidden;
  border: none;
  background: transparent url('/images/icons/search-24-ns.png') center center no-repeat;
}

.search {
  display: block;
  padding-bottom: 100px;
}
.search h4 {
  padding: 12px 7px;
  background: #E8F7FD;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.search span {
  float: right;
  display: inline-block;
  color: #0072bc;
}

.search p {
  font-size: 1em;
  margin: -5px 0 20px 0;
  color: #999;
  font-style: italic;
}
/*--------------------------- error (404) ------------------*/
#error {
  display: block;
  padding: 30px 20px;
  margin: 40px 0;
 }
 
 #error h1, #error p {display: inline-block;}
 
 #error h1 {
   padding-right: 30px;
   margin-right: 30px;
   border-right: 10px solid #fff;
 } 

/*--------------------------- other------------------*/
.display {
  background: url(/images/ui/pattern4.png) #efefef;
  -moz-box-shadow: 0 0 5px #999;
  -webkit-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #fff;
}

.error-display {
 white-space: nowrap; 
 margin-bottom: 20px;
}

.error-display h2 {
  background: #E68F8F;
  color: #cc0000;  
  padding: 20px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

/*--------------------------- message ------------------*/
.message {
  background: url(/images/ui/gibraltar-blocks.jpg);
  padding: 20px;
  margin-bottom: 50px;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.message p, .message ul {font-size: 1.3em;}
.message ul li {
  padding: 7px;
  display: block;
  background: #efefef;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 3px solid #bbb;
}

.message a:link:before, .message a:active:before, .message a:visited:before {
  content: url(/images/icons/arrow-left-24-ns.png);
  width: 24px;
  height: 24px;
}