body{
	font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
	text-align: justify;
    text-align-last: left;
	font-weight:100;
	color:#ddd;
}
p{
	color:#ddd;
	margin-bottom:15px;
}
::placeholder{
	color:#ccc;
}
.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
	position:relative;
	height: 100vh;
}
.hexegon-bg {
    background: url(../images/hexegon-patern.png)no-repeat;
    background-position: 0 top ;
    width: 100%;
    height: auto;
    padding: 10% 0;
    position: absolute;
    z-index: 99;
    background-repeat-x: repeat;
	top:0px;
}
.hexegon-bottom-bg {
    background: url(../images/hexegon-patern.png)no-repeat;
    background-position: 0 20px;
    width: 100%;
    height: auto;
    padding: 5% 0;
    position: absolute;
    z-index: 99;
    background-repeat-x: repeat;
    bottom: 0px;
}
.hexegon-top-bg {
    background: url(../images/hexegon-patern.png)no-repeat;
    background-position: 0 0px;
    width: 100%;
    height: auto;
    padding: 5% 0;
    position: absolute;
    z-index: 99;
    background-repeat-x: repeat;
    top: 0px;
}
.carousel-inner>.item {
    height: 100vh;
	overflow:visible;
}
.carousel-indicators li {
    width: auto;
    height: auto;
    text-indent: 0;
    border: 0px;
    margin: 0;
    border-radius: 0px;
    padding: 5px 25px;
    padding-top: 30px;
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}
.carousel-indicators .active {
    width: auto;
    height: auto;
    background-color: transparent;
	background:url('../images/slider.png')no-repeat;
	background-position:center 10px;
}
.logo {
    position: absolute;
    left: 50px;
    bottom: 78px;
}
.carousel-indicators {
    left: auto;
    z-index: 15;
    width: 72%;
    padding-left: 0;
    margin-left: 0;
    text-align: left;
    list-style: none;
    right: 0;
    background: url(../images/ticks.png)repeat-x;
    background-position: right top;
    padding-right: 30px;
    padding-top: 18px;
	bottom: 50px;
}
.carousel-caption {
    bottom: auto;
    z-index: 9999;
    padding-bottom: 20px;
    padding-left: 50px;
    text-align: left;
    top: 0px;
    right: 0 !important;
    left: 0 !important;
    width: 35%;
    height: 100%;
    padding-top: 50px;
}
.item-6 .carousel-caption {
	width: 100%;
}
.item-6 .carousel-caption p{
	margin-bottom:5px;
}
#newsTab .carousel-caption {
	width: 100%;
}
#newsTab .carousel-caption p{
	margin-bottom:5px;
}
.carousel-inner>.item {
	-webkit-transition:-webkit-transform 1.5s ease-in-out;
	-o-transition:-o-transform 1.5s ease-in-out;
	transition:transform 1.5s ease-in-out;
	-webkit-backface-visibility:visible;
	backface-visibility:visible;
	-webkit-perspective:1000;
	perspective:1000
}

#footerLeft {
    position: fixed;
    width: 30%;
    height: 20px;
    margin: 0px;
    padding: 0px;
    left: 50px;
    bottom: 25px;
}
#footerLeft img {
    vertical-align: middle;
}
.fotterText {
    color: #aaa;
    cursor: default;
	font-size: 11.5px;
}
#footerRight {
    position: fixed;
    width: 500px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    left: calc(100% - 500px);
    bottom: 20px;
    right: 0;
}
.carousel-caption h3 {
    color: rgb(255, 153, 51);
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: bold;
	margin-top:0px;
}
.carousel-caption h2 {
    text-transform: uppercase;
    color: #FF9933;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0px;
}
ul.products-li li {
    font-size: 24px;
    font-weight: bold;
	color:#FF9933;
}
ul.products-li li span{
	color:#ddd;
	font-size: 14px;
}
.panel-default>.panel-heading {
    color: #FF9933;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}
.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-title {
    margin-top: 0;
    font-size: 14px;
    color: inherit;
    margin-bottom: 12px;
}
.panel-title a {
    text-decoration: none;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px solid #ddd;
    padding-top: 0px;
	color:#ddd;
	font-size: 14px;
	margin-top: -5px;
}
.panel-title a span {
    color: #ddd;
    padding-left: 5px;
}
.panel-group {
    padding-left: 30px;
	padding-top:10px;
}
#loginDiv {
    margin-top: 30px;
    width: 390px;
    height: 190px;
    background-color: rgba(0,0,0,.5);
    border: solid 1px #aaa;
}
#loginDiv h5 {
    margin: 10px 0px 5px 15px;
    color: #FF9933;
}
#loginTable {
    width: 330px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 15px;
}
#loginTable .right1 {
    float: right;
}
.lessSmall {
    font-size: 12px;
}
#submitBtn {
    width: 65px;
    height: 20px;
	color:#000;
}
#loginText1, #loginText2 {
    margin-left: 15px;
    width: 420px;
    text-align: left;
    font-size: 11.5px;
}
.email {
    color: #A8E8F7;
}
#email, #password {
    margin-bottom: 0px;
	height: 20px;
	color: #000;
	width: 176px;
}
#loginTable p.lessSmall {
    margin-bottom: 10px;
}
.news-item {
    margin-bottom: 15px;
}
.newevent-left {
    width: 50%;
    float: left;
}
.newevent-right {
    width: 50%;
    float: right;
	margin-top: -34px;
}
ul.products-li.careers li {
    line-height: 20px;
	color: #ddd;
	font-weight:normal;
	font-size:20px;
}
ul.products-li.careers li span {
    color: #FF9933;
}


