@charset "utf-8";
/* CSS Document */

/*------------------------------------*\
COLORS
/*------------------------------------*\
primary 1,
header base = #fcba00,yellow
logo base   = #434343,dark grey

secondary:
tabs base      = #756b4f,dark greyish olive
catchphrase base = #59523b,darker greyish olive
body copy base   = #fcfcfc,99% white 
body copy      = #111111,93% black
= #fc9a00,darker yellow

\*------------------------------------*/

/*------------------------------------*\
RESET
\*------------------------------------*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,dfn,th,var{ font-style:normal; font-weight:normal; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
q:before,q:after{ :''; }
abbr,acronym{ border:0; }

/*------------------------------------*\
CUSTOM FONT FACE
Generated by Font Squirrel (http://www.fontsquirrel.com) on November 18,2011 
\*------------------------------------*/
@font-face{ font-family:'EauSansBlack'; src:url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/eau_sans_black-webfont.eot'); src:url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/eau_sans_black-webfont.eot?#iefix') format('embedded-opentype'),url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/eau_sans_black-webfont.woff') format('woff'), url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/eau_sans_black-webfont.ttf') format('truetype'); font-style:normal; }
@font-face{ font-family:'LinoLetterMdIt'; src:url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/linoletterstd-mediumitalic-webfont.eot'); src:url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/linoletterstd-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/linoletterstd-mediumitalic-webfont.woff') format('woff'),url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/linoletterstd-mediumitalic-webfont.ttf') format('truetype'); font-weight:normal; font-style:italic; }
@font-face{ font-family:'LinoLetterMd'; src:url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/linoletterstd-medium-webfont.eot'); src:url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/linoletterstd-medium-webfont.eot?#iefix') format('embedded-opentype'),url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/linoletterstd-medium-webfont.woff') format('woff'),url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/linoletterstd-medium-webfont.ttf') format('truetype'); font-weight:normal; font-style:normal; }
@font-face{ font-family:'GothamBold'; src:url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/gotham-bold-webfont.eot'); src:url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/gotham-bold-webfont.woff') format('woff'),url('http://cdn.selfdevelopment.net/becomeanybody.com/fonts/gotham-bold-webfont.ttf') format('truetype'); font-weight:bold; font-style:normal; }

/*------------------------------------*\
HEADINGS
\*------------------------------------*/
h2,h3,h5,h6{ margin-bottom:22px; color:#484848; /*font-family:'EauSansBlack',Arial,sans-serif;*/ font-family:'LinoLetterMdIt',Georgia,'Times New Roman',Times,serif; font-weight:normal; font-style:italic; }
h2 em,h3 em,h4 em,h5 em{ font-style:italic; }
h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong{ font-family:'EauSansBlack','Arial Narrow',Arial,sans-serif; font-weight:normal; font-style:normal; font-variant:normal; letter-spacing:-2px; }
h2{ margin-bottom:30px; font-size:33px; text-align:center; text-transform:normal; line-height:1.2; }
h2 b,h2 strong{ font-size:38px; text-transform:uppercase; line-height:1.3; }
h3{ margin-bottom:19px; font-size:27px; text-transform:normal; line-height:1.3; }
h3 b,h3 strong{ font-size:32px; text-transform:uppercase; line-height:1.2; }
/* .ie8 h3,.ie9 h3{ font-size:25px; }
.ie8 h3 b,.ie8 h3 strong{ font-size:29px; } */
h3.smaller{ font-size:26px; }
/*.ie9 h3.smaller{ font-size:25px;}*/
h3.smaller b,h3.smaller strong{ font-size:30px; }
/* .ie8 h3.smaller b,.ie8 h3.smaller strong{ font-size:26px !important; } */
h4{ font-size:20px; line-height:1.65; }
h4 b,h4 strong{ font:normal 26px/1.27 'GothamBold',Verdana,Geneva,sans-serif; text-transform:normal; letter-spacing:-1px; }
h5{ margin-bottom:12px !important; font:normal 20px/1.3 'GothamBold',Verdana,Geneva,sans-serif; text-transform:uppercase; letter-spacing:0px; }
h6{ font-style:italic; font-size:18px; line-height:1.3; }

/*--- PARAGRAPHS ---*/
p{ margin-bottom:22px; }
::selection { background:#fccb3f; /* Safari */ color:#555; }
::-moz-selection { background:#fccb3f; /* Mozilla */ color:#fff; }
#footer ::selection{ background:#fccb3f; /* Safari */ color:#555; }
#footer ::-moz-selection{ background:#fccb3f; /* Mozilla */ color:#555; }
body > p:first-of-type{ font-size:15px; line-height:22px; }
.code{ font-family:"Courier New", monospace; font-size:14px; }

/*--- LINKS ---*/
a:link{ color:#fc9a00; text-decoration:none; }
a:visited{ color:purple; text-decoration:none; }
a:hover{ color:#fc9a00; text-decoration:underline; }
a:visited:hover{ color:purple; text-decoration:underline; }
a:focus{ outline:1px dotted !important; }
a:focus{ color:#fc2f00; text-decoration:none; }
a:active,a:active:focus{ outline:none !important; /* for IE9 */ }

/*
 * Sprite 
   -------------------------------------------------------------*/
#logo a,#intro,#package-list .icon,#footer .logo,.bttn-buynow, blockquote .quotes,.paypal{ /* ALL IMAGES */ background:transparent url(http://cdn.selfdevelopment.net/becomeanybody.com/images/sprite.png) no-repeat;  }
#affiliate-steps div h4,.bttn-affiliatesignup{ background:transparent url(http://cdn.selfdevelopment.net/becomeanybody.com/images/sprite_affiliate.png) no-repeat; }
#logo a,#intro,#intro strong,.bttn-buynow, blockquote .quotes,.paypal,#affiliate-steps div h4,.bttn-affiliatesignup{ /* TEXT IMAGES */ position:relative; display:block; font-size:0 !important; /*text-align:left;*/ text-indent:-9999px; !important; line-height:0 !important; overflow:hidden; }


/*------------------------------------*\
MAIN
\*------------------------------------*/
html,ol p,blockquote .credit{ color:#111111; font:15px/22px Georgia,"Times New Roman",Times,serif; }
html.ie7,html.ie8{ overflow:hidden; overflow-y:auto; /*REQUIRED FOR UNWANTED SCROLL IN IE7,THIS IS */ }
body{ margin:0px; padding:0px; border-top:5px solid #434343; /*background:#f1efec url(http://cdn.selfdevelopment.net/becomeanybody.com/images/bg.jpg) repeat center top; overflow-y:auto !important;*/ }
body.inner{ border-top-width:7px; }
hr{ position:relative; display:block; clear:both; margin:39px 0 37px; width:100%; border:none; border-bottom:2px dotted #cbc4a1; font-size:1px; line-height:0; overflow:visible; }
.ie7 hr{ margin:33px 0 30px; }
img{ color:#333; font:bold 11px/18px Verdana,Geneva,sans-serif; text-align:left; }
.pic{ margin-bottom:21px; border:5px solid #f8f7f5; }
.caption{ margin-top:5px; color:#666; font-style:italic; font-size:13px; text-align:center; }
.underlined{ text-decoration:underline; }
.special{ color:#d14957; }
.group:before,/*CLEAR FIX*/ .group:after{ content:""; display:table; }
.group:after{ clear:both; }
.group{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
#ev_id_flywin_dialog_title{ /* ADJUSTMENT FOR SIGN UP FLYER */ height:20px; }
div.prod-img{ width:240px; text-align:center; }
.box{ position:relative; border:1px solid #e0ddd7; background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/beige_50.png); background-image:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/beige_50.png); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.box:hover{ background:#faf9f8; background:rgba(255,255,255,0.5); }
.product{ position:relative; display:block; margin-bottom:28px; overflow:hidden; }
img.prod-img{ margin:0 40px 0 20px; width:auto; }

/*
 * Header
   -------------------------------------------------------------*/
#wrap{ top:0; margin:0 auto; min-width:810px; overflow:hidden; zoom:1; }
#header-slides{ position:relative; left:50%; display:block; margin:0 auto; margin-left:-950px; width:auto; max-width:1900px; height:479px; border-bottom:1px solid #ebc903; background-color:#fcba00; zoom:1; overflow:hidden; }
.ie7 #header-slides,.ie8 #header-slides{ width:1900px; /*overflow:hidden;*/ }
.inner #header-slides{ height:103px; border-bottom:9px solid #ece8d7; }
#header-slides img{ position:relative; margin:0 auto; }
#header-slides .header1{ margin-left:0; }
#header-slides .header2{ margin-left:994px; }
#header-slides .header3{ margin-left:279px; }
#header-slides .header4{ margin-left:807px; }
#header-slides .header5{ margin-left:84px; }
#header-slides .header6{ margin-left:875px; }
#pattern{ position:absolute; z-index:100; top:5px; right:0; bottom:0; left:0; width:100%; height:478px; background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/pattern.png) repeat center top; }
.inner #pattern{ top:7px; height:103px; }
#light{ position:relative; display:block; margin:0 auto; width:740px; height:480px; background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/light.png) no-repeat center top; }
.inner #light{ width:780px; height:103px; background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/light_inner.png) no-repeat left center; }
#tabs-wrap{ padding:0; width:100%; height:77px; background:#6e654d url(http://cdn.selfdevelopment.net/becomeanybody.com/images/tabs_bg.gif) repeat-x center top; overflow:visible; }
#tabs{ display:block; margin:0 auto; padding:0; width:792px; border-left:2px dotted #7c7358; overflow:visible; list-style:none; }
#tabs li{ float:left; margin:0; padding:0; width:130px; height:77px; border-right:2px dotted #7c7358; list-style:none; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -ms-transition:background 0.4s ease; -o-transition:background 0.4s ease; transition:background 0.4s ease; }
#tabs a{ display:inline-block; margin:-1px 0 0; padding:18px 10px 10px; width:110px; height:47px; color:#b4ab8c; font-family:'GothamBold',Verdana,Geneva,sans-serif; font-weight:bold; font-size:11px; text-align:center; text-transform:uppercase; text-decoration:none; text-shadow:0 -1px 0 rgba(0,0,0,0.2); line-height:1.3; letter-spacing:0; }
#tabs a em{ font-family:'LinoLetterMdIt',Georgia,Times,'Times New Roman',serif;;  text-transform:lowercase; font-weight:normal; letter-spacing:1px;}
#tabs li.activeSlide,#tabs li:hover { background:#313131 url(http://cdn.selfdevelopment.net/becomeanybody.com/images/tab_selected_bg.gif) repeat-x center top; -webkit-transition:background-color 0.1s ease; -moz-transition:background 0.1s ease; -ms-transition:backgroundor 0.1s ease; -o-transition:background-color 0.1s ease; transition:background 0.1s ease; }
#tabs li.activeSlide a{ padding-top:19px; color:#cdcbc3; background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/down_arrow.png) no-repeat center top; text-shadow:0 -1px 0 rgba(0,0,0,0.9); }
#tabs li:hover a{ color:#cdcbc3; }
#tabs a:focus{ outline:1px dotted !important; }
#tabs a:active,#tabs a:active:focus{ outline:none !important; /* for IE9 */ }
#tabs a:focus{ outline:none; }
#header-wrap{ position:absolute; z-index:100; top:2px; left:50%; margin-left:-386px; width:772px; height:480px; overflow:auto; }
.inner #header-wrap{ height:130px; overflow:visible; }
#header{ position:relative; display:block; height:116px; }
#logo a{ position:relative; display:inline; float:left; width:112px; height:116px; background-position:-10px -5px; }
.inner #logo a{ width:139px; height:154px; background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/logo.png) no-repeat center top; }
#intro{ clear:both; float:none; position:relative; top:80px; margin:0 auto; width:660px; height:187px; background-position:-130px -5px; }

/*
 * MAIN Navigation
   -------------------------------------------------------------*/
#nav{ display:inline; float:right; width:570px; height:14px; margin:40px 0; white-space:nowrap; }
.inner #nav{ margin-top:48px; }
#nav ul{ position:relative; display:inline; float:right; margin-right:0; padding:0; width:auto; height:21px; line-height:14px; white-space:nowrap; list-style:none; }
#nav li{ display:inline; color:#fff; font:normal 14px/1 'LinoLetterMd',Georgia,"Times New Roman",Times,serif; }
#nav li a{ position:relative; display:inline=block; margin-bottom:0; margin-left:20px; padding:4px 10px; color:#fff; }
#nav li a:hover{ background:#fcfcfc; background:rgba(255,255,255,0.85); color:#fc9a00; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:3px;
  /* useful if you don't want a bg color from leaking outside the border:
  -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;*/
  -webkit-transition:background 0.3s ease-out; -moz-transition:background 0.3s ease-out; -ms-transition:background 0.3s ease-out; -o-transition:background 0.3s ease-out; transition:background 0.3s ease-out; }
#nav li .shopping-cart{ position:relative; display:inline; white-space:nowrap; }

/*
 * CONTENT
   -------------------------------------------------------------*/
.inner #content-wrap{ background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/inner_header_bg.jpg) repeat-x center -160px; }
#content{ position:relative; z-index:3; display:block; margin:0 auto; padding:49px 0 85px; width:772px; min-height:420px; height:auto !important; height:420px; text-align:left; overflow:visible; }
.inner #content{ padding-top:82px; }
.bttn-more:link{ background-position:-10px -10px; }
.bttn-more:visited{ background-position:-10px -10px; }
.bttn-more:hover{ background-position:-10px -45px; text-decoration:none; /* REQUIRED FOR GOOGLE CHROME */ }
.bttn-more:active{ background-position:-10px -80px; outline:none; /* for IE9 */ }
#prod-detail{ position:relative; display:block; }

/*
 * LISTS
   -------------------------------------------------------------*/
#content ul{ position:relative; margin:0 0 23px -20px; padding:0; overflow:hidden; list-style:none; }
#content ul.paired{ width:100%; }
.ie7 #content ul.paired{ margin-left:-20px !important; /*IMPORTANT required for IE7*/ }
#content li{ display:list-item; margin:0 0 11px 0; padding-left:18px; }
#content ul.paired li{ display:inline; float:left; width:360px; font-weight:bold; }
.ie7 #content ul.paired li{ /* padding-left:5px;*/ font-weight:bold; }
#content ul li{ background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/tick.png) no-repeat left 5px; }
#content ul li ul{ /* SECOND LEVEL LIST*/ margin-top:14px; margin-bottom:0; }
#content ul li ul li{ background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/circle.png) no-repeat 4px 3px; font-size:13px; }
#content ul.disc li{ background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/disc.png) no-repeat 4px 3px; }
#content ul.disc li ul li{ background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/circle.png) no-repeat 4px 3px; }
#content ol li{ /* NUMBERED LIST */ margin-left:80px; padding:0; }

/*
*   Package Items List
-------------------------------------------------------------*/
#package-list{ position:relative; display:block; clear:both; margin:42px 0 14px !important; overflow:hidden; list-style:none; }
#package-list h5{ line-height:1; }
#package-list li{ position:relative; display:block; margin:0 0 35px; padding:0 0 35px; border-bottom:2px dotted #e3e0ce; background:none !important; overflow:hidden; list-style-image:none; }
#package-list .icon{ display:inline; float:left; clear:right; margin:0 57px 0 41px; width:80px; height:93px; }
#package-list #item-1 .icon{ background-position:-131px -201px; }
#package-list #item-2 .icon{ background-position:-231px -201px; }
#package-list #item-3 .icon{ background-position:-331px -201px; }
#package-list #item-4 .icon{ background-position:-431px -201px; }
#package-list #item-5 .icon{ background-position:-531px -201px; }
#package-list #item-6 .icon{ background-position:-631px -201px; }
#package-list .details{ display:inline; float:left; width:590px; }
#package-list p{ margin-bottom:0; font-size:14px; line-height:1.428; }

/*
 *
   -------------------------------------------------------------*/
.bttn-more:link{ background-position:-10px -10px; }
.bttn-more:visited{ background-position:-10px -10px; }
.bttn-more:hover{ background-position:-10px -45px; text-decoration:none; /* REQUIRED FOR GOOGLE CHROME */ }
.bttn-more:active{ background-position:-10px -80px; outline:none; /* for IE9 */ }
#prod-detail{ position:relative; display:block; }

/*
 * BUTTONS
   -------------------------------------------------------------*/
.bttn-buynow{ display:block; margin:33px auto 0; width:440px; height:79px; }
.bttn-buynow:link{ background-position:-292px -307px; }
.bttn-buynow:visited{ background-position:-292px -307px; }
.bttn-buynow:hover{ background-position:-292px -397px; }
.bttn-buynow:active{ background-position:-292px -487px; }
.bttn-buynow > .small{ margin:0; }
/*
 * COMMON QUESTIONS
   -------------------------------------------------------------*/
#questions{ margin:0 auto 42px; }
.q{ position:relative; display:block; margin:11px auto 0; padding:9px 25px; border-top:groove rgba(255,255,255,0.1) 2px; border-right:solid #e9e4d2 2px; border-left:solid #e9e4d2 2px; border-bottom:solid #d4d0c0 2px; background:#f3f0e6; color:#756b4f; font-family:'GothamBold',Verdana,Geneva,sans-serif; font-weight:bold; cursor:pointer; }
.ie7 .q{ margin-top:8px; padding-top:14px; padding-bottom:9px; }
.ie7 .q{ border-top:groove #f8f6f0 2px; }
.q p{ margin:0; }
.a{ display:block; margin:0 auto; padding:22px 25px 44px; background:#faf9f1; color:#56503b; }

/***********************************************************************************************************************
EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/
.on{ -webkit-box-shadow:0 1px 2px 0 rgba(62,57,47,0.5); -moz-box-shadow:0 1px 2px 0 rgba(62,57,47,0.5); box-shadow:0 1px 2px 0 rgba(62,57,47,0.5); }
.on,.over{ border-top:groove rgba(255,255,255,0.2) 2px; _border-top:groove #fdda00 2px; border-right:solid #e2a700 2px; border-left:solid #e2a700 2px; border-bottom:solid #c08e00 2px; background:#fcba00; color:#fff; cursor:pointer; }

/*
 * Various
   -------------------------------------------------------------*/
#guarantee{ background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/stamp_guarantee.png) no-repeat center center; width:175px; height:244px; text-indent:-99999px; overflow:hidden; }
#content #guarantee{ position:absolute; top:10px; right:78px; }
#content blockquote{ clear:both; margin:0 0 21px 0; padding:0 0 0 13px; width:561px; border:0; font:italic 15px/1.8 Georgia,"Times New Roman",Times,serif; overflow:hidden; }
#content blockquote.video{ margin:0 auto; padding:0; width:772px; }
#content blockquote .quotes{ position:relative; display:inline; float:left; clear:right; margin:0 10px; padding:0; width:34px; height:26px; background-position:-750px -10px; overflow:hidden; }
/*#content blockquote .{ display:inline; float:left; clear:right; width:480px; }*/
#content blockquote .credit{ margin-top:16px; font-weight:bold; }
.floatL{ display:inline; clear:left; float:left; margin-right:20px; }
.floatR{ display:inline; clear:right; float:right; margin-left:20px; }
.small{ color:#777; font-size:11px; line-height:1.5; }
.text-centered{ text-align:center !important; }
.paypal{ display:inline-block; margin-top:2px; width:56px; height:18px; background-position:-10px -127px; vertical-align:middle; }
.highlight{ color:#fcba00; }
#affiliate-steps{ margin:40px auto; padding:25px 9px 25px; width:732px; border:8px solid #8b8063; background:#756b4f; color:#ece8d7; overflow:hidden; }
#affiliate-steps .step{ float:left; margin:0; padding:0 24px; width:194px; height:186px; border-left:2px dotted #8c8161; text-align:center; }
/*#affiliate-steps .step.mid{ width:210px; background:#C90; }*/
#affiliate-steps h4{ position:relative; display:inline-block; margin:10px auto 15px; width:83px; height:82px; border:0; }
#affiliate-steps .n1{ background-position:-10px -10px; }
#affiliate-steps .n2{ background-position:-110px -10px; }
#affiliate-steps .n3{ background-position:-210px -10px; }
#affiliate-steps div:first-child{ margin-left:0; border:0; }
.bttn-affiliatesignup{ position:relative; display:block; width:440px; height:79px; }
#content .bttn-affiliatesignup{ margin:28px auto 10px; }
.bttn-affiliatesignup:link{ background-position:-10px -100px; }
.bttn-affiliatesignup:hover{ background-position:-10px -190px; text-decoration:none; /* REQUIRED FOR GOOGLE CHROME */ }
.bttn-affiliatesignup:active{ background-position:-10px -280px; }

/*
 * FOOTER
   -------------------------------------------------------------*/
#footer-wrap{ margin:0 auto; padding-bottom:44px; width:100%; min-height:187px; background:#494949 url(http://cdn.selfdevelopment.net/becomeanybody.com/images/footer_bg.jpg) repeat-x center top; color:#7b7974; font-size:12px; text-align:left; line-height:1.5; overflow:visible; }
#footer{ margin:0 auto; width:772px; }
#footer .logo{ position:relative; top:-46px; display:block; margin-bottom:-46px; margin:0 auto; width:267px; height:173px; background-position:-10px -308px; }
#BottomNav{ display:inline; float:left; width:50%; text-align:right; }
#BottomNav ul{ display:inline; float:right; overflow:hidden; list-style:none; }
#BottomNav li{ display:inline; float:left; margin-left:30px; white-space:nowrap; }
#BottomNav li:first-child{ margin-left:0; }
#footer a:link{ color:#e8e6dc; text-decoration:none; }
#footer a:active{ color:#e8e6dc; text-decoration:none; }
#footer a:visited{ color:#e8e6dc; text-decoration:none; }
#footer a:hover{ color:#fff; text-decoration:underline; }
#copyright{ display:inline; float:left; width:50%; text-align:left; }

/* DEBUG MODE   
@media (max-width:1200px ){
  #grid{ position:absolute; z-index:999999; top:0; left:50%; margin-left:-395px; width:790px; height:5860px; background:url(http://cdn.selfdevelopment.net/becomeanybody.com/images/grid.png) left top; pointer-events:none; }
}

@media (max-width:1000px){
  *{ outline:2px dotted red; }
  * *{ outline:2px dotted green; background:white; }
  * * *{ outline:2px dotted orange; background:#888; }
  * * * *{ outline:2px dotted blue; background:#666; }
  * * * * *{ outline:1px solid red; background:#444; }
  * * * * * *{ outline:1px solid green; background:#333; }
  * * * * * * *{ outline:1px solid orange; background:#222; }
  * * * * * * * *{ outline:1px solid blue; background:#111; }
} */