/* 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 }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) center top no-repeat #dfdfdf; border:0; font:10px Arial, Helvetica, sans-serif; color:#8b8a8a; line-height:16px; min-width:960px}

/* Global Structure ============================================================= */

.spinner{ position:absolute; z-index:99; background:url(../images/bg.jpg) center top no-repeat #dfdfdf; width:100%; height:100%; top:0; left:0}
.spinner div{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat; width:100%; height:100%; top:0; left:0}


/* ============================= main layout ====================== */

a{ color:#171717; text-decoration: none; outline:none}
a:hover{ text-decoration: underline}
h1{ padding:0 0 64px 10px;}
h2{ font-size:16px; font-weight:bold; line-height:1.2em; color:#171717;}
h2 span{ display:inline-block; background:url(../images/box_bg.gif) 0 0 repeat-x; padding:14px 0 5px 0;}
h2 .pad_bot1{ padding-bottom:11px;}
h2.pad_bot1{ padding-bottom:13px}
p{
	padding-bottom:16px;
	font-size: 12px;
}

/* ============================= header ====================== */
header{}

#logo{ display:block; text-indent:-9999px; background:url(../images/alinlik.png) 0 0 no-repeat; width:900px; height:73px;}

#menu_box{ position:relative; height:126px;}
#menu_box .inner{ position:absolute; top:65px;}

#menu_button{ float:left; width:200px; font-size:11px; line-height:44px; background:url(../images/box_bg.gif) 0 top repeat-x; margin-left:370px; text-align:center;}
#menu_button:hover{ color:#000; text-decoration:none}

#menu { position: relative; height:65px;}
#menu > li { float:left; width:134px; margin-right:1px; background:#d4d4d4; position:relative;}
#menu > .last{ margin-right:0px; width:155px;}
#menu > li > a{ display:block; text-align:center; font-size:11px; line-height:62px; height:64px; position:relative}
#menu > li > span{ position: absolute; width:100%; height:100%; top:0; left:0; background:#006273;}
#menu > li > a:hover, #menu > .active > a{ text-decoration:none; color:#fff}

.submenu_1{ position:absolute; top:73px; left:0; padding:0px 0px 0px; width:134px; background:#006273}
.submenu_1 li{ margin-bottom:4px; line-height:21px; position:relative;}
.submenu_1 a{ display:block; font-size:11px; color:#fff; text-align:center; position:relative;}
.submenu_1 span{ position:absolute;background:#515151; top:0; left:0; width:100%; height:100%;}
.submenu_1 a:hover{ text-decoration:none}

.submenu_2{ position:absolute; top:-20px; left:126px; padding:20px 20px 15px; width:116px; background:#474747}
.submenu_2 span{ position:absolute;background:#343434; top:0; left:0; width:100%; height:100%;}

#menu ul{ display:none;}

/* ============================= content ====================== */

#content{ height:430px}
#content > ul > li{ height:430px; width:100%;}

.box{position: relative;}

.gallery1{ width:12900px; position: relative;}
.gallery1 li{ float:left;}
.gallery1 a{ background:#000; display:block;}
.gallery1 span{ display:block; width:100%; height:7px; background:#171717}

.anasayfa{ width:5520px; position: relative;}
.anasayfa li{ float:left;}
.anasayfa a{ background:#000; display:block;}
.anasayfa span{ display:block; width:100%; height:7px; background:#171717}

.pop_up{ position:relative; width:920px; height:450px; display:none}

.caption{ position:absolute; bottom:0; left:0; padding:26px 63px 28px; right:0; background:url(../images/bg_caption.png) repeat}
.caption ul{ float:left; width:292px;}
.caption li{ background:url(../images/line_hor1.png) 0 bottom repeat-x; font-size:12px; line-height:25px; color:#fff;}
.caption .last{ background:none;}
.caption span{ float:right}
.ul_2{ padding-left:177px;}

/* Lightbox image */
.pp_details{ height:0; padding:0; margin:0; font-size:0; line-height:0; visibility:visible !important;}
.pp_description{ display:none; height:0; padding:0; margin:0; font-size:0; line-height:0}
.pp_nav{ display:none !important}
.pp_inline{ position:relative;}

div.dark_square .pp_close{ position:absolute; z-index:99; top:0px; right:-32px; width:17px; height:15px; background:url(../images/close.png) 0 0 no-repeat}
div.dark_square .pp_close:hover{ background-position:0 bottom}

div.dark_square .pp_next{ position:absolute; top:44%; right:0px; width:61px; height:61px; background: url(../images/marker_right.gif) 0 bottom no-repeat; visibility:visible !important}
div.dark_square .pp_next:hover{ background-position: top}
div.dark_square .pp_previous{ position:absolute; top:44%; left:0px; width:61px; height:61px; background:url(../images/marker_left.gif) 0 0 no-repeat; visibility:visible !important}
div.dark_square .pp_previous:hover{ background-position: bottom}
.pp_hoverContainer{ display:block !important}


.pad_bot1{ padding-bottom:5px;}
.pad_bot2{ padding-bottom:5px;}
.pad_bot3{ padding-bottom:20px;}
.marg_right1{ margin-right:20px;}


.font1{ font-size:14px;}

.color1{ color:#171717}

.button1{ display:inline-block; position:relative; font-size:11px; color:#fff; background:#171717; line-height:30px;}
.button1 span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#bcbcbc}
.button1 strong{ position:relative; font-weight:normal; padding:0 19px;}
.button1:hover{ text-decoration:none}

.list1{ padding-top:3px}
.list1 li{ margin-bottom:5px; position:relative;}
.list1 a{ color:#8b8a8a; background:url(../images/marker_1.gif) 11px 10px no-repeat; display: inline-block; position:relative; padding:5px 0 4px 26px;}
.list1 span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#171717;}
.list1 a:hover{ background-position:11px -20px; text-decoration:none; color:#fff;}

#content figure{ padding-top:5px;}

.cols{ width:86px; float:left;}

#icons{ padding:20px 0 0  0}
#icons li{ float:left; padding-right:3px;}

/* ============================= footer ====================== */
footer { color:#989898; padding-top:17px}
footer a{ color:#989898}
footer a:hover{ color:#171717;}

#icon{ padding:15px 0 0 0}
#icon li{ float:left; padding-right:4px;}
#icon a{ position:relative; display: block;}
#icon .img_act{ position:absolute; top:0; left:0;}


/* Tooltips */
.aToolTip { background: url(../images/bg_caption.png) repeat; color:#fff;	margin:0; padding:3px 10px 4px; font-size:10px; line-height:1.2em; position: absolute;}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0;}


/* ============================= forms ============================= */

#ContactForm{ padding-top:5px; position:relative;}
#ContactForm .wrapper{ overflow:inherit; min-height:35px;}
#ContactForm .success{ display:none; position:absolute;background:#fff; border:1px solid #cecece; border-right:none; padding:20px 30px; top:170px; left:0; right:0; z-index:2}
#ContactForm label{ position:relative;min-height:30px; display: inline-block; z-index:1}
#ContactForm .message{ height:168px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#171717; line-height:14px; display:none; width:100%; text-transform:none;}
#ContactForm a{ margin-right:10px; float: left; margin-top:28px;}
#ContactForm .input { margin:0;width:203px; height:13px; background: none; padding:8px;color:#8b8a8a; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase}
#ContactForm textarea { overflow: auto;width:333px; height:151px; background: none; padding:8px;color:#8b8a8a; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0;}


#ContactForm  .bg{ background:#fff; border-top:1px solid #cecece; border-left:1px solid #cecece; width:auto}