@import url(/theme/reset.css);


body {font: 13px Arial, Helvetica, Verdana, sans-serif;background: #d3d3d3 url(/theme/images/bg.png) 0 0 repeat;color:#000;}
a:link, a:visited, a:active, a:hover {text-decoration: none;color: #019FFA;}
a:hover {text-decoration:underline;}
.divider {clear: both;height: 10px;width: 100%;display: block;font-size: 1px;line-height: 0%;}
h1.title {font-weight: bold;font-size: 25px;margin-bottom: 10px;}
h2.title {font-size: 14px;margin-bottom: 5px;}
h3 {color: #666;font-size: 14px;font-weight:bold;}
h1 {font-weight: bold;line-height: 130%;font-size: 18px;}

p {margin: 10px 0;}
b,strong {font-weight: bold;}
i,em {font-style: oblique;}
.left {float:left;}


#wrapper {background:#fff;line-height: 150%;}
#header {height: 100px;margin: 0 auto;width: 820px;position:relative;}
#content {background: #fff;width: 820px;margin: 0 auto;border: 1px solid #e2e2e2;border-width: 0 1px 3px 1px;}
#footer {margin: 0 auto;padding: 15px 0;width: 820px;}

#logo {padding-top: 20px;width: 300px;float:left;}
#languages {position:absolute;right:20px;top:40px;}
#languages li {float:left;}
#languages li a {width: 70px;height:20px;display:block;outline:0;text-indent: -9000px;background: #fff url(/theme/images/lang.png) 0 0 no-repeat;}
#languages #lng_tr a {background-position: 0 -20px;}
#languages #lng_tr a.active {background-position: 0 0;}
#languages #lng_en a {background-position: -70px -20px;}
#languages #lng_en a.active {background-position: -70px 0;} 
#navigation {height: 50px;background:#fff url(/theme/images/bg_navigation.png) 0 0 repeat-x;border-bottom: 1px solid #fff;}
#navigation ul {width: 820px;margin: 0 auto;}
#navigation li {float: left;}
#tr #navigation li a {outline: 0;border-right: 1px  solid #e2e2e2;float:left;text-indent: -9000px;background-image: url(/theme/images/navigation.png);width: 110px;height: 50px;display: block;}
#tr #navigation #home a {background-position: 0 0;}
#tr #navigation #home a.active,#tr #navigation #home a:hover {background-position: 0 -50px;}
#tr #navigation #hakkimizda a {width: 125px;background-position: -115px 0;}
#tr #navigation #hakkimizda a.active,#tr #navigation #hakkimizda a:hover {background-position: -115px -50px;}
#tr #navigation #hizmetlerimiz a {width: 145px;background-position: -238px 0;}
#tr #navigation #hizmetlerimiz a.active,#tr #navigation #hizmetlerimiz a:hover {background-position: -238px -50px;}
#tr #navigation #referanslarimiz a {width: 165px;background-position: -384px 0;}
#tr #navigation #referanslarimiz a.active,#tr #navigation #referanslarimiz a:hover {background-position: -384px -50px;}
#tr #navigation #insan-kaynaklari a {width: 171px;background-position: -550px 0;}
#tr #navigation #insan-kaynaklari a.active,#tr #navigation #insan-kaynaklari a:hover {background-position: -550px -50px;}
#tr #navigation #iletisim a {width: 98px;background-position: -721px 0;}
#tr #navigation #iletisim a.active,#tr #navigation #iletisim a:hover {background-position: -721px -50px;}

#en #navigation li a {outline: 0;float:left;text-indent: -9000px;background-image: url(/theme/images/navigation_en.png);background-repeat:no-repeat;border-right: 1px  solid #e2e2e2;height: 50px;display: block;}
#en #navigation #home a {background-position: 0 0;width: 90px;}
#en #navigation #home a.active,#en #navigation #home a:hover {background-position: 0 -50px;}
#en #navigation #about-us a {width: 140px;background-position: -85px -0;}
#en #navigation #about-us a.active,#en #navigation #about-us a:hover {background-position: -85px -50px;}
#en #navigation #services a {width: 125px;background-position: -225px 0;}
#en #navigation #services a.active,#en #navigation #services a:hover {background-position: -225px -50px;}
#en #navigation #references a {width: 145px;background-position: -355px -0;}
#en #navigation #references a.active,#en #navigation #references a:hover {background-position: -355px -50px;}
#en #navigation #human-resources a {width: 195px;background-position: -502px -0;}
#en #navigation #human-resources a.active,#en #navigation #human-resources a:hover {background-position: -502px -50px;}
#en #navigation #contact a {width: 115px;background-position: -703px -0;}
#en #navigation #contact a.active,#en #navigation #contact a:hover {background-position: -703px -50px;}

#slogan {margin: 0 auto;width: 820px;height: 245px;position:relative;background: url(/theme/images/intro.jpg) 0 0 no-repeat;}
#en #slogan {background: url(/theme/images/intro_en.jpg) 0 0 no-repeat;}
#slogan a {width: 240px;height: 60px;text-indent: -9000px;display:block;position:absolute;right: 15px;bottom:0;outline:0;}
#home_intros li {width: 285px;float: left;line-height: 150%;padding: 20px 20px 20px 100px;position:relative;}
#home_intros li img {position:absolute;top: 40px;left:20px;}
#home_intros li h2, #address li h2 {font-size: 18px;font-weight:bold;margin-bottom: 10px;color:#444;}
#address {border-top: 1px solid #eee;padding: 10px 10px 20px 15px;}
#address li {float: left; width: 250px;}
#address li h2 {font-size: 14px;}
#pagetitle  {padding: 30px 20px;background:#eee;position:relative;}
#pagetitle h1 {font-size: 25px;font-weight: bold;}
#pagecontent {line-height: 170%;}
#pagecontent h1 {font-size: 20px;font-weight:bold;margin-bottom: 15px;color:#555;}
#pagetitle h2 {position:absolute;right:0;width:220px;bottom:0;background:#333;color:#fff;padding:5px 15px;}
#pagecontent {position: relative;width: 525px;padding: 15px 270px 15px 25px;min-height: 400px;background: #fff url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) top right repeat-y;}
#pagenavigation {position: absolute;top:0;right:0px;width:250px;background:url(/theme/images/pagenavigation_bg_bottom.png) right bottom no-repeat;padding-bottom: 20px;}
#pagenavigation li {padding: 8px 15px 8px 15px;background: #f2f2f2;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
#pagenavigation li.active {border-left: 0;background: url(/theme/images/pagenavigation_bg.png) left bottom no-repeat;padding: 8px 15px 8px 15px;}
#pagenavigation li a  {color: #000;font-weight: bold;}
#pagenavigation li.active a {color: #666;}
#pagenavigation li a:hover  {color: #999;}

#references {}
#references table {padding: 20px;}
#references td {text-align: center;vertical-align: middle;width: 110px;padding: 0 10px;height: 105px;border: 1px solid #f2f2f2;}
#ik_basvuru form {padding: 20px;}
#ik_basvuru p {position:relative;padding: 5px 0 5px 150px;width: 220px;height: 30px;}
#ik_basvuru p.line {width: 620px;}
#ik_basvuru p.tall {height: 80px;}
form label {position: absolute;left:0;top:15px;font-weight:bold;width: 120px;color:#666;cursor: pointer;font-size: 11px;}
form label.twoline {top:8px;}
form span {color: #c90001;}
form input, form textarea, form select {width:210px;border: 2px solid #ddd;padding: 5px;}
form input.big, form textarea {width:600px;}
form textarea {height: 60px;}
form .checkboxes input {margin-top: 5px;width: auto;height: auto;border: 0;}
form h2 {font-size: 16px;font-weight: bold;color: #444;border-bottom: 1px dotted #eee;}

#footer ul {margin-bottom: 10px;}
#footer ul li {display: inline;}
#footer ul li a {padding: 10px;font-size: 11px;font-weight: bold;}
#footer p {padding: 5px 10px;color: #444;font-size: 15px;font-weight: bold;}

.loading {height: 30px;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) center center no-repeat;}
.messages {border: 1px solid #ececec;color: #666;font-size: 12px;padding: 5px 10px 5px 35px;text-align: left;}
.done {background: #fff url(/theme/images/ok.png) 5px center no-repeat;}
.error {background: #fff url(/theme/images/error.png) 5px center no-repeat;}
.info {background: #ffffcc url(/theme/images/information.png) 5px center no-repeat;}