/* *** general bottom level definitions *** */

/* folder */
#folder { background-image: url(../images/background-folder.jpg); height: 755px; }

/* logo */
a#logo { text-indent: -10000px; position: absolute; top: 32px; left: 36px; width: 206px; height: 84px; background: url(../images/spacer.gif) no-repeat; }

/* home button */
a#nav-home { text-indent: -10000px; position: absolute; top: 130px; left: 34px; width: 59px; height: 31px; background: url(../images/nav-home.gif) no-repeat; }
a#nav-home:hover, a#nav-home.active { background-position: -60px 0px; }

/* *** headers *** */

#header-iletisim,
#header-referanslar,
#header-hizmet,
#header-general { behavior: url(iepngfix.htc); text-indent: -10000px; width: 467px; height: 251px; position: absolute; top: 37px; left: 190px; z-index: 100; }

#header-iletisim { background: url(../images/hdr-iletisim.png) 0 0 no-repeat; }
#header-referanslar { background: url(../images/hdr-referanslar.png) 0 0 no-repeat; }
#header-hizmet { background: url(../images/hdr-hizmet.png) 0 0 no-repeat; }


#footer { margin-top: 3em; text-align: center; }
#footer .rule { margin-bottom: 0.5em; }

/* *** main content area *** */

#papers { behavior: url(iepngfix.htc); background: url(../images/papers.png) 0 0 no-repeat; width: 499px; height: 689px; position: absolute; top: 75px; left: 180px; }
#paper { position: absolute; top: 80px; left: 185px; width: 482px; }
#paper-top { behavior: url(iepngfix.htc); background: url(../images/paper-top.png) no-repeat 0 0; height: 21px; }
#paper-middle { behavior: url(iepngfix.htc); background-image: url(../images/paper-background.png); background-repeat: repeat-y; height: auto; width: 482px; padding-top: 200px; }
#paper-bottom { behavior: url(iepngfix.htc); background: url(../images/paper-bottom.png) no-repeat 0 0; height: 21px; }

/*
 * This is where all the text styles are defined.  Be sure to preceed each style
 * with #content otherwise things might just go a little crazy.
*/

