/*****Header Section********/

header
	{
		width:100%;
		height:60px;
		margin:0;
		padding:0;
		color:#b2b2b2;
		background-color:#CA6500;
	}

#header_wrapper
	{
		width:75%;
		/*height:75px;*/
		margin:0 auto;
	}

#logo
	{
		/*float:left;*/
	}

#social
	{
		/*float:right;*/
		width:150px;
		height:25px;
		margin:0;
		padding:5px;
	}

#social ul
	{
		float:right;
		list-style-type:none;
		margin:0;
		padding:0;
	}

#social ul li
	{
		float:right;
		display:inline;
		padding-right:10px;
	}

#social img:hover
	{
		opacity: 0.5;
	}
	
a
	{
		text-decoration:none;
		color:inherit;
	}
a:hover
	{
		text-decoration:underline;
		color: #FFF;
	}
	
/*******nav begins********/	

nav
	{
		clear:both;
	}
	
nav ul
	{
		clear:both;
		background-color: #222;
		overflow: hidden;
		color: #b2b2b2;
		padding: 0;
		text-align: center;
		margin: 0;
		-webkit-transition: max-height 0.4s;
		-ms-transition: max-height 0.4s;
		-moz-transition: max-height 0.4s;
		-o-transition: max-height 0.4s;
		transition: max-height 0.4s;
	}
nav ul li
	{
		list-style-type: none;
		display: inline-block;
		padding: 10px 20px;
	}
nav ul li:hover
	{
		background-color: #2E2E2E;
		color: #FFF;
	}
	
/******End nav *********/

/*****handle******/

.handle
	{
		font-weight:bold;
		width: 100%;
		background-color: #005C48;
		text-align:left;
		box-sizing: border-box;
		padding:15px 20px;
		color:#FFF;
		cursor: pointer;
		display:none; /*hides handle when in wider view*/
	}

/****handle ends*******/	


/*****Media query begins*********/

@media screen and (max-width: 768px)
	{
				
		nav ul
			{
				/* hides the nav in mobile view */
				max-height:0;
			}		
		.showing
			{
				max-height: 20em;
			}		
		nav ul li
			{
				box-sizing: border-box;
				width: 100%;
				padding: 15px;
				text-align:left;
			}		
		/*shows handle when in mobile view*/
		.handle
			{
				display:block;
			}
		
		header
			{
				height:100px;
			}
	}	

@media screen and (max-width: 992px)
	{
		header
			{
				height:100px;
			}
	}

/******Media query ends*******/

#slider_wrapper
	{
		width:100%;
		background-color:#595959;
	}
.no-margin
	{
		margin:0px;
	}

.no-padding
	{
		padding:0px;
	}

.text-justify
	{
		text-align:justify
	}

.text-gray
	{
		color:#666;
	}

.text-blue
	{
		color:#00376F;
	}

.right-img-padding
	{
		padding-top:20px;
	}
.img-padding
	{
		padding: 0 5px 0 0;
	}

.padding-top
	{
		padding-top: 10px;
	}
	
.site-footer
	{
		background-color:#222;
		color:#fff;
		margin-top:30px;
		padding-top:30px;
	}

.text-bold
	{
		font-weight:bold;
	}

.text-color-blue
	{
		color:#0054A8;
	}

.bottom-footer
	{
		border-top: 1px solid #b2b2b2;
		margin-top:10px;
		padding-top:10px;
		color:#b2b2b2;
	}

.footer-nav
	{
		list-style:none;
		text-align:right;
	}

.footer-nav li
	{
		display:inline;
	}

.footer-nav li:not(:first-child):before
	{
		content: '|';
		padding:0px 10px;
	}	

.footer-nav a
	{
		color:#b2b2b2;
	}

.footer-nav a:hover
	{
		color:#fff;
		text-decoration:none;
	}

#banner
	{
		width:73%;
		margin:0px auto;
	}
	
#outer_wrapper
	{
		width:100%;
		/*height:400px;*/
		background-color:#ccc;
	}

#wrapper
	{
		width:73%;
		/*height:400px;*/
		margin:0 auto;
		background-color:#9F9;
	}