@charset "utf-8";
@font-face {
	font-family: 'NokiaCellphoneFCSmall';
	src: url('../fonts/nokiafc22-webfont.eot');
	src: local('☺'), url('../fonts/nokiafc22-webfont.ttf') format('truetype'), url('../fonts/nokiafc22-webfont.svg#webfontiR8jdSvC') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FieryTurkRegular';
	src: url('../fonts/fiery_turk-webfont.eot');
	src: local('☺'), url('../fonts/fiery_turk-webfont.ttf') format('truetype'), url('../fonts/fiery_turk-webfont.svg#webfontihW869bf') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BlairMdITCTTMedium';
	src: url('../fonts/blaimim_-webfont.eot');
	src: local('☺'), url('../fonts/blaimim_-webfont.woff') format('woff'), url('../fonts/blaimim_-webfont.ttf') format('truetype'), url('../fonts/blaimim_-webfont.svg#webfontTymAc25t') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, 
html {
	background:#828282 url(../images/back1.png) repeat-x;
	font-family: Georgia, Palatino, "Times New Roman", serif;
	font-size:62.5%;
}




body, 
html, 
p, 
h1, 
h2, 
h3, 
h4, 
button, 
ul {
	margin:0;
}
body, 
html, 
#container, 
#help {
	width:100%;
	height:100%;
	border:0;
	padding:0!important;
} 
button, 
ul#ulLg {
	padding:0;
}
body, 
html,
a,
a:visited,
a:hover {
	color:#f7f6ea;
}
object,
button span,
#shadow,
#box2,
#box4,
#help,
#staticIE {
	left:0;
}
button span,
#screen,
#box3,
#help,
#staticIE {
	top:0;
}
body, 
html,
#footer,
h3,
#divPano,
.box p,
#help p {
	line-height:1.5em;
}
h1, 
h2, 
h3, 
button, 
#iphone span, 
.box strong, 
#footer li strong {
	font-family: 'PT Sans Caption', "BlairMdITCTTMedium", Helvetica, Arial, sans-serif;
	font-weight:normal;
}
body, 
#iphone span {
	font-size:10px;
}
#helpBox,
#footer {
	font-size:11px;
}
h2,
.box p,
#footer ul,
#iphone {
	font-size:12px;
}
#required, 
#resize {
	font-size:13px;
}
#divPano,
#help {
	font-size:14px;
}
#helpBox u,
#links {
	font-size:15px;
}
#help u,
#footer li strong {
	font-size:16px;
}
h1,
.box p strong {
	font-size:18px;
}

#screen, 
#shadow,
#iphone,
ul#ulLg,
#remote,
#footer,
#help,
.box,
.box a,
#boxes, 
#links {
	position:absolute;	
}	
button,
button span,
#resize,
#footer span {
	position:relative;
}





body {
	overflow: hidden;
}

a, 
a:visited, 
a:hover,
button,
#boxes, 
#links,
.box,
#help,
ul#ulLg li {
	cursor:pointer!important;
	outline:0 none;
}


a:hover {
	text-decoration:none;
}

h1{
	color:black;
	padding-top:392px;
}
h2 {
	color:#333333;
	line-height:1.3em;
	text-transform:lowercase;
	margin-top:.3em;
}
h3 {
	font-size: 33px!important;
	text-shadow:2px 2px 0 black;
	font-weight: normal;
}
button { 
	overflow: visible; /* removes extra side padding in IE */
	padding-right:12px;
	background:transparent url(../images/startButton.png) no-repeat scroll right -51px;
	font-size:23px;
	border:0;
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	display: block; 
	white-space: nowrap;
	color:#484848;
	text-transform:uppercase;
	padding:2px 4px 4px 15px;
	height:44px;
	line-height:44px;
	background:url(../images/startButton.png) left top;
}

u {
	font-style: italic;
	text-decoration: none;
}

/* SCREEN *******************/

