/*                                                      
             ______                                                  
            /\     \                                               
           /  \     \                                              
          /    \     \                                             
         /      \_____\                                           
        /        |::::|                                          
       /    /|   |::::|                                             
      \    /:|   |:::______                                            
       \  /::|   |::/\     \                                            
        \/___|   |:/  \     \                                          
             |   |/    \_____\                                          
             |        /:::::/                              
             |       /:::::/                                     
             |      /:::::/                                      
              \    /:::::/    Responsive Scaffolding Grid                                  
               \  /:::::/  Developed By Nathaniel Kessler
                \/_____/         www.nathanielkessler.com
                                              
*/ 
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	
}

.beam { clear:both; zoom: 1;}
.beam:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.pillar { float:left;}

.pillar:first-child { width:inherit; width:auto; }
.alignCenter { text-align:center;}
.alignRight { text-align:right}
body .center { margin-left:auto; margin-right:auto;}
.right { float:right;}


.width5,  .width10, .width15, .width20, .width25, .width30, .width35, .width40, .width45, .width50, .width55, .width60, .width65, .width70, .width80, .width85, .width90, .width95, .width100 
{ 
    /*margin-left:-.1%;*/
}
.width5.last,  .width10.last, .width15.last, .width20.last, .width25.last, .width30.last, .width35.last, .width40.last, .width45.last, .width50.last, .width55.last, .width60.last, .width65.last, .width70.last, .width80.last, .width85.last, .width90.last, .width95.last, .width100.last
{
    margin-left:0px;    
}
.width5 { min-width: 5%; width:5% !important;}
.width10 { min-width: 10%; width:10% !important;}
.width15 { min-width: 15%; width:15% !important;}
.width20 { min-width: 20%; width:20% !important;}
.width25 { min-width: 25%; width:25% !important;}
.width30 { min-width: 30%; width:30% !important;}
.width33 { min-width:33.3333%; width:33.3333% !important;}
.width35 { min-width: 35%; width:35% !important;}
.width40 { min-width: 40%; width:40% !important;}
.width45 { min-width: 45%; width:45% !important;}
.width50 { min-width: 50%; width:50% !important;}
.width55 { min-width: 55%; width:55% !important;}
.width60 { min-width: 60%; width:60% !important;}
.width65 { min-width: 65%; width:65% !important;}
.width70 { min-width: 70%; width:70% !important;}
.width75 { min-width: 75%; width:75% !important;}
.width80 { min-width: 80%; width:80% !important;}
.width85 { min-width: 85%; width:85% !important;}
.width90 { min-width: 90%; width:90% !important;}
.width95 { min-width: 95%; width:95% !important;}
.width100 { min-width: 100%; width:100% !important;}



.blackberry .width5, .rsgIE7 .width5, .rsgIE6 .width5 { margin-left:-.2%;}
.blackberry .width10, .rsgIE7 .width10, .rsgIE6 .width10 { margin-left:-.2%;}
.blackberry .width15, .rsgIE7 .width15, .rsgIE6 .width15 { margin-left:-.2%;}
.blackberry .width20, .rsgIE7 .width20, .rsgIE6 .width20 { margin-left:-.2%;}
.blackberry .width25, .rsgIE7 .width25, .rsgIE6 .width25 { margin-left:-.2%;}
.blackberry .width30, .rsgIE7 .width30, .rsgIE6 .width30 { margin-left:-.2%;}
.blackberry .width35, .rsgIE7 .width35, .rsgIE6 .width35 { margin-left:-.2%;}
.blackberry .width40, .rsgIE7 .width40, .rsgIE6 .width40 { margin-left:-.2%;}
.blackberry .width45, .rsgIE7 .width45, .rsgIE6 .width45 { margin-left:-.2%;} 
.blackberry .width50, .rsgIE7 .width50, .rsgIE6 .width50 { margin-left:-.2%;} 
.blackberry .width55, .rsgIE7 .width55, .rsgIE6 .width55 { margin-left:-.2%;} 
.blackberry .width60, .rsgIE7 .width60, .rsgIE6 .width60 { margin-left:-.2%;} 
.blackberry .width65, .rsgIE7 .width65, .rsgIE6 .width65 { margin-left:-.2%;} 
.blackberry .width70, .rsgIE7 .width70, .rsgIE6 .width70 { margin-left:-.2%;} 
.blackberry .width75, .rsgIE7 .width75, .rsgIE6 .width75 { margin-left:-.2%;} 
.blackberry .width80, .rsgIE7 .width80, .rsgIE6 .width80 { margin-left:-.2%;} 
.blackberry .width85, .rsgIE7 .width85, .rsgIE6 .width85 { margin-left:-.2%;} 
.blackberry .width90, .rsgIE7 .width90, .rsgIE6 .width90 { margin-left:-.2%;} 
.blackberry .width95, .rsgIE7 .width95, .rsgIE6 .width95 { margin-left:-.2%;} 
.blackberry .width100, .rsgIE7 .width100, .rsgIE6 .width100 { margin-left:-.2%;} 
.blackberry .width33 { margin-left:-.2%; }
.rsgIE7 .width33, .rsgIE6 .width33 { margin-left:-.3%;}




