/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	outline:0;
	border:0;
	background:transparent;
	vertical-align:baseline
}

ol,ul {
	list-style:none
}

blockquote,q {
	quotes:none
}

:focus {
	outline:0
}

ins {
	text-decoration:none
}

del {
	text-decoration:line-through
}

table {
	border-spacing:0;
	border-collapse:collapse
}

a {
	text-decoration:none;
	cursor:pointer
}

/* General */
body,html {
	height:100%;
	background-color:#fff;
	color:#444;
	text-align:center;
	font-size:14px;
	font-family:Helvetica,Arial,sans-serif;
	line-height:1
}

html {
	overflow-y:scroll
}

#container {
	position:relative;
	min-height:100%;
	text-align:left;
	background:#fff url(../images/welcome_images/bg_new.png) repeat-x 0 0
}

/* Navigation */
#nav {
	padding:25px 0 45px;
	text-align:center
}

#nav li {
	position:relative;
	display:inline-block;
	margin:0 20px;
	padding:4px 10px 15px;
	width:80px;
	height:60px;
	text-align:center;
	cursor:pointer
}

#nav .text {
	display:block;
	color:#000;
	font-weight:700;
	font-size:12px
}

#nav .ico {
	display:block;
	margin:0 auto;
	width:50px;
	height:50px;
	background:url(../images/welcome_images/logos.png) no-repeat 0 0
}

#nav .iphone .ico {
	background-position:0 0
}

#nav .ipad .ico {
	background-position:-50px 0
}

#nav .android .ico {
	background-position:-100px 0
}

#nav .blackberry .ico {
	background-position:-150px 0
}

#nav .iphone:hover .ico,#nav .iphone.active .ico {
	background-position:0 -50px
}

#nav .ipad:hover .ico,#nav .ipad.active .ico {
	background-position:-50px -50px
}

#nav .android:hover .ico,#nav .android.active .ico {
	background-position:-100px -50px
}

#nav .blackberry:hover .ico,#nav .blackberry.active .ico {
	background-position:-150px -50px
}

#nav li:hover,#nav li.active {
	background:url(../images/welcome_images/b_mid.png) repeat-x 0 0
}

#nav li:hover:after,#nav li.active:after {
	position:absolute;
	top:0;
	right:-9px;
	width:9px;
	height:80px;
	content:'';
	background:url(../images/welcome_images/b_right.png) repeat-x 0 0
}

#nav li:hover:before,#nav li.active:before {
	position:absolute;
	top:0;
	left:-9px;
	width:9px;
	height:80px;
	content:'';
	background:url(../images/welcome_images/b_left.png) repeat-x 0 0
}

#nav li:hover .text,#nav li.active .text {
	color:#fff
}

#nav li.active .text:after {
	position:absolute;
	bottom:-18px;
	left:50%;
	margin-left:-11px;
	width:23px;
	height:19px;
	content:'';
	background:url(../images/welcome_images/b_polygon.png) repeat-x 0 0
}

/* Preview */
#rotate {
	position:absolute;
	right:-70px;
	z-index:1;
	padding-top:13px;
	height:13px;
	color:#a77101;
	text-indent:28px;
	font-weight:700;
	font-size:12px;
	cursor:pointer;
	background:url(../images/welcome_images/b_rotate.png) no-repeat 0 -26px
}

.landscape #rotate {
	background-position:0 0
}

.ipad #rotate {
	right:-40px
}

#preview {
	position:relative;
	margin:0 auto
}

.logo {
	position:absolute;
	width:108px;
	height:179px;
	background:url(../images/welcome_images/mooged_logo.png) no-repeat
}

.bezel {
	position:absolute;
	top:0;
	right:100%;
	bottom:100%;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat
}

.screen {
	position:relative;
	border-width:0
}

iframe {
	width:100%;
	height:100%;
	outline:none;
	outline-width:0;
	border:none;
	border-width:0;
}

.text-container {
	padding-top:20px;
	text-align:center
}

.premium .text-container {
	display:none
}

.mobilize-label {
	font-size:36px
}

.mooged-label {
	margin-top:25px;
	font-size:26px
}

#preview.iphone.portrait {
	width:246px;
	height:487px
}

