@charset "utf-8";

/* CSS Document */



/* Style for desktops */

@media only screen and (max-width : 1200px) {



}



/* Style for tablets */

@media only screen and (max-width : 979px) {





/*The below styles deal with the background colours stripes*/

.Container.NoticeArea {

	background-color:#ebebeb;



}

/*NOTICE*/



.CompanyHeader .wrapper

{



	margin-top:0px;

}  

  

  

  



/*This login style hides the space casuse by bootstrap "visible on desktop only*/	

	.login{

		margin-bottom:-28px;

	}

  

/*LOGO*/	

  .logo img{

    /padding:5px 0;

  }  

	

	/*Navigation*/

.span12 .navbar{

padding:0;

}	

	

.navbar {

	/background:#b14;

	width:100%!important;

	margin-top:0px;

}



/*Style for nav bar and height*/

/.navbar-inner {

	background:#77aeb5;

	border:1px;

	box-shadow:none;

	min-height:0px;



}

/*Style for li*/

/.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {

    border-radius: 0px;

}	

	

/.navbar .nav > li > a{

	color:#ffffff;

	padding:15px;

	text-shadow:none;

	min-height:0px;

}

/*Style for li hover*/

/.navbar .nav > li > a:focus,

/.navbar .nav > li a:hover {

	background-color:#1d5c63;

	color:#ffffff;

}

/*Style for active state*/

/.navbar .nav > .active > a,

/.navbar .nav > .active > a:hover,

/.navbar .nav > .active > a:focus {

    background-color: #1d5c63;

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;

    color: #ffffff;

    text-decoration: none;

}





/*Below is the style for drop down menu*/



nav .nav-child {

	position: static;

	top: auto;

	left: auto;

	z-index: 1000;

	display: block;

	float: none;

	min-width: 160px;

	padding: 5px 0;

	margin: 6px 0 0;

	list-style: none;

	background-color: transparent;

	border: 0px solid #ccc;

	border: 0px solid rgba(0,0,0,0.2);

	*border-right-width: 0px;

	*border-bottom-width: 0px;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);

	box-shadow: 0 0px 0px rgba(0,0,0,0.2);

	-webkit-background-clip: padding-box;

	-moz-background-clip: padding;

	background-clip: padding-box;

}

/nav .nav-child.pull-right {

	right: 0;

	left: auto;

}

/nav .nav-child .divider {

	*width: 100%;

	height: 1px;

	margin: 8px 1px;

	*margin: -5px 0 5px;

	overflow: hidden;

	background-color: #e5e5e5;

	border-bottom: 1px solid #fff;

}

nav .nav-child a {

	display: block;

	padding: 15px 15px 15px 35px;

	clear: both;

	font-size: 13px;

	font-weight: normal;

	line-height: 18px;

	color: #ffffff;

	white-space: nowrap;

}

/nav .nav > li {

	position: relative;

}

/nav .nav > li:hover > .nav-child,

/nav .nav > li > a:focus + .nav-child {

	display: block;

}



/*Styling for the triangle shape above the drop down*/

nav .nav-child:before {

	position: absolute;

	bottom: 53px;

	left: 9px;

	display: inline-block;

	border-right: 7px solid transparent;

	border-bottom: 0px solid #5699a2;

	border-left: 7px solid transparent;

	border-bottom-color: rgba(0,0,0,0.2);

	content: '';

}

nav .nav-child:after {

	position: absolute;

	bottom: 53px;

	left: 10px;

	display: inline-block;

	border-right: 6px solid transparent;

	border-bottom: 0px solid #5699a2;

	border-left: 6px solid transparent;

	content: '';

}

/nav .nav-child li > a:hover,

/nav .nav-child li > a:focus,

/nav .nav-child:hover > a {

	text-decoration: none;

}

/*Style for sub menu active state*/

nav .nav-child > .active > a,

nav .nav-child > .active > a:hover,

nav .nav-child > .active > a:focus {

    background-color: #666666;

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;

    color: #ffffff;

    text-decoration: none;

}



/*	Style for drop down menu arrow icon */

/.nav > li > a > img {

	display:none;

    max-width: none;

	padding:7px 0 0 10px;

}	







	

	

	

	

}





/*Style for phones*/

@media only screen and (max-width : 767px) {

/*====The below style center the content containter for the certain sections, adjust for devices.====*/



	

.logo {







	text-align: center;



	width:100%!important;



}





		/*Navigation*/

.navbar {



	/width:100%!important;

	/margin-top:-10px;

}

  

  /*Social Links*/



.social{

		text-align:center;

	padding-top:10px;

	padding-bottom:8px;

	/background-color:#b14;

	overflow: hidden;

}



.socialIcons {

	background-color:grey;

	width: 230px;

	margin-left:auto;

	margin-right:auto;

	/float:left/

}



.facebook-icon, .twitter-icon, .google-icon, .linkdin-icon {

	float:left;

}

  

  

  /*Features Lower Content*/


  .featureCell{

padding-bottom:0px;    

  }

  

/*Footer feature Modules*/





  

      .chronoform.form-horizontal{



        		max-width:250px;

		margin-left:auto;

		margin-right:auto;    



  }

  

        

  

  

}/*<<<<End of Style for phones*/



@media only screen and (max-width : 480px) {



  

  

}



@media only screen and (max-width : 320px) {



}