/* text/css  rundabot.css */
/* Use for 3D CAD web_site for WilliamHalversen   to be used with fullsz+gradient.css*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* from fredhq com ( spec-ed by +X^Nth 20130818 ) */
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DefinE : RoundAb ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
       */


/*   adding-a-div for-positioning   */
#rndnav_posnn {
       padding: 0;
       border: none 0px;
     margin: 0 16.5%; /* _didNOTwork_ margin: 0 auto; _  __make+it_ _100%-76% /2 _ = 24/2 = 12%_-to-cntr-it_*/
 position: absolute;
 /* {WASinTable > 9% = tabletop row & margin : 0 auto; }*/
 /*  wAs  top: 21%;    change-to-bigger-than 12%  -to-have-it-centered-better-as-Window-re_sizes*/
 top: 36%; /* changen for rndnav_vert-n    _100-62_/2  */
 width: 67%; /* {WASinTable 76% } __ToDo calculate 76%_of_89%_=67.64__*/
 /*height: 62% ; *//*  ADD_ing changen for rndnav_vert-n  */
 height: 56% ; /*[20150519]WAS 62% changed for footer  */
}
/* adding-a-div for-vertical-cntrt_ing   because_ ul has JS posning */
#rndnav_vert-n {
height: 20em;
top:50% ;
margin: -9em auto ;
}


/* __INTERNAL to the JS */
    .roundabout-holder 
      {
       list-style: none;
       list-style-image : none;
       padding: 0;
       border: none 0px;
       margin: 0 auto;
/*WAS        height: 22em;  7-experi_a-ltl-smlr.css  21em looks ok  with width: 88%; */
       height: 20em; /*could be  height: 26em; [but (don't know why?) NOT 30%; (makes it go straight flat] */
/*WAS       width: 88%;  7-experi_a-ltl-smlr.css */
/* moved-to- div id= rndnav_posnn
      width: 89%;  {WASinTable width: 89%; _the_%_makes-it-size-with-Window_ [ could be  width: 52em; ]} */
       /* +ToDo removehere -to- calculate 76%_of_89%_+ */
       text-align: center;
      }
    .roundabout-moveable-item 
      {
      /* 24em / 16em = 1.5 ratioISgood_betw_1.3&1.6 */
/*WAS       height: 18em;  7-experi_a-ltl-smlr.css  17em looks ok */
       height: 17em; /*<14em> could be  height: 16em OR 14em; OR 220px */
/*WAS       width: 27em;  7-experi_a-ltl-smlr.css  26em looks ok */
       width: 25.5em; /*<21em>could be  width: 24em OR 19em;  OR 300px */
       padding: 0;
       /* border: none 0px; */
       /* border:1px solid black; */
       /* border: 0.46em groove #333333; OK */
       /*WAS       border: 0.38em ridge #333333;  with ht 24em & wdth 24 */
       border: 0.37em ridge #333333;
       border-right-style: groove;
       margin: 0 auto;
       text-align: center;
       display:block;
       cursor: pointer;
      }
     /* added from example www joezimis com "How to Build Custom Carousel ... " 
       & removed from html: <ul><li><img style=" width: 100%; ... etc (by +X^Nth 20130818) */
    .roundabout-moveable-item img 
      {
       height: 100%; width: 100%;
      }

    .roundabout-in-focus 
     {
      cursor: auto;
     }
     /* end_ INTERNAL to the JS */
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~ END_DefinE : RoundAb ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
       */
