/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: url(images/body_bg.gif);
}

#cerceve
{
	background-color: #d9e1e3;
	width: 500px;
	padding: 20px;
	margin-top: 30px;
	height: 20px;
}
#cercevePozisyon
{
	background-color: #d9e1e3;
	width: 500px;
	padding: 20px;
	margin-top: 30px;
}
#cercevecerceveKisisel
{
	background-color: #d9e1e3;
	width: 500px;
	padding: 20px;
	margin-top: 30px;
}
a:hover
{
	text-decoration: none;
}


a img
{
	border: 0;
}

ul
{
	list-style: none;
}

.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
}


html, input, textarea
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #3d3d3d;
}

input, select
{
	vertical-align: middle;
	font-weight: normal;
}

a
{
	color: #3d3d3d;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

/*main layout */

.main
{
	margin: 0 auto;
}


#header .main
{
	width: 866px;
}


#middle
{
	width: 100%;
}

#footer .main
{
}
#footer .indent
{
	padding: 18px 0 0 29px;
	font-size: 11px;
}
#footer a
{
	color: #3d3d3d;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}

.more
{
	background: url(images/more_bg.gif) top right no-repeat;
	padding-right: 12px;
	font-size: 11px;
	color: #B9C0C7;
	text-decoration: none;
}
.more:hover
{
	text-decoration: underline;
}

.brown
{
	color: #7f0e0d;
}

li
{
	padding: 1px 0 0 0;
	line-height: 19px;
	color: #7f0e0d;
	font-weight: bold;
}
li a
{
	background: url(images/list_a_bg.gif) no-repeat 0 5px;
	padding-left: 9px;
	color: #7f0e0d;
	text-decoration: none;
}
.wli
{
	background: url(images/list_bg.gif);
}

.ul li
{
	padding: 1px 0 0 30px;
}

/* index */

#index #middle .indent
{
	padding: 0 0 39px 10px;
}
#index #middle .col1 .padding
{
	padding: 24px 0 0 18px;
}
#index #middle .col1 .content
{
	padding: 13px 5px 0 3px;
}
#index #middle .column1 .content
{
	padding: 16px 45px 0 20px;
}



/* index-1 */

#index_1 #middle .indent
{
	padding: 0 0 43px 10px;
}
#index_1 #middle .block1 .padding
{
	padding: 24px 20px 36px 9px;
}
#index_1 #middle .col1 ul
{
	margin-left: 12px;
}
#index_1 #middle .column1 .content
{
	padding: 16px 45px 0 16px;
}
#index_1 #middle .column1 .content .padding
{
	padding-left: 5px;
}
#index_1 #middle .column2 .content
{
	padding: 17px 45px 0 30px;
}

/* index-2 */

#index_2 #middle .indent
{
	padding: 21px 0 32px 10px;
}
#index_2 #middle .column1 .content
{
	padding: 17px 40px 0 21px;
}
#index_2 #middle .column2 .content .padding
{
	padding-left: 14px;
}
#index_2 #middle .column2 .content
{
	padding: 17px 70px 0 16px;
}

/* index-3 */


#index_3 #middle .indent
{
	padding: 0 0 43px 10px;
}
#index_3 #middle .block1 .padding
{
	padding: 24px 20px 36px 12px;
}
#index_3 #middle .block1 .padding .content
{
	padding-left: 9px;
}
#index_3 #middle .column1 .content
{
	padding: 17px 45px 0 21px;
}
#index_3 #middle .column2 .content .padding
{
	padding-left: 11px;
}
#index_3 #middle .column2 .content
{
	padding: 17px 45px 0 19px;
}

/* index-4 */

#index_4 #middle .indent
{
	padding: 0 0 39px 10px;
}
#index_4 #middle .block1 .padding
{
	padding: 24px 10px 38px 18px;
}
#index_4 #middle .block1 .padding .content
{
	padding-left: 5px;
}
#index_4 #middle .column1 .content
{
	padding: 17px 45px 0 21px;
}
#index_4 #middle .column2 .content .padding
{
	padding: 20px 0 0 25px;
}
#index_4 #middle .column2 .content
{
	padding: 17px 55px 0 5px;
}

/* index-5*/

#index_5 #middle .indent
{
	padding: 21px 0 39px 10px;
}
#index_5 #middle .column1 .content
{
	padding: 17px 40px 0 21px;
}
#index_5 #middle .column2 .content .padding
{
	padding-left: 14px;
}
#index_5 #middle .column2 .content
{
	padding: 17px 70px 31px 32px;
}

#form
{
	padding: 22px 0 0 32px;
}
#form .row
{
	height: 29px;
}
#form .message
{
	width: 284px;
}
.input
{
	width: 129px;
	height: 17px;
	padding: 0 0 0 5px;
}
textarea
{
	width: 276px;
	height: 91px;
	padding: 0 0 0 5px;
	overflow: auto;
}

.message div
{
	text-align: right;
	padding: 14px 0 0 0;
}

/* index-5 */

#index_6 #middle .indent
{
	padding: 24px 24px 48px 28px;
}
#index_6 #middle .indent .padding
{
	padding: 16px 0 0 3px;
}

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

div.pictureHolder .top .left
{
	background: url(images/prettyPhoto/tl.gif) top left no-repeat;
}
/* Top left corner */
div.pictureHolder .top .middle
{
	background: #fff;
}
/* Top pattern/color */
div.pictureHolder .top .right
{
	background: url(images/prettyPhoto/tr.gif) top left no-repeat;
}
/* Top right corner */

div.pictureHolder .content
{
	background-color: #fff;
}
/* Content background */
div.pictureHolder .content a.next:hover
{
	background: url(images/prettyPhoto/btnNext.gif) center right no-repeat;
	cursor: pointer;
}
/* Next button */
div.pictureHolder .content a.previous:hover
{
	background: url(images/prettyPhoto/btnPrevious.gif) center left no-repeat;
	cursor: pointer;
}
/* Previous button */
div.pictureHolder .content a.expand
{
	background: url(images/prettyPhoto/btnExpand.gif) top left no-repeat;
	cursor: pointer;
}
/* Expand button */
div.pictureHolder .content a.expand:hover
{
	background: url(images/prettyPhoto/btnExpand.gif) bottom left no-repeat;
	cursor: pointer;
}
/* Expand button hover */
div.pictureHolder .content a.contract
{
	background: url(images/prettyPhoto/btnContract.gif) top left no-repeat;
	cursor: pointer;
}
/* Contract button */
div.pictureHolder .content a.contract:hover
{
	background: url(images/prettyPhoto/btnContract.gif) bottom left no-repeat;
	cursor: pointer;
}
/* Contract button hover */
div.pictureHolder .content a.close
{
	width: 61px;
	height: 22px;
	background: url(images/prettyPhoto/btnClose.gif) center left no-repeat;
	cursor: pointer;
}
/* Close button */

div.pictureHolder .content .details .nav a.arrow_previous
{
	background: url(images/prettyPhoto/arrow_previous.gif) top left no-repeat;
}
/* The previous arrow in the bottom nav */
div.pictureHolder .content .details .nav a.arrow_next
{
	background: url(images/prettyPhoto/arrow_next.gif) top left no-repeat;
}
/* The next arrow in the bottom nav */

div.pictureHolder .bottom .left
{
	background: url(images/prettyPhoto/bl.gif) top left no-repeat;
}
/* Bottom left corner */
div.pictureHolder .bottom .middle
{
	background: #fff;
}
/* Bottom pattern/color */
div.pictureHolder .bottom .right
{
	background: url(images/prettyPhoto/br.gif) top left no-repeat;
}
/* Bottom right corner */

div.pictureHolder .loaderIcon
{
	background: url(images/prettyPhoto/loader.gif) center center no-repeat;
}
/* Loader icon */

div.prettyPhotoTitle div.prettyPhotoTitleLeft
{
	background: url(images/prettyPhoto/ttl.gif) top left no-repeat;
}
div.prettyPhotoTitle div.prettyPhotoTitleRight
{
	background: url(images/prettyPhoto/ttr.gif) top left no-repeat;
}
div.prettyPhotoTitle div.prettyPhotoTitleContent
{
	background: url(images/prettyPhoto/ttp.gif) top left repeat-x;
}

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

div.prettyPhotoOverlay
{
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9500;
	width: 100%;
}
div.pictureHolder
{
	position: absolute;
	z-index: 10000;
	width: 100px;
}
div.pictureHolder .top
{
	position: relative;
	height: 20px;
}
* html div.pictureHolder .top
{
	padding: 0 20px;
}
div.pictureHolder .top .left
{
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
}
div.pictureHolder .top .middle
{
	position: absolute;
	left: 20px;
	right: 20px;
	height: 20px;
}
* html div.pictureHolder .top .middle
{
	position: static;
}
div.pictureHolder .top .right
{
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 20px;
	height: 20px;
}
div.pictureHolder .content
{
	position: relative;
	text-align: left;
	width: 100%;
	height: 40px;
}
div.pictureHolder .content .details
{
	display: none;
	margin: 10px 15px 0 20px;
}
div.pictureHolder .content .details p.description
{
	display: none;
	float: left;
	margin: 0;
}
div.pictureHolder .content .details .nav
{
	float: left;
	margin: 4px 0 0 0;
}
div.pictureHolder .content .details .nav p
{
	float: left;
	margin: 0 4px;
}
div.pictureHolder .content .details .nav a.arrow_previous, div.pictureHolder .content .details .nav a.arrow_next
{
	float: left;
	display: block;
	width: 8px;
	height: 9px;
	text-indent: -10000px;
	margin-top: 4px;
}
div.pictureHolder .content .details .nav a.disabled
{
	background-position: 0 -10px;
	cursor: default;
}
div.pictureHolder .content div.hoverContainer
{
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
}
div.pictureHolder .content a.next
{
	position: relative;
	z-index: 2000;
	display: block;
	float: right;
	text-indent: -10000px;
	width: 49%;
	height: 100%;
	background: url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat;
}
div.pictureHolder .content a.previous
{
	cursor: pointer;
	display: block;
	text-indent: -10000px;
	width: 49%;
	height: 100%;
	background: url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat;
}
div.pictureHolder .content a.expand, div.pictureHolder .content a.contract
{
	position: absolute;
	z-index: 20000;
	top: 10px;
	right: 30px;
	cursor: pointer;
	display: none;
	text-indent: -10000px;
	width: 20px;
	height: 20px;
}
div.pictureHolder .content a.close
{
	float: right;
	display: block;
	text-indent: -10000px;
}
div.pictureHolder .bottom
{
	position: relative;
	height: 20px;
}
* html div.pictureHolder .bottom
{
	padding: 0 20px;
}
div.pictureHolder .bottom .left
{
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
}
div.pictureHolder .bottom .middle
{
	position: absolute;
	left: 20px;
	right: 20px;
	height: 20px;
}
* html div.pictureHolder .bottom .middle
{
	position: static;
}
div.pictureHolder .bottom .right
{
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 20px;
	height: 20px;
}
div.pictureHolder .loaderIcon
{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	width: 24px;
	height: 24px;
}
div.pictureHolder #fullResImageContainer
{
	width: 100%;
	text-align: center;
}
div.prettyPhotoTitle
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	color: #fff;
	font-size: 13px;
}
div.prettyPhotoTitle div.prettyPhotoTitleLeft, div.prettyPhotoTitle div.prettyPhotoTitleRight
{
	float: left;
	width: 19px;
	height: 23px;
	overflow: hidden;
}
div.prettyPhotoTitle div.prettyPhotoTitleContent
{
	float: left;
	line-height: 23px;
}