#screen {
	margin-top:21px;
	z-index:100;
	left:128px;
}
.td1, .td3, .td4, .td6 {
	width:20px;
}
.td1, .td7 {
	height:20px;
}
.td1{
	background:url('../images/screen1.png') 0px 0px no-repeat;
}
.td2 {
	background:url('../images/screen2.png') 0px 0px repeat-x;
}
.td3 {
	background:url('../images/screen1.png') -20px 0px no-repeat;
}
.td4 {
	vertical-align:top;
	background:url('../images/screen5.png') 0px 0px repeat-y;
}
.td5, 
#boxes, 
#divPano, 
#links {
	width:760px;
	height:498px;
}
.td5 {
	background:#21262d;	
}
.td6 {
	vertical-align:top;
	background:url('../images/screen5.png') -20px 0px repeat-y;
	display:table-cell;
}
.td7 {
	background:url('../images/screen1.png') 0px -20px no-repeat;
}
.td8 {
	background:url('../images/screen2.png') 0px -20px repeat-x;
}
.td9 {
	background:url('../images/screen1.png') -20px -20px no-repeat;
}
#required {
	letter-spacing:normal;
	text-shadow:1px 1px 0 black;
	font-style: italic;
}
#resize {
	background:#eae5d1;
	height:499px;
	left:128px;
	margin-bottom:3em;
	padding:9px; 
	width:767px;
}
#title {
background-image:url(../images/menuBack.png);
background-position:0 270px;
background-repeat:no-repeat;
line-height:2.00em;
padding-left:6px;
text-align:right;
width:115px;
height:560px;
}
#divPano {
	background-color:#666;
	background-image:url(../images/welcome.jpg);
	font-style: normal;
	font-weight: normal;
	text-align:center;
}
#welcome, 
#oups, 
#help {
	background-image:url(../images/messageBack.png);
	margin-bottom:3em;
	padding:18px 27px 27px;
	text-align:left;
	text-shadow:1px 1px 0 black;
}

/************* SHADOW ********************/

#shadow {
	margin-left:100px;
	z-index:90;
	margin-top:-10px;
	height:66px;
}

.shadowTd {
	background: transparent url(../images/shadowBack.png) repeat scroll 0 0;
}

/*************** BOXES ********************************/

#boxes, 
#links {
	display:none;
	top:41px;
	left:148px;
}
.box {
	background:transparent url(../images/messageBack.png) repeat scroll 0 0;
	margin:1em;
	padding:1.55em;
	display:none;
	text-shadow:1px 1px 0 black;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
}
.box a {
	text-decoration:none;
	top:6px;
	right:5px;
	display:block;
	background: url(../images/closeButton.png);
	height: 22px;
	width:22px;
}
.box p strong { 
	font-weight: normal;
	text-shadow:2px 2px 0 black;
}
.box i { font-weight: bold; }
#box1 {
	bottom:15px;
	left:15%;
	width:70%;
}
#box2 {
	bottom:15%;
	width:330px;
}
#box3 {
	right:21px;
	width:350px;
}
#box4 {
	bottom:10px;
	width:630px;
}
#box5 {
	bottom:25%;
	width:33%;
	right:30px;
}

/******** HELP ************************/

#help {
	background-image:url(../images/messageBack.png);
	display:none;
	text-align:center;
	vertical-align:middle;
}
#help h3 { margin:27px 27px 0 27px; }
#help p { 
	margin:0 27px; 
}

#helpBox {
	position:fixed;
	padding:0.8em;
	text-shadow:1px 1px 0 black;
}
#mouses {
	width:760px;
	margin:0 auto;
}
#mouse1, 
#mouse2 {
	width:49%;
	float:left;
	background:url(../images/mouse2.png) no-repeat 28px top;
	padding-top:160px;
	margin:1em 0 2em 0;
}
#mouse1 {
	width:50%;
	border-right:1px solid #666;
	background-image:url(../images/mouse1.png);
}
#mouse1 p, 
#mouse2 p {
	text-align: left;
}

/******** FOOTER ***************************/

#footer {
	bottom:0;
	display:none;
	font-style:italic;
	right:0;
	text-align:right;
	z-index:400;
}
#footer span {
	background: url(../images/messageBack.png);
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	padding: 0 27px 0 4px;
	white-space:nowrap;
	border-bottom:1px solid #333;
	line-height:27px;
	top:1px;
	display:block;
}
#footer a, 
#footer a:visited {
	color:#999;	
}
#footer a:hover {
	border-bottom:0;
	color:#f9f9f5;
	text-decoration:none;
	text-shadow:1px 1px 0 #000;
}
#footer ul {
	font-style: normal;
	padding: 0.7em 0 0 0;
	line-height:1.55em;
	width:900px;
	float:right;
	background: url(../images/messageBack.png);
	display:block;
	list-style:none;
}
#footer li {
	width:425px;
	text-align: left;
	padding: 0 14px 18px 0;
	float:right;
}
#footer li strong {
	text-shadow:1px 1px 0 #000;
	line-height:1.4em;
	font-weight:normal;
}
#footer li p {
	margin-left:3px;
}
.email {
	color:#aaa!important;
	color:white!important;
	text-shadow:1px 1px 0 #990000!important;
}
.twitter {
	color:#33ccff!important;
	text-shadow:1px 1px 0 #333!important;
}
.facebook {
	text-shadow:1px 1px 0px #3b5998!important;
	color:white!important;
}
.viewat {
	color:#ffa500!important;
}