/*  default INFO from jquery.roundabout.js 
    minZ: 100
    maxZ: 280
    */
      /*   Added for toggle off/on in roundabout     */
      a.tggl {
/* was an = sign in the html then  2 ||  
   Now  a Bullet &bull; */
/*        z-index : 432;  added 20130827_19:26  prior to moving the feature central-near-bottom */
        /*    can be    margin : 3px ;  OR margin-bottom : 0.62em; = looks good*/
        margin-bottom : 0.81em;/* waS 0.62em */
        margin-left : 1em;/* waS 0.60em */
        margin-right : 1em;/* waS 0.62em */
        margin-top : 0.14em;/* waS 0.62em */
        /*        padding: 0.16em; */
/*waS        padding-bottom : 0.016em; for = sign & font 1.16em */
        padding-bottom : 0.1em;
/*waS        padding-left : 0.19em; for = sign & font 1.16em */
        padding-left : 0.446em; /*was 0.48em for the 2 || */
/*waS        padding-right : 0.168em; for = sign & font 1.16em */
        padding-right : 0.45em;
/*waS        padding-top : 0.03em; for = sign & font 1.16em */

        /* could_be  border: 0.23em groove #222222; */
        /*was       border: 0.22em groove #222222; with font-size : 1.20em; */
        border: 0.3em ridge #222222; 
       /*WAS  border-bottom-style : ridge;  with border-top-style : groove; 
                                    when it was middle_LEFT = showed 'black' to the rght */
     border-left-style : groove;
        color : #f3f3f3; /* f6f6f6 is light gray "Text" ( f3f3f3 is a little darker) */
        text-decoration : none; /* = No underlined links _ needed - seems to 'ignore'  "a" in 'fullsz+gradient.css'  */
/*WAS        font-size : 1.27em;  7-experi_a-ltl-smlr.css 
                                  (1.20em =sameas a.contact in 'fullsz+gradient.css') */
                              /* waS 1.20em  7-experi_a-ltl-smlr.css  looks good 
                                 then 1.16em  for an = equal sign now is 2 || */
        font-size : 0.72em;  
        font-weight : bold;
      }
      /*   END_Added for toggle off/on in roundabout     */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
      /* ADDED from example www joezimis com "How to Build Custom Carousel ... "  
        WORKS */

/* added     for-a-separate _ div id="carousel-descripts_posnn" 
   thisisINSIDEthe_div_with-roundabout-also   */
#carousel-descripts_posnn {

  width: 100%;
/*  bottom: 1%; didnotwork */
/*   margin: 33% auto 0;  ALOSTworked     margin: 18.62em auto 0; Yes*/
  /*was margin: 18.62em auto 0; was a-bit-too"low" _with rondabt tilt=8 */
  /* changedto margin: 17.62em auto 0;
  tilt: -7.56,
  WITH
  .roundabout-holder
  height: 20em;
  */
  margin: 17em auto 0;
}

  /* ul id="carousel-descripts" */
      #carousel-descripts {
        list-style:none;
        display:block; /* enables-show on the webpage (see others 'display' "#carousel-descripts"*/
        /* width:850px; */
        /*WAS        width: 100%;  { width : 86%; OK is narrower than imges above } tHEnwas93% for 25 chartrs*/
        width: 21em; /* 23em isabittoowidefor 25chrtrs  -in-a-separate_div*/
        /* 16em is narrower ok &  width: 18em; OK but is wider than imges  */
/*[WASok]        height : 1.23em;  "Tardis" = 1.23em IS smaller than the font-size 1.58 *//* { height : 2em; OK } ToDo test removal here    remove-to-have-a-separate_div&rgbA*/
        /*{BAD = height : 15%; added ALMOST ok ; box seemed to be  0 hgth (just a goove border at top of row, then the text below) & the page does not have to scroll ok */
        /*margin:25px auto; */
        margin : 0 auto;
        padding:0;
      }
      #carousel-descripts li  { 
      /* added */
        list-style:none;
        margin : 0 auto;
        
          background-color: rgba(0, 0, 0, 0.1) ; /*  added   -to-have-a-separate_div&rgbA*/
        
        /* padding: 0.19em; added OK  with above & below */
        /* WAS        border: 0.23em groove #333333;  OK */
/*[WASok]        border: 0.22em ridge #333333;  #333333; is dark gray  [WASok]removing        */
        /*        border-top-style: groove;  */
/*[WASok]        border-left-style: groove;   [WASok]removing-to-have-a-separate_div&rgbA*/
        color : #f6f6f6; /* text */
        /*        text-decoration : none;  (added to "a" in "fullsz+gradient.css") */
        /* END_added */

/*WAS        font-size : 1.58em;  7-experi_a-ltl-smlr.css 
              (ref 7-experi_a-ltl-smlr.css a.contact was 1.27em now_is 1.20em)
             [was 1.50em with "border: 0.23em groove #333333;"  here above] */
        font-size : 1.46em; /* font-size : 1.27em; OK with above height : 2em; */