html, body                                  {width:100%;height:100%;overflow:hidden;/*no scroll*/background-color:#333399;/*drg blue for if a picture is unable to be loaded*/}

/* ------- Start Nav Style   -------- */
#nav{
	position:fixed;
	min-width:1200px;
	width:100%;
	height:125px;
	margin:0px;
	padding:0px;
	bottom:15px;
	z-index:1000;
}
#navSelector{
	background:url("../images/slider.png");
	background-repeat: no-repeat;
	z-index:4999;
	cursor:pointer;
	position:fixed;
	height:15px;
	width:127px;
}
#navLeftCol{
	float:left;
	width:30%;
	height:100%;
	overflow:hidden;
	z-index:1001;
}
#navLeftCol img{
	margin-top:12px;
	margin-left:50px;
}
#navRightCol{
	width:70%;
	float:right;
	height:100%;
	z-index:1002;
	clear:top;
	background:url("../images/ticks.png")repeat-x;
}
#navtable{
	height:100%;
	width:70%;
	padding:0px 0px 0px 20px;
	float:left;
}
#navTR{
	height:120px;
	width:100%;
}
#navTR td{
	color:#DDD;
	text-align:center;
	cursor:pointer;
	padding-left: 25px;
    padding-right: 25px;
}
#ticksDiv{
	background:url("../images/ticks.png");
	background-repeat:repeat-x;
	position:fixed;
	width:100%;
	height:100px;
	left:300px;
	bottom:50px;
	z-index:100;
}
#navShadow{
	background:url("../images/nav_shadow.png");
	pointer-events:none;
	opacity:.85;
	position:fixed;
	width:200%;
	height:250px;
	margin:0px;
	padding:0px;
	bottom:-15px;
	z-index:1000;
	background-repeat:repeat-x;
}


/* ------- Start Footer Style ------- */
#footerLeft {
	position:fixed;
	width:30%;
	height:20px;
	margin:0px;
	padding:0px;
	left:50px;
	bottom:25px;
}
#footerLeft img{
	vertical-align:middle;
}
#footerRight{
	position:fixed;
	width:500px;
	height:20px;
	margin:0px;
	padding:0px;
	left:calc(100% - 500px);
	bottom:20px;
	right:0;
}
/* ------- Start Tab Style  -------- */
#homeTab,#aboutTab,#productsTab,#serviceTab,
#supportTab,#newsTab,#careersTab,#contactTab{
	position: fixed;
	min-width:1200px;
	max-height:1200px;
	width:100%;
	height:100%;
	z-index:21;
}
#homeTab{
	background:url("../images/01_Home.jpg");
	background-size:cover;
	background-repeat:no-repeat;
}
#aboutTab{
	background:url("../images/02_About-Us.JPG");
	background-size:cover;
	background-repeat:no-repeat;
}
#productsTab{
	background:url("../images/03_Products.JPG");
	background-size:cover;
	background-repeat:no-repeat;
}
#serviceTab                                 {
	background:url("../images/04_Services.jpg");
	background-size:cover;
	background-repeat:no-repeat;
}
#supportTab{
	background:url("../images/05_Support.JPG");
	background-size:cover;
	background-repeat:no-repeat;
}
#newsTab{
	background:url("../images/06_News-and-Events.JPG");
	background-size:cover;
	background-repeat:no-repeat;
}
#careersTab                                 {
	background:url("../images/07_Carrers.JPG");
	background-size:cover;
	background-repeat:no-repeat;
}
#contactTab{
	background:url("../images/08_Contact-Us.jpg");
	background-size:cover;
	background-repeat:no-repeat;
}

div#homeTab .left-shade{
	background:url('../images/home-left-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
div#homeTab .right-shade{
	background:url('../images/home-right-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}

div#aboutTab .left-shade{
	background:url('../images/about-left-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
div#aboutTab .right-shade{
	background:url('../images/about-right-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}

div#productsTab .left-shade{
	background:url('../images/products-left-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
div#productsTab .right-shade{
	background:url('../images/products-right-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}

div#serviceTab .left-shade{
	background:url('../images/services-left-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
div#serviceTab .right-shade{
	background:url('../images/services-right-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}

div#supportTab .left-shade{
	background:url('../images/support-left-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
div#supportTab .right-shade{
	background:url('../images/support-right-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}

div#newsTab .left-shade{
	background:url('../images/news-left-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
div#newsTab .right-shade{
	background:url('../images/news-right-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}

div#careersTab .left-shade{
	background:url('../images/career-left-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
div#careersTab .right-shade{
	background:url('../images/career-right-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}

div#contactTab .left-shade{
	background:url('../images/contact-left-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}
div#contactTab .right-shade{
	background:url('../images/contact-right-shade.png')no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
}

.left-shade{
	width:35%;
	position:absolute;
	height:100%;
	top:0;
	left:0;
}
.right-shade{
	width:33%;
	position:absolute;
	height:100%;
	top:0;
	right:0;
}