/************** REMOTE *********************/
#remote {
  	left:3px;
  	top:80px;  
  	background:url('../images/remote.png');  
  	width:121px;  
  	height:214px;  
  	cursor:move;  
  	z-index:999;
}
ul#ulLg {
	margin:8px 0 0 22px;
  	top:125px;
  	width:80px;
  	list-style:none;
  	padding:0;
}
ul#ulLg li {
	float:left;
	height:30px;
	margin-left:5px;
	width:20px;
}
ul#ulLg a {
	display:block;
	height:30px;
	width:19px;
}
#iconFr:hover, .iconFRHover { background:url('../images/versionBack.png') -69px -175px!important;}
#iconEn:hover, .iconENHover { background:url('../images/versionBack.png') -56px -145px!important;}
#iconEs:hover, .iconESHover { background:url('../images/versionBack.png') -31px -145px!important;}
#iconCat:hover, .iconCATHover { background:url('../images/versionBack.png') -81px -145px!important;}
#iconRu:hover, .iconRUHover { background:url('../images/versionBack.png') -44px -175px!important;}

#linksBtn, #helpBtn, #zoomPlus, #zoomMinus, #infoBtn, #upBtn, #downBtn, #leftBtn, #rightBtn {
  cursor:pointer;
  display:none;
  height:23px;
  left:34px;
  position:absolute;
  top:108px;
  width:23px;
}
#linksBtn {
  display:block;
  left:65px;
  top:108px;
}
#zoomPlus {
  l	eft:75px;
	top:50px;
}
#zoomMinus {
	left:78px;
	top:73px;
}
#infoBtn {
	left:35px;
	top:63px;
}
.infoOn {
  	background:url(../images/remote2.png) no-repeat  -1px -5px;  
}
#upBtn {
	height:12px;
	left:35px;
	top:50px;
}
#downBtn {
  height:12px;
  left:36px;
  top:87px;
}
#leftBtn {
  width:12px;
  left:22px;
  top:63px;
}
#rightBtn {
  width:12px;
  left:58px;
  top:63px;
}

/************** LINKS PAGE *****************/

#links {
	font-family: 'FieryTurkRegular', "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif;
	color:white;
	line-height:1.8em;
	background:#101010;
	z-index:999;
	position:fixed;
}

#links h3 {
	font-family : 'NokiaCellphoneFCSmall', "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif;
	letter-spacing:0;
	color:white;
	background:red;
	padding:6px 15px 3px 15px;
	text-transform:uppercase;
	font-style: normal;
}
#links h4 {
	color:yellow;
	text-transform:uppercase;
	margin-top:1.2em;
	font-weight: normal;
	
}
#links a, #links a:visited {
	color:aqua;
	text-decoration:none;
	padding:0 6px;
}
#links a:hover {
	color:black;
	background:aqua;
}

/* IPHONE ******************************************** */

#iphone {
	background:transparent url(../images/iphone.png) no-repeat scroll center bottom;
	color:white;
	height:76px;
	left:690px;
	padding: 60px 0 0 6px;
	text-align:center;
	text-shadow:1px 1px 0 black;
	top:437px;
	width:245px;
	z-index:300;
	line-height:1.7em;
}
#iphone span {
	background:#CC0000;
	color:white;
	display:inline;
	padding:2px 11px;
	text-decoration:none;
	text-shadow:none;
	white-space:nowrap;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

/* HACK SAFARI ***************************************** */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#boxes {
		left:20px;
		top:20px;
	}
	/* Safari and Google Chrome only - fix margins */
	button span {
		padding-top:4px;
		height:40px;
		line-height:40px;
		margin-top: -1px;
	}
}

/* HACK IE ******************************************** */

#staticIE {
	position:static;
	width:0;
	height:0;
}


/****************************************************** */
.twitter-share-button {
	margin-bottom: -7px;
	margin-right:3px;
}