/********************************************
 * LOR Base Stylesheet
 * Copyright 2010 LOR Manufacturing Company
 * Blake M. Sisco
 *
 * Swatch Colors
 * =============
 * body bg: 
 * rgb(25,36,48) hsb(211,48,19) hex(#192430)
 * 
 * cta bg, header-top:
 * rgb(0,67,123) hsb(207,100,48) hex(#00437b)
 * rgb(6,89,140) hsb(203,96,55) hex(#06598c)
 * 
 * col-alpha,col-beta bg:
 * rgb(0,37,57) hsb(201,100,22) hex(#002539)
 * rgb(20,28,39) hsb(215,49,15) hex(#141c27)
 * 
 * a:
 * rgb(99,197,255) hsb(202,61,100) hex(#63c5ff)
 * 
 * body h1:
 * rgb(223,109,39) hsb(23,83,87) hex(#df6d27)
 * 
 *
 *
 * *****************************************/
/*Alternative fonts     */
/*======================*/
@font-face {
  font-family: 'ComfortaaThin';
  src: url('Comfortaa_Thin.eot');
  src: local('Comfortaa Thin'), local('Comfortaa-Thin'), url('Comfortaa_Thin.woff') format('woff'), url('Comfortaa_Thin.ttf') format('truetype'), url('Comfortaa_Thin.svg#Comfortaa-Thin') format('svg');
}
/*Resets and overrides*/
/*====================*/
* {
  margin:0 auto;
  padding:0;
}
img, img a:link {
  border:none;
}

