/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 * @project www.icon-pm.com
 **/

 /*  ------------------- Global Settings  ------------------- */
	html, body { border:0; height: 100%; margin:0; padding:0; }
	body { background: #000; color: #fff; font:10px/1.25 Tahoma; text-align: left; }

	.clear { clear:both; }
	.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
	.clearfix { display: inline-block; }
	/*IE-mac \ */
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* IE-mac */
	.border { border: 1px solid; }
/*  ------------------- Global Settings  ------------------- */

/* ------------------- Common Styles ------------------- */
 	h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }

	p, ul, ol { margin:0; padding:0; }

	ul, ol { list-style:none; margin: 0; padding: 0; }

	blockquote { margin:22px 40px; padding:0; }

	small { font-size:0.85em; }

	img { border:0; }

	sup { bottom:0.3em; position:relative; vertical-align:baseline; }

	sub { bottom:-0.2em; position:relative; vertical-align:baseline; }

	acronym, abbr { border-bottom:1px dashed; cursor:help; letter-spacing:1px; }

	p.phone { text-align: right; }
/* ------------------- Link Styles ------------------- */
    a, a:visited { outline: none; text-decoration:none; }
/* ------------------- Common Styles ------------------- */

/*  ------------------- Page Skeleton  ------------------- */
	#wrapper { background: url(../media/image/template/satistaki.jpg) top center no-repeat; height: 611px; position: relative; width: 100%; }

		#header { }

       	#navigation { top: 0px; }

		#content { height: 555px; overflow: hidden; z-index: 9990; }

	#footer { }

	#header, #navigation, #content, #footer { margin: 0 auto; position: relative; width: 897px; }
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header ------------------- */
	#logo { display: block; left: 0; position: absolute; top: 12px; z-index: 9991; }
/* ------------------- Header ------------------- */
/* ------------------- thickbox ------------------- */
	#TB_load{margin: 1000px auto;}
/* ------------------- thickbox ------------------- */

/* ------------------- Navigation ------------------- */
	#navigation ul { margin-left: -25px; }
		#navigation li { background: url(../media/image/template/menu_bullet.png) right center no-repeat; display: inline; float: left; font: 13px Verdana; padding: 0 12px 0 7px; }
		#navigation li.last { background: none;  }
		#navigation li a { color: #999; display: block; float: left; }
		#navigation li.activeNav a{color: #fff;}
		#mesagroup { position: absolute; right: 0; }
