@charset "utf-8";
/*STS CSS Document */
@import url(lytebox.css);

/*---------------------------------------Reset----------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,/*p,*/blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th {  text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 

/*---------------------------------------Style----------------------------------------*/

body { background-color:#e9e9e9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
#container { width:998px; margin:0 auto; background-color:#fff; padding-top:10px;}/* genişlik sıkıntısı olabilir*/
a { text-decoration:none;}
h1 a { width:70px; height:375px; display:block; float:left; background:url(../images/h1.png) no-repeat; text-indent:-9999px; margin:10px 0 0 5px;  }
p { margin-top:0; line-height:17px;}

/*---------------------------------------content----------------------------------------*/
#content { width:908px; float:left;}/*background-colot kalkacak*/

ul#mainNavigation { margin-bottom:20px; float:left;}
#mainNavigation li{ float:left; }
#mainNavigation li a { display:block; height:38px; background-repeat:no-repeat; background-position:left; text-indent:-9999px;}
#mainNavigation li a:hover { background-position:right;}
	#mainpage a { background-image:url(../images/anasayfanav.png); width:116px;}
	#aboutus a { background-image:url(../images/hakkimizdanav.png); width:134px;}
	#systems a { background-image: url(../images/systems.png); width:111px;}
	#referances a { background-image:url(../images/referances.png); width:128px;}
	#worksite a { background-image:url(../images/santiyeler.png); width:119px;}
	#contact a { background-image:url(../images/contact.png); width:88px;}

#langSelect { float:right; /*margin-top:20px;*/ width:60px; height:16px; text-align:right;}
#langSelect img { margin-left:10px;}

#subContent { width:880px; background-color: #f0f0f0; clear:both; border:1px solid #ccc; padding:14px;}
	.ie7 #subContent { margin-top:0;}	
#subContent a { color: #333333; text-decoration:none;}
#subContent a:hover { color:#376F67;}
	
#flashArea { width:877px; margin-bottom:15px;}

.aboutMain, .systems, .referances {background:url(../images/center-left.jpg) no-repeat right; }


#trio { height:199px; width:880px; clear:both;}	
.leftBox { padding-top:10px; height:189px;float:left; background-position:right;}
.usd { width:233px; background:url(../images/left-box.jpg) no-repeat;  width:232px; padding-left:4px; }
	.leftBox h2{ background:url(../images/dovizh2.jpg) no-repeat; width:15px; height: 38px; text-indent:-9999px; float:left; margin-right:10px; }

.aboutMain {  width:291px; padding-left:4px; }
	.aboutMain h2{ background:url(../images/hakkimizdah2.jpg) no-repeat; width:15px; height: 81px; text-indent:-9999px; float:left; margin:0 10px; }
.aboutMain div { width:210px; float:left; text-align:justify;}
.aboutMain div p { margin-top:0; line-height:17px; height:137px; overflow:hidden;}
	.ie6 .aboutMain div p { height: auto; overflow:hidden;}
.aboutMain div span { font-size:14px; font-weight:bold;}

.systems { width:182px; padding-left:4px; }
	.systems h2 { background:url(../images/sistemler.jpg) no-repeat; width:15px; height: 66px; text-indent:-9999px; float:left; margin-right:10px; }

.referances { width:202px; padding-left:4px; }
	.referances h2 {background:url(../images/referancesh2.jpg) no-repeat; width:15px; height: 81px; text-indent:-9999px; float:left; margin-right:10px; }
.referances p { margin-top:0;}
.referances img { margin:auto; float:right; margin: 0 45px 10px 0;}
.systems img { margin:auto; float:right; margin: 0 45px 10px 0;}
/*.ie6 .referances { margin-left:-44px;}*/

.logos { width:186px; background:url(../images/center-left.jpg) no-repeat;  padding-left:4px; }
	.logos h2 {background:url(../images/bayilikler.jpg) no-repeat; width:18px; height: 78px; text-indent:-9999px; float:left; margin-right:10px; }
.logos img { margin:auto; float:right; margin: 0 10px 25px 0;}

	
#footer { font-size:10px; margin-top:5px; height:50px;}
#footer p { float:left; width:50%; margin:0;}
#MB { float:right;}
#MB a { color:#BF9D46;}
#MB a:hover { color:#000;}

/*---------------------------------------alt sayfalar----------------------------------------*/

#lowerContent { min-height:189px; width:870px; clear:both; background:#ddd url(../images/lowerContentbg.png) repeat-x; padding:15px 5px 5px 5px;}

/*---------------------------------------Referanslar----------------------------------------*/

h3#Referancesh3 { background: url(../images/referancesh3.jpg) no-repeat; width:31px; height:131px; text-indent:-9999px; float:left;}
#ReferanceshContent { width:830px; float:right;}
#referancesLi li { float:left; width:200px; margin:0 3px 5px 3px; /*height:200px;*/height:175px;; text-align:center;}
#referancesLi li img, #aboutUsContent li img, #systemsLi li img { margin:auto;}
#referancesList { text-align:left; padding:0 0 10px 30px;}

#pageSelect { text-align:center; margin:0 0 10px 0; clear:both; text-align:center;}
#pageSelect a { padding:0 10px;}
a.nextPage, a.prePage { font-size:14px;}

/*---------------------------------------hakkımızda----------------------------------------*/

h3#aboutUsh3 { background: url(../images/hakkimizdah3.jpg) no-repeat; width:31px; height:131px; text-indent:-9999px; float:left;}
#aboutUsContent {}
#aboutUsContent p { width:500px; margin-left:35px; text-align:justify; }
#aboutUsContent ul { width:320px; float:right;}
#aboutUsContent li { float:left; width:160px; margin-bottom:10px;}

/*---------------------------------------sistemler----------------------------------------*/
h3#systemsh3 { background: url(../images/sistemlerh3.jpg) no-repeat; width:31px; height:131px; text-indent:-9999px; float:left;}
#systemsLi li { float:left; width:200px; margin:0 3px 10px 3px; text-align:center;}

/*---------------------------------------sistemler----------------------------------------*/
h3#worksiteh3 { background: url(../images/santiyelerh3.jpg) no-repeat; width:31px; height:131px; text-indent:-9999px; float:left;}

/*---------------------------------------iletisim----------------------------------------*/

#contacth3 { background: url(../images/iletisimh3.jpg) no-repeat; width:32px; height:131px; text-indent:-9999px; float:left;}
#contactContent { width:830px; float:right;}
#contactContent h4 { margin-bottom:15px; font-size:14px;}
#contactContentLeft { width:35%; float:left;}
#contactContentLeft label { float:left; width:50px;}
#contactContentRight { width:64%; float:left;}

#contactContentRight form { margin-top:30px;}
#contactContentRight label { float: left; width:150px;}
#contactContentRight input { width:250px; width:250px;}
#contactContentRight textarea { height:100px; width:300px;}
#contactContentRight input, #contactContentRight textarea { font-size:12px; font-family: "trebuchet MS", Arial, sans-serif; padding:0 2px;} 
#contactContentRight .bt { width:55px;}




.smallville { clear:both; height:0.5px;}
.smallville2 { clear:both; height:10px;}