@charset "utf-8";
/* CSS Document TriplePlay Business Solutions*/
html, body {
    font-family: Arial, Helvetica, sans-serif;
}
.site-logo{
	/*float:none;
	clear:right;
	display:block;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;*/
}
.img-class{
	 display:block; 
	 margin-left:auto; 
	 margin-right:auto; 
	 background-color:#FFF;
	 text-align:center;
}

body {
  margin: 0;
  padding: 0;
  background:#FFF;
}

.nav ul {
  list-style: none;
  background-color: #1a3658; /*Dark Blue*/
  text-align: center;
  padding: 0;
  margin: 0;
  z-index:100;
}

.nav li {
  font-family: 'Oswald', sans-serif;
  font-size: 1em; /*16px*/
  line-height: 40px;
  text-align: left;
}

.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding-left: 15px;
  border-bottom: 1px solid #888;
  transition: .3s background-color;
}

/*
.nav a.active {
  background-color: #aaa;
    background-color: #ccc;
  color: #444;
  color: #F00;
  cursor: default;
}*/

/* change the font on the current page*/
.nav .current a{
	color:#e8491d;
    font-weight:bold;
}

/* added */
.nav ul li:hover >a{
    background-color:#6b7a8f; /*med blue*/
	color:#f7c331; /*yellow*/
    font-weight:bold;
	
}
/*** added ***/
.nav ul li:hover .submenu{
	display:block;
	max-height: 500px;  
	background-color:#B5BEC8; /*lgt blue*//*tan #dcc7aa*/
    font-weight:bold;
}
/*the highlighted submenu item*/
ul.submenu li:hover a{
   background-color:#F0F0F0; /*lt gray*/
	color: #e46426; /*orange*/
}
/*** added ***/
.nav li ul a {
	width:100%
}
.submenu a{
	
	font-style:italic;
	margin: 0;
	text-align:center;
}
/* hover behaviour for links inside .submenu 
.submenu a:hover {
  background-color: #f00;
 }*/
 
/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
  overflow: hidden;
  max-height: 0; 
  -o-transition: transform all 0.5s ease-out;  /*added*/
  -moz-transition: transform all 0.5s ease-out; /*added*/
  -webkit-transition: all 0.5s ease-out;
  -webkit-transition: -webkit-transform all 0.5s ease-out;  /*added*/
}
	
/* Sub Menus */
.nav li li {
  font-size: .9em; 
   z-index:99; 	
}
/*-----------------------------*/
/* menu toggling icon             */
/*-----------------------------*/

a.toggle-nav {
padding:0px;
float:right;
clear:right;
display:block;
box-shadow:0px 1px 1px rgba(0,0,0,0.15);
border-radius:3px;
background:#303030;
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
color:#95DB20;
font-size:20px;
transition:color linear 0.15s;
text-decoration:none;
}
a.toggle-nav:hover, a.toggle-nav.active {
text-decoration:none;
color:#f7c331; /*yellow*/
}



/*-----------------------------*/
/* body settings   mobile      */
/*-----------------------------*/
/*main {
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
}
.container{
	width:90%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}*/
.container{
	width:90%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#stripe1{
	margin:0px;
	padding:30px 0px 30px 0px;
	background-color:#E44226; /*orange*/
}
#container #stripe1 p{
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;
}

p{
	font-size:14px;
	width:90%
}

.spanclass{
	display:block;
	text-align:center;
}
.colorbar{
	clear:left;
	width:auto; height:auto;
    border-style:solid;
    border-color:#5A5962;  /*med gray*/
    background-color:#5A5962; /*med gray*/
	color:#fff;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	vertical-align: middle;
	text-align: center;
	margin:0px; 
	padding-left:0px;
}

ul.colorbar li{
	clear: left;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding-top: 5px;
	text-align: center;
}


h1{
	margin-top: 0px;
	margin-bottom:0px;
	padding:10px;
	font-size: 16px;
	text-transform:uppercase;
	text-align:center;

}

#stripe1{
	margin:0px;
	padding:0px 0px 0px 0px;
	background-color:#E44226; /*orange*/
	background-color:#b5bec8; /*light blue*/
}
.centerlist{
	list-style:none;
	margin:auto;
	text-align:center
}
/*.justify{
	float:right;
	clear:right;
}*/
.justify{
	float:left;
	clear:both;
	text-align:center;
	vertical-align:central;
}
.ctr{
	text-align:center;
	}
.org{
	color:#E44226;
	font-weight:bold;
}
.phone{
	font-size:18px;
}
p{
	font-size:16px;
	margin:0px;
	padding:0px;
}

/*#wowslider-container1{
	z-index:-1;
}*/

.copyright {
	clear:both;
	/*float:left;*/
	margin:0px 0px 50px 0px;
	padding:20px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	background-color:#EFEFEF; /*light gray*/
	
}

footer{
	
	text-align:center;
}

@media (min-width: 320px) and (max-width: 767px){
	/*uses same as above*/
}

/*-------------- Tablet View --------------*/

/*@media (min-width: 768px) and (max-width: 1023px){
}*/
@media (min-width: 768px){
}

/*-------------- Desktop View --------------*/

/*@media (min-width: 1024px) {*/
/*******************************************
   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/

/*@media screen and (min-width: 650px) {}*/

@media (min-width: 1000px){
	

.site-logo{
    float:left;
	background-color:#FFF;
}

/*  toggle menu */

a.toggle-nav {
   display:right;
 /*display:none;*/
}

/*-------end toggle ------------*/
  .nav li {
    width: 130px;
    border-bottom: none;
    height: 55px;
    line-height: 55px;
	font-size: 1.2em; /*19.2px  top menu bar words*/
    display: inline-block;
    margin-right: -4px;
  }

  .nav a {
    border-bottom: none;
  }

  .nav > ul > li {
    text-align: center;
  }

  .nav > ul > li > a {
    padding-left: 0;
	
  }

  /* Sub Menus */
  .nav li ul {
    position: absolute;
    display: none;
    width: inherit;
	width: 220px;
  }

  /*submenu words & background*/
 .nav li ul a {
	 /*color:#95db20; bright green*/
	 color:#00303f; /*cerilean blue*/
	 background-color:#E6E6E6;	/*med gray*/
	 width:220px;
	 border-style:groove;
	 border-width: 2px;
	 border-color:#FFF;
 }
 
  .nav li:hover ul {
    display: block;
  }

  .nav li ul li {
    display: block;
  }
  
  .submenu a{
	font-style:italic;
	margin-left:0px;
	text-align:left;
}

.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
  
}

.nav ul li:hover .submenu{
	display:block;
	max-height: 500px;
    background-color:#fff;	
}


.spanclass{
	display:inline;

}

#container #stripe1 h1{
	font-size:24px;
	font-family:Tahoma, Geneva, sans-serif;
	margin:0px;
	padding:10px 0px 10px 0px;
	clear:both; 
	text-transform:uppercase;
	text-align:center;
}

}