/*WAS        font-weight:bold; 7-experi_a-ltl-smlr.css  doesn't look so hot*/
        /*[20150521]WAS font-family : 'Liberation Sans', 'sans-serif'; *//*  added '-to-have-a-separate_div&rgbA'*/
        /*[20150521] at_font-face.css  use .texgyreHerosBold in the html  */
        /*[20150521]WAS font-weight:bold; */
        text-align:center;
        
        display:none;  /* 'temporarily' no-show - is shown via SCRIPT below in 'li.current'*/
        /*temp test  display:block; for use without the actual js_code _worked_ok*/
       }
      #carousel-descripts a {
        display: block;
                           /*padding on the separate 'Contact'= 0.32em 0.56em 0.14em */
        padding: 0.27em ; /* added -to-have-a-separate_div&rgbA*/
        /*WAS        color : #f6f6f6;   */
        color : #ececec; /* f6f6f6 is light gray text (f0f0f0 is a little darker ; ececec a bit more drak) */
      }
      
      
      #carousel-descripts:hover {
  background-color: rgba(0, 0, 0, 0.29); /*background highlighted {wasok : rgba(0, 0, 0, 0.8);}*/

}

      #carousel-descripts a:hover {
  text-decoration: none;
  color: #f0f0f0; 
}


      
/*WAS      #carousel-descripts li.current { WAS*/
/*WAS       display:block;   now is shown via SCRIPT WAS*/
/*WAS      } WAS*/
      
            #carousel-descripts li.current {
       display:block; /*  now is shown via SCRIPT */
      }
      
      /* END_ADDED from example www joezimis com "How to Build Custom Carousel ... " WORKS 
                in 3D_CAD-ho_6.html + fullsz+gradient_6.css [20130826] (modified by +X^Nth) */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 



/*[20150522] moved Footer to separate css _es: roundabout vHEREv & slideshow */
/*** define id s for Footer ***/

/*[20150519]added div id="3D_CAD-by_William_Halversen" */
/*[201530]WasBAD /#3D_CAD-by_William_Halversen {    removed /  & need-to-start id or class with letter */
#CAD_Concepting-by_William_Halversen {
  /*[20150520]wasOK position: absolute; see .absolut    by  +X^N   
              actually cannot have absolute possning
    [20150602] actually do_need absolute possning see .absolut in fullzs+gradient.css               */
  left: 0; /*[201602]   added  */
  top: 0;
  /*[20150602]Was  height: calc(100% - 1px);  changed  for old DOCTYPE 4.01 */
  height: 99.9%;
  width: 100%;
  /* font-size: 0.62rem; BAD move to each 'Sub'div */
}

/*[20150519]added div id=ftrPsnnng */
#ftrPsnnng {
  /*[20150521]WasOK min-height: 100%; */
  /*[20150602]Was min-height: calc(100% - 3px); */ /*[20150521] fine_tune-a-bit */
  min-height: 99.8%; /*[20150602]canged -to- % for old DOCTYPE 4.01 */
  /*[20150520]wasok margin: 0 auto;  see .cntrd */
  /*^magic^ in order to have the footer 'stick' to the bottom of the page */
  /*^magic^ margin-bottom: -1.89em;  -SAME as the #ftrCC height  'magic' workaround  */
  margin-bottom: -1.80em; /* {-3.2em wasTOObig)(-2.2em was-a-bit_too-big) */
}

/*[20150519]added footer id=ftrCC */
#ftrCC {
  /* ^magic^ height: 1.56em; lessthanorequalto -margin-bottom #ftrPsnnng */
  height: 1.56em; /*  {- .2em wasTOObig)( 2em was-a-bit-big) */
  width: 100%;
  /*margin: 0 auto 1px; *//*did not work to remove 'extra' ? causing a vert scroll bar*/
  /*[20150520]wasok margin: 0 auto;  see .cntrd */
  padding: 0 0 0.162em; /*[20150520] changed to em (0 0 0.3 was-a-bit-big)*/
  font-size: 0.62rem; /*[20150520] added to reduce overall _to_increase-hiloDeco2demibold */
 }

/*[20150524 added #ftrCC a.contact_frm:hover from [20150523] SlideShow_onMouseover(3b_footer.css devel.*/
#ftrCC a.contact_frm:hover {
  background-color: rgba(0, 0, 0, 0.56);
  text-decoration: none;
}

/*** enD_define id s for Footer ***/
/*[20150522] _end_ moved Footer to separte css _es: roundabout & slideshow */




/* _fini_                                                                            by  +X^Nth   */