.max100, .max100 { max-width:100px; }
.max150, .max150 { max-width:150px; }
.max200, .max200 { max-width:200px; }
.max250, .max250 { max-width:250px; }
.max300, .max300 { max-width:300px; }
.max350, .max350 { max-width:350px; }
.max400, .max400 { max-width:400px; }
.max450, .max450 { max-width:450px; }
.max500, .max500 { max-width:500px; }
.max550, .max550 { max-width:550px; }
.max600, .max600 { max-width:600px; }
.max650, .max650 { max-width:650px; }
.max700, .max700 { max-width:700px; }
.max750, .max750 { max-width:750px; }
.max800, .max800 { max-width:800px; }
.max850, .max850 { max-width:850px; }
.max900, .max900 { max-width:800px; }
.max950, .max950 { max-width:950px; }
.max1000, .max1000 { max-width:1000px; }
.max1050, .max1050 { max-width:1050px; }
.max1100, .max1100 { max-width:1100px; }
.max1150, .max1150 { max-width:1150px; }
.max1200, .max1200 { max-width:1200px; }
.max1250, .max1250 { max-width:1250px; }
.max1300, .max1300 { max-width:1300px; }

.showAt100 { display:none;}
.showAt150 { display:none;}
.showAt200 { display:none;}
.showAt250 { display:none;}
.showAt300 { display:none;}
.showAt350 { display:none;}
.showAt400 { display:none;}
.showAt450 { display:none;}
.showAt500 { display:none;}
.showAt550 { display:none;}
.showAt600 { display:none;}
.showAt650 { display:none;}
.showAt700 { display:none;}
.showAt750 { display:none;}
.showAt800 { display:none;}
.showAt850 { display:none;}
.showAt950 { display:none;}
.showAt1000 { display:none;}
body .showOnSmartPhoneAll, body .showOnSmartPhoneLandscape, body .showOnSmartPhonePortrait, body .showOnIpadAll body .showOnIpadLandscape, body .showOnIphone4 { display:none;}


body.min50max100 .rebuild100 .pillar.breakable, body.min50max100 .rebuild150 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min50max100.rebuild100, body.min50max100 .rebuild100 {width:100%; min-width:100%;}
body.min50max100 .hideAt100 { display:none; }
body.min50max100 .showAt100 { display:inherit; *display:block; }

body.min100max150 .rebuild150 .pillar.breakable, body.min100max150 .rebuild150 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min100max150.rebuild150, body.min100max150 .rebuild150 {width:100%; min-width:100%;}
body.min100max150 .hideAt150 { display:none; }
body.min100max150 .showAt150 { display:inherit; *display:block; }

