/* some general styles */
html { height: 100%; width: 100%; background: #000000; overflow-x: hidden; }
body {  height: 100%; width: 100%; font-family: Arial; font-size: 12px; color: #e4d8b3; line-height: 18px; font-size: 12px; overflow-x: hidden;}
#master { position: absolute; height: 100%; width: 100%; overflow: hidden!important; }

h1,h2,h3,h4,h5,h6{ margin:0px 0px 0px 0px; padding:0px 0px; margin-top:0px; font-weight: normal; font-family: 'RoughEgyptienne', Verdana; text-transform: uppercase; letter-spacing: 2px; }
h1{ font-size:39px; line-height:42px; margin-top: 0px; color: #9a5320; text-shadow: 1px 1px 3px rgba(0,0,0,1), 3px 3px 6px rgba(0,0,0,1); }
h2{ font-size:36px; line-height:36px; margin-bottom: 10px; color: #9a5320; text-shadow: 1px 1px 3px rgba(0,0,0,1), 3px 3px 6px rgba(0,0,0,1); }
h3{ font-size:24px; line-height:23px; margin-top: 20px; }
h4{ font-size:18px; line-height:23px; text-transform: none; margin-top: 14px; }
h5{ font-size:13px; line-height:16px }

.tan { color: #e4d8b3; }
.olive { color: #6a5b2e; } 
.orange { color: #9a5320; }

a, a:hover, a:visited { text-decoration: none; color: #e4d8b3; }
a { -webkit-transition:0.4s ease-out all; -moz-transition: 0.4s ease-out all; -ms-transition: 0.4s ease-out all; -o-transition: 0.4s ease-out all; transition: 0.4s ease-out all; }

p + p { margin-top: 10px; }

body { position: relative; height: 100%; width: 100%; background: url('../images/bg-boards.jpg') left top repeat; }
.nineninety { position: absolute; display: none; z-index: 100;top: 0px; left: 50%; margin-left: -495px; border: 1px solid yellow; width: 990px; height: 640px;  }

#logo { position: absolute; z-index: 13; left: 50%; margin-left: -365px; top: -5px; }
#inner { z-index: 14; position: absolute; height: 485px; width: 483px; left: 50%; margin-left: -70px; top: 155px; overflow: visible;}
#content { z-index: 14; position: absolute; height: 485px; width: 464px; padding-right: 16px; padding-left: 4px; left: 0px; top: 0px; overflow: hidden;}
#social { position: absolute; z-index: 13; left: 50%; margin-left: 415px; top: 235px; }
	
.shadows { position: absolute; top: 0px; left: 0px; }

#barrel { position: absolute; z-index: 12; left: 50%; margin-left: 350px; top: 180px; }
#tagline-board { position: absolute; z-index: 15; left: 50%; margin-left: -1100px; top: 625px; }
#text-tagline { z-index: 16; right: 150px; position: absolute; top: 27px; opacity: .8; }
#frame-main { position: absolute; z-index: 10; left: 50%; margin-left: -170px; top: 7px; background: none;  height: 750px; width: 675px;}
	.bg-content { position: absolute; z-index: 9; left: 40px; top: 40px;  }
	.frame-main { position: absolute; z-index: 11; left: 0px; top: 0px; background: none; }
	#pagetitle { z-index: 12; position: absolute; width: 470px; left: 100px; top: 90px; font-size: 48px; font-weight: normal; font-family: 'RoughEgyptienne'; color: #6a5b2e; letter-spacing: 2px; text-transform: uppercase;  margin-top: -3px; }
	
#frame-pictures { position: absolute; z-index: 10; left: 50%; margin-left: -810px; top: 5px; }
	.bg-pics { position: absolute; z-index: 10; left: 70px; top: 40px; }
	.frame-picture { position: absolute; z-index: 11; left: 0px; top: 0px; }
	.pictures { position: absolute; z-index: 10; left: 70px; top: 40px; width: 550px; height: 570px; overflow: hidden; }
	.pictures img { position: absolute; left: 0px; }
	
#frame-upper-right { position: absolute; z-index: 9; left: 50%; margin-left: 428px; top: -135px; }
	#sign-nosmoking { position: absolute; left: 70px; top: 70px; }

#frame-upper-left { position: relative; z-index: 12; left: 50%; margin-left: -1854px; top: -180px; }
	
#frame-lower-right { position: absolute; z-index: 9; left: 50%; margin-left: 200px; top: 760px; }
	.frame-small-horizontal { position: absolute; z-index: 10; left: 10px; top: -10px; }
	.bg-vertical-small { position: absolute; z-index: 9; left: 50px; top: 30px; }

#frame-lower-left { position: absolute; z-index: 8; left: 50%; margin-left: -868px; top: 722px; }
	.frame-big { position: absolute; left: 0px; top: 0px; }
	.boards-inframe { position: absolute; left: 70px; top: 100px; }
	
#footer { position: absolute; z-index: 15; top: 5px; left: 50%; margin-left: -485px; height: 20px; width: 400px; }
	#footer .footer-copyright { position: absolute; top: 5px; left: 0px; white-space: nowrap; }
	#footer, #footer a { color: #6a5b2e; font-family: 'RoughEgyptienne'; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; opacity: .7; }
	
#navigation { position: absolute; z-index: 20; top: 32px; left: 50%; margin-left: -80px; height: 50px; width: 540px; text-shadow: 1px 1px 3px rgba(0,0,0,1), 3px 3px 6px rgba(0,0,0,1); }
	#navigation .about { position: absolute; top: -24px; left: 0px; white-space: nowrap; font-size: 24px; padding-left: 10px; }	
	#navigation .menus { position: absolute; top: 16px; left: 0px; white-space: nowrap; font-size: 32px; padding-left: 10px;  }
	#navigation, #navigation a, #navigation a:visited { font-family: 'RoughEgyptienne'; letter-spacing: 2px; text-transform: uppercase }
	#navigation a:hover { color: #ffffff; }
	
	.navmenu ul { list-style: none; }
	.navmenu li { list-style: none; display: inline;   }
		.menus li { margin-right: 15px; }
		.about li { margin-right: 15px; }

.scrollarea { z-index: 30!important; display: block!important; opacity: .5; }
.gripper { position: absolute; bottom: 2px; width: 100%; padding: 5px 0px 2px;  }
.gripperbar { height: 2px; width: 70%; margin: 3px auto; background-color: #EA8652; }

.specials { z-index: 50; }
#special-one { position: absolute; top: 425px; left: 50%; margin-left: -260px; height: 115px; width: 164px; display: table;  }
	#special-one-img { position: absolute; z-index: 49; top: 365px; left: 50%; margin-left: -310px; height: 220px; width: auto; }
	#special-one .content { z-index: 2; display: table-cell; color: grey; text-align: center; vertical-align: middle;  }
	#special-one .content { font-family: "RoughEgyptienneItalic"; letter-spacing: 1px; color: #e4d8b3; font-size: 32px; text-shadow: 0px 0px 6px rgba(0,0,0,.7); line-height: 80%;  }

#special-two { position: absolute; z-index: 50; top: 305px; left: 50%; margin-left: 444px; width: 130px; display: table; height: 275px; }
	#special-two-img { position: absolute; z-index: 49; top: 275px; left: 50%; margin-left: 420px; height: auto; width: 180px;  }
	#special-two .content { z-index: 2; display: table-cell; color: grey; text-align: center; vertical-align: middle; }
	#special-two .content { font-family: "RoughEgyptienne"; color: #6a5b2e; letter-spacing: 1px; font-size: 32px; line-height: 190%;   }

#special-three { position: absolute; top: 580px; left: 50%; margin-left: -291px; height: 70px; width: 230px; display: table; }
	#special-three-img { position: absolute; z-index: 49; height: 140px; top: 545px; left: 50%; margin-left: -320px; height: 140px; width: auto; }
	#special-three .content { z-index: 2; display: table-cell; color: grey; text-align: center; vertical-align: middle;   }
	#special-three .content { font-family: "RoughEgyptienne"; color: #9a5320; letter-spacing: 1px; font-size: 32px; text-shadow: 0px 0px 5px rgba(0,0,0,1); line-height: 190%;  }
		
div#ccm-highlighter { margin-top: -49px!important; z-index: 100!important; }
.ccm-menu { margin-top: -58px; }
div.overflow { height: 100%!important; width: 100%!important; }