@charset "utf-8";
/* CSS Document */

 html, body { height: 100%; margin: 0; padding: 0; }


/* portfoy script css kodları */

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 600px;
	margin-left: 30px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}

div.ss-controls {
	float: left;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 590px;
	height: 320px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
}
div.slideshow a.advance-link {
	padding: 10px 10px 0 10px;
	display: block;
	background-image: url(images/portfoy_bg.gif);
	background-position: top left;
}
div.slideshow img {
	border: none;
	display: block;
}

div.embox {
	clear: both;
	background-image: url(images/portfoy_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-family: Trebuchet MS;
	padding: 10px;
	font-size: 9px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
a.thumb {
	padding: 3px;
	margin: 0 10px 10px 10px;
	display: block;
	border: 1px solid #0072bc;
}
ul.thumbs li.selected a.thumb {
	background: #ffffff;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	font-family: Trebuchet MS;
	font-size: 9px;
}
div.navigation div.top {
	margin-bottom: 10px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
}
div.pagination a:hover {
	text-decoration: none;
	color: #ffd800;
}
div.pagination span.current {
	color: #ffffff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float:right;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}

/* portfoy script css kodları son */


/* menu */

.TabbedPanels {
	margin: 0 30px 0 0;
	padding: 0;
	float: right;
	clear: none;
	width: 240px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab { list-style: none; color: #0a0a0a; }

.TabbedPanelsTab#portfoy { float: left; padding: 15px 40px 10px 40px; height: 1px; cursor: pointer; background-image: url(images/portfoy.gif); border-bottom: 1px #444444 solid; }
.TabbedPanelsTabHover#portfoy {  height: 1px; border-bottom: 1px #ffffff solid; }
.TabbedPanelsTabSelected#portfoy {  height: 1px; border-bottom: 1px #ffffff solid; }

.TabbedPanelsTab#kimdir { float: left; padding: 15px 40px 10px 40px; height: 1px; cursor: pointer; background-image: url(images/kimdir.gif); border-bottom: 1px #444444 solid; }
.TabbedPanelsTabHover#kimdir { height: 1px; border-bottom: 1px #ffffff solid; }
.TabbedPanelsTabSelected#kimdir { height: 1px; border-bottom: 1px #ffffff solid; }

.TabbedPanelsTab#kontak { float: left; padding: 15px 40px 10px 40px; height: 1px; cursor: pointer; background-image: url(images/kontak.gif); border-bottom: 1px #444444 solid; }
.TabbedPanelsTabHover#kontak { height: 1px; border-bottom: 1px #ffffff solid; }
.TabbedPanelsTabSelected#kontak { height: 1px; border-bottom: 1px #ffffff solid; }


.TabbedPanelsContentGroup {
	clear: both;
}

.TabbedPanelsContent {
	height: 320px;
	width: 240px;
	padding-top: 20px;
	font-family: Trebuchet MS;
	font-size: 9px; 
	color: #777777;
	text-align: left;
}


/* kontak fomu */
#wrapper { width: 240px; }
#msg { display:none; position: absolute; z-index:1003; background: url(images/msg_arrow.gif) left center no-repeat; padding-left: 7px; }
#msgcontent { display: block; background: #d7eefd; border: 2px solid #0072bc; border-left: none; padding: 4px; min-width: 150px; max-width: 230px; font-family: Trebuchet MS; font-size: 9px;}

.form { border: 1px solid #bbbbbb; padding: 5px; background-color: #777777; margin: 0 5px 20px 5px; font-family: Trebuchet MS; font-size: 9px; }
.form:hover { background-color: #aaaaaa; border: 1px #0072bc solid; }


/* kontak formu son */


/* tooltip */
.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter: alpha(opacity:0.9);
}

.tooltipContent
{
	background: url(images/tooltip_bg.gif) no-repeat left center;
	padding: 5px 10px 5px 25px;
	border-right: 2px #0072bc solid;
	color: #333333;
	font-size: 9px;
}

/* sayfa gösterimi */
.info { position: absolute; left: 10px; bottom: 10px; font-family: Trebuchet MS; font-size: 9px; background-image: url(images/info.gif); color: #0a0a0a; background-position: 7px center;  line-height: 9px; background-repeat: no-repeat; padding: 6px 10px 6px 20px; }
.info:hover { color: #bbbbbb; background-color: #111111; }

.blog34 { position: absolute; left: 10px; bottom: 37px; font-family: Trebuchet MS; font-size: 9px; background-image: url(images/blog34mini.gif); color: #0a0a0a; background-position: 7px center;  line-height: 9px; background-repeat: no-repeat; padding: 6px 10px 6px 25px; }
.blog34 a { color: #0a0a0a; text-decoration: none; }
.blog34:hover { color: #bbbbbb; background-color: #111111; }
.blog34 a:hover { color: #bbbbbb; background-color: #111111; }