/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}

body {background: url(images/body.png) repeat-x; background-color: #efede9; font-family: Arial, Helvetica, sans-serif;}
#container {width: 80%; max-width: 800px; margin: 0 auto;}

#header {padding: 15px 0 25px; background-image: url(images/bg_tag.png); background-repeat: no-repeat; background-position: right top;}
#header h1 {padding: 25px 0 0; font-size: 60px; font-weight: 600; text-align: left; letter-spacing: 0px; font-family: 'Oswald', Tahoma, Geneva, sans-serif; color: #333; text-transform: uppercase;}
#header h1 a {color: #3e3e3e; text-decoration: none;}
#header h1 a:hover {color: #666666; border-bottom: none;}
#header h2 {margin: 0; padding-top: 4px; font-size: 22px; font-style: normal; font-weight: normal; text-align: left; color: #666666; font-family: Georgia, serif;}
#header p {font-size: 18px; font-family: 'Oswald', Arial, sans-serif; color: #333; padding: 10px 0 0; text-align: left;}
#header p a {color: #004952; text-decoration: none;}
#header p a:hover {border-bottom: none;}

.flex-control-nav {z-index: 1000;}

/* Media Queries
***********************/

@media only screen and (max-width: 960px) {
  #header {background-image: url(images/bg_tag-1.png); background-repeat: no-repeat; background-position: right top;}
}

@media only screen and (max-width: 920px) {
  #header {background-image: url(images/bg_tag-2.png); background-repeat: no-repeat; background-position: right top;}
}

@media only screen and (max-width: 860px) {
  #header {background-image: url(images/bg_tag-3.png); background-repeat: no-repeat; background-position: right top;}
}

@media only screen and (max-width: 800px) {
  #header {background-image: url(images/bg_tag-4.png); background-repeat: no-repeat; background-position: right top;}
}

@media only screen and (max-width: 769px) {
  #header {background-image: none;}
}

@media only screen and (max-width: 768px) {
  #header {}
  #header h1 {font-size: 50px; letter-spacing: -1px; text-align: center;}
  #header h2 {font-size: 18px; line-height: 22px; text-align: center;}
}

@media only screen and (max-width: 480px) {
  #header {}
  #header h1 {font-size: 45px; letter-spacing: -1px; text-align: center;}
  #header h2 {font-size: 16px; line-height: 18px; text-align: center;}
}

@media only screen and (max-width: 320px) {
  #header h1 {font-size: 35px; letter-spacing: 0px;}
  #header h2 {font-size: 12px; line-height: 14px;}
}