*{margin:0; padding:0;}
body {background:url(../images/tablo/bg.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center; line-height:20px;}
table, tr, td {font-family:Arial; font-size:12px; border-collapse:collapse; border:0px; color:#000000;}

a {color:#000000; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:0px;}
.bold {font-weight:bold;}
.justify {text-align:justify;}
.verticalalign-top {vertical-align:top;}
.verticalalign-bottom {vertical-align:bottom;}
.color1 {color:#F4912B;}
.color2 {color:#E8C31D;}
.line {width:873px; height:10px; background:url(../images/tablo/line.png) no-repeat;}

.banner {margin:0px; padding:10px 0px 10px 0px; text-align:center; background-color:#323131; border-bottom:#191919 1px solid;}
.menu-bg {width:100%; margin:0px; padding:5px 0px 5px 0px; background:url(../images/tablo/menu-bg.gif); overflow:hidden; clear:both;}
.menu-bg .menu-bg-part1 {width:154px; float:left;}
.menu-bg .menu-bg-part1 .menu-left-logo {position:absolute; z-index:1; margin-left:170px; margin-top:-55px;}
.menu-bg .menu-bg-part2 {padding:0px;}

#menu-right-bottom-width {width:873px; margin:0 auto; text-align:left;}
#menu-right-bottom-width .menu-right-bottom {width:150px; position:absolute; z-index:1; margin-top:0px; margin-left:724px; background-color:#323131; padding:5px 0px 0px 0px; text-align:center;}
#menu-right-bottom-width .menu-right-bottom-img {width:150px; position:absolute; z-index:1; margin-top:37px; margin-left:724px; background:url(../images/tablo/menu-right-bottom.png) no-repeat;}

.content-line {margin:50px 0px 0px 0px; padding:0px; overflow:hidden; clear:both;}
#content-top {width:873px; margin:0 auto; text-align:left; height:10px; background:url(../images/tablo/content-top.png) no-repeat;}
#content {width:873px; margin:0 auto; text-align:left; background-color:#FFFFFF; padding:0px; overflow:hidden; clear:both;}
#content .otherpages {margin:0px 0px 10px 0px; padding:0px 5px 0px 5px; overflow:hidden; clear:both;}
#content .otherpages .otherpages-title {padding:0px 0px 10px 0px; overflow:hidden; clear:both;}
#content .otherpages .otherpages-title .otherpages-title-part1 {float:left; padding:0px 5px 0px 0px;}
#content .otherpages .otherpages-title .otherpages-title-part2 {font-family:FuturaLtCnBTLight, "Arial Narrow", Arial, Tahoma, Times, serif; font-size:22px; color:#F4912B; font-weight:bold; text-align:left; padding:7px 0px 0px 0px;}
#content .otherpages .otherpages-content {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left;}
#footer-bg {width:873px; margin:0 auto; text-align:left; height:86px; background:url(../images/tablo/footer-bg.jpg) no-repeat;}

/*------------------------MAIN PAGE REFERANCES SLIDER------------------------*/
.referances-panel {width:75px; height:310px; position:absolute; z-index:89; background:url(../images/tablo/referances-panel.jpg) no-repeat; margin-top:5px; margin-left:-70px;}
.referances {margin:5px 5px 10px 5px; padding:0px; border-top:#333333 5px solid; border-bottom:#333333 5px solid; overflow:hidden; clear:both;}
.referances .slider {position:relative; width:863px; height:300px !important; overflow:hidden; background:none !important;}
.referances .picture {position:relative !important; width:863px !important; height:300px !important; background:none !important;}
.referances .activeSlide {color:#000000;}
.referances #nav {padding:0 11px 8px; position:absolute; margin:275px 0 0 400px; width:140px; z-index:500000 !important; zoom:1;}
.referances #nav a {background:url(../images/tablo/slide_link.png) 0 0 no-repeat; display:block; width:16px; height:16px; margin-right:3px; text-indent:-5000px; float:left !important}
.referances #nav a:hover, .activeSlide {background:url(../images/tablo/slide_link_act.png) 0 0 no-repeat !important; float:left !important}
/*------------------------MAIN PAGE REFERANCES SLIDER------------------------*/

/*------------------------MAIN PAGE NELER YAPIYORUZ------------------------*/
.neler-yapiyoruz-table {margin:0px 0px 10px 0px; padding:0px 5px 0px 5px; overflow:hidden; clear:both;}
.neler-yapiyoruz-table .neler-yapiyoruz-table-title {padding:0px 0px 5px 0px; overflow:hidden; clear:both;}
.neler-yapiyoruz-table .neler-yapiyoruz-table-title .neler-yapiyoruz-table-title-part1 {float:left; padding:0px 5px 0px 0px;}
.neler-yapiyoruz-table .neler-yapiyoruz-table-title .neler-yapiyoruz-table-title-part2 {font-family:FuturaLtCnBTLight, "Arial Narrow", Arial, Tahoma, Times, serif; font-size:22px; color:#F4912B; font-weight:bold; text-align:left; padding:7px 0px 0px 0px;}
.neler-yapiyoruz-table .neler-yapiyoruz-table-content {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left;}
.neler-yapiyoruz-table .neler-yapiyoruz-table-content .neler-yapiyoruz-table-content-part1 {float:left; padding:2px 5px 0px 0px;}
.neler-yapiyoruz-table .neler-yapiyoruz-table-content .neler-yapiyoruz-table-content-part2 {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left;}
.neler-yapiyoruz-table .neler-yapiyoruz-table-content .neler-yapiyoruz-table-content-part2 a {color:#000000; text-decoration:underline;}
.neler-yapiyoruz-table .neler-yapiyoruz-table-content .neler-yapiyoruz-table-content-part2 a:hover {color:#F4912B; text-decoration:none;}
/*------------------------MAIN PAGE NELER YAPIYORUZ------------------------*/

/*------------------------MAIN PAGE WEB DESIGNER------------------------*/
.web-designer {margin:0px 0px 10px 0px; padding:0px 5px 0px 5px; overflow:hidden; clear:both;}
.web-designer .web-designer-title {padding:0px 0px 5px 0px; overflow:hidden; clear:both;}
.web-designer .web-designer-title .web-designer-title-part1 {float:left; padding:0px 5px 0px 0px;}
.web-designer .web-designer-title .web-designer-title-part2 {font-family:FuturaLtCnBTLight, "Arial Narrow", Arial, Tahoma, Times, serif; font-size:22px; color:#F4912B; font-weight:bold; text-align:left; padding:7px 0px 0px 0px;}
.web-designer .web-designer-content {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left; line-height:20px;}
.web-designer .web-designer-content a {font-weight:bold; text-decoration:underline;}
.web-designer .web-designer-content a:hover {color:#E8C31D; text-decoration:none;}
/*------------------------MAIN PAGE WEB DESIGNER------------------------*/

/*------------------------MAIN PAGE WEB SOFTWARE------------------------*/
.web-software {margin:0px 0px 10px 0px; padding:0px 5px 0px 5px; overflow:hidden; clear:both;}
.web-software .web-software-title {padding:0px 0px 5px 0px; overflow:hidden; clear:both;}
.web-software .web-software-title .web-software-title-part1 {float:left; padding:0px 5px 0px 0px;}
.web-software .web-software-title .web-software-title-part2 {font-family:FuturaLtCnBTLight, "Arial Narrow", Arial, Tahoma, Times, serif; font-size:22px; color:#F4912B; font-weight:bold; text-align:left; padding:7px 0px 0px 0px;}
.web-software .web-software-content {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:justify; line-height:20px;}
.web-software .web-software-content a {font-weight:bold; text-decoration:underline;}
.web-software .web-software-content a:hover {color:#E8C31D; text-decoration:none;}
/*------------------------MAIN PAGE WEB SOFTWARE------------------------*/

/*------------------------DEVAM EDEN PROJELER------------------------*/
.devam-eden-projeler-table {margin:0px 0px 10px 0px; padding:0px 5px 0px 5px; overflow:hidden; clear:both;}
.devam-eden-projeler-table .devam-eden-projeler-table-title {padding:0px 0px 5px 0px; overflow:hidden; clear:both;}
.devam-eden-projeler-table .devam-eden-projeler-table-title .devam-eden-projeler-table-title-part1 {float:left; padding:0px 5px 0px 0px;}
.devam-eden-projeler-table .devam-eden-projeler-table-title .devam-eden-projeler-table-title-part2 {font-family:FuturaLtCnBTLight, "Arial Narrow", Arial, Tahoma, Times, serif; font-size:22px; color:#F4912B; font-weight:bold; text-align:left; padding:7px 0px 0px 0px;}
.devam-eden-projeler-table .devam-eden-projeler-table-content {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left;} 
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part1 {float:left; padding:0px 5px 0px 0px;}
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part1 .img {border:#333333 1px solid;}
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part1 .img-interview {width:133px; height:94px; z-index:1; overflow:hidden; border:#CCCCCC 2px solid; padding:2px 2px 2px 2px;}
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part2 {padding:0px;}
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part2 .devam-eden-projeler-table-part2-site {font-family:Arial; font-size:12px; color:#2EDBD5; font-weight:bold; text-align:left;}
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part2 .devam-eden-projeler-table-part2-site a {color:#2EDBD5; text-decoration:underline;}
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part2 .devam-eden-projeler-table-part2-site a:hover {color:#09A19C; text-decoration:none;}
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part2 .devam-eden-projeler-table-part2-aciklama {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left;}
.devam-eden-projeler-table .devam-eden-projeler-table-content .devam-eden-projeler-table-part2 .devam-eden-projeler-table-part2-link {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left;}
/*------------------------DEVAM EDEN PROJELER------------------------*/

/*------------------------NELER YAPTIK------------------------*/
.neler-yaptik {width:400px; height:98px; margin:0px 10px 10px 10px; padding:10px 10px 10px 10px; background:url(../images/tablo/neler-yaptik-bg.png) no-repeat; overflow:hidden; clear:both;}
.neler-yaptik .neler-yaptik-part1 {float:left; padding:0px 5px 0px 0px;}
.neler-yaptik .neler-yaptik-part2 {text-align:left;}
.neler-yaptik .neler-yaptik-part2 .neler-yaptik-part2-site {font-family:Arial; font-size:12px; color:#2EDBD5; font-weight:bold; text-align:left;}
.neler-yaptik .neler-yaptik-part2 .neler-yaptik-part2-site a {color:#2EDBD5; text-decoration:underline;}
.neler-yaptik .neler-yaptik-part2 .neler-yaptik-part2-site a:hover {color:#09A19C; text-decoration:none;}
.neler-yaptik .neler-yaptik-part2 .neler-yaptik-part2-aciklama {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left;}
.neler-yaptik .neler-yaptik-part2 .neler-yaptik-part2-link {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-align:left;}
.neler-yaptik-pages {padding:0px; text-align:center;}
/*------------------------NELER YAPTIK------------------------*/

/*------------------------CONTACT FORM------------------------*/
.contact-table {margin:0px; padding:0px;}
.contact-table .contact-table-part1 {float:left;}
.contact-table .contact-table-part1 .contact-title {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; padding:3px 0px 3px 0px;}
.contact-table .contact-table-part1 .contact-title-notop {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; padding:0px 0px 3px 0px;}
.contact-table .contact-table-part1 .contact-title-input {padding:3px 0px 3px 0px;}
.contact-table .contact-table-part1 .contact-title-buton {padding:3px 0px 3px 0px; text-align:left;}
.contact-table .contact-table-part2 {text-align:center; padding:20px 0px 0px 0px;}
.contact-table .contact-table-part2 .contact-table-picture {margin:0px 0px 10px 0px; padding:0px;}
.contact-table .contact-table-part2 .contact-table-text {padding:0px 0px 10px 0px; font-size:1em; font-weight:bold; color:#FF0000; text-align:center;}
.contact-table .contact-table-part2 .contact-table-name {font-family:Arial; font-size:14px; color:#165CB2; font-weight:bold; text-align:center;}
.contact-table .contact-table-part2 .contact-table-email {font-family:Arial; font-size:12px; color:#165CB2; font-weight:bold; text-align:center;}
.contact-table .contact-table-part2 .contact-table-email a {color:#165CB2; text-decoration:underline;}
.contact-table .contact-table-part2 .contact-table-email a:hover {color:#13498C; text-decoration:none;}

.inputtextiletisim {width:400px; border:#BBBBBB 1px solid; padding:5px 5px 5px 5px; font-family:Tahoma; font-size:14px;}
.textareailetisim {width:400px; border:#BBBBBB 1px solid; padding:5px 5px 5px 5px; font-family:Tahoma; font-size:14px;}

.contact-send {width:680px; margin:0 auto; background-color:#CDEFA6; border:1px solid #9BCC54; line-height:15px; text-align:center; overflow:hidden; clear:both;}
.contact-send .contact-send-text {font-family:Tahoma; font-size:1.2em; font-weight:bold; color:#648434; line-height:18px; padding:15px 0px 15px 0px;}

.contact-send-error {width:680px; margin:0 auto; background-color:#FFEBE8; border:1px solid #DD3C10; line-height:15px; text-align:center; overflow:hidden; clear:both;}
.contact-send-error .contact-send-error-text {font-family:Tahoma; font-size:1.2em; font-weight:bold; color:#DD3C10; line-height:18px; padding:25px 0px 25px 0px;}

input.disabled {background-color:#F2F2F2;}
input.zorunlu, textarea.zorunlu, select.zorunlu {}
input.hatali, textarea.hatali, select.hatali {border:1px solid #D25D23; color:#000;}
input.dogru, textarea.dogru, select.dogru {color:#000;}
fieldset {padding:1em; margin-bottom:0.5em;}
.form-satir {clear:both; padding:0.5em;}
/*------------------------CONTACT FORM------------------------*/

/*------------------------NOT FOUND PAGE------------------------*/
.notfoundpage {margin:0px; padding:0px;}
.notfoundpage .notfoundpage-text {font-family:Arial; font-size:18px; color:#FF0000; font-weight:bold; text-align:center; line-height:30px;}
/*------------------------NOT FOUND PAGE------------------------*/