/*  Customizations to the default bootsrap.css  */

body {
	background: GoldenRod;
	color: #FFF;
	text-align: center;
}

.left{
	
}




table {
	text-align:center;
}

.employee {
	text-align:left;

}
.NavBar {
	text-align: center;
}
#NavBar li {
	font:15px Arial;
	display:inline;
	List-style-type:none
	}
#NavBar a {
	padding: 10px 10px;
	color: #000;
	font-weight: bold;
	}
#NavBar a:hover {
	text-align: center;
	/*backgorund-color: #F90;*/
	}

td,th {
	color: #000;
	text-align: center;
}

.desctiption {
	font-weight: bold;
}
.descripton {
	font-weight: bold;
}
.desctiption td p {
	/*text-align: left;*/
}
	
.roundcorners {
	border: 10px solid #000000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
}

.roundcorners tr td table tr td {
	font-size: 24px;
	border: 2px none #000000;
	text-align: center;
	
}

.roundcorners tr td table {
	font-size: 18px;
	-ms-border-radius: 30px;
	margin: 0 auto;
	
}

footer {
	/*text-align: left;
}

.Footer {
	text-align: left;
}

.footer {
	text-align: left;*/
}

td,th {
	text-align: center;
}

.logo-image {
	height: 260px;
	text-align: center;
	
}

.affix {
 top: 0;
 width: 100%;
}

.affix + .container-fluid {
  padding-top: 70px;
}

/** Panels - Services**/
.panel {
	/*background-color: rgb(34, 34, 34);*/
	color: #F9F9F9;  /* text */
}


/** Navbar **/
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  text-align:center
}

.navbar .navbar-collapse {
  text-align: center;
}

/** Home Page **/
#info {
  font-weight: 700;
  font-size: 1.1em;
  margin: 0%;
  margin-top: 6%;
}

#pos li, #it li, #pos ul, #it ul{
  display: list-item;
  list-style-type: none;
  text-align: left;
}

#pos h1, #it h1 {
  text-align: center;
}

#pos li:before, #it li:before{
  content:"\2713\0020";
}

#it, #pos{
  padding: 0 1%;
}
  
#it img, #pos img, .services {
  border-radius: 5%;
  box-shadow: -0.4em -0.4em 1em rgba(8, 8, 8, 0.35) inset;
  background-color: rgba(224, 209, 29, 0.09);
  padding: 1.5%;
  display: block;
  max-width: 100%;
  height: auto;
}

/** Contact Us **/
.panel.contact {
	color: #C28F11;  /* text */
}

input, textarea {
	color: black;
	padding-left: 0px;
}

.gm-style-iw {
	color: black;
}

#field_errors {
	color:red;
}


/****   FOOTER   ****/  

#credentials img, #credentials object {
  box-shadow: -0.4em -0.4em 1em white inset;
  height: 2.2em;
}
/*forms*/
.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}
label{
	display: inline-block;
	width: 80px;
	margin-right: 0px;
	text-align: left;
	font-size: 18px;
}

input{

}

hr {
	color:#000}

fieldset{
border:none;
width:500px;
margin:0px auto;
}
/*media queries*/

/* Smaller ----------- */
/* Look into bootstrap Less files.  This is not workin  */
@media (max-width: @screen-xs-max) {
	#credentials img {
	  display: none;
	}
}