html,
body {
 	background: #f3f3f3 url(../images/body.gif);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none;
}

#stickypageframe {
	width: 960px;
	margin: 0 auto 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	background: #fff;
}

#stickycontent {
	background: #FFF;
	bottom: 0;
	width: 960px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#stickycontent p {
  line-height: 1.5em;
  color: #828282;
  font-size: 15px;
}

#stickycontent h1, h2, h3, h6 {
  line-height: 1.5em;
  color: #828282;
  font-size: 15px;
}

#stickycontent .mainheadline {
	font-size: 33px;
	color: #000;
	text-align: center;
}

#stickycontent .mainsubheadline {
	font-size: 18px;
	color: #828282;
	text-align: center;
	width: 760px;
	margin: 0 auto 0;
	margin-bottom: 50px;
}

#roundcorners-top {
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

#hero {
	margin: 0 auto 0;
	width: 960px;
	height: 450px;
	text-align: center;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
/* 	border-bottom: 1px solid #d9dce1; */
	padding: 0;
	margin-bottom: 50px;
	background: url('../images/inventorum/hero.jpg') no-repeat bottom right;
	background-size: 960px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  #hero {
	margin: 0 auto 0;
	width: 960px;
	height: 450px;
	text-align: center;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
/* 	border-bottom: 1px solid #d9dce1; */
	padding: 0;
	margin-bottom: 50px;
	background: url('../images/inventorum/hero@2x.jpg') no-repeat bottom right;
	background-size: 960px;
  }
}

#hero .hero-logo {
	width: 330px;
	float: left;
	margin-left: 70px;
	margin-top: 60px;
}

