@font-face {
    font-family: 'Hattori_Hanzo';
    src: url('font/Hattori_Hanzo-webfont.eot');
    src: url('font/Hattori_Hanzo-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Hattori_Hanzo-webfont.woff') format('woff'),
         url('font/Hattori_Hanzo-webfont.ttf') format('truetype'),
         url('font/Hattori_Hanzo-webfont.svg#Hattori_Hanzo') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Core elements */
body { padding: 0; margin: 10px 0 0 0 ; background-color: #532020; font-family: Arial, Helvetica, sans; font-size: 13px; color: #ccc; line-height: 130%; }
hr { border: 2px solid #444; border-style: none none solid; margin-top: 10px; margin-bottom: 10px; }
#leftcol img { border-top: 2px solid #532020; border-bottom: 2px solid #594a4a; }
a { outline: none; }
ul { margin: 0px 20px 0px 20px; padding: 0; }
p { margin: 0; padding: 0 }

/* Table elements */
table { padding: 0px; margin: 0px; border-collapse: collapse; }
th { padding: 0px; text-align: left; }
td { padding: 0px; }
tr { vertical-align: top; }

/* PARALLAX */
div#toplogo { margin: 0 auto; width: 900px; }
div#midground { background: #000; background-image: url(http://www.moniquewagemakers.com/img/bar/rotate.php); background-repeat: no-repeat; background-position: top center; left:0; margin: 0; padding: 0; width: 100%; }
div#midgroundindex { background: #000; background-image: url(http://www.moniquewagemakers.com/img/bar/lucia2_bar.jpg); background-repeat: no-repeat; background-position: top center; left:0; margin: 0; padding: 0; width: 100%; }
div#midground_proddet { background: #000; background-image: url(http://www.moniquewagemakers.com/img/bar/proddet.php); background-repeat: no-repeat; background-position: top center; left:0; margin: 0; padding: 0; width: 100%; }
div#foreground { background: transparent; left:0; margin: 0; padding: 0; width: 100%; height: 295px; border-bottom: 2px solid #532020; }
#toplogocontainer { position: absolute; height: 300px; width: 900px; margin: 0 auto 0 auto; z-index: 1; }
.title1 { font-family: 'Hattori_Hanzo'; font-size: 36px; }
.title2 { font-family: 'Hattori_Hanzo'; font-size: 24px; line-height: 160%; }
		
/* NAV */
#navbg { background: #1b0505; width: 100%; height: 80px; margin: 0; border-bottom: 2px solid #532020; padding: 0; text-align: left; }
#navcontainer { background: transparent; width: 880px; height: 80px; margin: 0 auto 0 auto; padding: 15px 20px; text-align: left; }
.navtxt { font-family: 'Hattori_Hanzo'; font-size: 17px; color: #ccc; letter-spacing: 0; }

/* Body BGs */
#bg { background: #000; color:#8c9194; background-image: url(#); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }

/* Layout elements */
#container { margin: 25px auto 25px auto; width: 900px; line-height: 160%; }
#content { float: left; width: 880px; margin-top: 0px; margin-bottom: 10px; padding: 0 20px; min-height: 500px; }
#leftcol { float: left; width: 650px; margin-right: 30px; min-height: 500px; }
#rightcol { float: left; width: 200px; min-height: 500px; }
#fullcol { float: left; width: 850px; margin-right: 30px; min-height: 500px; }
#navcontainer a:link, #navcontainer a:visited { color: #ccc; text-decoration: none; }
#navcontainer a:hover { color: #fff; text-decoration: none; }
#navcontainer a:active { color: #ccc; text-decoration: none; }
#news { float: left; width: 400px; height: 100px; margin-left: 0px; margin-top: 180px; z-index: 10; }
.news { font-size: 14px; color: #fff; margin-left: 10px; }

/* Content */
#content a:link, #content a:visited { color: #ccc; text-decoration: none; }
#content a:hover { color: #fff; text-decoration: none; }
#content a:active { color: #ccc; text-decoration: none; } 

.large { font-size: 18px; line-height: 20px; color: #ddd; }
.small { font-size: 9px; color: #ccc; line-height: 12px; }
.smallside { font-size: 12px; color: #ccc; line-height: 14px; }         
.smallsiden { font-size: 12px; color: #ccc; line-height: 14px; }                
         
h1 { font-family: 'Hattori_Hanzo'; font-size: 16px; letter-spacing: 2px; line-height: 17px; color: #ccc; }
.subtitle { font-size: 15px; font-weight: bold; color: #ddd; }
                 
#footerbg { background: #532020; width: 100%; height: 80px; margin: 0; border-top: 2px solid #ccc; padding: 0; text-align: left; }
#footercontainer { background: transparent; width: 880px; height: 40px; margin: 0 auto 0 auto; padding: 5px 25px; text-align: left; }

/* Footer */
#footer { width: 900px; font-size: 12px; color: #666; padding-top: 10px; line-height: 130%;}
#footer a:link, #footer a:visited { color: #666; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer a:active { background-color: #666; color: #ccc; outline: none; }
#footericons { float: left; }
#footericons img { width: 30px; height: 30px; }
#footersearch { float: right; }
#footer h1 { color: #666; }
.smallf { font-size: 11px; color: #666; line-height: 12px; }

.vertical-text {
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	margin-left: 820px;
	top: 0px;
}