body.min150max200 .rebuild200 .pillar.breakable, body.min150max200 .rebuild200 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min150max200.rebuild200, body.min150max200 .rebuild200 {width:100%; min-width:100%;}
body.min150max200 .hideAt200 { display:none; }
body.min150max200 .showAt200 { display:inherit; *display:block; }

body.min200max250 .rebuild250 .pillar.breakable, body.min200max250 .rebuild250 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min200max250.rebuild250, body.min200max250 .rebuild250 {width:100%; min-width:100%;}
body.min200max250 .hideAt250 { display:none; }
body.min200max250 .showAt250 { display:inherit; *display:block; }

body.min250max300 .rebuild300 .pillar.breakable, body.min250max300 .rebuild300 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min250max300.rebuild300, body.min250max300 .rebuild300 {width:100%; min-width:100%;}
body.min250max300 .hideAt300 { display:none; }
body.min250max300 .showAt300 { display:inherit; *display:block; }

body.min300max350 .rebuild350 .pillar.breakable, body.min300max350 .rebuild350 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min300max350.rebuild350, body.min300max350 .rebuild350 {width:100%; min-width:100%;}
body.min300max350 .hideAt350 { display:none; }
body.min300max350 .showAt350 { display:inherit; *display:block; }

body.min350max400 .rebuild400 .pillar.breakable, body.min350max400 .rebuild400 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min350max400.rebuild400, body.min350max400 .rebuild400 {width:100%; min-width:100%;}
body.min350max400 .hideAt400 { display:none; }
body.min350max400 .showAt400 { display:inherit; *display:block; }

body.min400max450 .rebuild450 .pillar.breakable, body.min400max450 .rebuild450 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min400max450.rebuild450, body.min400max450 .rebuild450 {width:100%; min-width:100%;}
body.min400max450 .hideAt450 { display:none; }
body.min400max450 .showAt450 { display:inherit; *display:block; *display:block;}

body.min450max500 .rebuild500 .pillar.breakable, body.min450max500 .rebuild500 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min450max500.rebuild500, body.min450max500 .rebuild500 {width:100%; min-width:100%;}
body.min450max500 .hideAt500 { display:none; }
body.min450max500 .showAt500 { display:inherit; *display:block; }

body.min550max550 .rebuild550 .pillar.breakable, body.min550max550 .rebuild550 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min550max550.rebuild550, body.min550max550 .rebuild550 {width:100%; min-width:100%;}
body.min550max550 .hideAt550 { display:none; }
body.min550max550 .showAt550 { display:inherit; *display:block; }

body.min550max600 .rebuild600 .pillar.breakable, body.min550max600 .rebuild600 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min550max600.rebuild600, body.min550max600 .rebuild600 {width:100%; min-width:100%;}
body.min550max600 .hideAt600 { display:none; }
body.min550max600 .showAt600 { display:inherit; *display:block; }

body.min600max650 .rebuild650 .pillar.breakable, body.min600max650 .rebuild650 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min600max650.rebuild650, body.min600max650 .rebuild650 {width:100%; min-width:100%;}
body.min600max650 .hideAt650 { display:none; }
body.min600max650 .showAt650 { display:inherit; *display:block; }

body.min650max700 .rebuild700 .pillar.breakable, body.min650max700 .rebuild700 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min650max700.rebuild700, body.min650max700 .rebuild700 {width:100%; min-width:100%;}
body.min650max700 .hideAt700 { display:none; }
body.min650max700 .showAt700 { display:inherit; *display:block; }

body.min700max750 .rebuild750 .pillar.breakable, body.min700max750 .rebuild750 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min700max750.rebuild750, body.min700max750 .rebuild750 {width:100%; min-width:100%;}
body.min700max750 .hideAt750 { display:none; }
body.min700max750 .showAt750 { display:inherit; *display:block; }

body.min750max800 .rebuild800 .pillar.breakable, body.min750max800 .rebuild800 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min750max800.rebuild800, body.min750max800 .rebuild800 {width:100%; min-width:100%;}
body.min750max800 .hideAt800 { display:none; }
body.min750max800 .showAt800 { display:inherit; *display:block; }