/*links and type      */
/*====================*/
body {
  font-family:Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Trebuchet MS, Verdana;
  font-size:13px;
  line-height:1.46em;
  height:100%;
}
a:link, a:active, a:visited {
  color:#63c5ff;
  text-decoration:none;
}
a:hover {
  color:#df6d27;
  text-decoration:none;
}
h1 {
  font-weight:normal;
}
h1 a {
}
h1 a:hover {
}
h2 {
  font-weight:normal;
}
h2 a {
}
h2 a:hover {
}
/*layout              */
/*====================*/
#page {
  background-color:#192430;
	color:#fff;
}
#wrapper{
  position:relative;
	width:960px; 
  padding-bottom:285px;
  height:auto;
  min-height:100%;
}
#header {
	 background:transparent url('../images/header-bg.png') repeat-x top left;
	 width:100%;
	height:6.54em;-moz-box-shadow:rgba(5,5,5, .3) 0 2px 5px;
}
#header-wrapper{
	width:960px;
	position:relative;
}
#cta {
	width:100%;
	background:#00437b url('../images/cta-bg.png') repeat-x top left;
	height:216px;
  border-bottom:1px solid #0759dd;
  -moz-box-shadow:rgba(5,5,5,.5) 2px 2px 5px;
  -webkit-box-shadow:rgba(5,5,5,.5) 2px 2px 5px;
  box-shadow:rgba(5,5,5,.5) 2px 2px 5px;
}
#col-alpha, #col-beta {
  background:transparent url('../images/col-bg.png') repeat-x top left;
  position:relative;
  float:left;
  padding:10px 0px 10px 8px;
  margin:10px 15px 10px 0;
  min-height:500px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #032c38;
  -moz-box-shadow:rgba(5,5,5,.5) 0px 1px 5px;
  -webkit-box-shadow:rgba(5,5,5,.5) 0px 1px 5px;
  box-shadow:rgba(5,5,5,.5) 0px 1px 5px;
}
#col-alpha {
  width:621px;
  margin-left:0px;
}
#col-beta {
	position:relative;
	width:303px;
	float:left;
  margin-right:0px;
}
#footer {
	position:relative;
	clear:both;
  background:#141c27 url('../images/footer-top-border.gif') repeat-x 0 0;
  margin-top:-285px;
  height:285px;
  clear:both;
}
#footer-wrapper {
  position:relative;
  width:960px;
}
.footer-node:last-child {
  margin-right:0px;
}
.footer-node {
  text-shadow:rgba(5,5,5,1) 1px 1px 2px;
  background:transparent url('../images/col-bg.png') repeat-x top left;
  position:relative;
  float:left;
  padding:5px;
  margin:10px 10px 10px 0;
  height:225px;
  width:301px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #032c38;
  -moz-box-shadow:rgba(5,5,5,.5) 2px 2px 5px;
  -webkit-box-shadow:rgba(5,5,5,.5) 2px 2px 5px;
  box-shadow:rgba(5,5,5,.5) 2px 2px 5px;
}
#footer-wrapper div.footer-node span {
  position:relative;
  float:left;
  padding-left:20px;
}
.content-wrapper {
  position:relative;
  width:98%;
  padding-left:5px;
  /*margin-top:-.77em;*/
}
.sidebar-wrapper {
  width:98%;
  position:relative;
}
/*forms               */
/*====================*/
label {
  display:none; 
}
input[type="text"], textarea {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing: border-box;
  box-sizing:border-box;
  color:#777;
  padding:2px;
  margin:5px 0;
  position:relative;
  width:auto;
  font-family:inherit;
  font-size:1em;
}
textarea {
  width:100%;
}
input.button { }
div.footer-node form {
  width:98%;
}
/*misc                */
/*====================*/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.hide {
	display:none;
}
#company {
	 margin-left:-999999px;
}
.logo {
  background:transparent url('../images/logo-shadow-ref.png') no-repeat top left;
  width:337px;
  top:4px;
  height:81px;
  position:relative;
}
#main-nav {
  position:relative;
  width:auto;
}
#header ul.main-nav {
  width:502px;
  height:66px;
  background:url('../images/sprite_nav_main.png') no-repeat;
  margin:0;
  padding:0;
}
#header ul.main-nav li {
  list-style:none;
  float:left;
  display:inline;
}
#header ul.main-nav li, #header ul.main-nav a, #header ul.main-nav a:active, #header ul.main-nav a:visited {
  height:66px;
  display:block;
  border-style:none;
}
#header ul.main-nav li span{
	 position:relative;
	 z-index:-15;
}
#home a {
  width:50px;
}
#products a  {
  width:75px;
}
#integration a  {
  width:92px;
}
#support a  {
  width:70px;
}
#downloads a  {
  width:90px;
}
#about a  {
  width:57px;
}
#contact a  {
  width:68px;
}
#home a:hover {
  background:url('../images/sprite_nav_main.png') 0px -66px no-repeat;
}
#products a:hover {
  background:url('../images/sprite_nav_main.png') -50px -66px no-repeat;
}
#integration a:hover {
  background:url('../images/sprite_nav_main.png') -125px -66px no-repeat;
}
#support a:hover {
  background:url('../images/sprite_nav_main.png') -217px -66px no-repeat;
}
#downloads a:hover {
  background:url('../images/sprite_nav_main.png') -287px -66px no-repeat;
}
#about a:hover {
  background:url('../images/sprite_nav_main.png') -377px -66px no-repeat;
}
#contact a:hover {
  background:url('../images/sprite_nav_main.png') -434px -66px no-repeat;
}
#home a.active, #home a:active {
  background:url('../images/sprite_nav_main.png') 0px -132px no-repeat;
}
#products a.active, #products a:active {
  background:url('../images/sprite_nav_main.png') -50px -132px no-repeat;
}
#integration a.active, #integration a:active {
  background:url('../images/sprite_nav_main.png') -125px -132px no-repeat;
}
#support a.active, #support a:active {
  background:url('../images/sprite_nav_main.png') -217px -132px no-repeat;
}
#downloads a.active, #downloads a:active {
  background:url('../images/sprite_nav_main.png') -287px -132px no-repeat;
}
#about a.active, #about a:active {
  background:url('../images/sprite_nav_main.png') -377px -132px no-repeat;
}
#contact a.active, #contact a:active {
  background:url('../images/sprite_nav_main.png') -434px -132px no-repeat;
}
#cta-wrapper {
  width:960px;
  height:216px;
  overflow:hidden;
  position:relative;
}
#mask-gallery{
  overflow:hidden;
}
#gallery {
  list-style:none;
  margin:0;
  padding:0;
  z-index:0;
  width:2880px;
  overflow:hidden;
}
#gallery li {
  float:left;
}
#mask-excerpt { 
  position:absolute;
  top:0;
  left:0;
  z-index:500px;
  width:400px;
  overflow:hidden;
}
#excerpt { 
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -webkit-opacity:0.8;
  -khtml-opacity:0.8;
  opacity:0.8;
  list-style:none;
  margin:0;
  padding:0;
  z-index:10;
  position:absolute;
  top:0;
  left:0;
  width:400px;
  background-color:#000;
  overflow:hidden;
  /*font-family:ComfortaaThi,cs;*/
  /*font-size:;*/
  color:#fff;
}
#excerpt li {
  padding:5px;
}
.clear { 
  clear:both;
}
#cta .cta-img {
  z-index:10;
  height:216px;
}
/*
 *.cta-txt {
 *  font-family:'ComfortaaThin',Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Trebuchet MS, Verdana;
 *  text-shadow:rgba(5,5,5,1) 0 1px 1px;
 *  width:650px;
 *  padding-left:15px;
 *}
 *.cta-heading {
 *  font-size:1.38em;
 *  line-height:.791em;
 *  margin-top:.791em;
 *  margin-bottom:.791em;
 *  font-weight:normal;
 *}
 *.cta-txt p.prod-title {
 *  font-size:3.69em;
 *  line-height:.396em;
 *  margin-top:.5em;
 *  margin-bottom:.195em;
 *  margin-left:20px;
 *}
 *.cta-txt span {
 *  position:relative;
 *  width:50%;
 *  float:left;
 *  margin-top:.5em;
 *  margin-bottom:.5em;
 *}
 *.cta-txt span:last-child {
 *  margin-top:1.86em;
 *  margin-left:-2.50em;
 *  border-left:1px solid #ddd;
 *}
 *.cta-txt dd {
 *  list-style:none;
 *  font-size:1.23em;
 *  margin-left:20px;
 *}
 */
