/*
  http://www.w3schools.com/css/css_websafe_fonts.asp
  for a listing of websafe fonts and the appearance of them
*/
.inner-container {
	width: 100%; max-width: 1000px; margin: 0 auto; position: relative;
}
#sup-container {
	background: #110dd1; min-height: 42px; color: #fff; text-transform: uppercase; 
}
#header {
	background: #f3f3f3; display: block; width: 100%; min-height: 80px; color: #555555; 
}
#menu {
	background: #e16f0c; height: 50px; 
}
#banners {
	display: block; width: 100%; min-height: 10px; background: transparent ;
}
#container-main {
  width: 100%; background: transparent;
}
#main-wrapper {
	width: 100%;	background: transparent url(../img/rainbow-bar-bg.jpg) repeat-x center top; padding-top: 16px;
}
#content {
  min-height: 150px;
}
#sup-content {
	line-height: 0;
}
#sub-content {
	line-height: 0;
}
#sub-wrapper {
	line-height: 0;
}
#footer {
  display: block; width: 100%; min-height: 125px; padding: 10px 0; color: #fff;
  background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #0D0AA9),
		color-stop(1, #110ED1)
	);
	background-image: -o-linear-gradient(bottom, #0D0AA9 0%, #110ED1 100%);
	background-image: -moz-linear-gradient(bottom, #0D0AA9 0%, #110ED1 100%);
	background-image: -webkit-linear-gradient(bottom, #0D0AA9 0%, #110ED1 100%);
	background-image: -ms-linear-gradient(bottom, #0D0AA9 0%, #110ED1 100%);
	background-image: linear-gradient(to bottom, #0D0AA9 0%, #110ED1 100%);
}
#sub-container {
	background: #0c0aaa; width: 100%; padding: 10px 0; color: #fff;
}
#copyright {
	max-width: 300px; margin: 0 auto; text-align: center;
}