body.min800max850 .rebuild850 .pillar.breakable, body.min800max850 .rebuild850 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min800max850.rebuild850, body.min800max850 .rebuild850 {width:100%; min-width:100%;}
body.min800max850 .hideAt850 { display:none; }
body.min800max850 .showAt850 { display:inherit; *display:block; }

body.min850max900 .rebuild900 .pillar.breakable, body.min850max900 .rebuild900 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min850max900.rebuild900, body.min850max900 .rebuild900 {width:100%; min-width:100%;}
body.min850max900 .hideAt900 { display:none; }
body.min850max900 .showAt900 { display:inherit; *display:block; }

body.min900max950 .rebuild950 .pillar.breakable, body.min900max950 .rebuild950 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min900max950.rebuild950, body.min900max950 .rebuild950 {width:100%; min-width:100%;}
body.min900max950 .hideAt950 { display:none; }
body.min900max950 .showAt950 { display:inherit; *display:block; }

body.min950max1000 .rebuild1000 .pillar.breakable, body.min950max1000 .rebuild1000 .pillar.breakable:first-child { width:100%; min-width:100%;}
body.min950max1000.rebuild1000, body.min950max1000 .rebuild1000 {width:100%; min-width:100%;}
body.min950max1000 .hideAt1000 { display:none; }
body.min950max1000 .showAt1000 { display:inherit; *display:block; }


body.minMaxRebuildSmartPhoneAll .rebuildSmartPhoneAll .pillar.breakable, body.minMaxRebuildSmartPhoneAll .rebuildSmartPhoneAll .pillar.breakable:first-child { width:100%; min-width:100%;}
body.minMaxRebuildSmartPhoneAll.rebuildSmartPhoneAll, body.minMaxRebuildSmartPhoneAll .rebuildSmartPhoneAll {width:100%; min-width:100%;}
body.minMaxHideOnSmartPhoneAll .hideOnSmartPhoneAll { display:none;}
body.minMaxShowOnSmartPhoneAll .showOnSmartPhoneAll { display:inherit;}




