/*********************** HEADER AREA **********************/


#header {
    background: transparent;
}






#header-logo img {
	vertical-align: bottom;
}





@media (min-width: 1px) and (max-width: 549px) {
	
		/* #header-logo {
			float: left;
			width: 140px;
			margin: 0 auto 0 .6em;
			padding-top: .5em;
			padding-bottom: .5em;
		} */
		
		#headerRight {
		
		margin: 0 auto;
		}
		
		.topHeaderEmail {
			display: none;
		}
		
		
		
		.topHeaderContact {
		float: right;
		text-align: center;
		margin-right: 0;
		margin: .44em .2em 0 0;
		width: 160px;
		}
		
		.topHeaderContact a {
		font-size: .85em;
		font-weight: 700;
		color: #0f75bc;
		width: 160px;
		padding: .4em .5em;
		background: transparent;
		border: 2px solid #0f75bc;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #0f75bc;
		border: 2px solid #0f75bc;
		}

		.topHeaderContactSmall {
		float: right;
		text-align: center;
		margin-right: 0;
		margin: .44em .2em 0 0;
		width: 160px;
		
		}
		
		.topHeaderContactSmall a {
		font-size: .85em;
		font-weight: 700;
		color: #0f75bc;
		width: 160px;
		padding: .4em .5em;
		background: transparent;
		border: 2px solid #0f75bc;
		}
		
		.topHeaderContactSmall a:hover {
		color: #ffffff;
		background: #0f75bc;
		border: 2px solid #0f75bc;
		}
		
		#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
       top: 0;
	   background: #ffffff;
	   border-bottom: 1px solid #cccccc;
        
    }
    .fixedHeaderWrap {
        margin:0 auto;
        
    }
		
		
	
}

@media (min-width: 1px) and (max-width: 990px) {
	#fixedContainer {
		position: fixed;
		width: 100%;
		max-width: 100%;
		z-index: 1000;
		top: 0;
		background: #ffffff;
		border-bottom: 1px solid #ccc;
	}

	.fixedHeaderWrap {
		margin:0 auto;
	}

	#header-logo {
		float: left;
		margin-left: 1rem;
		width: 130px;
		height: 100px;
	}
}	


@media (min-width: 550px) and (max-width: 990px) {
	
		
	
		/* #header-logo {
		float: left;
		
		margin-left: .7em;
		padding-top: .7em;
		padding-bottom: .7em;
		} */
		
		/* #headerRight {
		float: right;
		margin-top: .5em;
		margin-right: 1.2em;
		} */
		
		
		
	.logoWidthFull {
		width: 271px;
		transition: all 0.3s;
	}

	.logoWidthSmall {
		width: 191px;
		transition: all 0.3s;
	}
	
	
	
	
	.topHeaderContact {
		float: right;
		text-align: center;
		margin-right: 0;
		margin-top: 1em;
		}
		
	.topHeaderContact a {
	font-size: 1em;
    font-weight: 700;
    color: #0f75bc;
    width: 230px;
    padding: .4em .65em;
    background: transparent;
    border: 3px solid #0f75bc;
    letter-spacing: 1px;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #0f75bc;
		border: 3px solid #0f75bc;
		}

.topHeaderContactSmall {
		float: right;
		margin-top: .5em;
		margin-right: 0;
		transition: all 0.4s;
		}
		
.topHeaderContactSmall a {
		font-size: 1em;
    font-weight: 700;
    color: #0f75bc;
    width: 230px;
    padding: .4em .65em;
    background: transparent;
    border: 3px solid #0f75bc;
    letter-spacing: 1px;
		}
		
		.topHeaderContactSmall a:hover {
		color: #dddddd;
		background: #000000;
		}
		
		#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
       top: 0;
	   background: #ffffff;
	   border-bottom: 1px solid #cccccc;
        
    }
    .fixedHeaderWrap {
        margin:0 auto;
        
    }
		
		
	
}
	

@media (min-width: 900px)  {
	
	#fixedContainer {
		position: fixed;
		width: 100%;
		max-width: 100%;
		z-index: 1000;
		top: 0;
		background: transparent;
		box-shadow: 0 0 7px #828282;
    }
    .fixedHeaderWrap {
        margin:0 auto;
    }
	
	
	#rotating-banner {
		display:block;

	}

	#rotating-banner img {width:100%}
	
	/* #header-logo {
    	float: left;
	} */
	
	.logoWidthFull {
		width: 543px;
		/* padding-top: .8em;
		padding-bottom: 1.4em; */
		transition: all 0.3s;
	}

	.logoWidthSmall {
		width: 180px;
		/* padding-top: .7em;
		padding-bottom: .7em; */
		transition: all 0.3s;
	}	
	
	
	/* #headerRight {
	float: right;
	width: 300px;
	} */
	
	.topHeaderContact {
		float: right;
		text-align: center;
		margin-right: 0;
		margin-top: 3.2em;
		transition: all 0.4s;
		}
		
		.topHeaderContact a {
		font-size: 1.3em;
		font-weight: 700;
		color: #0f75bc;
		width: 250px;
		padding: .7em 1em;
		background: transparent;
		border: 3px solid #0f75bc;
		letter-spacing: 1px;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #0f75bc;
		}

.topHeaderContactSmall {
		float: right;
		margin-top: 1em;
		margin-right: 0;
		margin-bottom: .9em;
		transition: all 0.4s;
		}
		
.topHeaderContactSmall a {
		font-size: .95em;
		font-weight: 700;
		color: #0f75bc;
		width: 250px;
		padding: .45em .73em;
		background: transparent;
		border: 3px solid #0f75bc;
		}
		
		.topHeaderContactSmall a:hover {
		color: #ffffff;
		background: #0f75bc;
		border: 3px solid #0f75bc;
		}

}

@media (min-width: 900px) and (max-width: 1290px) {

		#header-logo {
			margin-left: 1em;
		}

		#headerRight { 
			margin-right: 1em;
		}

}