.preordernow-button
{
		cursor: pointer;
		padding: 5px 20px 5px 20px;
        display: inline-block;
        white-space: nowrap;
		background: #0064cd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#189edd), to(#0064cd));
        background-image: -webkit-linear-gradient(top, #189edd, #0064cd);
        background-image: -moz-linear-gradient(top, #189edd, #0064cd);
        background-image: -ms-linear-gradient(top, #189edd, #0064cd);
        background-image: -o-linear-gradient(top, #189edd, #0064cd);
        background-image: linear-gradient(top, #189edd, #0064cd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#189edd', EndColorStr='#0064cd');
        border: 1px solid;
        border-color:#0064cd #0064cd #003f81;
        text-decoration: none;
        color: #FFF;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.5em;
		text-shadow:0 -1px 0 #3d3d3d;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
		-moz-box-shadow: 0px 1px 2px #333;
		-webkit-box-shadow: 0px 1px 2px #333;
		box-shadow: 0px 1px 2px #333;
		float: left;
		margin-top: 380px;
		margin-left: 612px;
}

.preordernow-button:hover
{
        color: #FFF;	
        background-color: #0064cd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0392d8), to(#0064cd));
        background-image: -webkit-linear-gradient(top, #0392d8, #0064cd);
        background-image: -moz-linear-gradient(top, #0392d8, #0064cd);
        background-image: -ms-linear-gradient(top, #0392d8, #0064cd);
        background-image: -o-linear-gradient(top, #0392d8, #0064cd);
        background-image: linear-gradient(top, #0392d8, #0064cd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0392d8', EndColorStr='#0064cd');
}

.preordernow-button:active
{
		-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);
        position: relative;
}

.preordernow-button:focus
{
        outline: 0;
        background-color: #5899d1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2c8fe3), to(#255c8b));
        background-image: -webkit-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -moz-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -ms-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -o-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: linear-gradient(top, #2c8fe3, #255c8b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2c8fe3', EndColorStr='#255c8b');
}    

.preordernow-button:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
}

.features {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 80px;
}

.features td { padding: 0px 20px 10px 20px;}

.features-battery { width: 7em; height: 7em; margin:0 auto 0; -webkit-border-radius: 5em; -moz-border-radius: 5em; border-radius: 5em; border: 2px solid #828282;
					background: url('../images/iphone-dock/feature-icons-battery.png') no-repeat center center;
					background-size:33px;
					}

.features-hand { width: 7em; height: 7em; margin:0 auto 0; -webkit-border-radius: 5em; -moz-border-radius: 5em; border-radius: 5em; border: 2px solid #828282;
					background: url('../images/iphone-dock/feature-icons-hand.png') no-repeat center center;
					background-size:33px;
					}

.features-eye { width: 7em; height: 7em; margin:0 auto 0; -webkit-border-radius: 5em; -moz-border-radius: 5em; border-radius: 5em; border: 2px solid #828282;
					background: url('../images/iphone-dock/feature-icons-eye.png') no-repeat center center;
					background-size:38px;
					}
					
.features-brush { width: 7em; height: 7em; margin:0 auto 0; -webkit-border-radius: 5em; -moz-border-radius: 5em; border-radius: 5em; border: 2px solid #828282;
					background: url('../images/iphone-dock/feature-icons-brush.png') no-repeat center center;
					background-size:33px;
					}
					
.features-tools { width: 7em; height: 7em; margin:0 auto 0; -webkit-border-radius: 5em; -moz-border-radius: 5em; border-radius: 5em; border: 2px solid #828282;
					background: url('../images/iphone-dock/feature-icons-tools.png') no-repeat center center;
					background-size:33px;
					}

.features ul { list-style-type: none; padding:0 0 0 2px;margin-left: 30px;margin-bottom: 70px;}
.features li { display:inline-block; width:19%; margin:0; text-align:center; padding:100px 0 25px 0; position: relative; vertical-align: top; color:#888;  text-shadow: 0px 1px 1px #fff;font-weight:normal;font-size:15px;}



#preordernow {
	width: 960px;
	height: 200px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0 auto 0;
	margin-top: 0px;
	margin-bottom: 10px;
}

#preordernow .preorderinfotext {
	line-height: 1.5em;
	color: #828282;
	font-size: 15px;
	width: 360px;
	margin-left: 115px;
	margin-top: 10px;
	float: left;
}


#preordernow .preordernow-button2
{
		cursor: pointer;
		padding: 30px 30px 30px 30px;
        display: inline-block;
        white-space: nowrap;
		background: #0064cd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#189edd), to(#0064cd));
        background-image: -webkit-linear-gradient(top, #189edd, #0064cd);
        background-image: -moz-linear-gradient(top, #189edd, #0064cd);
        background-image: -ms-linear-gradient(top, #189edd, #0064cd);
        background-image: -o-linear-gradient(top, #189edd, #0064cd);
        background-image: linear-gradient(top, #189edd, #0064cd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#189edd', EndColorStr='#0064cd');
        border: 1px solid;
        border-color:#0064cd #0064cd #003f81;
        text-decoration: none;
        color: #FFF;
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5em;
		text-shadow:0 -1px 0 #3d3d3d;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		-moz-box-shadow: 0px 1px 2px #333;
		-webkit-box-shadow: 0px 1px 2px #333;
		box-shadow: 0px 1px 2px #333;
		margin-top: 50px;
		margin-left: 60px;
}

#preordernow .preordernow-button2:hover
{
        color: #FFF;	
        background-color: #0064cd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0392d8), to(#0064cd));
        background-image: -webkit-linear-gradient(top, #0392d8, #0064cd);
        background-image: -moz-linear-gradient(top, #0392d8, #0064cd);
        background-image: -ms-linear-gradient(top, #0392d8, #0064cd);
        background-image: -o-linear-gradient(top, #0392d8, #0064cd);
        background-image: linear-gradient(top, #0392d8, #0064cd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0392d8', EndColorStr='#0064cd');
}

#preordernow .preordernow-button2:active
{
		-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);
        position: relative;
}

#preordernow .preordernow-button2:focus
{
        outline: 0;
        background-color: #5899d1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2c8fe3), to(#255c8b));
        background-image: -webkit-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -moz-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -ms-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -o-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: linear-gradient(top, #2c8fe3, #255c8b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2c8fe3', EndColorStr='#255c8b');
}    

#preordernow .preordernow-button2:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
}


#preordernow .preordernow-button-XMAS
{
		cursor: pointer;
		padding: 30px 30px 30px 30px;
        display: inline-block;
        white-space: nowrap;
		background: #94000f;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e00219), to(#94000f));
        background-image: -webkit-linear-gradient(top, #e00219, #94000f);
        background-image: -moz-linear-gradient(top, #e00219, #94000f);
        background-image: -ms-linear-gradient(top, #e00219, #94000f);
        background-image: -o-linear-gradient(top, ##e00219, #94000f);
        background-image: linear-gradient(top, #e00219, #94000f);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e00219', EndColorStr='#94000f');
        border: 1px solid;
        border-color:#94000f #94000f #63000a;
        text-decoration: none;
        color: #FFF;
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5em;
		text-shadow:0 -1px 0 #3d3d3d;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		-moz-box-shadow: 0px 1px 2px #333;
		-webkit-box-shadow: 0px 1px 2px #333;
		box-shadow: 0px 1px 2px #333;
		margin-top: 30px;
		margin-left: 62px;
}

#preordernow .preordernow-button-XMAS:hover
{
        color: #FFF;	
 		background: #a00010;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e00219), to(#a00010));
        background-image: -webkit-linear-gradient(top, #e00219, #a00010);
        background-image: -moz-linear-gradient(top, #e00219, #a00010);
        background-image: -ms-linear-gradient(top, #e00219, #a00010);
        background-image: -o-linear-gradient(top, ##e00219, #a00010);
        background-image: linear-gradient(top, #e00219, #a00010);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e00219', EndColorStr='#a00010');
}

#preordernow .preordernow-button-XMAS:active
{
		-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);
        position: relative;
}

#preordernow .preordernow-button-XMAS:focus
{
        outline: 0;
        background-color: #5899d1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2c8fe3), to(#255c8b));
        background-image: -webkit-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -moz-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -ms-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: -o-linear-gradient(top, #2c8fe3, #255c8b);
        background-image: linear-gradient(top, #2c8fe3, #255c8b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2c8fe3', EndColorStr='#255c8b');
}    

#preordernow .preordernow-button-XMAS:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
}



/* Social Media Bar -- Begin */
#socialmediabuttons {
    clear: both;
	margin-left: 145px;
	list-style-type: none;
	padding: 0 !important;
	width: 720px;
	height: 25px;
	display: block;
	margin-top: 90px;
}

.fb-like {
	float: left;
    width: 148px;
    display: inline-block;

}

.fb-like iframe {
    width: 145px;
}

.twitter-share-button {
	width: 145px;
}

.twitter-follow-button {
	width: 148px;
	margin-left: 20px;
	margin-right: 61px;
}

#socialmediabuttons .g-plusone {
	width: 120px;
}

.pinterest-button {
	margin-left: 20px;
	display: inline;
}
/* Social Media Bar -- End */



#part2 {
	width: 960px;
	height: 670px;
	margin: 0 auto 0;
}


#slideshow {
	float: left;
	width: 346px;
	height: 550px;
	position: relative;
	margin-top: 10px;
	margin-left: 85px;
}

#slideshow IMG {
	position: absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#part2 .quote {
	float: right;
	width: 440px;
	margin-right: 60px;
	font-size: 17px;
	line-height: 1.7em;
	text-align: center;
	text-shadow: 0px 1px 1px #fff;
}

.part2headline {
	font-size: 22px;
	color: #000;
	font-weight: normal;
	text-align: center;
	line-height: 1.5em;
}

.part2handmade {
	font-size: 18px;
	color: #828282;
	font-weight: normal;
	text-align: left;
	width: 380px;
	padding-top: 10px;
}


#part3 {
	width: 960px;
	height: 750px;
	margin: 0 auto 0;
	margin-top: 70px;
	padding-top: 90px;
	border-top: solid 1px #dcdcdc;
}

#part4 {
	width: 960px;
	height: 750px;
	margin: 0 auto 0;
	margin-top: 70px;
	padding-top: 90px;
	border-top: solid 1px #dcdcdc;
}

#part4 video {
	background: #fff
}



/* Liability -- Begin */
#liability {
	font-family: "Lucida Grande";
	margin: 0 auto 15px;
	margin-top: 0px;
	padding-bottom: 30px;
	padding-top: 10px;
	padding-left: 75px;
	padding-right: 75px;
	width: 750px;
	border-top: solid 1px #dcdcdc;
}
/* Liability -- End */