/* REFLOW at xxx px */
@media screen and (max-width: 100px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
 {
  .rebuild100 .pillar.breakable, .rebuild100 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild100, body .rebuild100 {width:100%; min-width:100%;}
  .hideAt100 { display:none;}
  body .showAt100 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 100px){
  .rebuild100 .pillar.breakable, .rebuild100 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild100, body .rebuild100 {width:100%; min-width:100%;}
  .hideAt100 { display:none;}
  body .showAt100 { display:inherit;}
}


@media screen and (max-width: 150px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild150 .pillar.breakable, .rebuild150 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild150, body .rebuild150 {width:100%; min-width:100%;}
  .hideAt150 { display:none;}
  body .showAt150 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1500px){
  .rebuild150 .pillar.breakable, .rebuild150 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild150, body .rebuild150 {width:100%; min-width:100%;}
  .hideAt150 { display:none;}
  body .showAt150 { display:inherit;}
}

@media screen and (max-width: 200px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild200 .pillar.breakable, .rebuild200 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild200, body .rebuild200 {width:100%; min-width:100%;}
  .hideAt200 { display:none;}
  body .showAt200 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 200px){
  .rebuild200 .pillar.breakable, .rebuild200 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild200, body .rebuild200 {width:100%; min-width:100%;}
  .hideAt200 { display:none;}
  body .showAt200 { display:inherit;}
}

@media screen and (max-width: 250px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild250 .pillar.breakable, .rebuild250 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild250, body .rebuild250 {width:100%; min-width:100%;}
  .hideAt250 { display:none;}
  body .showAt250 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 250px){
  .rebuild250 .pillar.breakable, .rebuild250 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild250, body .rebuild250 {width:100%; min-width:100%;}
  .hideAt250 { display:none;}
  body .showAt250 { display:inherit;}
}

@media screen and (max-width: 300px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild300 .pillar.breakable, .rebuild300 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild300, body .rebuild300 {width:100%; min-width:100%;}
  .hideAt300 { display:none;}
  body .showAt300 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 300px){
  .rebuild300 .pillar.breakable, .rebuild300 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild300, body .rebuild300 {width:100%; min-width:100%;}
  .hideAt300 { display:none;}
  body .showAt300 { display:inherit;}
}


@media screen and (max-width: 350px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild350 .pillar.breakable, .rebuild350 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild350, body .rebuild350 {width:100%; min-width:100%;}
  .hideAt350 { display:none;}
  body .showAt350 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 350px){
  .rebuild350 .pillar.breakable, .rebuild350 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild350, body .rebuild350 {width:100%; min-width:100%;}
  .hideAt350 { display:none;}
  body .showAt350 { display:inherit;}
}


@media screen and (max-width: 400px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild400 .pillar.breakable, .rebuild400 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild400, body .rebuild400 {width:100%; min-width:100%;}
  .hideAt400 { display:none;}
  body .showAt400 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 400px){
  .rebuild400 .pillar.breakable, .rebuild400 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild400, body .rebuild400 {width:100%; min-width:100%;}
  .hideAt400 { display:none;}
  body .showAt400 { display:inherit;}
}


@media screen and (max-width: 450px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild450 .pillar.breakable, .rebuild450 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild450, body .rebuild450 {width:100%; min-width:100%;}
  .hideAt450 { display:none;}
  body .showAt450 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 450px){
  .rebuild450 .pillar.breakable, .rebuild450 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild450, body .rebuild450 {width:100%; min-width:100%;}
  .hideAt450 { display:none;}
  body .showAt450 { display:inherit;}
}

@media screen and (max-width: 500px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5),
{
    
  .rebuild500 .pillar.breakable, .rebuild500 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild500, body .rebuild500 {width:100%; min-width:100%;}
  .hideAt500 { display:none;}
  body .showAt500 { display:inherit;}
    
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 500px){
    .rebuild500 .pillar.breakable, .rebuild500 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild500, body .rebuild500 {width:100%; min-width:100%; }
  .hideAt500 { display:none;}  
  body .showAt500 { display:inherit;}
}



@media screen and (max-width: 550px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5),
{
  .rebuild550 .pillar.breakable, .rebuild550 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild550, body .rebuild550 {width:100%; min-width:100%;}
  .hideAt550 { display:none;}
  body .showAt550 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 550px){
  .rebuild550 .pillar.breakable, .rebuild550 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild550, body .rebuild550 {width:100%; min-width:100%;}
  .hideAt550 { display:none;}
  body .showAt550 { display:inherit;}
}


@media screen and (max-width: 600px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild600 .pillar.breakable, .rebuild600 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild600, body .rebuild600 {width:100%; min-width:100%;}
  .hideAt600 { display:none;}
  body .showAt600 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 600px){
  .rebuild600 .pillar.breakable, .rebuild600 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild600, body .rebuild600 {width:100%; min-width:100%;}
  .hideAt600 { display:none;}
  body .showAt600 { display:inherit;}
}


@media screen and (max-width: 650px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild650 .pillar.breakable, .rebuild650 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild650, body .rebuild650 {width:100%; min-width:100%;}
  .hideAt650 { display:none;}
  body .showAt650 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 650px){
  .rebuild650 .pillar.breakable, .rebuild650 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild650, body .rebuild650 {width:100%; min-width:100%;}
  .hideAt650 { display:none;}
  body .showAt650 { display:inherit;}
}


@media screen and (max-width: 700px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild700 .pillar.breakable, .rebuild700 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild700, body .rebuild700 {width:100%; min-width:100%;}
  .hideAt700 { display:none;}
  body .showAt700 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 700px){
  .rebuild700 .pillar.breakable, .rebuild700 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild700, body .rebuild700 {width:100%; min-width:100%;}
  .hideAt700 { display:none;}
  body .showAt700 { display:inherit;}
}

@media screen and (max-width: 750px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild750 .pillar.breakable, .rebuild750 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild750, body .rebuild750 {width:100%; min-width:100%;}
  .hideAt750 { display:none;}
  body .showAt750 { display:inherit;}
  body .showAt750 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 750px){
  .rebuild750 .pillar.breakable, .rebuild750 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild750, body .rebuild750 {width:100%; min-width:100%;}
  .hideAt750 { display:none;}
  body .showAt750 { display:inherit;}
  body .showAt750 { display:inherit;}
}


@media screen and (max-width: 800px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild800 .pillar.breakable, .rebuild800 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild800, body .rebuild800 {width:100%; min-width:100%;}
  .hideAt800 { display:none;}
  body .showAt800 { display:inherit;}  
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 800px){
  .rebuild800 .pillar.breakable, .rebuild800 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild800, body .rebuild800 {width:100%; min-width:100%;}
  .hideAt800 { display:none;}
  body .showAt800 { display:inherit;}  
}



@media screen and (max-width: 850px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild850 .pillar.breakable, .rebuild850 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild850, body .rebuild850 {width:100%; min-width:100%;}
  .hideAt850 { display:none;}
  body .showAt850 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 850px){
  .rebuild850 .pillar.breakable, .rebuild850 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild850, body .rebuild850 {width:100%; min-width:100%;}
  .hideAt850 { display:none;}
  body .showAt850 { display:inherit;}
}

@media screen and (max-width: 900px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild900 .pillar.breakable, .rebuild900 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild900, body .rebuild900 {width:100%; min-width:100%;}
  .hideAt900 { display:none;}
  body .showAt900 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 900px){
.rebuild900 .pillar.breakable, .rebuild900 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild900, body .rebuild900 {width:100%; min-width:100%;}
  .hideAt900 { display:none;}
  body .showAt900 { display:inherit;}
}


@media screen and (max-width: 950px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild950 .pillar.breakable, .rebuild950 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild950, body .rebuild950 {width:100%; min-width:100%;}
  .hideAt950 { display:none;}
  body .showAt950 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 950px){
  .rebuild950 .pillar.breakable, .rebuild950 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild950, body .rebuild950 {width:100%; min-width:100%;}
  .hideAt950 { display:none;}
  body .showAt950 { display:inherit;}
}


@media screen and (max-width: 1000px),
not (min-device-width : 320px), 
not (max-device-width : 480px), 
not (min-width : 321px),
not (max-width : 320px),
not (min-device-width : 768px),
not (max-device-width : 1024px),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : landscape),
not (min-device-width : 768px),
not (max-device-width : 1024px), 
not (orientation : portrait),
not (-webkit-min-device-pixel-ratio : 1.5),
not (min-device-pixel-ratio : 1.5)
{
  .rebuild1000 .pillar.breakable, .rebuild1000 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild1000, body .rebuild1000 {width:100%; min-width:100%;}
  .hideAt1000 { display:none;}
  body .showAt1000 { display:inherit;}
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1000px){
  .rebuild1000 .pillar.breakable, .rebuild1000 .pillar.breakable:first-child { width:100%; min-width:100%;}
  body.rebuild1000, body .rebuild1000 {width:100%; min-width:100%;}
  .hideAt1000 { display:none;}
  body .showAt100 { display:inherit;}
}





