/*
Design Name: Gupse nternet Teknolojileri
Design URL: http://www.gupse.net/
Description: --- tasarm ve kodlamas...
Author: Tercan Keskin
Author URI: http://www.tercan.net
Version: 1.0.0

Changelog:
v1.0 - 05.07.2010
*/


/* ------------------------------------------------------------
	Reset Style Import
------------------------------------------------------------ */

@import url('reset.css');

/* ------------------------------------------------------------
	Main Styles
------------------------------------------------------------ */

body { background: #8b8f92 url('images/body_bg.jpg'); color: #000; font-size: 12px; font-family: Arial, Tahoma, Verdana; line-height: 18px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
.h05 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h05, .h10, .h15, .h20 { line-height: 1px; font-size: 1px; }

img { border: 0; }
img a { border: 0;}
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
blockquote { border-left: 1px solid #A5ABAB; margin: 15px; padding: 0 12px 0 12px; }
code { font-family: "Courier New", Courier, monospace; }
a { color: #852467; text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }

#container { background: #fff; width: 960px; margin: auto; color: #111; overflow: hidden; }

#header { display: block; float: left; width: 960px; height: 86px; background: url('images/header_bg.png') repeat-x; color: #852467; }
	.headerleft { float: left; width: 230px; height: 90px; padding: 0; }
	.headerright { float: right; height: 90px; padding-right: 4px; }
		ul#topmenu { float: right; margin: 0; padding: 0; }
		ul#topmenu li { display: inline; } 
		ul#topmenu li a { display: block; float: left; height: 66px; background-image: url('images/menu_sprite.png'); text-indent: -9999px; }
		ul#topmenu li a.anasayfa { width: 83px; background-position: 0 0; }
		ul#topmenu li a.hakkimizda { width: 96px; background-position: -83px 0; }
		ul#topmenu li a.corian { width: 64px; background-position: -179px 0; }
		ul#topmenu li a.montelli { width: 76px; background-position: -243px 0; }
		ul#topmenu li a.galeri { width: 61px; background-position: -319px 0; }
		ul#topmenu li a.referanslar { width: 97px; background-position: -380px 0; }
		ul#topmenu li a.iletisim { width: 68px; background-position: -477px 0; }

		ul#topmenu li a.anasayfa:hover, ul#topmenu li a.anasayfa:focus, ul#topmenu li a#anasayfa { background-position: 0 -66px; }
		ul#topmenu li a.hakkimizda:hover, ul#topmenu li a.hakkimizda:focus, ul#topmenu li a#hakkimizda { background-position: -83px -66px; }
		ul#topmenu li a.corian:hover, ul#topmenu li a.corian:focus, ul#topmenu li a#corian { background-position: -179px -66px; }
		ul#topmenu li a.montelli:hover, ul#topmenu li a.montelli:focus, ul#topmenu li a#montelli { background-position: -243px -66px; }
		ul#topmenu li a.galeri:hover, ul#topmenu li a.galeri:focus, ul#topmenu li a#galeri { background-position: -319px -66px; }
		ul#topmenu li a.referanslar:hover, ul#topmenu li a.referanslar:focus, ul#topmenu li a#referanslar { background-position: -380px -66px; }
		ul#topmenu li a.iletisim:hover, ul#topmenu li a.iletisim:focus, ul#topmenu li a#iletisim { background-position: -477px -66px; }



	.headerbottom { position: relative; display: inline; float: left; height: 32px; width: 960px; margin-left: 10px; background: #852467; }

#content { display: block; float: left; width: 960px; }

	#index { display: block; float: left; width: 640px; padding: 5px; }
		.nav { position: relative; display: block; float: left; width: 210px; height: 60px; padding: 5px 5px 0 0; }
		.nav h2 { position: absolute; left: -9999px; }
		.end { padding-right: 0; }
		.single { padding: 5px; line-height: 18px; }
		.single h2 { padding: 5px 0 5px 16px; margin-bottom: 10px; font-size: 20px; line-height: 24px; color: #e00; background: #ffd6d6 url('images/single_h2_bg.jpg') no-repeat; }
		.single h4 { padding: 2px 0 2px 6px; margin-bottom: 5px; font-size: 14px; line-height: 20px; color: #ff6000; background: #ffe4d3; border-left: 4px solid #ff6000; }
		.single table { padding: 5px; font-size: 12px; border: 1px solid #999; }
		.single table td, .single table th { padding: 3px; border: 1px solid #999; }
		.single table th { font-size: 14px; color: #800; background: #edf1f3; }
		.single td ul { padding-left: 20px; }
		.single td li { list-style-type: square; }
		.single img.alignright { float: right; padding-left: 10px; }
		.single img.alignleft { float: left; padding-right: 10px; }
		.single img.ref { margin: 0 5px 5px 0; padding: 3px; background: #fff; border: 1px solid #aaa; }

		.single ul.corian li { display: block; float: left; width: 40px; height: 40px; margin: 0 9px 9px 0; padding: 3px; border: 1px solid #aaa; background: #fff; }
		.single ul.corian img { float: left; padding-right: 5px; width: 40px; height: 40px; border: 0; }

		.single ul.corian2 li { display: block; float: left; width: 200px; height: 153px; margin: 0 9px 12px 0; padding: 0; border: 0px solid #aaa; background: #fff; text-align: center; font-size: 14px; }
		.single ul.corian2 img { float: left; padding-right: 5px; width: 200px; height: 133px; border: 0; }

		.single ul.montelli li { display: block; float: left; width: 200px; height: 250px; margin: 0 9px 12px 0; padding: 0; border: 0px solid #aaa; background: #fff; text-align: center; font-size: 14px; }
		.single ul.montelli img { float: left; padding-right: 5px; width: 200px; height: 250px; border: 0; }

		.single .c-left { display: block; float: left; width: 618px; background: #fff url('images/c-l-r_bg.jpg') repeat-x; border: 1px solid #c8c8c8; padding: 5px; font-size: 14px; font-weight: bold; color: #666; }
			.c-left dt { float: left; width: 40px; height: 32px; margin-bottom: 8px; }
			.c-left dd { float: left; width: 560px; height: 32px; line-height: 32px; margin-bottom: 8px; padding-left: 5px; }
			.c-left dt.address { background: #efefef url('images/dt-address_bg.jpg') no-repeat; }
			.c-left dt.phone { background: #efefef url('images/dt-phone_bg.jpg') no-repeat; }
			.c-left dt.fax { background: #efefef url('images/dt-fax_bg.jpg') no-repeat; }
			.c-left dd.phone, .c-left dd.fax { height: 32px; }

		.single .c-right { display: block; float: right;  width: 340px; background: #fff url('images/c-l-r_bg.jpg') repeat-x; border: 1px solid #c8c8c8; padding: 5px; }


/*                                               */
/*                 İletişim                      */
/*                                               */

.cssform p { width: 630px; clear: left; margin: 0; padding: 5px 0 5px 0; border: 0; height: 1%; }
.cssform label { float: left; margin-left: 0px; width: 180px; height: 18px; font-size: 12px; font-weight: bold; }
.cssform input, .cssform select { width: 260px; }
.cssform #cepkod { width: 24px; }
.cssform #cepno { width: 120px; }
.cssform input.submit { width: 100px; height: 30px; background: url('images/contact_send_bg.gif') no-repeat; border: none; cursor: pointer; outline: none; }
.cssform textarea{ width: 440px; height: 180px; }
.cssform select, .cssform input, .cssform textarea { border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; padding: 1px; }
.cssform small { font-size: 10px; }
p.detail { clear: both; margin: 5px 0px; padding: 3px 5px; border: 1px solid #d3d3d3; background: #e4e4e4; font-size: 11px; line-height: 15px; color: #5e5e5e; }
.alert { clear: both; margin-bottom: 10px; padding: 5px; font-size: 14px; line-height: 20px; font-weight: bold; color: #ff6000; background: #ffe4d3; border-left: 4px solid #ff6000; }



#sideright { display: block; float: right; width: 300px; padding: 5px; }
	.sidebox { float: left; width: 300px; margin-bottom: 5px; }
	.sidebox .img { float: left; width: 140px; height: 100px; overflow: hidden; margin-right: 8px; margin-bottom: 8px; padding: 2px; background: #444; border: 1px solid #777; }
	.sidebox .img img { width: 140px; height: 100px; }
	.sidebox .end { margin-right: 0; }

	#banners { float:left; width: 300px; height: 300px; margin-bottom: 10px; overflow: hidden; }
	#banners img { width: 300px; height: 300px; }

	.sidebox h2 { font-size: 16px; line-height: 24px; color: #ffC; margin: 0 0 4px 0; padding: 4px 4px 4px 8px; background: #fff; }
	.sidebox .popgal { display: block; float: left; width: 300px; }
		.popgal .box { position: relative; display: block; float: left; width: 97px; margin: 0 3px 5px 0; }
		.popgal .box img { width: 90px; height: 68px; padding: 4px; background: #a71d68; border: 0; }
		.popgal .box .boxtext { position: absolute; bottom: 4px; left: 4px; width: 90px; height: 24px; line-height: 12px; overflow: hidden; background: #a71d68; }
		.popgal .box .boxtext a { font-size: 11px; color: #fff; text-decoration: none; }

/* Comments */

/* Pagination */

#footer { clear: both; width: 960px; height: 92px; margin: auto; font-size: 12px; font-weight: bold; background: url('images/footer_bg.jpg') no-repeat; }
	#footer .left { position: relative; float: left; width: 630px; height: 75px; overflow: hidden; font-family: 'Trebuchet MS', Georgia, Times; padding: 10px 0 0 12px; }
	#footer .left a, #footer .left { color: #900; }
	#footer .left small a { font-family: Tahoma, Arial, Verdana; font-size: 10px; font-weight: normal; }
	#footer .left .generator { position: absolute; bottom: 2px; right: 0; }
	#footer .right { position: relative; float: right; text-align: right; width: 200px; padding: 60px 16px 0 0; }
	#footer .right #wobsbn { position: absolute; top: -9999px; left: -9999px; }

/* ------------------------------------------------------------------------
	gallerymet style Theme
------------------------------------------------------------------------- */
div.gallerymet .pp_top .pp_left { background: url(images/prettyPhoto/gallerymet/sprite.png) -88px -53px no-repeat; }
div.gallerymet .pp_top .pp_middle { background: url(images/prettyPhoto/gallerymet/contentPatternTop.png) top left repeat-x; }
div.gallerymet .pp_top .pp_right { background: url(images/prettyPhoto/gallerymet/sprite.png) -110px -53px no-repeat; }
div.gallerymet .pp_content .ppt { color: #000; }
div.gallerymet .pp_content_container .pp_left { background: url(images/prettyPhoto/gallerymet/contentPatternLeft.png) top left repeat-y; }
div.gallerymet .pp_content_container .pp_right { background: url(images/prettyPhoto/gallerymet/contentPatternRight.png) top right repeat-y; }
div.gallerymet .pp_content { background: #fff; }
div.gallerymet .pp_expand { background: url(images/prettyPhoto/gallerymet/sprite.png) -31px -26px no-repeat; cursor: pointer; }
div.gallerymet .pp_expand:hover { background: url(images/prettyPhoto/gallerymet/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.gallerymet .pp_contract { background: url(images/prettyPhoto/gallerymet/sprite.png) 0 -26px no-repeat; cursor: pointer; }
div.gallerymet .pp_contract:hover { background: url(images/prettyPhoto/gallerymet/sprite.png) 0 -47px no-repeat; cursor: pointer; }
div.gallerymet .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/gallerymet/sprite.png) -1px -1px no-repeat; cursor: pointer; }
div.gallerymet #pp_full_res .pp_inline { color: #000; }
div.gallerymet .pp_loaderIcon { background: url(images/prettyPhoto/gallerymet/loader.gif) center center no-repeat; }
div.gallerymet .pp_nav .pp_arrow_previous { background: url(images/prettyPhoto/gallerymet/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.gallerymet .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.gallerymet .pp_nav .pp_arrow_next { background: url(images/prettyPhoto/gallerymet/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.gallerymet .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.gallerymet .pp_nav { margin-top: 0; }
div.gallerymet .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.gallerymet .pp_next:hover { background: url(images/prettyPhoto/gallerymet/btnNext.png) center right no-repeat; cursor: pointer; }
div.gallerymet .pp_previous:hover { background: url(images/prettyPhoto/gallerymet/btnPrevious.png) center left no-repeat; cursor: pointer; }
div.gallerymet .pp_bottom .pp_left { background: url(images/prettyPhoto/gallerymet/sprite.png) -88px -80px no-repeat; }
div.gallerymet .pp_bottom .pp_middle { background: url(images/prettyPhoto/gallerymet/contentPatternBottom.png) top left repeat-x; }
div.gallerymet .pp_bottom .pp_right { background: url(images/prettyPhoto/gallerymet/sprite.png) -110px -80px no-repeat; }

ul.gallery li { display: block; float: left; width: 116px; height: 87px; margin: 0 4px 4px 0; padding: 2px; border: 1px solid #000; background: #777; }
ul.gallery li img { width: 116px; height: 87px; }

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; }
.pp_top { height: 20px; position: relative; }
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_top .pp_middle {  left: 0;  position: static; }
.pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_content { height: 40px; }
.pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; }
.pp_fade { display: none; }
.pp_content_container { position: relative; text-align: left; width: 100%; }
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {  margin: 10px 0 2px 0; }
.pp_description {  display: none;  margin: 0 0 5px 0;  }
.pp_nav {  clear: left;  float: left;  margin: 3px 0 0 0;  }
.pp_nav p {   float: left;   margin: 2px 4px;  }
.pp_nav a.pp_arrow_previous,  .pp_nav a.pp_arrow_next {   display: block;   float: left;   height: 15px;   margin-top: 3px;   overflow: hidden;   text-indent: -10000px;   width: 14px;  }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }
a.pp_next { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_previous { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px;	 position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; }
a.pp_close { display: block; float: right; text-indent: -10000px; }
.pp_bottom { height: 20px; position: relative; }
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {  height: 20px;  left: 0;  position: absolute;  width: 20px; }
.pp_bottom .pp_middle {  height: 20px;  left: 20px;  position: absolute;  right: 20px; }
* html .pp_bottom .pp_middle {  left: 0;  position: static;  }
.pp_bottom .pp_right {  height: 20px;  left: auto;  position: absolute;  right: 0;  top: 0;  width: 20px; }
.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }
#pp_full_res { line-height: 1 !important; }
#pp_full_res .pp_inline {  text-align: left; }
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; }

/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */