.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

a,
img,
span { transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; }
a:hover,
a:active { outline:none; }
.v2 #let_me_load { display: none; }
div#let_me_load { display: block; height: 100%; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 10000; }
div#let_me_load #load_icon { /*color: #D35D5A; font-size: 44px; font-weight: bold;*/ position:absolute; top:50%; margin-top:-50px; width:100%; }
body,
input,
textarea { font-family: 'Arvo', serif; }
body {
	font-size:100%;
	color:#999;
	opacity:0.99;
	text-align: center;
}
.bodyContainer { /*width:100%; position:relative; overflow:hidden; height:600px;*/ }
section { overflow: hidden; text-align: center; width: 100%; /*position:absolute; height:100%;*/ }
section div { /*display:inline-block;*/ }
.notBlue { background:#e3e1d1; }
.blue { background-color:#25aae1; }
.white { background-color:#fff; }
.marginBtm20 { margin-bottom:20px; }
.marginBtm50 { margin-bottom:50px; }
.container { display: inline-block; height: 100%; position: relative; width: 720px; }
.inner-contain { display: block; height: 500px; left: 0; margin-top: -250px; position: absolute; top: 50%; width:100%; }
.contain-fix { bottom: 0; left: 50%; margin-left: -360px; position: fixed; }
.topper { bottom: -2px; position: absolute; right: -285px; z-index:20; }
/**** Scroll To Next *******/
/*#show_more { bottom: 1.15%; color: #000000; left: 50%; margin-left: -81px; position: fixed; text-decoration: none; z-index: 100; opacity:0.65; }*/
#show_more { color: #000000; top: 50%; margin-left: -81px; position: fixed; z-index: 9999; text-decoration: none; opacity: 0.65; left: 50%; margin-top: 270px; }
#show_more span { font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 40px; display:inline-block; }
#show_more strong { position: relative; top: -1px; margin-left:8px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000; display:inline-block; }
/*#show_more:hover, #show_more:active { opacity:1; }*/ /* Doing this with js */
.scroll-below { }
/*.scroll-below.red { color: #D35D5A; }
.scroll-below.red strong { border-top-color:#D35D5A; }
.scroll-below.wht { color: #fff; }
.scroll-below.wht strong { border-top-color:#fff; }
.scroll-below.yellow { color: #e3e1d1; }
.scroll-below.yellow strong { border-top-color:#e3e1d1; }*/
/**** Navigation Tabs *******/

.navigate { margin-top: -180px; position: fixed; right: 1em; top: 50%; z-index: 20; }
.navigate .tab { }
.navigate .tab li { margin-bottom: 10px; }
.navigate .tab li a { background-color: #F6F5EF; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) inset;*/ display: block; /*color: #ccc;
    font-size: 15px;
    font-weight: 700;
	line-height:20px;
	text-align: center;*/ height: 15px; text-decoration: none; width: 15px; }
.navigate .tab li a.active,
.navigate .tab li a:hover { background-color: #5f943f; }
/**** Main Page *******/
.zeroPage { }
.how-to { position: relative; }
.improve-your-website-arc { position: relative; margin-top: 55px; }
.dejan-computer { margin-top: 50px; position: relative; }
/*.improve-your-website {
    position: relative;
}
.dejan-box-logo {
    margin-top: 70px;
    position: relative;
}
.seo-explained {
    margin-top: 70px;
    position: relative;
}*/
.scroll-indicator { margin-top: 30px; position: relative; }
/**** 1st Page *******/

.firstPage { /*min-height:900px;*/ }
.pg1-prob { left: 0; position: relative; text-align: center; top: 0px; width: 100%; }
.pg1-toobusy { left: 0; position: relative; text-align: left; top: 30px; width: 582px; z-index: 10; height:164px; margin:0 auto; }
.pg1-toobusy .letter-toobusy { position:absolute; z-index:10; }
.pg1-toobusy .char1 { left: 0px; top: 5px; }
.pg1-toobusy .char2 { top: 32px; left: 85px; }
.pg1-toobusy .char3 { top: 0px; left: 172px; }
.pg1-toobusy .char4 { top: 0px; right: 236px; }
.pg1-toobusy .char5 { top: 32px; right: 153px; }
.pg1-toobusy .char6 { top: 55px; right: 76px; }
.pg1-toobusy .char7 { right: 0px; top: 5px; }
.pendulum-parent { width:22px; height:22px; display:none; }
.pendulum-child { /*background-color: transparent; background-position: left top; background-repeat: no-repeat;*/ position: absolute; top: 12px; }
.pendulum-clocks { position: absolute; z-index: 5; }
.pg1-blueclock { left: 18px; top: 88px; }
.pendulum-parent.blue-parent { }
.pendulum-child.blue-child { left: -108px; }
.pg1-brownclock { left: 188px; top: 87px; }
.pendulum-parent.brown-parent { }
.pendulum-child.brown-child { left: -85px; }
.pg1-greenclock { left: 280px; top: 115px; }
.pendulum-parent.green-parent { }
.pendulum-child.green-child { left: -16px; }
.pg1-pinkclock { right: 95px; top: 144px; }
.pendulum-parent.pink-parent { }
.pendulum-child.pink-child { left: 8px; }
.pg1-orangeclock { right: 0; top: 30px; }
.pg1-toproduce { top: 335px; height: 70px; left: 0; position: absolute; width: 100%; }
.pg1-toproduce img { position:absolute; left:50%; margin-left:-340px; }
.pg1-toofew { top: 420px; height: 32px; left: 0; position: absolute; width: 100%; }
.pg1-toofew img { position:absolute; left:50%; margin-left:-263px; }
/**************** 2nd page ********************/

.secondPage { border-bottom:1px dashed #fff; }
.web-wonderful-place { top: 0px; height: 50px; left: 0; position: absolute; width: 100%; z-index:5; }
.web-wonderful-place img { position:absolute; left:50%; margin-left:-300px; }
.item-background { /*background: url("http://cdn.dejanseo.com.au/web-is-a-wonderful-place/images/page-2/dejan-story-b-3_05.png") no-repeat scroll 0 0 transparent;*/ height: 273px; margin: 58px auto 0; position: relative; width: 548px; }
.merge-icons-bg { left: 50%; margin-left: -274px; position: absolute; top: 0; z-index: 0; }
.main-white-face,
.main-white-face-b { bottom: 0; height: 198px; left: 50%; margin-left: -109px; position: absolute; width: 218px; z-index: 10; }
.main-white-face img,
.main-white-face-b img { }
.glasses-2nd-page,
.glasses-2nd-page-b { height: 31px; left: 50%; margin-left: -50px; position: absolute; top: 142px; width: 100px; z-index: 12; }
.glasses-2nd-page img,
.glasses-2nd-page-b img { }
.main-white-face-1 { bottom: 0; height: 48px; left: 52px; position: absolute; width: 53px; }
.main-white-face-2 { bottom: 0; height: 90px; left: 80px; position: absolute; width: 99px; }
.main-white-face-3 { bottom: 0; height: 48px; left: 150px; position: absolute; width: 53px; z-index: 5; }
.main-white-face-4 { bottom: 0; height: 48px; position: absolute; right: 175px; width: 53px; z-index: 5; }
.main-white-face-5 { bottom: 0; height: 80px; position: absolute; right: 84px; width: 88px; }
.main-white-face-6 { bottom: 0; height: 48px; position: absolute; right: 46px; width: 53px; }
.full-of-smart-people1 { top: 356px; height: 41px; left: 0; position: absolute; width: 100%; }
.full-of-smart-people1 img { left: 50%; margin-left: -182px; position: absolute; }
.full-of-smart-people2 { top: 412px; height: 41px; left: 0; position: absolute; width: 100%; }
.full-of-smart-people2 img { left: 50%; margin-left: -205px; position: absolute; }
.much-like-you { top: 480px; height: 29px; left: 0; position: absolute; width: 100%; }
.much-like-you img { position: absolute; right: 6%; }
.this-is-the-time { top: 0px; height: 32px; left: 0; position: absolute; width: 100%; }
.this-is-the-time img { position:absolute; left:50%; margin-left:-218px; }
.working-smarter { top: 45px; height: 58px; left: 0; position: absolute; width: 100%; }
.working-smarter img { position:absolute; left:50%; margin-left:-226px; }
.present-3rd-page { height: 273px; margin: 118px auto 0; position: relative; width: 548px; }
.thirdPage-icon { position: absolute; z-index: 1; }
.icons-bg3rd-1 { left: 106px; top: 66px; }
.icons-bg3rd-2 { right: 65px; top: 54px; }
.icons-bg3rd-3 { left: 23px; top: 127px; }
.icons-bg3rd-4 { left: 149px; top: 186px; }
.icons-bg3rd-5 { right: 0; top: 92px; }
.icons-bg3rd-6 { bottom: 30px; left: 16px; }
.icons-bg3rd-7 { right: 92px; top: 123px; }
.icons-bg3rd-8 { left: 86px; top: 157px; }
.icons-bg3rd-9 { right: 181px; top: 59px; }
.icons-bg3rd-10 { left: 166px; top: 108px; }
.icons-bg3rd-11 { bottom: 49px; right: 33px; }
.icons-bg3rd-12 { bottom: 0; left: 83px; }
.icons-bg3rd-13 { bottom: 3px; right: 98px; }
.icons-bg3rd-14 { bottom: 54px; right: 159px; }
.mind-xray { height: 48px; left: 50%; margin-left: -45px; position: absolute; top: 83px; width: 89px; z-index: 12;/* background-image:url(http://cdn.dejanseo.com.au/web-is-a-wonderful-place/images/page-3/dejan-story-b-2_36.png); background-repeat:no-repeat; background-position:left top;*/ }
.mind-xray figure { width:100%; height:100%; position:relative; }
.man-brain { left: 0; position: absolute; top: 0; }
.gearRotate { position:absolute; }
.gear01 { bottom: 3px; left: 9px; }
.gear02 { right: 18px; top: 8px; }
.gear03 { bottom: 3px; right: 6px; }
.gear04 { bottom: 3px; right: 27px; }
.and-heres-how { top: 385px; height: 50px; left: 0; position: absolute; width: 100%; }
.and-heres-how img { position:absolute; left:50%; margin-left:-292px; }
/**************** 3rd page ********************/

.thirdPage { }
.tree { /*height: 352px; left: 50%; margin-left: -143px; margin-top: -143px; position: absolute; top: 50%; width: 287px;*/ height: 352px; position: absolute; right: 50px; top: 20px; width: 287px; }
.tree figure { height: 100%; position: relative; width: 100%; }
.blueTree { }
.fourthPage-icon { position: absolute; }
.icons-bg4th-1 { left: 128px; top: 16px; }
.icons-bg4th-2 { right: 76px; top: 22px; }
.icons-bg4th-3 { left: 84px; top: 17px; }
.icons-bg4th-4 { left: 54px; top: 34px; }
.icons-bg4th-5 { right: 45px; top: 43px; }
.icons-bg4th-6 { left: 160px; top: 50px; }
.icons-bg4th-7 { left: 30px; top: 63px; }
.icons-bg4th-8 { right: 22px; top: 74px; }
.icons-bg4th-9 { left: 107px; top: 97px; }
.icons-bg4th-10 { left: 159px; top: 116px; }
.icons-bg4th-11 { right: 10px; top: 118px; }
.icons-bg4th-12 { left: 10px; top: 116px; }
.icons-bg4th-13 { left: 68px; top: 143px; }
.icons-bg4th-14 { right: 72px; top: 162px; }
.icons-bg4th-15 { left: 14px; top: 165px; }
.icons-bg4th-16 { bottom: 143px; right: 22px; }
.icons-bg4th-17 { bottom: 124px; left: 30px; }
.icons-bg4th-18 { bottom: 100px; left: 132px; }
.icons-bg4th-19 { bottom: 105px; right: 54px; }
.icons-bg4th-20 { bottom: 84px; left: 75px; }
/*.stairs { top: 305px; height: 160px; left: 26px; position: absolute; width: 161px; }*/
.stairs-large { height: 266px; left: 82px; position: absolute; top: 112px; width: 267px; }
.stairs img { }
.left-tree-text { /*height: 305px; left: 52px; position: absolute; top: 14px; width: 305px;*/ height: 305px; left: 0; position: absolute; top: 58px; width: 305px; }
.left-tree-text figure { height: 100%; position: relative; width: 100%; }
.left-tree-text div { position: absolute; }
.find-left { left: 260px; top: 0; }
.to-left { left: 228px; top: 58px; }
.is-left { left: 186px; top: 100px; }
.step-left { bottom: 104px; left: 92px; }
.first-left { bottom: 52px; left: 40px; }
.our-left { bottom: 0; left: 0; }
.the-many-great-places { /*top: 305px; height: 160px; left: 26px; position: absolute; width: 161px;*/ height: 88px; position: absolute; right: 55px; top: 400px; width: 266px; }
/*.right-tree-text { height: 192px; position: absolute; right: 0; top: 0px; width: 318px; }
.right-tree-text figure { height: 100%; position: relative; width: 100%; }
.right-tree-text img { position: absolute; }
.many-right { left: 0; top: 0; }
.great-places { left: 40px; top: 32px; }
.on-the-web { left: 86px; top: 73px; }
.likely-publish { right: -17px; top: 118px; }
.your-content { right: -22px; top: 163px; }*/

/**************** 4th page ********************/

.fourthPage { }
.once-we-find { height: 94px; left: -20px; position: absolute; top: 180px; width: 303px; }
.once-we-find img { }
.we-bring-the-list { height: 147px; position: absolute; right: -22px; top: 300px; width: 312px; }
.we-bring-the-list img { }
.center-lightning { height: 252px; left: 0; position: absolute; top: -60px; width: 100%; }
.center-lightning figure { height: 100%; position: relative; width: 100%; }
.center-lightning div { position: absolute; }
.bulb-middle { bottom: 15px; left: 50%; margin-left: -44px; }
.bright-topleft { left: 300px; top: 58px; }
.bright-topright { right: 300px; top: 57px; }
.bright-centerleft { left: 266px; top: 118px; }
.bright-centerright { right: 262px; top: 120px; }
.bright-bottomright { right: 274px; top: 170px; }
.bright-bottomleft { left: 273px; top: 176px; }
.star-pair1-01 { right: 165px; top: 175px; }
.star-pair1-02 { left: 72px; top: 32px; }
.star-pair2-01 { left: 157px; top: 0; }
.star-pair3-01 { right: 276px; top: 8px; }
.star-pair3-02 { left: 190px; top: 138px; }
.star-pair4-01 { right: 224px; top: 2px; }
.star-pair4-02 { left: 334px; top: 32px; }
.star-pair4-03 { right: 110px; top: 87px; }
.star-pair4-04 { right: 237px; top: 164px; }
.star-pair4-05 { left: 244px; top: 0; }
.star-pair4-06 { right: 162px; top: 28px; }
.star-pair5-01 { left: 198px; top: 79px; }
.star-pair6-01 { right: 222px; top: 60px; }
.star-pair7-01 { right: 182px; top: 105px; }
.star-pair7-02 { left: 240px; top: 38px; }
.ladder-bracket { height: 322px; left: 0; position: absolute; top: 182px; width: 100%; }
.ladder-bracket img { left: 50%; margin-left: -123px; position: absolute; }
/**************** 5th page ********************/

.fifthPage { }
.then-just-give-us { position: absolute; right: 112px; top: 83px; }
.green-light { position: absolute; right: 0; top: 145px; }
.white-container { height: 275px; left: 117px; position: absolute; top: 160px; width: 122px; }
.white-container figure { height: 100%; position: relative; width: 100%; }
.white-container div { position: absolute; }
.traffic-frame { left: 0; top: 0; }
.green-small-light { bottom: 195px; left: 32px; }
.yellow-small-light { bottom: 109px; left: 32px; }
.red-small-light { bottom: 23px; left: 32px; }
.or-a-list-of-awesome-titles { position: absolute; right: 0; top: 265px; }
/**************** 6th page ********************/

.sixthPage { }
.armed-with-great-content { height: 50px; left: 0; position: absolute; top: 0px; width: 100%; }
.armed-with-great-content img { left: 50%; margin-left: -317px; position: absolute; }
.knife-cutter { bottom: 50%; height: 115px; left: 50%; margin-bottom: -12px; margin-left: -68px; position: absolute; width: 231px; }
.knife-rotor { height: 100%; position: relative; width: 100%; }
.knife-opener { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:10; }
.knife-opener img { }
.knife-blade-01,
.knife-blade-02,
.knife-blade-03,
.knife-blade-04 { height: 30px; z-index:5; position: absolute; width: 30px; }
.knife-blade-01 img,
.knife-blade-02 img,
.knife-blade-03 img,
.knife-blade-04 img { position: relative; }
.knife-blade-01 { left: 182px; top: 22px; }
.knife-blade-02,
.knife-blade-03,
.knife-blade-04 { left: 23px; top: 68px; }
.knife-blade-01 img { bottom: 96px; right: 173px; }
.knife-blade-02 img { bottom: 49px; right: 126px; }
.knife-blade-03 img { left: 48px; top: 28px; }
.knife-blade-04 img { right: 67px; top: 40px; }
.we-go-back-to { height: 95px; left: 0; position: absolute; top: 402px; width: 100%; }
.we-go-back-to img { left: 50%; margin-left: -301px; position: absolute; }
/**************** 7th page ********************/

.seventhPage { }
.as-soon-as-somebody { height: 34px; left: 0; position: absolute; top: 0; width: 100%; }
.as-soon-as-somebody img { left: 50%; margin-left: -290px; position: absolute; }
.okays-liker { height: 228px; margin: 90px auto 0; position: relative; width: 580px; }
.okays-liker figure { position: absolute; }
.okays-o { bottom: 0; left: 100px; }
.okays-k { bottom: 0; left: 256px; }
/*.okays-s { bottom: 0; left: 282px; }*/
.green-hand { right: 52px; top: 42px; }
.we-will-get-in-touch-with-you { height: 36px; left: 0; position: absolute; top: 372px; width: 100%; }
.we-will-get-in-touch-with-you img { left: 50%; margin-left: -215px; position: absolute; }
.for-the-expert-piece { height: 34px; left: 0; position: absolute; top: 422px; width: 100%; }
.for-the-expert-piece img { left: 50%; margin-left: -260px; position: absolute; }
/**************** 8th page ********************/

.eightPage { }
.too-busy { height: 80px; left: 0; position: absolute; top: 0; width: 100%; }
.too-busy img { left: 50%; margin-left: -156px; position: absolute; }
.writer-panel { height: 215px; margin: 90px auto 0; position: relative; width: 100%; }
.writer-panel figure { position: absolute; }
.red-pencil { bottom: 0; left: 334px; z-index: 10; }
.written-text-01 { left: 44px; top: 66px; z-index: 0; }
.written-text-02 { left: 98px; top: 87px; z-index: 0; }
.written-text-03 { left: 135px; top: 107px; z-index: 0; }
.written-text-04 { left: 162px; top: 131px; z-index: 0; }
.written-text-05 { left: 148px; top: 152px; z-index: 0; }
.boy-bubble { left: 235px; top: 0; z-index: 10; }
.girl-bubble { right: 222px; top: 0; z-index: 10; }
.busy-boy { bottom: 0; left: 150px; z-index: 10; }
.busy-girl { right: 150px; top: 42px; z-index: 10; }
.no-problem { height: 75px; left: 0; position: absolute; top: 317px; width: 100%; }
.no-problem img { left: 50%; margin-left: -179px; position: absolute; }
.we-will-just-interview { height: 72px; left: 0; position: absolute; top: 428px; width: 100%; }
.we-will-just-interview img { left: 50%; margin-left: -201px; position: absolute; }
/**************** 9th page ********************/

.ninthPage { }
.once-your-content { height: 102px; left: 0; position: absolute; top: 0; width: 100%; }
.once-your-content img { left: 50%; margin-left: -383px; position: absolute; }
.see-share-link { margin: 200px auto 0; width: 100%; }
.see-share-link,
.it-contain { height: 222px; }
.it-contain { float: left; position: relative; width: 33.3%; }
.it-contain figure { left: 50%; position: absolute; }
.it-text { top: 180px; }
.blue-eye { margin-left: -80px; top: 16px; }
.see-text { margin-left: -46px; }
.share-box { margin-left: -78px; top: 0; }
.share-text { margin-left: -72px; }
.link-to-heart { margin-left: -65px; top: 12px; }
.link-text { margin-left: -69px; }
/**************** 10th page ********************/

.tenthPage { }
.remember-you-cant { height: 32px; left: 0; position: absolute; top: 0; width: 100%; }
.remember-you-cant img { left: 50%; margin-left: -362px; position: absolute; }
.but-you-can-earn-one { height: 32px; left: 0; position: absolute; top: 56px; width: 100%; }
.but-you-can-earn-one img { left: 50%; margin-left: -166px; position: absolute; }
.number-one-position { height: 240px; margin: 142px auto 0; position: relative; width: 124px; }
.number-one-position figure { position: absolute; }
.yellow-medal { left: 0; top: 0; }
.num-one { left: 34px; top: 148px; }
.and-wr-are-here { height: 44px; left: 0; position: absolute; top: 428px; width: 100%; }
.and-wr-are-here img { left: 50%; margin-left: -335px; position: absolute; }
/**************** 11th page ********************/

.eleventhPage { }
.the-beginning { height: 62px; margin: 265px auto 0; position: relative; width: 338px; }
.the-beginning div { position: absolute; }
.the-text { left: 0; top: 5px; }
.beginning-text { left: 145px; top: 0px; }
/**************** 12th page ********************/

.twelvethPage { }
.dejan-seo-logo { height: 148px; left: 50%; margin-left: -118px; position: absolute; top: 0; width: 235px; }
.fill-in-your-details { height: 59px; left: 0; position: absolute; top: 180px; width: 100%; }
.fill-in-your-details div { left: 50%; margin-left: -275px; position: absolute; }
.footer-form { margin: 262px -62px 0; position: relative; }
.field-contain { float: left; width: 50%; }
.input-contain { margin: 5px 10px; position: relative; text-align: left; }
.input-contain div { left: 0; position: absolute; top: 0; z-index: 5; }
.footer-form input.textf { background-color: transparent; border: medium none; font-size: 16px; padding: 17px 6%; position: relative; width: 91%; z-index: 10; }
.footer-form input.submitf { background-color: transparent; border: medium none; height: 42px; margin-top: 20px; padding: 0; width: 166px; }
.footer-form input.submitf:hover { opacity:0.8; }
footer { position:absolute; bottom:0; width:100%; padding-top:30px; }
footer,
footer a { color:rgba(90, 74, 66, 0.44); text-decoration:none; }
footer p { font-size: 14px; margin: 8px 0; }
footer a:hover { color:rgb(90, 74, 66); }
footer img { margin-left:25px; }

#ficons {width:208px; text-align:center; margin:0 auto; padding:0; position:relative; z-index:150}
#ficons li{list-style:none; float:left; margin-left:10px;}
#contactFrm{width:700px;margin:auto;}
.editbox-bg{width:340px}