body {margin: 0px; padding: 0px;}
#BGLayers {position: absolute; top: 0px; left: 50%; margin-left: -480px; z-index:10;}

#MenuLink {position: absolute; left: 160px; top: 48px; width: 130px; height: 42px; display: block; z-index: 20000; }

#RootContainer {position: absolute; left: 50%; top: 0px; margin-left: -280px; z-index: 30; width: 700px; height: 200px; }

#BGLayers #Layer1 {height: 500px; background:url(../images/layer1.jpg) no-repeat; }
#BGLayers #Layer2 {height: 700px; background:url(../images/layer2.jpg) no-repeat; }
#BGLayers #Layer3 {height: 900px; background:url(../images/layer3.jpg) no-repeat; }
#BGLayers #Layer4 {height: 1000px; background:url(../images/layer4.jpg) no-repeat; }
#BGLayers #Layer5 {height: 700px; background:url(../images/layer5.jpg) no-repeat; }
#BGLayers #Layer6 {height: 900px; background:url(../images/layer6.jpg) no-repeat; }
#BGLayers #Layer7 {height: 600px; background:url(../images/layer7.jpg) no-repeat; }
#BGLayers #Layer8 {height: 1300px; background:url(../images/layer8.jpg) no-repeat; }
#BGLayers #Layer9 {height: 900px; background:url(../images/layer9.jpg) no-repeat; }
#BGLayers #Layer10 {height: 400px; background:url(../images/layer10.jpg) no-repeat; }

#Header {position: absolute; left: 50%; top: 0px; margin-left: -480px; width: 960px; height: 93px; background: url(../images/header.png); z-index: 20000;}
#Menu {position: absolute; left: 158px; top: 93px; width: 158px; height: 198px; background: url(../images/menu.png) no-repeat; z-index: 20000; display: none; }
#Menu > div {width: 155px; height: 37px; }

#PerformansVideoLink {display: block; position: absolute; left: 315px; top: 685px; width: 175px; height: 71px; }
#SurusDeneyimiVideoLink {display: block; position: absolute; left: 105px; top: 2490px; width: 175px; height: 71px; }
#BottomMenu {position: absolute; left: 110px; top: 7755px; width: 550px; height: 50px;}
#BottomMenu a { display: block; float: left; height: 24px;}
#BottomMenu .Toyota {width: 70px; height: 50px;}
#BottomMenu .Performans {width: 102px; }
#BottomMenu .SurusDeneyimi {width: 115px; }
#BottomMenu .DisDizayn {width: 83px; }
#BottomMenu .IcDizayn {width: 75px; }
#BottomMenu .Renkler {width: 75px; }
#BottomMenu .ToyotaSite {width: 148px; }
#BottomMenu .KullanimKosullari {width: 135px; }

#Preload360 {display: none;}
#SpinContainer {position: absolute; left: 152px; top:1550px; overflow: hidden; width: 600px; height: 230px;}
#SpinImage {position: absolute; left: -100px}

#RenkContainer {position: absolute; top: 6935px; left: 160px; width: 600px; height: 238px; overflow: hidden;}
#RenkContainer div {position: absolute; left: 0px; top: 0px; overflow: hidden;}
#RenkLine {position: absolute; left: 150px; top: 7180px; width: 600px; height: 1px; background-color: #000; z-index: 1000;}

#RenkTitle {width: 130px; height: 18px; position: absolute; left: 200px; top: 6920px; z-index:10000; }
#RenkTitle.Title0 {background: url(../../images/renkler_sprite.png) 0px -32px no-repeat; }
#RenkTitle.Title1 {background: url(../../images/renkler_sprite.png) 0px -72px no-repeat; }
#RenkTitle.Title2 {background: url(../../images/renkler_sprite.png) 0px -52px no-repeat; }
#RenkTitle.Title3 {background: url(../../images/renkler_sprite.png) 0px -92px no-repeat; }

.YasalUyari 
{
    display: block;
    position: absolute;
    right: 121px;
    bottom: -5px;
    color: #FFF;
    text-decoration: none;
    font-size: 13px;
    font-family: 'toyota_displayregular';
}

#Debug {display: none; position: fixed; left: 0px; top: 0px; width: 500px; height: 200px; z-index: 10000; color: #FF0000;}

/* TOP BAR */

#TopBar {
	position:absolute;
	left:0px;
	top:480px;
	z-index:99;
	width:788px;
	height:48px;
	background-image:url(../../images/topbar_bg.png);
	color:red;
	font-size:16px;
}
#TopBarContainer {
	width:760px;
	height:42px;
	margin:0px auto;
	padding-top:3px;
}
#TopBarContainer > .Left {
	float:left;
	position:relative;
	width:300px;
	margin-top:5px;
}
#TopBarContainer > .Left a {
	display:block;
	position:absolute;
	width:26px;
	height:26px;
	background-position:left top;
	background-repeat:no-repeat;
}
#TopBarContainer > .Left a:hover {
	background-position:left bottom;
}
#TopBarContainer > .Left #TwitterLink {
	background-image:url(../../images/twitter_icon.png);
	left:12px;
	top:4px;
}
#TopBarContainer > .Left #FacebookLink {
	background-image:url(../../images/facebook_icon.png);
	left:45px;
	top:4px;
}
#TopBarContainer > .Left .GooglePlusWrapper {
	position:absolute;
	left:78px;
	top:5px;
}
#TopBarContainer > .Left .FaceContainer {
	position:absolute;
	left:124px;
	top:8px;
}

#TopBarContainer .Right {
	float:right;
	width:348px;
	height:35px;
	background:url(../../images/topbar_right.png) no-repeat;
	margin-top:5px;
}
#FormLink {
	float:right;
	display:block;
	width:152px;
	height:35px;
}

.iosfix {
  height: 101%;
  overflow: hidden;
}

@media only screen and (min-device-width: 768px) and (orientation: landscape) {
	#BGLayers div {width: 864px; }
	#Header {width: 864px; margin-left: -400px;}
	#BGLayers {margin-left: -400px;}
	#RootContainer {margin-left: -325px; width: 789px;}
}
@media only screen and (min-device-width: 768px) and (orientation: portrait) {
	#BGLayers div {width: 864px; }
	#Header {width: 864px; margin-left: -400px;}
	#BGLayers {margin-left: -400px;}
	#RootContainer {margin-left: -325px; width: 789px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 700px) {
	#BGLayers div {width: 805px; }
	#Header {width: 805px; }
	#RootContainer {margin-left: -405px; width: 730px; }
	#SpinContainer {width: 570px;}
	#RenkLine {width: 570px;}
	#RenkContainer {width: 570px;}
	#TopBar {left: 83px; width: 620px;}
	#TopBarContainer {width: 620px;}
}