* {	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
BODY {	FONT-FAMILY: tahoma; BACKGROUND: #ffffff; COLOR: #322c2e; FONT-SIZE: 11px;}

P A:hover {	TEXT-DECORATION: underline}
A IMG {	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none}
#logo_link {
	Z-INDEX: 101;
	POSITION: absolute;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 140px;
	PADDING-RIGHT: 140px;
	MARGIN-LEFT: -480px;
	TOP: 0px;
	PADDING-TOP: 10px;
	LEFT: 50%;
	height: 61px;
	width: -58px;
}

#navigation {Z-INDEX: 99; POSITION: relative; TEXT-ALIGN: center; BACKGROUND: url(../images/top-bar.html) repeat-x left top; HEIGHT: 80px; font-weight:bold;}
#navigation UL {Z-INDEX: 99; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 900px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/tmob-logo.png) no-repeat left top; HEIGHT: 75px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px}
#navigation UL LI {	Z-INDEX: 99; TEXT-ALIGN: center; PADDING-BOTTOM: 8px; LINE-HEIGHT: 30px; PADDING-LEFT: 0px; WIDTH: 72px; PADDING-RIGHT:0px; DISPLAY: block; FLOAT: right; HEIGHT: 42px; COLOR: #8d9398; PADDING-TOP: 20px}
#navigation UL LI A {PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 8px; COLOR: #8d9398; PADDING-TOP: 20px; font-size:11px; text-decoration:none}
#navigation UL LI A:link {PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 8px; COLOR: #8d9398; PADDING-TOP: 20px; font-size:11px;}
#navigation UL LI A:active {PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #ffffff; PADDING-TOP: 20px; font-size:11px;}
#navigation UL LI.active {COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;}
#navigation UL LI.active A {COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;}
#navigation UL LI:hover A {COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;}
#navigation UL LI A:hover {COLOR: #ffffff; TEXT-DECORATION: none; font-size:11px;}
#navigation UL LI.active {PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 8px; BACKGROUND: url(../images/nav-tab.png) no-repeat left top; PADDING-TOP: 20px}

#footer UL LI {	Z-INDEX: 99; TEXT-ALIGN: left; PADDING-BOTTOM: 8px; LINE-HEIGHT: 10px; PADDING-LEFT: 8px; WIDTH: 64px; PADDING-RIGHT: 8px; DISPLAY: block; FLOAT: left; HEIGHT: 42px; COLOR: #9d9e88; PADDING-TOP: 8px}
#footer UL LI A {PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; COLOR: #ffffff; PADDING-TOP: 8px}
#footer UL LI A:link {PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; COLOR: #ffffff; PADDING-TOP: 8px}
#footer UL LI A:active {PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 8px; COLOR: #ffffff; PADDING-TOP: 8px}
#footer UL LI.active {COLOR: #ffffff; TEXT-DECORATION: none}
#footer UL LI.active A {COLOR: #ffffff; TEXT-DECORATION: none}
#footer UL LI:hover A {	COLOR: #332d2f; TEXT-DECORATION: none}
#footer UL LI A:hover {	COLOR: #332d2f; TEXT-DECORATION: none}

#top_container {BACKGROUND: url(../images/texture.png) #312b2c left top; HEIGHT: 362px; background-repeat:no-repeat; background-position:center top;}
#home #top_container {	HEIGHT: 400px} /*arka renk degistiren background*/
#bottom_container {}
#top {POSITION: absolute; MARGIN-TOP: 103px; WIDTH: 960px; HEIGHT: 300px; COLOR: #9d9e88; MARGIN-LEFT: -480px; TOP: 0px; LEFT: 50%}
#bottom {POSITION: absolute; PADDING-BOTTOM: 0px;  WIDTH: 900px; MARGIN-LEFT: -415px; TOP: 470px; LEFT: 50%; z-index:9999;}
#work #top IMG {MARGIN-TOP: 1px}
#about #top IMG {MARGIN-TOP: 1px}
#home #top {
	Z-INDEX: 1;
	WIDTH: 100%;
	HEIGHT: 600px;
	MARGIN-LEFT: 0px;
	LEFT: 0px
}
#home #top IMG {Z-INDEX: 1}
#home #bottom {
	HEIGHT: 173px;
	TOP: 540px
}
#footer {MARGIN: 10px 0px 35px; HEIGHT: 50px; COLOR: #909183; PADDING-TOP: 10px}
#footer IMG {FLOAT: left}
#footer P {	PADDING-BOTTOM: 5px; LINE-HEIGHT: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 5px; FLOAT: left; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 5px}
#footer UL {LIST-STYLE-TYPE: none; FLOAT: right; LIST-STYLE-IMAGE: none}
#footer LI {LINE-HEIGHT: 20px !important; WIDTH: 50px !important; HEIGHT: 32px !important; FONT-SIZE: 12px}
#inner_nav {MARGIN-TOP: 20px; WIDTH: 140px; FLOAT: left; COLOR: #91927b}
#inner_nav UL LI {	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
#inner_nav UL LI A.active {	BACKGROUND: #91927b; COLOR: #f5f6e8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
#inner_nav UL LI A {PADDING-BOTTOM: 6px; LINE-HEIGHT: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 18px; COLOR: #91927b; PADDING-TOP: 6px}
#inner_nav UL LI A:hover {	COLOR: #181a1f}

