/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline; }

/* Global properties ======================================================== */
html { width: 100%; }

body { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 100%; color: #444; min-width: 1033px; background: #ededed; padding: 0; }

.main { width: 1033px; padding: 0; margin: 0 auto; font-size: 0.8125em; line-height: 1.3846em; position: relative; background: none; }

.bg { width: 100%; background: #fff; }
.bg-1 { width: 100%; background: url(../images/bg-1.png) 188px 81px no-repeat; }
.bg-2 { background: url(../images/marker-6.png) left 5px no-repeat; padding-left: 13px; }

a { color: #8c8c8c; outline: none; }
a:hover { text-decoration: none; }

.clear { clear: both; width: 100%; line-height: 0; font-size: 0; }

.col-1, .col-2, .col-3, .col-4 { float: left; }
.column-1, .column-2, .column-3 { float: left; }

.wrapper { width: 100%; overflow: hidden; }
.wrapper { width: 100%; overflow: hidden; position: relative; }
.extra-wrap { overflow: hidden; }
.extra-box { overflow: hidden; }
.extra-box-1 { overflow: hidden; position: relative; }

.container { width: 100%; }

p { margin-bottom: 7px; }
.p0 { margin-bottom: 1px; }
.p1 { margin-bottom: 8px; }
.p2 { margin-bottom: 15px; }
.p3 { margin-bottom: 30px; }
.p4 { margin-bottom: 40px; }
.p5 { margin-bottom: 50px; }
.p6 { margin-bottom: 60px; }
.p7 { margin-bottom: 65px; }
.p10 { margin-bottom: 115px; }

.reg { text-transform: uppercase; }

.fleft { float: left; }
.fright { float: right; }

.alignright { text-align: right; }
.aligncenter { text-align: center; }

.title { margin-bottom: 18px; }

.it { font-style: italic; }

.big { text-transform: uppercase; }

.letter { letter-spacing: 1px; }

.l-h { line-height: 22px; }

.color-1 { color: #fff; }
.color-2 { color: #141414; }
.color-3 { color: #d74594; }
.color-4 { color: #2c2f40; }
.color-5 { color: #29a9e0; }


.hidden { overflow: hidden; }

.rel { position: relative; }

.shadows { box-shadow: 0px 0px 15px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.35); }

/********************************* general ******************************/
/* form elements */
.input, .inputtext, .textarea, .select { font-family: tahoma,verdana, "lucida grande" , "lucida sans unicode" ,sans-serif; font-size: 13px; padding: 3px; border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.input, .inputtext, .textarea { width: 200px; }
.textarea { height: 80px; float: left; }
.expanding { width: 300px; }
.watermark { height: 20px; width: 150px; padding: 2px 0 0 2px; border: 1px solid #bebebe; color: gray; }

.label { font-size: 13px; margin-top: 5px; text-align: right; padding-right: 10px; }
.value { font-size: 12px; text-align: left; margin-top: 5px; }
.pageTitle { padding: 10px; color: #fff; font: 2em Georgia, serif; margin-top: 15px; margin-bottom: 15px; background-color: #000; }

/* message box styles */
.msgbox_success { border: solid 1px #90ac13; background-color: #fff; color: #6b800d; font-size: 12px; font-weight: normal; padding: 6px; text-align: center; vertical-align: middle; width: 350px; margin: 0 auto; }
.msgbox_error { border: solid 1px #cc0000; background-color: #fff; color: #cc0000; font-size: 13px; font-weight: normal; padding: 6px; text-align: center; vertical-align: middle; width: 350px; margin: 0 auto; }
.msgbox_info { border: solid 1px #4169e1; background-color: #fff; color: #483d8b; font-size: 12px; font-weight: normal; padding: 6px; text-align: center; vertical-align: middle; width: 350px; margin: 0 auto; }

/* buttons */
.button_ok { padding: 5px 10px 5px 10px; border-style: none; background-color: #f18f02; text-align: center; color: #fff; font-size: 12px; font-family: "lucida grande" , tahoma, verdana, arial, sans-serif; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.button_cancel { padding: 5px 10px 5px 10px; border-style: none; background-color: #ff9; text-align: center; color: #000; font-size: 12px; font-family: "lucida grande" , tahoma, verdana, arial, sans-serif; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.button_del { padding: 5px 10px 5px 10px; border-style: none; background-color: #c03; text-align: center; color: #fff; font-size: 12px; font-family: "lucida grande" , tahoma, verdana, arial, sans-serif; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }

/* general gridview */
.gridview { border-collapse: separate; border-spacing: 0px 4px; margin-bottom: 20px; }
.gridview .item_row { background-color: black; font-size: 16px; cursor: pointer; }
.gridview .item_row td { padding: 4px; }
.gridview .item_row td a { color: #fff; }
.gridview .item_row td a:hover { color: #fff; text-decoration: none; }
.gridview .item_header { background-color: black; font-size: 16px; color: #fff; }
.gridview .item_header th { padding: 5px 4px; }

/* validator & validation summary */
.validator { background: url(/common/imgs/icon-validation-failed.png) left no-repeat; margin-left: 5px; padding-left: 22px; cursor: default; font-size: 13px; }
.validation_summary { margin: 0px auto; background: #fff none repeat scroll 0%; border: 1px solid #dd3c10; padding: 5px 5px 5px 15px; }
.validation_summary ul { color: #cc0000; font-size: 13px; list-style-type: square; margin: 0px 0px 0px 5px; padding: 0px; }

/*********************************boxes**********************************/
.margin-bot { margin-bottom: 35px; }
.margin-bot1 { margin-bottom: 55px; }

.margin-top { margin-top: 4px; }
.margin-top1 { margin-top: 59px; }

.spacing { margin-right: 35px; }
.spacing2 { margin-right: 45px; }
.spacing3 { margin-right: 60px; }

.spacing-bot { margin-bottom: 25px; }

.indent { padding: 0 0 0px 30px; }
.indent2 { padding-left: 50px; }
.indent-bot { margin-bottom: 20px; }
.indent-bot2 { margin-bottom: 29px; }
.indent-bot3 { margin-bottom: 45px; }

.img-indent-bot { margin-bottom: 25px; }
.img-indent { float: left; margin: 6px 18px 0px 0; }
.img-indent0 { float: left; margin: 0 10px 0px 0; }
.img-indent1 { float: left; margin: 0px 6px 0px 0px; }
.img-indent2 { float: left; margin: 0px 13px 0px 0; }
.img-indent3 { float: left; margin: 5px 16px 0px 0; }
.img-indent-r { float: right; margin: 0 0px 0px 11px; }
.img-indent-r1 { float: right; margin: 9px 11px 0px 35px; }

.img-box { float: left; margin-bottom: 20px; }

.prev-indent-bot { margin-bottom: 12px; }
.prev-indent { float: left; margin: 0 16px 0px 0; }
.prev-box { float: left; margin-bottom: 8px; }

.border { border: 4px solid #212121; }
.border1 { border: 4px solid #2f2f2f; }

.buttons a:hover { cursor: pointer; }

.menu li a, .sf-menu li a, .list-1 li a, .list-2 li a, .list-4 li a, .link, .link-1, .link-2, .link-3, .link-4, .link-6, .button-1, .button-2, .button-3, .button-4, .button-5, .text-bot a, .works-list li a, .date, .text-2, h6 a, .accordion dt a, .footer-menu li a, td a, .logo { text-decoration: none; }

/*********************************header*************************************/
header { /*height:125px;*/ width: 100%; position: relative; z-index: 2; background: none; padding: 0px 0 0 0; }
header.header { /*height:635px;*/ width: 100%; position: relative; z-index: 2; padding: 0px 0 0 0; }

.row-1 { width: 100%; height: 115px; position: relative; z-index: 999; background: url(../images/bg-row-1.png) 0 bottom no-repeat #fff; }
.row-2 { width: 100%; /*height:609px;*/ padding: 0px 0 0 0; position: relative; z-index: 1; background: none; }

h1 { padding: 35px 0 0 28px; position: relative; width: 229px; }
.logo { display: block; width: 136px; height: 79px; text-indent: -5000px; background: url(../images/logo-karagozlu.png) 0 0 no-repeat; }

.padding-top { padding: 25px 0px 0; }

.works-list { position: relative; float: right; padding: 0 53px 0 4px; }
.works-list li { float: left; margin-left: 8px; }
.works-list li a { display: inline-block; }

/* Easy Tooltip */
#easyTooltip { padding: 5px; border: 1px solid #ccc; background: #f1f1f1; z-index: 3; }
/* // Easy Tooltip */

header #form-top { float: right; display: inline-block; }
header .form-top { height: 23px; padding: 0; overflow: hidden; border-top: 1px solid #c0c6ca; border-left: 1px solid #c0c6ca; border-bottom: none; border-right: none; background: #efefef; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
header .form-top span { float: left; }
header #form-top input { width: 149px; margin: 0; font-size: 13px; line-height: 1.2em; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #a4a4a4; background: none; padding: 1px 8px 1px 8px; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
header #form-top a { float: left; display: inline-block; width: 25px; height: 23px; background: url(../images/marker-top.png) 0 0 no-repeat; }
header #form-top a:hover { background-position: right top; }

/************ sf-menu **********************/
.sf-menu { padding: 0px 0 0 0px; background: none; position: absolute; left: 274px; top: 67px; }
.sf-menu li { float: left; padding: 0px 34px 0px 33px; background: none; }
.sf-menu li a { display: block; padding: 0px; color: #141414; font-size: 16px; line-height: 1.2em; text-align: center; background: none; }
.sf-menu li a:hover, .sf-menu li a.sfHover, .sf-menu li a.current { color: #9e0b0f; }

.col-1 { width: 259px; margin-right: 10px; }
.col-2 { width: 720px; }
.col-1 .padding { padding: 10px 0 0 29px; }

.menu { padding: 0px 0px 0 0; position: relative; z-index: 999; }
.menu li { float: left; font-size: 11px; line-height: 26px; text-transform: uppercase; background: url(../images/marker-2.gif) right 9px no-repeat; padding-right: 15px; margin-right: 15px; }
.menu li.last { margin-right: 0; padding-right: 0; background: none; }
.menu li a { display: inline-block; color: #9c9c9c; text-decoration: underline; }
.menu li a:hover { color: #9c9c9c; text-decoration: none; }

.banner { padding: 0px 0px 0 30px; position: relative; z-index: 999; text-align: left; }
.pic { position: absolute; top: 130px; right: 64px; }
.z-index { z-index: 999; position: relative; }
/*********************************content*************************************/
#content { width: 100%; padding: 0px 0px 0px 0px; z-index: 1; position: relative; }

.spacer { width: 100%; background: url(../images/pic-1.gif) 318px 0 repeat-y; }
.spacer-1 { width: 100%; background: url(../images/pic-1.gif) 638px 0 repeat-y; }

.border-bot { width: 100%; border-bottom: 1px solid #e5e5e5; padding-bottom: 9px; }
.border-bot1 { width: 100%; border-bottom: 2px solid #e5e5e5; padding-bottom: 26px; }
.border-bot2 { width: 100%; border-bottom: 2px solid #e5e5e5; padding-bottom: 46px; }
.border-bot3 { width: 100%; border-bottom: 2px solid #e5e5e5; padding-bottom: 26px; }

.padding { padding: 0px 54px 40px 29px; }
.padding-footer { padding: 0px 54px 8px 28px; }

.padding-top1 { padding: 15px 0px 0px 0px; }
.padding-top2 { padding: 53px 0px 0px 0px; }
.padding-top3 { padding: 23px 0px 0px 0px; }
.padding-top4 { padding: 7px 0px 0px 0px; }

h2 { font-size: 24px; line-height: 1.2em; color: #56aaff; margin: 0 0 25px 0; letter-spacing: -1px; }
h3 { font-size: 24px; line-height: 1.2em; color: #141414; margin: 6px 0 19px 0; letter-spacing: -1px; }
h4 { font-size: 20px; line-height: 1.2em; color: #141414; margin: 0px 0 15px 0; letter-spacing: -1px; }
h5 { font-size: 18px; line-height: 1.2em; margin: 9px 0 12px 0px; color: #a7a7a7; }
h6 { font-size: 13px; line-height: 18px; margin: 0px 0 0px; color: #141414; }

.text-indent { float: left; font-size: 20px; color: #d74594; margin: 7px 8px 0px 9px; }
.text-indent1 { float: left; font-size: 20px; color: #d74594; margin: 8px 7px 0px 0px; }

.text-3 { font-size: 95px; line-height: 1.2em; color: #d74594; letter-spacing: -3px; }
.text-4 { font-size: 50px; line-height: 1.2em; color: #d74594; display: block; margin-top: -22px; letter-spacing: -1px; padding-left: 10px; }
.text-5 { font-size: 40px; line-height: 1.2em; color: #d74594; text-transform: uppercase; margin-top: -1px; letter-spacing: -1px; padding-left: 10px; }
.text-6 { font-size: 40px; line-height: 1.2em; color: #d74594; margin-top: -12px; letter-spacing: -1px; padding-left: 10px; }
.text-7 { font-size: 14px; line-height: 1.2em; color: #141414; margin: 9px 0 18px 0; padding-left: 10px; }

.list-1 li { font-size: 13px; line-height: 22px; background: url(../images/marker-1.gif) 1px 8px no-repeat; padding-left: 13px; }
.list-1 li a { color: #0ab7cc; display: inline-block; }
.list-1 li a:hover { color: #a4a4a4; }

.list-2 li { font-size: 13px; line-height: 18px; font-weight: bold; background: url(../images/marker-3.gif) 0px 6px no-repeat; padding-left: 12px; border-bottom: 1px solid #e5e5e5; padding-bottom: 4px; margin-bottom: 3px; }
.list-2 li.last { border-bottom: none; }
.list-2 li a { color: #0ab7cc; display: inline-block; }
.list-2 li a:hover { color: #a4a4a4; }

.list-3 li { font-size: 13px; line-height: 26px; background: url(../images/marker-7.gif) 0px 11px no-repeat; padding-left: 13px; }
.list-3 li a { display: inline-block; color: #fff; }
.list-3 li a:hover { text-decoration: underline; }

.list-4 li { font-size: 13px; line-height: 26px; background: url(../images/marker-6.gif) 0px 11px no-repeat; padding-left: 13px; }
.list-4 li a { display: inline-block; color: #141414; }
.list-4 li a:hover { text-decoration: underline; }

.box-1 { height: 115px; position: relative; }

.video { display: inline-block; position: relative; }
.video img { position: relative; z-index: 1; }
.button-video { position: absolute; top: 50%; left: 50%; width: 51px; height: 52px; margin: -25px 0 0 -25px; z-index: 2; display: block; background: url(../images/button-video.png) 0 0 no-repeat; }
.button-video:hover { background-position: right top; }
/************ links **********************/
.link { display: inline-block; color: #0ab7cc; font-size: 13px; line-height: 18px; }
.link:hover { text-decoration: underline; }

.link-1 { display: inline-block; color: #0ab7cc; font-size: 13px; line-height: 18px; text-decoration: underline; background: none; padding-right: 10px; }
.link-1:hover { color: #a4a4a4; text-decoration: underline; }

.link-2 { display: inline-block; color: #a4a4a4; font-size: 13px; line-height: 18px; }
.link-2:hover { color: #d74594; }

.link-3 { display: inline-block; color: #0ab7cc; font-size: 13px; line-height: 18px; background: none; }
.link-3:hover { color: #a4a4a4; }

/***************** buttons *****************************/
.buttons { text-align: right; padding-top: 8px; }
.button-1 { cursor: pointer; display: inline-block; font-size: 11px; text-transform: uppercase; line-height: 1.2em; color: #fff; padding: 3px 13px 7px 13px; text-align: center; background: #0ab7cc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.button-1:hover { background: #adadad; }

.button-2 { cursor: pointer; display: inline-block; font-size: 16px; letter-spacing: -1px; line-height: 1.2em; text-transform: uppercase; color: #fff; padding: 10px 24px 15px 24px; text-align: center; border-right: 1px solid #ea7bb7; border-bottom: 1px solid #ea7bb7; background: #cf4797; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ee5dab), to(#953a8e)); background: -moz-linear-gradient(#ee5dab, #953a8e); background: linear-gradient(#ee5dab, #953a8e); -pie-background: linear-gradient(#ee5dab, #953a8e); background-image: -o-linear-gradient(top, #ee5dab, #953a8e); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.button-2:hover { background: #888888; border-right: 1px solid #888888; border-bottom: 1px solid #888888; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#888888), to(#888888)); background: -moz-linear-gradient(#888888, #888888); background: linear-gradient(#888888, #888888); -pie-background: linear-gradient(#888888, #888888); background-image: -o-linear-gradient(top, #888888, #888888); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; }

/************** forms *******************************/
#form { width: 150px; }
#form label { display: block; height: 25px; }
#form input { width: 133px; font-size: 0.8em; line-height: 1.2em; color: #a7a7a7; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; border-top: 1px solid #c0c6ca; border-left: 1px solid #c0c6ca; border-bottom: none; border-right: none; background: #efefef; padding: 2px 7px 3px 7px; margin: 1px 0 0 2px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #fff; }

/****************************footer************************/
footer { width: 100%; padding: 15px 0px 0px 0px; background: none; position: relative; z-index: 2; }

.text-bot { float: left; font-size: 13px; line-height: 18px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-weight: bold; color: #a8a8a8; padding: 0px 0px 0px 0px; text-align: left; }
.text-bot a { color: #a8a8a8; text-decoration: none; }
.text-bot a:hover { text-decoration: underline; }

.logo-1 { display: inline-block; font-family: 'Lobster' , arial, serif; color: #a4a4a4; font-size: 30px; font-weight: normal; padding: 0 2px 0 0px; line-height: 1.2em; }
.copy { display: inline-block; padding-top: 15px; }
.privacy { display: block; margin-top: -5px; }

/****************************bxSlider************************/
/*next button*/
.bx-prev { width: 26px; height: 105px; cursor: pointer; position: absolute; top: 6px; left: 0px; display: block; background: url(../images/prev-next.gif) left top no-repeat; text-indent: -5000px; }
.bx-prev:hover { background-position: left bottom; }

/*previous button*/
.bx-next { width: 26px; height: 105px; cursor: pointer; position: absolute; top: 6px; right: -80px; display: block; background: url(../images/prev-next.gif) right top no-repeat; text-indent: -5000px; }
.bx-next:hover { background-position: right bottom; }
.bx-window { width: 590px; margin-left: 41px; min-height: 116px; overflow: hidden; position: relative; float: left; }
#slider li { width: 590px; float: left; background: #fff; padding: 0px 0 0px 0; }

/*--- accordion begin ---*/
.accordion { position: relative; z-index: 999; padding: 12px 0 0 0; }
.bgr-1 { background: url(../images/marker-acc.png) top right no-repeat #141414; }
.bgr-2 { background: url(../images/marker-acc.png) top right no-repeat #9e0b0f; }
.bgr-3 { background: url(../images/marker-acc.png) top right no-repeat #82378c; }
.bgr-4 { background: url(../images/marker-acc.png) top right no-repeat #d74594; }
.bgr-5 { background: url(../images/marker-acc.png) top right no-repeat #f8b820; }
.bgr-11 { background: url(../images/marker-acc.png) top right no-repeat #0ab7cc; }
.bgr-6 { background: #141414; }
.bgr-7 { background: #9e0b0f; }
.bgr-8 { background: #82378c; }
.bgr-9 { background: #d74594; }
.bgr-10 { background: #f8b820; }
.bgr-12 { background: #0ab7cc; }
.accordion dt { cursor: pointer; overflow: hidden; font-size: 16px; line-height: 1.2em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 12px 0 13px 24px; margin-bottom: 4px; }
.accordion dt.active.bgr-1, .accordion dt.active.bgr-2, .accordion dt.active.bgr-3, .accordion dt.active.bgr-4, .accordion dt.active.bgr-5, .accordion dt.active.bgr-11, .accordion dt:hover.bgr-1, .accordion dt:hover.bgr-2, .accordion dt:hover.bgr-3, .accordion dt:hover.bgr-4, .accordion dt:hover.bgr-5, .accordion dt:hover.bgr-11 { color: #fff; background-position: bottom right; }
.accordion dd { font-size: 13px; line-height: 26px; color: #fff; display: none; width: 206px; height: 233px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden; /*important for accordeon*/ text-transform: none; padding: 16px 0 0px 24px; margin-bottom: 4px; }
.accordion dd a { text-decoration: none; }
.accordion dd a:hover { text-decoration: underline; }
/*--- accordion end ---*/