/* Smartphones (portrait and landscape) ----------- */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)     
{   
    .rebuildSmartPhoneAll .pillar.breakable, .rebuildSmartPhoneAll .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildSmartPhoneAll, body .rebuildSmartPhoneAll {width:100%; min-width:100%;}
    .hideOnSmartPhoneAll { display:none;}     
    body .showOnSmartPhoneAll { display:inherit;}      
}*/

@media screen and (max-device-width: 640px){
    
    .rebuildSmartPhoneAll .pillar.breakable, .rebuildSmartPhoneAll .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildSmartPhoneAll, body .rebuildSmartPhoneAll {width:100%; min-width:100%;}
    .hideOnSmartPhoneAll { display:none;}     
    body .showOnSmartPhoneAll { display:inherit;}      
}
@media only screen and (-webkit-device-pixel-ratio: .75) {
    
    .rebuildSmartPhoneAll .pillar.breakable, .rebuildSmartPhoneAll .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildSmartPhoneAll, body .rebuildSmartPhoneAll {width:100%; min-width:100%;}
    .hideOnSmartPhoneAll { display:none;}     
    body .showOnSmartPhoneAll { display:inherit;} 
}
@media only screen and (-webkit-device-pixel-ratio: 1) and (max-device-width: 768px) {
    
    .rebuildSmartPhoneAll .pillar.breakable, .rebuildSmartPhoneAll .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildSmartPhoneAll, body .rebuildSmartPhoneAll {width:100%; min-width:100%;}
    .hideOnSmartPhoneAll { display:none;}     
    body .showOnSmartPhoneAll { display:inherit;} 
}
@media only screen and (-webkit-device-pixel-ratio: 1.5) {
    
    .rebuildSmartPhoneAll .pillar.breakable, .rebuildSmartPhoneAll .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildSmartPhoneAll, body .rebuildSmartPhoneAll {width:100%; min-width:100%;}
    .hideOnSmartPhoneAll { display:none;}     
    body .showOnSmartPhoneAll { display:inherit;} 
}
@media only screen and (-webkit-device-pixel-ratio: 2) {
    
    .rebuildSmartPhoneAll .pillar.breakable, .rebuildSmartPhoneAll .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildSmartPhoneAll, body .rebuildSmartPhoneAll {width:100%; min-width:100%;}
    .hideOnSmartPhoneAll { display:none;}     
    body .showOnSmartPhoneAll { display:inherit;} 
}