#paper-middle .content { margin-right: 35px; margin-left: 30px; overflow: hidden; }
.content h2, .content h3, .content ul, .content p, .content table { margin-bottom: 1em; }
.content h2, .content h3 { text-indent: -10000px; height: 0px; }
.content h3 { margin-top: 2em; }
.content ul { padding-left: 1.5em; list-style-type: none; }
.content ul li { padding-left: 12px; margin-bottom: 0.5em; display: block; background: url(../images/bullet-asterisk.gif) no-repeat 0 5px; }
.content ul li ul { margin-top: 0.5em; margin-bottom: 0.5em; }
.content ul li ul li { background: url(../images/bullet-dash.gif) no-repeat 0 6px; }
.content blockquote { padding-left: 2em; }
.content h4 { color: #274669; font-size: 1em; }
.content h5 { color: #6b7627; font-size: 1em; }
.content a { color: rgb(200, 150, 000); text-decoration: underline; }
.content strong, .content b { color: #333333; }
.content table tr td { padding: 4px; }
.content sup { font-size: 8px; }

.table-line { behavior: url(iepngfix.htc); background: url(../images/table-line.png) 0 0 no-repeat; width: 410px; height: 10px; }
.table-line.housing { position: absolute; top: 410px; }
* > .table-line.housing { position: absolute; top: 610px; } /* ie 6 work around using css2 hiding */

/* data table styles */
.content table.data tr td { background-color: #eaf9bb; padding: 4px; }
.content table.data tr td a { color: #000000; }
.content table.data tr.alt td { background-color: #e1f4b9; }
.content table.data tr.header td { background-color: #ffffff; }

/* vertical tables styles */
.content table.vert td { background-color: #f0f1e9; padding: 4px; }
.content table.vert td.alt { background-color: #e9eadf; }
.content table.vert td.header { background-color: #ffffff; }
.content table.vert td h3 { margin-top: 10px; }

/* form table styles */
.content table.form tr td { padding: 4px; }
.content table.form tr.header td { padding-top: 1em; }
.content table.form tr.header td strong { color: #274669; }
.content table.form table { margin-bottom: 0; }

/* faq list */
.content ul.faqs { list-style-type: none; }
.content ul.faqs li { padding-left: 15px; }
.content ul.faqs li.question { background: url(../images/bullet-q.gif) no-repeat 0 2px; }
.content ul.faqs li.answer { background: url(../images/bullet-a.gif) no-repeat 0 3px; padding-bottom: 1em; }



.content .required { color: #cc0000; margin-right: 0.5em; }

/* *** sub navigation *** */

#post-it-short { float: right; background: url(../images/subnavs-short.jpg) 0 0 no-repeat; width: 165px; height: 147px; }
#post-it-medium { float: right; background: url(../images/subnavs-medium.jpg) 0 8px no-repeat; width: 165px; height: 175px; }
#post-it-tall { float: right; background: url(../images/subnavs-tall.jpg) 0 8px no-repeat; width: 165px; height: 207px; }
#post-it-long { float: right; background: url(../images/subnavs-long.jpg) 0 8px no-repeat; width: 165px; height: 236px; }
#post-it-super { float: right; background: url(../images/subnavs-super.jpg) 0 8px no-repeat; width: 165px; height: 314px; }

/*
 * To compensate for a weird bug, the subnavs are physically placed outside
 * of the post-it div.  So, the subnavs need to be positioned over the post-it.
 * This setup creates an issue where the post-it will not strech if the subnavs
 * grow too long.
*/

.subnavs { position: absolute; top: 380px; left: 484px; z-index: 200; list-style-type: none; line-height: 0px; font-size: 0; }
.subnavs li { font-family: "Courier New", Courier, monospace; font-size: 11px; line-height: normal; }
.subnavs li a { display: block; padding-left: 20px; width: 100px; text-decoration: none; font-size: 11px; line-height: normal; padding-bottom: 7px; font-weight: bold; color: #662b04; }
.subnavs li a:hover, .subnavs li a.active { color: #0e3251; background: url(../images/snav-star1.gif) 0 0 no-repeat; }
.subnavs li.star-one a:hover, .subnavs li.star-one a.active { background: url(../images/snav-star1.gif) 0 0 no-repeat; }
.subnavs li.star-two a:hover, .subnavs li.star-two a.active { background: url(../images/snav-star2.gif) 0 0 no-repeat; }
.subnavs li.star-three a:hover, .subnavs li.star-three a.active { background: url(../images/snav-star3.gif) 0 0 no-repeat; }

/* *** corkboard *** */

#corkboard { position: absolute; top: 60px; left: 680px; }

/*
 * It's very easy to add, remove and change the elements on the corkboard.
 * If you're adding an element to corkboard, the first and most important step
 * is to be sure that you have built and saved your PNG (graphic) correctly.
 * If you are unsure, then refer to any of the other corkboard elements to get
 * an understanding of how things are built.
*/

/*
 * All corkboard elements must be in this following list.  If you remove an element, please
 * be sure to remove it from this list.
*/

#cork-iletisim,
#cork-karpuz,
#cork-web-istanbul,
#cork-web-km,
#cork-web-galeri,
#cork-web-port,
#cork-km,
#cork-gorsel,
#cork-meet-cemos,
#cork-meet-daniel { behavior: url(iepngfix.htc); display: block; position: absolute; text-decoration: none; text-indent: -10000px; cursor: pointer; }


#cork-iletisim { top: 13px; left: 3px; width: 166px; height: 620px; background: url(../images/cork-iletisim.png) 0 0 no-repeat; }
#cork-iletisim:hover { background-position: -173px 0px; }

#cork-karpuz { top: 465px; left: 10px; width: 125px; height: 176px; background: url(../images/cork-karpuz.png) 0 0 no-repeat; }
#cork-karpuz:hover { background-position: -125px 0px; }

#cork-web-istanbul { top: 13px; left: 3px; width: 143px; height: 120px; background: url(../images/cork-web-istanbul.png) 0 0 no-repeat; }
#cork-web-istanbul:hover { background-position: -146px 0px; }

#cork-web-km { top: 163px; left: 3px; width: 143px; height: 120px; background: url(../images/cork-web-km.png) 0 0 no-repeat; }
#cork-web-km:hover { background-position: -147px 0px; }

#cork-web-galeri { top: 313px; left: 3px; width: 143px; height: 120px; background: url(../images/cork-web-galeri.png) 0 0 no-repeat; }
#cork-web-galeri:hover { background-position: -148px 0px; }

#cork-web-port { top: 463px; left: 3px; width: 176px; height: 174px; background: url(../images/cork-web-port.png) 0 0 no-repeat; }
#cork-web-port:hover { background-position: -178px 0px; }

#cork-km { top: 13px; left: 3px; width: 143px; height: 80px; background: url(../images/cork-km.png) 0 0 no-repeat; }
#cork-km:hover { background-position: -143px 0px; }

#cork-gorsel { top: 299px; left: 11px; width: 134px; height: 128px; background: url(../images/cork-gorsel.png) 0 0 no-repeat; }
#cork-gorsel:hover { background-position: -134px 0px; }

/* meet photos */
#cork-meet-cemos { top: 102px; left: 10px; width: 125px; height: 173px; background: url(../images/cemos.png) 0 0 no-repeat; }
#cork-meet-cemos:hover { background-position: -125px 0px; }

/* *** page titles *** */


/* Diaries */
.Hide { /*position: absolute; top: 0; z-index: 0;*/ display: none; visibility: hidden;}
.Show { /*position: absolute; top: 40px; z-index: 101; */ display: block; visibility: visible;}
#footerIndex { /*position: absolute; top: 10px; z-index: 102;*/ padding: 10px 0; }

/* AJAX Content Correction Blurb */
#accb { display: none !important; }