/*  For Prime Circa's pages */


/*  general */
.logo36 {width:65px;height:36px;}
.crossover-line {position:absolute;width:100%;height:20px;border-bottom:solid 1px #d8d8d8;}
.crossover-text {position:relative;margin:0 auto;font-size:1.2em;background-color:#fff;text-align:center;}
.section-content {width:100%;text-align:center;}
.connect img {margin-right:20px;}
.link {color:#202020;text-decoration:underline;outline:none;cursor:hand;}
.link:hover {color:#000000;text-decoration:underline;}
pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

.sidestory {position:relative;width:840px;margin:0 auto;clear:left;}
.sidestory-header {position:relative;padding:10px 20px 10px 140px;text-indent:-120px;}
.sidestory-header:before {content:"SIDE STORY: ";}
.sidestory-header-on {background-color:#e5e5e5;padding-right:2.0em;}
.sidestory-header-on:after {content:'\d7';font-size:2.0em;color:#808080;float:right;position:absolute;top:5px;right:-80px;cursor:pointer;}
.sidestory-content {position:relative;height:70%;padding:20px;border:solid 1px #e5e5e5;overflow:auto;-webkit-overflow-scrolling:touch;}



/*  header */
#header {position:relative;top:0;width:100%; height:125px;border-bottom:1px solid #e5e5e5;}
#header-logo {position:relative;top:30px;width:385px;height:85px;margin:0 auto;}
#header-logo .logo-image {position:relative;left:0;top:0;width:355px;height:85px;}
#header .slogan {font-size:1.1em;color:#808080;width:450px;margin:0 auto;padding-top:10px;text-align:right;}

#nav-fixed {position:fixed;top:0;left:0;width:100%;height:64px;z-index:10000;border:none;pointer-events:none;}

#menu-button {position:absolute;width:64px;height:64px;top:0;right:0;z-index:10000;pointer-events:auto;
    background-image:url('/images/MenuIcon.png');background-size:36px 36px; background-repeat:no-repeat;background-position:14px 14px;
    transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;}
#menu-button:hover {opacity:0.6;}

#nav-header {position:relative;opacity:0;width:100%;height:64px;background-color:#fff;border-bottom:solid 1px #f2f2f2;pointer-events:auto;}
#nav-header-logo {position:absolute;width:93px;height:64px;top:0;left:-14px;z-index:10000;
    background-image:url('/images/PrimeCircaLogo_181x100.png');background-size:65px 36px; background-repeat:no-repeat;background-position:14px 14px;
    transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;}
#nav-header-logo:hover {opacity:0.6;}

#nav-drop {position:fixed;opacity:0;top:-100000px;left:0;width:100%;height:100%;padding-top:100px;z-index:9000;border:none;background-color:#fafafa;overflow:auto;-webkit-overflow-scrolling:touch;}

#nav-drop .section-title-line {position:absolute;width:100%;height:20px;border-bottom:solid 1px #d8d8d8;}
#nav-drop .section-title {position:relative;margin:0 auto;font-size:1.2em;;background-color:#fafafa;text-align:center;}
#nav-drop .section-content {width:100%;text-align:center;margin-top:30px;margin-bottom:100px;}
#nav-drop .section-content a {font-size:1.3em;}

#nav-drop .buy img {margin-right:20px;}

#nav-drop a {text-decoration:none;color:#202020;}
#nav-drop a:hover {text-decoration:underline;color:#202020;}
#nav-drop a:visited {text-decoration:none;color:#202020;}

#nav-content {position:relative;width:100%;min-height:1200px;}



/*  menu */
.menu {position:relative;margin:0 auto;text-align:center;clear:both;}
.menu ul {list-style-type:none;padding:0;margin:0 auto;}
.menu li {float:left;padding:0;margin:0;}
.menu li>a {display:block;width:130px;text-align:center;font-size:1.4em;text-transform:uppercase;}
.menu li>a:visited {color:#202020;}

.submenu {position:relative;margin:0 auto;text-align:center;clear:both;}
.submenu ul {list-style-type:none;padding:0;margin:0;}
.submenu li {float:left;padding:0;margin:0;}
.submenu li>a {display:block;width:150px;text-align:center;font-size:1.2em;color:#808080;}

.submenu a+ul {margin-top:10px;}
.submenu >a {clear:both;font-size:1.4em;padding:0 10px;}
.submenu >a:visited {color:#202020;}


/*  content */
#content {position:relative;width:100%; margin-top:20px;}
#content .section-title {font-size:1.4em;}


/*  footer */
#footer {position:relative; font-size: 0.8em; color:#808080;  clear: both; padding: 20px 0px; width:100%; text-align: center;}