@charset "utf-8";
/* CSS Document */

a img{border:0; text-decoration:none;}
a:link, a:visited, a:active {color:#930; text-decoration:none;}
a:hover {color:#960;}

body {margin:0; padding:0; font-family: 'Open Sans', sans-serif; color:#444}
#outerwrap{margin:0 auto 0 auto; padding:0px 0 0px 0; }
#innerwrap{margin:0px 0px 0px 0px; padding:0px 0 40px 0;}

#head { margin:0; padding:20px 0 0 0; background:#f1f1f1; height:100px;}
#head-inner {clear:both; width:1000px; margin:0 auto 0 auto;  padding: 0; display:block} /* --- width control --- */
#logo {float:left; margin:10px -100px 0 0}

#nav {float:right; margin:30px 0 0 0;}
#nav a{ font-family: 'Droid Serif', serif; display:inline-block; font-size:1.1em; text-decoration:none; font-weight:600; color:#c14b2b; letter-spacing:-0.5px; margin:0 0 0 15px;}
#nav a:hover{ color:#c1872b;}

#banner {margin:0; padding: 0; background:url(images/banner.jpg) no-repeat top; background-size:cover; height:250px; }
#banner-inner {clear:both; width:1000px; margin:0 auto 0 auto;  padding: 0; display:block; text-align:center; } /* --- width control --- */
.subtag { font-size:1.3em; font-family: 'Droid Serif', serif; color:#fff; padding:20px 0 0 0; margin:20px 0 0 0; opacity:0.7; border-top:solid 1px #e9a39e; }

#content { margin:0; padding:30px 0 0 0;}
#content-inner {font-size:0.9em; clear:both; width:1000px; margin:0 auto 0 auto;  padding: 0; display:block; line-height:1.4em;} /* --- width control --- */

#footer { background:#CCC; color:#fff; padding:20px 40px 20px 40px;}
#footer-inner { color:#fff; width:1000px; margin:0 auto 0 auto; padding:20px 40px 20px 40px; display:block} /* --- width control --- */
	
h1 { font-size:1.9em; font-family: 'Droid Serif', serif; color:#fff; padding:70px 0 0 0; margin:0px 0 0 0;}
h2 { font-size:1.1em; font-family: 'Droid Serif', serif; color:#555; font-weight:700; margin:20px 0 10px 0; letter-spacing:-0.3px;}

ul li{ margin:0 0 10px 0;}
.col-left {float:left; width:48%;}
.col-right {float:right; width:48%;}
.clearboth {clear:both; display:block; height:4px;}
.line {clear:both; display:block; height:1px; margin:0px 0 20px 0; padding:20px 0 0 0; border-bottom:#CCC solid 1px;}
.justify {text-align:justify}


@media screen and (max-width: 1024px) {
#head-inner {width:100%;} /* --- width control --- */
#banner-inner {width:90%;} /* --- width control --- */
#content-inner {width:95%;} /* --- width control --- */
#footer { padding:20px 0px 20px 0px; text-align:center; }
#footer-inner {width:95%; padding:20px 0px 20px 0px;} /* --- width control --- */
}

@media screen and (max-width: 800px) {
#head { margin:0; padding:20px 0 0 0; background:#f1f1f1; height:280px;}
#logo {float:none; display:block; margin:10px 0px 0 0; text-align:center}
#logo img {width:150px;}
#nav {float:none; margin:20px 0 0 0; display:block;}
#nav a{display:block; font-size:1.1em; color:#c14b2b; text-align:center; margin:0 0 0 0px; padding:10px 0 10px 0; border-top:1px solid #999}
#nav a:hover { background:#CCC; color:#fff;}
#banner {height:250px; }
h1 { font-size:1.7em; padding:25px 0 0 0;}
.subtag { font-size:1.1em;  }
#content-inner { text-align:center;}
.col-left {float:none; display:block; width:100%; text-align:center;}
.col-right {float:none; display:block; width:100%; text-align:center;}
ul { margin:0 0 0px 0;  padding:0; list-style:none;}
ul li{ margin:0 0 0px 0; padding:0; list-style:none;}
}