/* css 
  for 3D CAD Portfolio www pages (modified by +X^Nth 20130913) */
/* tobeusedwith fullsz+gradient .css */
/*http://javascriptkit.com/script/script2/rolldifferent.shtml
  Cut & Paste OnMouseover Slideshow
  Credit: JavaScript Kit*/


/*added for 'a separate div for-absolte-position-ing' (+X^Nth 20130910)*/
  /* div id="wrappingsldr" overall wrapping for the images slideshow & thumbnails */
#wrappingsldr{
  position : absolute;
/*wAsOk  left: 14%; wAsOk    asof 2013-09-11 02:07:14  */
/*WAS  left: 22.5%; *//* center this div =[{100%(body) - this width}/2] */
  left: 23%; 
  /* [top:10%; hasvertscollon1280x800] {Was 12%} with height: 72% of-the-overall- body (&width58%)*/
    /* was  top: 8.62%;  but still_a-bit_too-tall on 1280x800 with FF tabs , & info bars on bottom + no-script info bar*/
  top: 7.62%;
/*wAsOk  width : 72%; wAsOk of the overall body  asof 2013-09-11 02:07:14 */
/*  width : 62%;  64% of the overall body  asof  2013-09-11_09:30:25  looksgood */
/*  width : 60%;  60% of the overall body  asof  2013-09-11 10:40:52  looksgood */
/* [58% hasvertscollon1280x800] test to have both inside =width */
/*WAS  width : 55%; WAS */
  width : 54%; 
/*  height : 69%; *//* [72% hasvertscollon1280x800] WAS 80% of-the-overall body   experi_remove&only_leave-height=looks_OK*/
  margin : 0;
  border : 0 none;
  padding :0;
  z-index: 7;
  }
  /* div id="dsplyimagldr" for fullsize */
#dsplyimagldr{
/*  position : absolute;  test for centering BAD*/
/*  position : relative;  test for centering no*/
/*  width : 100%; 100%   of div id="wrappingsldr" */
/*  position : relative;    test for 'centering' */
/*  width : auto;  test for 'centering' */
/*wasok  height : 68%;    of div id="wrappingsldr"  wasoklooking -knd-of remove to have constraint on width*/
/*  max-height : 68%; */
/*wAsOK  width: 74%;  wAsOK  of div id="wrappingsldr" asof 2013-09-11 02:07:14  74% of 72% = 53% */
/* width: 92%; 88% of div id="wrappingsldr" 88% of 64% = 56% oftotal asof  2013-09-11_09:30:25  looksgood */
/* width: 94%; 94% of div id="wrappingsldr" 94% of 60% = 56% oftotal asof  2013-09-11 10:42:09  looksgood */
  width: 98%; /* WASOK 94% test to have both inside =width */
/*  margin : 0 auto; test for 'centering' nope */
/*  margin : 0 10%;  test for 'centering' itdoes moveit */
/*  margin : 0 -50%;  test for 'centering' ofcoursenot*/
  top :0; /*  test for 'centering' */
  right : auto; /*  test for 'centering' */
  left : auto; /*  test for 'centering' */
  margin : 0 auto;
  border : 0 none;
  padding :0;
  }
/*end_added for 'a separate div for-absolte-position-ing' (+X^Nth 20130910)*/

/* wASfrom NURBS_portflio.html head - style
_javascriptkit-onMonuseover-slider
+X^Nth 20130909 */

/*  a{ */
/*  text-decoration : none; isalredayupabove */
/*  text-align : center; TEST remove */
/*  vertical-align : baseline; TEST remove */
/*  outline-style : none;  moved to upabove */
/*  }*/
/* so ... dontneed 'a' here atall */

/*              the     ONE     fullsize    image  
is 'insideof' div id="dsplyimagldr"*/
/*wasok img.slid_ful{ wasok before move to a sepate div for abs posn */
  #slid_ful{
/*wasok  width: 92%; wasok before move to a sepate div for abs posn */
/* let width goto default=auto (fornow) */
  width : 100%; /* WASOK 99% */
/*wasok  height: 99%;  wasoklooking -kind-of remove to have constraint on width*/
/*  max-height : 99%; */
  margin: 0 auto;
  }
  
  /* div id="slide_thumbs" for thumbnails */
  #slide_thumbs{
/* wasok   width: 100%;wasok  but'toobig'  */
/*wAsOk  width: 92%; wAsOk  of div id="wrappingsldr"  asof 2013-09-11 02:07:14  92% of 72%  = 66% */
/*  width: 99%;  98% of div id="wrappingsldr"  asof  20130911_09:30:25  looksgood */
  width: 100%;
/*  max-height : 22%; */
/*wasOK  height: 16%; wasOK 16%   of div id="wrappingsldr" removed constraint =letit=automatic=only set overallwidth */
/*wasOK  margin-top : 1% ; wasOK*/
/* changed to   margin : 1% auto;   looksgood*/
/*  margin : 2% auto; WASOK  */
/* wasOk  margin : 2% auto 0;       0.62% auto 0;   still_too-tall*/
  margin : 0.5% auto 0;
  }
  img.slid_thmb{
/*  width: 150px;  sizeofthumbs*/
/*  height: 100px;  sizeofthumbs*/
  width: 92%;
/*wasok  height: 92%; wasok */
  }
/* end_wASfrom NURBS_portflio.html 
_javascriptkit-onMonuseover-slider
+X^Nth 20130909 */



/*  div for  Portfolio Page descriptions on-left-side-of-slideshow   */
/*(see above  #wrappingsldr WAS width: 55%; --100%=45%/2=22.5%  top: 8.62%; )*/
/*  20131021  100% -54%= 46%   /2= 23%  this_div -17%= 6%   */
#descpt_page {
  position : absolute;
  /*was  width:17%;
  left: 3%; was */
  width:17.77%;
  left: 2.47%;
  top: 7.62%; /*  SAMEas div #wrappingsldr (above)*/
/*was  padding: 1.16% 1% 1.062%; */
    padding: 1.062% 1% 1%;
  margin: 0;
  background-color: rgba(0,0,0,0.33) ; /* rgba(0,0,0,0.47) was-a-bit-too-dark */
  color: #f1f1f1; /* text off-white*/
  font-family : 'Arial' , 'Liberation Sans', 'sans-serif';
  text-align : right;
}

#descpt_slide {
  position : absolute;
/*was  width:17%;
  right: 3%; was */
  width:17.77%;
  right: 2.47%;
  top: 7.62%; /*  SAMEas div #wrappingsldr (above)*/
/*was  padding: 1.16% 1% 1.062%; */
    padding: 1.062% 1% 1%;
  margin: 0;
  background-color: rgba(0,0,0,0.33) ; /* rgba(0,0,0,0.47) was-a-bit-too-dark */
  color: #f1f1f1; /* text off-white*/
  font-family : 'Arial' , 'Liberation Sans', 'sans-serif';
  text-align : left;
}

#descpt_page h2 , #descpt_slide h3 {
/*was   margin: 0 0 0.56em; */
    margin: 0 0 0.47em;
 }

#descpt_page p , #descpt_slide p {
   margin:0;
 }
 

/*_fini_*/