body {
color: #000000;
font-family: Arial, Helvetica;
padding: 0px;
margin: 0px;
background: #f4f4f4;
font-size: 70%;
}


@media all and (orientation: portrait) {
.container {width:70% }
.center { text-align: center; }
#header-bg-container {width:70%}
}  
  
@media all and (orientation: landscape) {
.container {width:60% }
#header-bg-container {width:60%;}
} 

div iframe {width:85%;height:250px;}
#bg {
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	z-index:-1;
}
#bg img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;
}
.container {margin:10px auto;background:#F6F6F6;	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;padding:5px;padding:1%;}


#header-bg {
	max-width:100%;
	background:url(../images/bg-header.png) repeat;
	padding:2% 0;
}
#header-bg-container {
	width:60%;
	margin:0 auto;
	padding:0;
}
#logo {
	max-width:100%;
	margin:0 auto;
}
#logo img {
	width:100%;
}
#contact-info {text-align:center;}
img {
border: 0px;
}

a {color: #0054ff; text-decoration: underline;}
a:hover {color: #0054ff; text-decoration: none;}

.breadcrumbs { 
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px; 
line-height: 18px;
margin: 10px 0px 15px 0px;
}

.navlink { 
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px; 
line-height: 25px;
width: 100%;
margin: 20px 0px 20px 0px;
text-align:center;
}

h2 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 20px; 
font-style: italic;
font-weight: bold;
line-height: 22px;
margin: 20px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

h4 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-style: italic;
font-weight: bold;
line-height: 20px;
margin: 20px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

.red {
color: red;
}