/* Yapılift Dış Ticaret A.Ş. CSS - Alpan YILDIRIM - 2007 */

* { margin: 0; padding: 0; }
/* kendine not: sol -83 aldin! */

body
{
	background-color: #494949; /* bazi basit sayfa ozellikleri. */
	font-family: Verdana, Geneva;
	font-size: 13px;
	color: #e3e3e3;
	line-height: 150%;
	background-image: url("blocks2.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

h1,h2,h3,h4,h5,h6 /* su anda pek de ise yaramiyor bu. */
{
	font-family: "trebuchet ms";
	}

/* bu classlar, spanlere yardimci olmakla beraber, gerektigi zaman diger elementlere de esneklik saglayabiliyorlar. epey kullanislilar. :) */
.trebuchet {font-family: "trebuchet ms";}
.underline {text-decoration: underline;}
.italic {font-style: italic;}
.bold {font-weight: bold;}
.smallcaps {font-variant: small-caps;}
.gray {color: #929292;}
.x-small {font-size: x-small;}
.x-large {font-size: x-large;}	
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.borderleft {padding-left: 5px; border-left: solid 1px #929292;}
.borderright {padding-right: 5px; border-right: solid 1px #929292;}
.bordertop {padding-top: 5px; border-top: solid 1px #929292;}
.borderbottom {padding-bottom: 5px; border-bottom: solid 1px #929292;}
.fleft {float: left}
.fright {float: right}

/* degisik link classları, linklerin kullanıldığı yere göre esneklik saglayabiliyorlar. su anda 1 class var. classı olmayan link tanımları linkbox divi icin. */
a.light:link {color: #e3e3e3;}
a.light:visited {color: #e3e3e3;}
a.light:hover {color: white;}
a:link {color: #929292; font-variant: small-caps;}
a:visited {color: #929292; font-variant: small-caps;}
a:hover {color: white; font-variant: small-caps; text-decoration: underline;}

div#textbox /* genel olarak: icerigin oldugu bölüm */
{
	width: 590px;
	max-height: 537px;
	position: absolute;
	top: 205px;
	left: 277px;
	text-align: justify;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}


div#linkbox /* sol taraf linklerinin icinde bulundugu bölüm. */
{
	width: auto;
	position: absolute;
	top: 190px;
	left: 112px;
	padding: 10px;
	line-height: 110%;
	}

div#infoleft /* icerigin [textbox] özellestirilmesinde kullanılabilinir. */
{
	float: left;
	width: 210px;
	max-height: 550px;
	overflow: auto;
	}
	
div#inforight /* icerigin [textbox] özellestirilmesinde kullanılabilinir. */
{
	width: 210px;
	max-height: 550px;
	overflow: auto;
	float: right;
	}
	
div#header /* baslik ve logo altindaki cizgi */
{
	width: 775px;
	height: 10px;
	border-top: solid 1px #929292;
	position: absolute;
	top: 190px;
	left: 107px;
	}

div#header2 /* cephe asansoru ve platform sistemleri basligini tasiyici amacli */
{
	width: 475px;
	height: auto;
	position: absolute;
	left: 741px;
	top: 164px;
	}


div#doodad /* sol resim - uzatilmis logo. */
{
	width: 151px;
	height: 427px;
	position: absolute;
	background-image: url("fader.gif");
	top: 335px;
	left: 107px;
	overflow: hidden;
	}
	
div#doodad2 /* sag resim - adam ve asansor */
{
	width: 300px;
	height: 573px;
	position: absolute;
	background-image: url("elevator.jpg");
	top: 190px;
	left: 882px;
	border-top: solid 1px #929292;
	}

div#logo /* yapilift logosu. */
{
	width: 150px;
	height: 150px;
	background-image: url("logo2.gif");
	position: absolute;
	left: 107px;
	top: 35px;
	}

div#elogo /* electroelsa logosu. */
{
	width: 374px;
	height: 60px;
	background-image: url("electroelsa-logo2.gif");
	position: absolute;
	left: 776px;
	top: 101px;
	}