/* ------------------- Navigation ------------------- */
/* ------------------- Content ------------------- */
	h2 { color: #fff; font: 20px/40px Arial; height: 40px; }
	h3 { font: bold 12px Arial; }
	p { margin-bottom: 10px; }
	p.slogan { color: #fff; font: italic 18px Arial; height: 26px; margin-bottom: 0; }
	#text { font: 12px Arial; padding: 10px; position: relative; }
	#text a { color: #fff; }

	.sidebar { display: inline; float: left; margin-right: 20px; width: 200px; }
	.sidebar.end { margin-right: 0; }

	.sidebar2column { display: inline; float: left; margin-right: 20px; width: 400px; }
	.sidebar2column.end { margin-right: 0; }
    
    #projects { position: absolute; top: 51px; left: 250px; }
    #projects .sidebar { display: block; float: none; width: 700px; }
        .sales-office { float: left; width: 200px; margin-right: 20px; }
	
	.iletisim #text, .musteri-hizmetleri #text
	#texty{ padding-right: 0; }

/* ------------------- Musteri Hizmetleri ------------------- */
	#wrapper.musteri-hizmetleri { background: url(../media/image/template/default.jpg) top center no-repeat; }
	.musteri-hizmetleri h2 {  }
	.musteri-hizmetleri #project { right: 100px; width: 500px; }
	.musteri-hizmetleri #project-logo { left: -90px; }
	.musteri-hizmetleri #project-brochure { top: -40px; right: 5px; }
	.musteri-hizmetleri #text { padding-left: 0; }
	.musteri-hizmetleri #text p.link { text-align: right; }
	.musteri-hizmetleri #text a { color: #ffcc29; }
/* ------------------- Musteri Hizmetleri ------------------- */
/* ------------------- Yasal Uyari ------------------- */
	#wrapper.yasal-uyari { background: url(../media/image/template/bos_bg.jpg) top center no-repeat; }
	.yasal-uyari h2 {position: absolute; top: -40px; left: 312px; }
	.yasal-uyari #project { left: 5px; top: 90px; }
	.yasal-uyari #project-logo { left: 90px; }
	.yasal-uyari #project-brochure { top: 0px; right: 5px; }
	.yasal-uyari #text { padding-left: 0; }
	.yasal-uyari #text p.link { text-align: right; }
	.yasal-uyari #text a { color: #ffcc29; }
/* -------------------  ------------------- */

/* ------------------- iletisim ------------------- */
	#wrapper.iletisim { background: url(../media/image/template/default.jpg) top center no-repeat; }
	.iletisim h2 {  }
	.iletisim #project { right: 0px; }
	.iletisim #project-logo { left: -90px; }
	.iletisim #project-brochure { top: -40px; right: 5px; }
	.iletisim #text { padding-left: 0; }
	.iletisim #text p.link { text-align: right; }
	.iletisim #text a { color: #ffcc29; }
/* ------------------- iletisim ------------------- */
/* ------------------- Slog ------------------- */
	#slog{position: absolute;font: 20px Tahoma;font-style: italic; bottom: 85px; left: 10px; width: 500px;}
/* ------------------- Slog ------------------- */
/* ------------------- Sales Offices ------------------- */
	.sales-office, .contact {  margin-bottom: 10px; }
		.sales-office{ color:#fff; }
		.phone, .fax, .email, .web { display: block; }
		.web a{font-weight: bold; color: #fff;}
		address { font: normal 12px Arial; }
/* ------------------- Sales Offices ------------------- */

/* ------------------- Project ------------------- */
	#project { position: absolute; top: 51px; }
		#project-logo, #project-brochure  { position: absolute; }
		#project-logo  { top: 40px; }
/* ------------------- Project ------------------- */

/* ------------------- Project Page Styles ------------------- */
/* ------------------- ParkOran ------------------- */
	#wrapper.mesa-park-oran-evleri { background-image: url(../media/image/projects/mesa-park-oran-evleri-bg.jpg); }
	.mesa-park-oran-evleri h2 { margin-left: -55px; }
	.mesa-park-oran-evleri #project { height: 343px; right: 100px; width: 268px; }
	.mesa-park-oran-evleri #project #gallery { left: -45px; position: absolute; top: 115px; }
	.mesa-park-oran-evleri #project-logo { left: -90px; }
	.mesa-park-oran-evleri #project-brochure { top: -40px; right: 5px; }
	.mesa-park-oran-evleri #text { background: url(../media/image/template/park-oran-text-bg.png) top left repeat-x; height: 323px; }
	.mesa-park-oran-evleri #text p.link { text-align: right; }
	.mesa-park-oran-evleri #text p.phone { text-align: right; color: #ffcc29;}
	.mesa-park-oran-evleri #text a { color: #ffcc29; }
/* ------------------- ParkOran ------------------- */
/* ------------------- Project Details ------------------- */
	#projectMain { height: 427px; left: 262px; position: absolute; width: 667px; }
	#projectDetails { margin-left: 65px; }
	    #projectInfo { background: #222; height: 413px; left: 25px; padding-top: 15px; position: absolute; width: 642px; z-index: 999; }
	    #projectInfo #text { height: 427px; width: 387px; }
	    #projectInfo #side { background: url(../media/image/template/info_side.png) top left no-repeat; width: 220px; }
	    #projectInfo #side h3 { color: #a7a7a7; font-size: 12px; }
	    #projectInfo #side span { display: block; margin-bottom: 10px; }

	    h2#projectTitle { background: url(../media/image/template/project_title_bg.png) top left repeat-x; color: #343232; font: 18px Trebuchet Ms, sans-serif; left: 25px; margin-top: 10px; padding: 5px 10px; position: absolute; white-space: nowrap; z-index: 99; }


/* ------------------- Project Details ------------------- */

/* ------------------- Camlipark ------------------- */
	#wrapper.mesa-camlipark-evleri { background-image: url(../media/image/projects/mesa-camlipark-evleri-bg.jpg); }
	.mesa-camlipark-evleri h2 { margin-left: -90px; }
	.mesa-camlipark-evleri #project { height: 343px; right: 0; width: 297px; }
	.mesa-camlipark-evleri #project #gallery { left: -45px; position: absolute; top: 115px; }
	.mesa-camlipark-evleri #project-logo { left: -90px; }
	.mesa-camlipark-evleri #project-brochure { top: -25px; right: 0; }
	.mesa-camlipark-evleri #text { background: url(../media/image/template/park-oran-text-bg.png) top left repeat-x; height: 323px; }
	.mesa-camlipark-evleri #text p.link { text-align: right; }
	.mesa-camlipark-evleri #text p.phone { text-align: right;color: #9dde3c; }
	.mesa-camlipark-evleri #text a { color: #9dde3c; }
	.mesa-camlipark-evleri #text img.chance { width: 93px; height: 94px; position: absolute; left:-40px; bottom:55px; z-index:99990; }


/* ------------------- Camlipark ------------------- */
/* ------------------- Project Gallery ------------------- */
	#gallery { left: -45px; position: absolute; top: 90px; }
	#gallery li { cursor: pointer; height: 30px; margin: 5px;  width: 30px; }
	#gallery li a img { border: 1px solid #fff;bottom: 5px; }
	#main_image { margin: 0 auto; height: 555px; overflow: hidden; width: 1400px;z-index: 0;}
/* ------------------- Project Gallery ------------------- */
/* ------------------- Dora ------------------- */
	#wrapper.mesa-dora-evleri { background-image: url(../media/image/projects/mesa-dora-evleri-bg.jpg); }
	.mesa-dora-evleri h2 {}
	.mesa-dora-evleri #project { right: 0; width: 269px; }
	.mesa-dora-evleri #project #gallery { left: -45px; position: absolute; top: 115px; }
	.mesa-dora-evleri #project-logo { left: -90px; }
	.mesa-dora-evleri #project-brochure { top: -42px; right: 13px; }
	.mesa-dora-evleri #text { background: url(../media/image/template/dora-bg.png) top left repeat-x; }
	.mesa-dora-evleri #text .star { background: url(../media/image/template/dora-star.png) top left no-repeat; bottom: -13px; left: -32px; height: 45px; position: absolute; width: 49px; }
	.mesa-dora-evleri #text p.link { text-align: right; }
	.mesa-dora-evleri #text p.phone { text-align: right;color: #ffa13d; }
	.mesa-dora-evleri #text a { color: #ffa13d; }
/* ------------------- Dora ------------------- */

/* ------------------- DoraMax ------------------- */
	#wrapper.mesa-doramax { background-image: url(../media/image/projects/mesa-doramax-bg.jpg); }
	.mesa-doramax h2 { color: #9aea00; margin-left: 0px; }
	.mesa-doramax #project { right: 0; width: 269px; }
	.mesa-doramax #project-logo { left: -90px; }
	.mesa-doramax #project-brochure { top: -42px; right: 13px; }
	.mesa-doramax #text { background: url(../media/image/template/park-oran-text-bg.png) top left repeat-x; height: 323px; }
	.mesa-doramax #text p.phone { text-align: right;margin-right: 6px; }
	.mesa-doramax #text p.link {  }
	.mesa-doramax #text a { color: #fff; margin-left: 100px;}
/* ------------------- DoraMax ------------------- */

/* ------------------- Cengelkoyde Mesa ------------------- */
	#wrapper.cengelkoyde-mesa { background-image: url(../media/image/projects/cengelkoyde-mesa-bg.jpg); }
	.cengelkoyde-mesa h2 { color: #bcf500; left: 10px; position: absolute; z-index: 99; }
	.cengelkoyde-mesa #project { right: 0; width: 515px; }
	.cengelkoyde-mesa #project #gallery { left: -45px; position: absolute; top: 105px; }
	.cengelkoyde-mesa #project-logo { left: -113px; }
	.cengelkoyde-mesa #project-brochure { top: -30px; right: 13px; }
	.cengelkoyde-mesa #text { background: url(../media/image/template/cengelkoy-bg.png) top left no-repeat; height: 179px; padding-top: 45px; width: 495px; }
	.cengelkoyde-mesa #text p.slogan { color: #bcf500; }
	.cengelkoyde-mesa #text p.link { text-indent: 20px; }
	.cengelkoyde-mesa #text p.phone { position: absolute; left: 12px; bottom: 5px; text-align: left; }
	.cengelkoyde-mesa #text a { color: #fff; margin-left: 210px;}
/* ------------------- Cengelkoyde Mesa ------------------- */

/* ------------------- Papirus ------------------- */
	#wrapper.papirus-plaza { background-image: url(../media/image/projects/papirus-plaza-bg.jpg); }
	.papirus-plaza h2 { color: #fff; left: 10px; position: absolute; z-index: 99; }
	.papirus-plaza #project { right: 10px; width: 313px; }
	.papirus-plaza #project #gallery { left: -45px; position: absolute; top: 110px; }
	.papirus-plaza #project-logo { left: -90px; }
	.papirus-plaza #project-brochure { top: -43px; right: 13px; }
	.papirus-plaza #text { background: url(../media/image/template/papirus-bg.png) top left no-repeat; height: 328px; padding-top: 45px; width: 293px; }
	.papirus-plaza #text p.slogan { color: #fff; }
	.papirus-plaza #text p.link { margin-top: 10px; }
	.papirus-plaza #text p.phone { position: absolute; left: 12px; bottom: 5px; text-align: left; }
	.papirus-plaza #text a { color: #fff; }
/* ------------------- Papirus ------------------- */

/* ------------------- Mesa Kartal ------------------- */
	#wrapper.mesa-kartall { background-image: url(../media/image/projects/mesa-kartall-bg.jpg); }
	.mesa-kartall h2 { color: #fff; left: 10px; position: absolute; top: 50px; z-index: 99; width: 342px; text-align: center; }
	.mesa-kartall #project { right: 0; width: 342px; }
	.mesa-kartall #project #gallery { left: -39px; position: absolute; top: 110px; }
	.mesa-kartall #project-logo { left: -84px; }
	.mesa-kartall #project-brochure { top: -43px; right: 13px; }
	.mesa-kartall #text { background: url(../media/image/template/mesa-kartall.png) top left repeat-y; height: 68px; margin-top: 40px; padding: 0; width: 342px; }
	.mesa-kartall #text p.slogan { color: #fff; }
	.mesa-kartall #text p.link { margin-top: 10px; }
	.mesa-kartall #text p.phone { position: absolute; left: 12px; bottom: 5px; text-align: left; }
	.mesa-kartall #text a { color: #fff; }
/* ------------------- Mesa Kartal ------------------- */

/* ------------------- Bahcesehir ------------------- */
	#wrapper.mesa-nurol-bahcesehir-evleri { background-image: url(../media/image/projects/mesa-nurol-bahcesehir-evleri-bg.jpg); }
	.mesa-nurol-bahcesehir-evleri h2 { margin-left: -80px; }
	.mesa-nurol-bahcesehir-evleri #project { right: 0; width: 293px; }
	.mesa-nurol-bahcesehir-evleri #project #gallery { left: -45px; position: absolute; top: 135px; }
	.mesa-nurol-bahcesehir-evleri #project-logo { left: -113px; }
	.mesa-nurol-bahcesehir-evleri #project-brochure { top: -45px; right: 13px; }
	.mesa-nurol-bahcesehir-evleri #text { padding-top: 8px; background: url(../media/image/template/dora-bg.png) top left repeat-x; height: 295px; }
	.mesa-nurol-bahcesehir-evleri #text p.slogan { }
	.mesa-nurol-bahcesehir-evleri #text p.link { }
	.mesa-nurol-bahcesehir-evleri #text p.phone { position: absolute; left: 12px; bottom: -5px;color: #fff; }
	.mesa-nurol-bahcesehir-evleri #text a { color: #fff; text-decoration: underline; }
    .mesa-nurol-bahcesehir-evleri img.chance { width: 93px; height: 94px; position: absolute; right:0px; bottom:-46px; z-index:99990; }
/* ------------------- Bahcesehir ------------------- */

/* ------------------- Yalikavak ------------------- */
	#wrapper.mesa-bodrum-yalikavak-evleri { background-image: url(../media/image/projects/mesa-bodrum-yalikavak-evleri-bg.jpg); }
	.mesa-bodrum-yalikavak-evleri h2 { color: #ffd300; margin-left: -25px; }
	.mesa-bodrum-yalikavak-evleri #project { right: 0; width: 575px; }
	.mesa-bodrum-yalikavak-evleri #project #gallery { left: -45px; position: absolute; top: 105px; }
	.mesa-bodrum-yalikavak-evleri #project-logo { left: -85px; }
	.mesa-bodrum-yalikavak-evleri #project-brochure { top: -45px; right: 13px; }
	.mesa-bodrum-yalikavak-evleri #text { color: #fff; padding-top: 8px;background: url(../media/image/template/dora-bg.png) top left repeat-x; height: 185px; }
	.mesa-bodrum-yalikavak-evleri #text p.inside { margin-left: 25px; }
	.mesa-bodrum-yalikavak-evleri #text p.slogan { color: #ffd300; }
	.mesa-bodrum-yalikavak-evleri #text p.link { text-align: right; }
	.mesa-bodrum-yalikavak-evleri #text p.phone { position: absolute; right: 10px; bottom: -8px;color: #37b3d4; }
	.mesa-bodrum-yalikavak-evleri #text a { color: #37b3d4; }
	.mesa-bodrum-yalikavak-evleri img.chance { width: 93px; height: 94px; position: absolute; left:-24px; bottom:-69px; z-index:99990; }
/* ------------------- Yalikavak ------------------- */

/* ------------------- Urla ------------------- */
	#wrapper.mesa-urla-evleri { background-image: url(../media/image/projects/mesa-urla-evleri-bg.jpg); }
	.mesa-urla-evleri h2 { margin-left: -65px; }
	.mesa-urla-evleri #project { right: 0; width: 242px; }
	.mesa-urla-evleri #project-logo { left: -150px; }
	.mesa-urla-evleri #project-brochure { top: -45px; right: 13px; }
	.mesa-urla-evleri #text { background: url(../media/image/template/park-oran-text-bg.png) top left repeat-x; height: 323px; }
	.mesa-urla-evleri #text p.slogan { color: #11e2f8; height: auto; }
	.mesa-urla-evleri #text p.link {  }
	.mesa-urla-evleri #text p.phone { position: absolute; left: 10px; bottom: 43px;color: #11e2f8; }
	.mesa-urla-evleri #text a { color: #11e2f8; }
/* ------------------- Urla ------------------- */

/* ------------------- Panorama ------------------- */
	#wrapper.mesa-panorama-plaza { background-image: url(../media/image/projects/mesa-panorama-plaza-bg.jpg); }
	.mesa-panorama-plaza h2 { margin-left: -90px; }
	.mesa-panorama-plaza #project { right: 100px; width: 340px; }
	.mesa-panorama-plaza #project #gallery { left: -45px; position: absolute; top: 115px; }
	.mesa-panorama-plaza #project-logo { left: -90px; }
	.mesa-panorama-plaza #project-brochure { top: -45px; right: 13px; }
	.mesa-panorama-plaza #text { background: url(../media/image/template/park-oran-text-bg.png) top left repeat-x; height: 323px; }
	.mesa-panorama-plaza #text p.slogan { color: #2cc4fe; }
	.mesa-panorama-plaza #text p.link { text-align: left;  }
	.mesa-panorama-plaza #text a { color: #3ec7eb; }
/* ------------------- Panorama ------------------- */

/* ------------------- Project Page Styles ------------------- */


/* ------------------- Homepage ------------------- */
	#dock { bottom: 80px; left: 0; position: absolute; }
	/*label styling...*/
/*labels (div.jqDockLabel) only get absolute position and zero margin (with top and left being calculated); the rest is up to you*/
  /*...let's set some defaults...*/
  div.jqDockLabel {border:0px none; padding:0px 4px; font-weight:bold; font-size:12px; font-style:italic;  color:#fff; background-color:transparent;left: 10px; top: -10px; position: absolute;}
  div.jqDockLabelLink {cursor:pointer;}
  div.jqDockLabelImage {cursor:default;}
  /*...and some overrides...*/
  /*...give the right-hand vertical a smaller, non-bold, deep red label, on a white background...*/
  #menu2 div.jqDockLabel {color:#cc0000; background-color:#ffffff; padding:1px; font-size:12px; font-weight:normal;}
  /*...and the left-hand vertical (with the black background) a white, smaller, label...*/
  #menu5 div.jqDockLabel {color:#ffffff; padding:0px;}


/* ------------------- Homepage ------------------- */

/* ------------------- 404 ------------------- */
	.error_element { margin-left: 15px; }
	.error_element li { list-style: decimal inside; }
/* ------------------- 404 ------------------- */

/* ------------------- Forms ------------------- */
	form { margin: 10px 10px 10px 15px; }
	fieldset { border: none; }
	legend { color: #000; font: bold 12px Arial; margin: 0 0 5px; padding: 0; }

	label { cursor: pointer; font-weight: bold; }
	label.inputlabel { display: block; float: left; }
	label.addlabel { font-weight: normal; }

	#pageText form ol li { list-style: none; }
	form li { margin-bottom: 10px; position: relative; }
	form .inputbox {  }
	form .input { display: inline; float: left; }
	form .button .submit { margin-left: 125px; }
	form .hide { display: none; }
	span.required { color: red; }

	.width01 { width: 25px; }
	.width02 { width: 50px; }
	.width03 { width: 75px; }
	.width04 { width: 100px; }
	.width05 { width: 125px; }
	.width06 { width: 150px; }
	.width07 { width: 200px; }
	.width08 { width: 250px; }
	.width09 { width: 300px; }
	.width10 { width: 400px; }
	.width00 { width: 98%; }
	.width33 { width: 33%; }

	.marginLeft07 { margin-left: 200px; }

/* ------------------- Forms ------------------- */

/* ------------------- Form Errors ------------------- */
/* form error display */
	.warn { color: orange; display: block; font-weight: bold; margin-bottom: 10px; }

	.result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; }

	label.error{ color: red; display: block; font-style: italic; margin-left: 5px; width: auto; }
/* ------------------- Form Errors ------------------- */
/* ------------------- Content ------------------- */

/* ------------------- Footer ------------------- */
	#footer ul{display: inline; bottom: 41px;font: 11px Arial; right: 60px; position: absolute;}
	#footer ul li{float: left; margin-right: 10px;}	
	#footer ul li a { color: #999; display: block; float: left; }
	#footer ul li a:hover { color: #fff; }
/* ------------------- ICON Signature ------------------- */
	#icon { background: url(../media/image/template/icon.png) top left no-repeat; bottom: 38px; display: block; height: 0; overflow: hidden; padding-top: 15px; position: absolute; right: -15px; width: 41px; }
	#ihs { background: url(../media/image/template/ihs.png) top left no-repeat; bottom: 38px; display: block; height: 0; overflow: hidden; padding-top: 16px; position: absolute; right: 35px; width: 33px; }
/* ------------------- ICON Signature ------------------- */
.web a:visited{font-weight: bold; color: #fff;}
/* ------------------- Footer ------------------- */