/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {    
    .rebuildSmartPhoneLandscape .pillar.breakable, .rebuildSmartPhoneLandscape .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildSmartPhoneLandscape, body .rebuildSmartPhoneLandscape {width:100%; min-width:100%;}
    .hideOnSmartPhoneLandscape { display:none;} 
    body .showOnSmartPhoneLandscape { display:inherit;}          
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px)     
{   
    .rebuildSmartPhonePortrait .pillar.breakable, .rebuildSmartPhonePortrait .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildSmartPhonePortrait, body .rebuildSmartPhonePortrait {width:100%; min-width:100%;}
    .hideOnSmartPhonePortrait { display:none;} 
    body .showOnSmartPhonePortrait { display:inherit;}        
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {    
    .rebuildIpadAll .pillar.breakable, .rebuildIpadAll .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildIpadAll, body .rebuildIpadAll {width:100%; min-width:100%;}
    .hideOnIpadAll { display:none;} 
    body .showOnIpadAll { display:inherit;}            
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {    
    .rebuildIpadLandscape .pillar.breakable, .rebuildIpadLandscape .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildIpadLandscape, body .rebuildIpadLandscape {width:100%; min-width:100%;}
    .hideOnIpadLandscape { display:none;} 
    body .showOnIpadLandscape { display:inherit;}        
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {            
    .rebuildIpadPortrait .pillar.breakable, .rebuildIpadPortrait .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildIpadPortrait, body .rebuildIpadPortrait {width:100%; min-width:100%;}
    .hideOnIpadPortrait { display:none;} 
    body .showOnIpadPortrait { display:inherit;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {    
    .rebuildIphone4 .pillar.breakable, .rebuildIphone4 .pillar.breakable:first-child { width:100%; min-width:100%;}
    body.rebuildIphone4, body .rebuildIphone4 {width:100%; min-width:100%;}
    .hideOnIphone4 { display:none;} 
    body .showOnIphone4 { display:inherit;}        
}