#preview.iphone.portrait iframe { width: 313px; height: 474px; border: 1px solid black; }
#preview.iphone.portrait iframe {
    -ms-zoom: 0.65;
    -moz-transform: scale(0.65);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.65);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.65);
    -webkit-transform-origin: 0 0;
}

#preview.iphone.portrait .bezel {
	height:564px;
	background-image:url(../images/welcome_images/iphone_vertical.png)
}

#preview.iphone.portrait .screen {
	top:86px;
	left:23px;
	width:204px;
	height:310px
}

#preview.iphone.portrait .logo {
	bottom:-75px;
	left:-85px
}

#preview.iphone.landscape {
	margin-top:117px;
	margin-bottom:117px;
	width:497px;
	height:253px
}

#preview.iphone.landscape .bezel {
	height:312px;
	background-image:url(../images/welcome_images/iphone_horizontal.png)
}

#preview.iphone.landscape .screen {
	top:22px;
	left:94px;
	width:310px;
	height:205px
}

#preview.iphone.landscape .logo {
	bottom:-75px;
	left:-75px
}

#preview.ipad.portrait {
	width:634px;
	height:698px
}

#preview.ipad.portrait .bezel {
	height:803px;
	background-image:url(../images/welcome_images/ipad_vertical.png)
}

#preview.ipad.portrait .screen {
	top:69px;
	left:112px;
	width:417px;
	height:555px
}

#preview.ipad.portrait .logo {
	bottom:-75px;
	left:-38px
}

#preview.ipad.landscape {
	width:747px;
	height:547px
}

#preview.ipad.landscape .bezel {
	height:650px;
	background-image:url(../images/welcome_images/ipad_horizontal.png)
}

#preview.ipad.landscape .screen {
	top:62px;
	left:91px;
	width:555px;
	height:418px
}

#preview.ipad.landscape .logo {
	bottom:-75px;
	left:-63px
}

#preview.android.portrait {
	width:250px;
	height:484px
}

#preview.android.portrait iframe { width: 308px; height: 512px; border: 1px solid black; }
#preview.android.portrait iframe {
    -ms-zoom: 0.65;
    -moz-transform: scale(0.65);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.65);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.65);
    -webkit-transform-origin: 0 0;
}

#preview.android.portrait .bezel {
	height:567px;
	background-image:url(../images/welcome_images/nexus_vertical.png)
}

#preview.android.portrait .screen {
	top:76px;
	left:25px;
	width:201px;
	height:334px
}

#preview.android.portrait .logo {
	bottom:-75px;
	left:-85px
}

#preview.android.landscape {
	margin-top:113px;
	margin-bottom:113px;
	width:484px;
	height:258px
}

#preview.android.landscape .bezel {
	height:323px;
	background-image:url(../images/welcome_images/nexus_horizontal.png)
}

#preview.android.landscape .screen {
	top:26px;
	left:70px;
	width:334px;
	height:201px
}

#preview.android.landscape .logo {
	bottom:-75px;
	left:-85px
}

#preview.blackberry.portrait {
	width:274px;
	height:485px
}

#preview.blackberry.portrait iframe { width: 337px; height: 448px; border: 1px solid black; }
#preview.blackberry.portrait iframe {
    -ms-zoom: 0.65;
    -moz-transform: scale(0.65);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.65);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.65);
    -webkit-transform-origin: 0 0;
}

#preview.blackberry.portrait .bezel {
	height:574px;
	background-image:url(../images/welcome_images/blackberry_vertical.png)
}

#preview.blackberry.portrait .screen {
	top:87px;
	left:26px;
	width:220px;
	height:292px
}

#preview.blackberry.portrait .logo {
	bottom:-75px;
	left:-85px
}

#preview.blackberry.landscape {
	margin-top:102px;
	margin-bottom:103px;
	width:486px;
	height:280px
}

#preview.blackberry.landscape .bezel {
	height:337px;
	background-image:url(../images/welcome_images/blackberry_horizontal.png)
}

#preview.blackberry.landscape .screen {
	top:26px;
	left:80px;
	width:292px;
	height:220px
}

#preview.blackberry.landscape .logo {
	bottom:-75px;
	left:-85px
}

/* PreviewTipDiv override */
.previewTipDiv {
	padding:0;
	width:100%
}

#tip-div-inner {
	padding:5px
}