#bottom .bottomPromo {PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 12px}
DIV.scrollable {
	POSITION: relative;
	WIDTH: 100%;
	HEIGHT: 500px;
	OVERFLOW: hidden;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
DIV.scrollable .backImage {Z-INDEX: 8; POSITION: relative}
DIV.scrollable .frontImage {Z-INDEX: 9; POSITION: relative; TOP: -424px}
DIV.scrollable .frontImage H2 {POSITION: absolute; COLOR: #e3e4cf; MARGIN-LEFT: 20px; FONT-SIZE: 40px; TOP: 50px; LEFT: 50%; text-shadow: #000 0 -1px 0}
DIV.scrollable .frontImage P {POSITION: absolute; TEXT-ALIGN: left; LINE-HEIGHT: 22px; COLOR: #fffffd; MARGIN-LEFT: 50px; FONT-SIZE: 15px; TOP: 105px; LEFT: 50%; text-shadow: #000 0 -1px 0}
DIV.scrollable .iphone H2 {MARGIN-LEFT: 0px}
DIV.scrollable .iphone P {MARGIN-LEFT: 30px}
DIV.scrollable .frontImage .learnMore {POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 19px; LINE-HEIGHT: 22px; PADDING-LEFT: 25px; WIDTH: 205px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/btn.html) no-repeat 0px 0px; HEIGHT: 18px; COLOR: #323131; MARGIN-LEFT: 125px; FONT-SIZE: 18px; TOP: 250px; PADDING-TOP: 13px; LEFT: 50%; text-shadow: #ddd 0 1px 0}
DIV.scrollable .frontImage .learnMore:hover {BACKGROUND-POSITION: 0px -50px}
DIV.scrollable .frontImage .learnMore:active {BACKGROUND-POSITION: 0px -100px}
.thumbs {POSITION: absolute; WIDTH: 5000em; CLEAR: both}
.thumbs DIV {TEXT-ALIGN: center; WIDTH: 1024px; FLOAT: left}
DIV.scrollable {}
A.prev {Z-INDEX: 50; POSITION: absolute; MARGIN: 100px 4px; WIDTH: 42px; DISPLAY: block; BACKGROUND: url(../images/left.png) no-repeat 0px 0px; HEIGHT: 41px; TOP: 100px; CURSOR: pointer}
A.next {Z-INDEX: 50; POSITION: absolute; MARGIN: 100px 4px; WIDTH: 42px; DISPLAY: block; BACKGROUND: url(../images/left.png) no-repeat 0px 0px; HEIGHT: 41px; TOP: 100px; CURSOR: pointer}
A.prevPage {Z-INDEX: 50; POSITION: absolute; MARGIN: 100px 4px; WIDTH: 42px; DISPLAY: block; BACKGROUND: url(../images/left.png) no-repeat 0px 0px; HEIGHT: 41px; TOP: 100px; CURSOR: pointer}
A.nextPage {Z-INDEX: 50; POSITION: absolute; MARGIN: 100px 4px; WIDTH: 42px; DISPLAY: block; BACKGROUND: url(../images/left.png) no-repeat 0px 0px; HEIGHT: 41px; TOP: 100px; CURSOR: pointer}
A.next {RIGHT: 50%; MARGIN-RIGHT: -400px}
A.nextPage {RIGHT: 50%; MARGIN-RIGHT: -400px}
A.prev {MARGIN-LEFT: -400px; LEFT: 50%}
A.prevPage {MARGIN-LEFT: -400px; LEFT: 50%}
A.prev:hover {BACKGROUND-POSITION: 0px -41px}
A.next:hover {BACKGROUND-POSITION: 0px -41px}
A.prevPage:hover {BACKGROUND-POSITION: 0px -41px}
A.nextPage:hover {BACKGROUND-POSITION: 0px -41px}
A.prev:active {BACKGROUND-POSITION: 0px -82px}
A.next:active {BACKGROUND-POSITION: 0px -82px}
A.prevPage:active {BACKGROUND-POSITION: 0px -82px}
A.nextPage:active {BACKGROUND-POSITION: 0px -82px}
A.disabled {}
A.next {BACKGROUND-IMAGE: url(../images/right.png); CLEAR: right}
.nextPage {BACKGROUND-IMAGE: url(../images/right.png); CLEAR: right}
DIV.navi {POSITION: relative; TEXT-ALIGN: center; MARGIN: 0px; WIDTH: 12px; HEIGHT: 20px; TOP: 0px; LEFT: 50%}
DIV.navi A {MARGIN: 3px; WIDTH: 12px; BACKGROUND: url(../images/navigator.html) no-repeat 0px 0px; FLOAT: left; HEIGHT: 8px; CURSOR: pointer;}
DIV.navi A:hover {BACKGROUND-POSITION: 0px -8px}
DIV.navi A.active {BACKGROUND-POSITION: 0px -16px}
/*Projeler*/
#list2 { border: 0px solid #111; }
#list2 div.selected .title { font-weight: bold; }
#list2 div div {
	border-left:0px solid #6699CC;
	padding: 5px;
}
#list2 div.title,hover {
	border: 0px solid #3366AA;
	background-color: #6699CC;
	padding: 10px;
	cursor: pointer;
}
#list2 div.selected {
	border-bottom: none;
}
.proje-baslik{font-size:12px; font-family:tahoma; font-weight:bold; height:25px; background:url(../Projeler/images/proje-baslik-bg.jpg); background-repeat:no-repeat; vertical-align:middle; padding-left:10px; padding-top:5px; color:#ff8400;border-bottom:1px dotted #c9c9c9; text-align:left;}
.proje-baslik-link,hover{text-decoration:none; color:#ff8400; text-align:left;}
/*Projeler*/

.footer-menu,hover{color:#8f9196; font-size:10px; text-decoration:none;}
.footer-cizgi{color:#ff8400;}
.gri-baslik18,hover{color:#6d6e71; font-size:18px; font-weight:bold; text-decoration:none; text-align:left;}
.turuncu-baslik18,hover{color:#ff8400; font-size:18px; font-weight:bold; text-decoration:none; text-align:left;}
.main-text10{text-align:left; padding-left:15px; line-height:15px; color:#808285;}
.main-text10_{text-align:left; line-height:15px; color:#808285;}
.link,hover{text-decoration:none; color:#808285;}
.ic-baslik{color:#312e2f; font-size:36px; font-weight:bold; text-align:left;}
.ic-basilk-ozet16{color:#312e2f; font-size:16px; text-align:justify; line-height:20px;}
.ic-baslik-main11{color:#808285; text-align:justify; font-size:11px; line-height:16px;}

.daha-fazla-bilgi,hover{color:#ff8400; text-decoration:none;}
.iletisim-textbox{background:transparent; font-size:10px; color:#333333;border:0px; width:160px;}
.iletisim-textbox2{background:transparent; font-size:10px; color:#333333;border:0px; width:160px; overflow:hidden; font-family:tahoma;}
.iletisim-text{text-align:right; padding-right:10px; color:#808285;}
.iletisim-button{background:transparent; border:0px; font-size:10px; font-weight:bold; color:#ffffff;}

.mobiluygulama-text,hover{text-align:center; color:#808285; line-height:16px; text-decoration:none;}