#col-alpha h1{
  color:#df6d27;
  font-size:1.96em;
  line-height:.745em;
  margin-top:.745em;
  margin-bottom:.745em;
}
#col-beta h1 {
  font-size:1.96em;
  line-height:.745em;
  margin-top:.745em;
  margin-bottom:.745em;
}
#col-beta h2 {
  font-size:1.38em;
  margin-top:1.55em;
  margin-bottom:.55em;
}
.news-content {
  border-bottom:1px solid #032c38;
}
#col-alpha div.content-wrapper p {
  margin-top:1.46em;
  margin-bottom:1.46em;
}
#col-alpha dl {
  margin-top:1.2em;
  margin-bottom:1.2em;
}
#col-alpha dd {
  margin-left:2em;

}
.clearfix:after {
  content: ".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
  height:1%;
}
.clearfix {
  display:block;
}
/* End hide from IE-mac */
.footer-heading {
  color:#09b1d5;
  font-size:1.69em;
  line-height:.863em;
  margin-bottom:.863em;
}
.footer-list span dd, div.footer-node dt {
  line-height:1.46em;
}
.footer-list span dd {
  margin-left:5px;
}
div.footer-node dt {
  font-weight:bold;
}
div.footer-node address {
  color: #09b1d5;
  font-size:1.36em;
  margin-left:20%;
  margin-top:2.5em;
}
div.footer-node a:link {
  color:#fff;
}
div.footer-node a:hover {
  color:#df6d27;
}
#copyright-wrapper {
  position:relative;
  width:960px;
  margin:0 auto;
  clear:both;
  color:#555;
}
#copyright-wrapper span a {
  float:right;
  position:relative;
  padding-left:15px;
}
.cta-button {
  display:inline-block;
  padding:5px 10px 6px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow:0 1px 3px #999;
  -webkit-box-shadow:0 1px 3px #999;
  text-shadow:0 -1px 1px #222;
  border-bottom:1px solid #222;
  position:relative;
  cursor:pointer;
}
/*
 *#cta-wrapper ul {
 *  position:absolute;
 *  list-style:none;
 *}
 */
