/* =================================================
 
 Bircan Tuner
 Copyright 2010 - Biber Ltd.
 written for - www.istanbulyapidenetim.com
 
 color palette :
 
 #b8e5b8 - light green
 
================================================== */

/***************************************************/
/* Reset Settings                                  */
/***************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***************************************************/
/* Global Settings                                 */
/***************************************************/

html, body {
	height: 100%;
}

body {
	background: #A9A59A;
	color: #403e39;
	font: 75%/140% "Lucida Sans Unicode", Helvetica, sans-serif;
	overflow-y: scroll;
}

h1, h2, h3, h4, h5 {
	font-family: "Calibri", "Arial", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	font-weight: normal;
}

h1 {
	color: #66635d;
	font-size: 1.834em;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	text-align: right;
	margin-bottom: 0.5em;
}

h2 {
	color: #66635d;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.5em;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.167em;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 1em;
}

h4 {
	background: #e5e4e1;
	font-size: 1.084em;
	float: right;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 1em;
	padding: 4px 8px;
}

h5 {
	color: #807c74;
	font-family: "Lucida Sans Unicode", Helvetica, sans-serif;
}

a,
a:link,
a:visited {
	border-bottom: 1px dotted #668066;
	text-decoration: none;
}

.iyd a,
.iyd a:link,
.iyd a:visited {
	border-bottom: 1px dotted #668066;
	color: #668066;
}

.i2yd a,
.i2yd a:link,
.i2yd a:visited {
	border-bottom: 1px dotted #e10a17;
	color: #e10a17;
}

.bogazici a,
.bogazici a:link,
.bogazici a:visited {
	border-bottom: 1px dotted #268fbf;
	color: #268fbf;
}

.iyd a:hover,
.i2yd a:hover,
.bogazici a:hover {
	border-bottom-style: solid;
}

a:hover {
	border-bottom-style: solid;
}

p {
	margin-bottom: 1em;
}

form {
	display: inline;
}

input, select, textarea {
	font: 1em Arial, Helvetica, sans-serif;
}

label {
	cursor: pointer;
}

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

.text-left		{text-align: left; }
.text-right		{text-align: right; }
.text-center	{text-align: center; }
.text-justify	{text-align: justify; }
.text-small		{font-size: 0.917em;}

.bold			{font-weight: bold; }
.italic			{font-style: italic; }
.underline		{border-bottom: 1px solid; }
.highlight		{background: #ffc; }

/***************************************************/
/* Main                                            */
/***************************************************/

#wrap {
	padding-top: 6px;
}

.iyd #wrap {
	background: #FFFFFF url('img/header-bg-iyd.jpg') top left repeat-x;
}

.i2yd #wrap {
	background: #FFFFFF url('img/header-bg-i2yd.jpg') top left repeat-x;
}

.bogazici #wrap {
	background: #FFFFFF url('img/header-bg-bogazici.jpg') top left repeat-x;
}

#middle-wrap {
	background: url('img/middle-wrap-bg.jpg') repeat;
	display: block;
	height: 400px;
	margin-bottom: 2em;
	width: 100%;
}

	.iyd #middle-wrap {
		border-bottom: 6px solid #b8e6b8;
	}

	.i2yd #middle-wrap {
		border-bottom: 6px solid #e10a17;	
	}
	
	.bogazici #middle-wrap {
		border-bottom: 6px solid #32B7F8;	
	}

#content, #header, #footer {
	margin: 0 auto;
	width: 960px; 	
}

#header {
	line-height: 120px;
	padding: 15px 0;
	position: relative;
}

	#logo {
		border: none;
		display: block;
		float: left;
		height: 120px;	
		width: 148px;
	}
	
		.iyd #logo {
			background: url('img/logo-iyd.png') no-repeat;	
		}
		
		.i2yd #logo {
			background: url('img/logo-i2yd.png') no-repeat;
		}
		
		.bogazici #logo {
			background: url('img/logo-bogazici.png') no-repeat;
			height: 96px;
			width: 209px;
		}
	
	#navigation {
		float: right;
		font-size: 1.167em;
	}
	
		#navigation li {
			float: left;
		}
		
			#navigation li a {
				border: none;
				font-weight: bold;
				color: #403e39;
				font-family: Calibri, Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
				letter-spacing: 1px;
				padding: 0 20px;
			}
			
			#navigation li a:hover {
				text-decoration: none;
			}
			
			.iyd #navigation li a:hover {
				color: #668066;
			} 
			
			.i2yd #navigation li a:hover {
				color: #e10a17;
			}
			
			.bogazici #navigation li a:hover {
				color: #268fbf;
			}
			
			#home-page #home-nav,
			#about-page #about-nav,
			#projects-page #projects-nav,
            #regulation-page #regulation-nav,
			#contact-page #contact-nav {
				padding: 12px 20px;
			}
			
			.iyd#home-page #home-nav,
			.iyd#about-page #about-nav,
			.iyd#projects-page #projects-nav,
            .iyd#regulation-page #regulation-nav,
			.iyd#contact-page #contact-nav {
				background: #b8e6b8;
				color: #668066;
			}
			
			.i2yd#home-page #home-nav,
			.i2yd#about-page #about-nav,
			.i2yd#projects-page #projects-nav,
            .i2yd#regulation-page #regulation-nav,
			.i2yd#contact-page #contact-nav {
				background: #e10a17;
				color: #FFFFFF;
			}
			
			.bogazici#home-page #home-nav,
			.bogazici#about-page #about-nav,
			.bogazici#projects-page #projects-nav,
            .bogazici#regulation-page #regulation-nav,
			.bogazici#contact-page #contact-nav {
				background: #32B7F8;
				color: #FFFFFF;
			}
			
	#languages {
		line-height: 12px;
		font-size: 12px;
		position: absolute;
		top: 0;
		right: 20px;
	}
	
		#languages .language {
			color: #403e39;
			border: none;
			float: left;
			margin-left: 15px;
			padding-left: 10px;
			padding-top: 8px;
		}
		
		.iyd #languages .language {
			background: url('img/language-bg-iyd.jpg') left top no-repeat;
		}
		
		.i2yd #languages .language {
			background: url('img/language-bg-i2yd.jpg') left top no-repeat;
		} 
		
		.bogazici #languages .language {
			background: url('img/language-bg-bogazici.jpg') left top no-repeat;
		} 
		
		.iyd #languages .language:hover {
			color: #668066;
		}
		
		.i2yd #languages .language:hover {
			color: #e10a17;
		}
		
		.bogazici #languages .language:hover {
			color: #268fbf;
		}

#slider-wrap {
	background: url('img/slide-bg.png') no-repeat;
	padding: 0 14px;
	margin: 0 auto;
	width: 960px;
}

	#slider .ft-title {
		background: url('img/title-bg.png') repeat;
		color: #FFFFFF;
		font-family: Calibri, Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
		font-size: 1.167em;
		font-style: italic;
		font-weight: bold;
		height: 30px;
		letter-spacing: 1px;
		line-height: 30px;
		padding: 0 15px;
		width: 930px;
	}
	
		#slider .ft-title span {
			background: url('img/right-arrow.png') left center no-repeat;
			padding-left: 15px;
		}

#content {
	padding-bottom: 2em;
}

	#primary-content {
		float: right;
		width: 635px;
	}
	
		#content-left {
			float: left;
			width: 430px;
		}
		
		#content-right {
			float: right;
			padding-left: 15px;
			width: 190px;
		}
	
	#sidebar {
		float: left;
		width: 275px;
	}
	
		#sidebar .sidebar-item {
			margin-bottom: 2em;
			width: 275px;
		}
		
			#sidebar-navigation {
				
			}
			
				#sidebar-navigation ul {
					border: 1px solid #aaa59b;
					padding: 3px;
					position: relative;
				}
				
				
					#sidebar-navigation ul li a {
						border: 0;
						color: #403E39;
						display: block;
						line-height: 16px;
						padding: 8px;
						width: 270px;
					}
					
					.iyd #sidebar-navigation ul li a:hover {
						color: #668066;
					}
					
					.i2yd #sidebar-navigation ul li a:hover {
						color: #e10a17;
					}
					
					.bogazici #sidebar-navigation ul li a:hover {
						color: #268fbf;
					}
					
					#sidebar-navigation ul li a.selected {
						background: url(img/sidebar-navigation-bg.jpg) right 0 no-repeat;
						color: #FFFFFF;
					}
			
			#sidebar .sidebar-item .dropdown-container {
				border-bottom: 1px solid #aaa59b;
				margin-bottom: 1em;
			}
			
				#sidebar .sidebar-item .dropdown {
					margin-bottom: 1em;
					position: relative;
				}
		
				#sidebar .sidebar-item .dropdown-link {
					color: #403e39;
					display: block;
					padding: 5px;
					width: 263px;
				}
				
				.iyd #sidebar .sidebar-item .dropdown-link {
					background: url('img/down-arrow-iyd.png') 258px center no-repeat;
					border: 1px solid #b8e6b8;
				}
				
				.i2yd #sidebar .sidebar-item .dropdown-link {
					background: url('img/down-arrow-i2yd.png') 258px center no-repeat;
					border: 1px solid #e10a17;
				}
				
				.bogazici #sidebar .sidebar-item .dropdown-link {
					background: url('img/down-arrow-bogazici.png') 258px center no-repeat;
					border: 1px solid #32B7F8;
				}
				
				#sidebar .sidebar-item .dropdown-content {
					background: #FFFFFF;
					border-top: 0;
					display: none;
					top: 29px;
					position: absolute;
					z-index: 9999;
					width: 273px;
				}
				
				.iyd #sidebar .sidebar-item .dropdown-content {
					border: 1px solid #b8e6b8;
				}
				
				.i2yd #sidebar .sidebar-item .dropdown-content {
					border: 1px solid #e10a17;
				}
				
				.bogazici #sidebar .sidebar-item .dropdown-content {
					border: 1px solid #32B7F8;
				}
				
					#sidebar .sidebar-item .dropdown-content li {
						
					}
					
					#sidebar .sidebar-item .dropdown-content li a {
						border: 0;
						color: #403e39;
						display: block;
						padding: 6px 5px;
					}
					
					#sidebar .sidebar-item .dropdown-content li a:hover {
						border: 0;
						background: #F7F7F7;
					}
					
					.iyd #sidebar .sidebar-item .dropdown-content li a:hover {
						color: #668066;
					}
					
					.i2yd #sidebar .sidebar-item .dropdown-content li a:hover {
						color: #e10a17;
					}
					
					.bogazici #sidebar .sidebar-item .dropdown-content li a:hover {
						color: #268fbf;
					}
			
			#sidebar .sidebar-item .sidebar-button {
				background: url('img/sidebar-button-top.png') left top no-repeat;
				border: none;
				float: left;
				padding-top: 10px;
				width: 130px;
			}
			
				#sidebar .sidebar-item .sidebar-button span {
					background: url('img/sidebar-button-bottom.png') left bottom no-repeat;
					color: #403e39;
					display: block;
					font-family: calibri, "Times New Roman", serif;
					font-size: 1.167em;
					font-weight: bold;
					min-height: 70px;
					padding: 0 10px 10px;
					width: 110px;
				}
				
				#sidebar .sidebar-item .sidebar-button:hover span {
					background: url('img/sidebar-button-bottom.png') -130px bottom no-repeat;
				}
				
				#sidebar .sidebar-item .sidebar-button span em {
					font-family: Georgia, "Times New Roman", serif;
					font-size: 0.786em;
					font-weight: normal;
					display: block;
					padding-top: 3px;
				}
				
			#sidebar .sidebar-item #legislation-button {
				margin-right: 15px;
			}
	
	.chart {
		margin-bottom: 2em;
	}
	
	.article {
		line-height: 160%;
	}
	
		.article p {
			margin-bottom: 1.5em;
		}
		
		.article .article-header {
			border-bottom: 1px solid #aaa59b;
			margin-bottom: 1.5em;
		}
		
		.article table {
			margin-bottom: 1.5em;
			width: 635px;
		}
		
			.article table thead {
				border-bottom: 3px solid #aaa59b;
			}
			
				.article table thead th {
					color: #807c74;
					font-weight: normal;
					padding: 6px 3px;
					text-align: right;
				}
				
				.article table thead th.left {
					text-align: left;
				}
				
				.article table tbody td {
					border-bottom: 1px solid #d9d2c5;
					font-size: 0.917em;
					text-align: right;
					padding: 6px 3px;
				}
				
				.article table tbody td.left {
					text-align: left;
				}
				
		.article .table-of-content {
			border: 1px solid #d9d2c5;
			margin-bottom: 1em;
			padding: 10px;
		}
		
			.article .table-of-content ol li p {
				margin-bottom: 0.5em;
			}
				
		.article ol,
		.article ul ol li {
			list-style: decimal;
			margin-left: 1.5em;
		}
		
			.article ol p {
				
			}
			
		.article ul {
			
		}
		
			.article ul li {
				list-style-type: disc;
				margin-left: 1.5em;
			}
	
	form input,
	form select {
		border: 1px solid #d9d2c5;
		padding: 3px 5px;
		width: 188px;
	}

#footer-wrap {
	background: url('img/footer-bg.jpg') 0 0 repeat-x;
}

	#footer {
		color: #aaa59b;
		margin-bottom: 2em;
		padding-top: 5px;
	}
	
		#footer small {
			color: #FFFFFF;
			font-size: 0.917em;
		}
        #footer #biber-logo {
			float: right;
		}
		
			#footer #biber-logo a {
				background: url('img/biber-logo.png') right 0 no-repeat;
				border: 0;
				color: #FFFFFF;
				padding-right: 20px;
			} 
			
			#footer #biber-logo a:hover {
				background: url('img/biber-logo.png') right -15px no-repeat;
				color: #A12A28;
			}
/***************************************************/
/* Home                                            */
/***************************************************/

#home-intro {
	margin-bottom: 1em;
}

#project-finder,
#solution-partners {
	border-top: 4px solid #aaa59b;
	padding-top: 5px;
}

	#solution-partners ul {
			
	}
	
		#solution-partners ul li {
			border-left: 5px solid #aaa59b;
		}
	
		#solution-partners ul li#iyd-link:hover {
			border-left: 5px solid #b8e6b8;
		}
	
		#solution-partners ul li#i2yd-link:hover {
			border-left: 5px solid #e10a17;
		}
		
		#solution-partners ul li#bogazici-link:hover {
			border-left: 5px solid #36baf6;
		}
	
			#solution-partners ul li a {
				border: 0;
				border-bottom: 1px dotted #aaa59b;
				color: #403E39;
				display: block;
				padding: 5px 0 5px 10px;
			}
			
			#solution-partners ul li.top a {
				border-top: 1px dotted #aaa59b;
			}
			
			#solution-partners ul li#iyd-link a:hover {
				color: #b8e6b8;
			}
			
			#solution-partners ul li#i2yd-link a:hover {
				color: #e10a17;
			}
			
			#solution-partners ul li#bogazici-link a:hover {
				color: #36baf6;
			}

/***************************************************/
/* About                                           */
/***************************************************/


/***************************************************/
/* Projects                                        */
/***************************************************/

#projects-list {
	margin-bottom: 1.5em;
}

	#projects-list td {
		border: 0;
		padding: 0 22px 0 0;
		vertical-align: top;
		width: 197px;
	}
    
	#projects-list td.message{
		border: 0;
		padding: 0 22px 0 0;
		vertical-align: top;
		width: 100%;
	}
    
	#projects-list td.last {
		padding: 0;
	}
	
		#projects-list td img {
			border-bottom: 4px solid #aaa59b;
			display: block;
			margin-bottom: 5px;
		}
		
		.iyd #projects-list td a:hover img {
			border-bottom: 4px solid #b8e5b8;
		}
		
		.i2yd #projects-list td a:hover img {
			border-bottom: 4px solid #e10a17;
		}
		
		.bogazici #projects-list td a:hover img {
			border-bottom: 4px solid #32B7F8;
		}

/***************************************************/
/* Project Detail                                  */
/***************************************************/

#project-detail {
	margin-bottom: 1em;
}
	
	#project-detail-images {
		position: relative;
        width: 430px;
        height: 286px;
	}
	
		#project-detail-images img {
			display: none;
			left: 0;
			position: absolute;
			top: 0;
		}
		
		#project-detail-images img.show {
			display: block;
		}
	
	#project-detail-thumbs {
		float: left;
		margin-bottom: 1em;
		width: 190px;
	}
	
		#project-detail-thumbs tr {
			border: 0;
		}
	
		#project-detail-thumbs td {
			border: 0;
			float: left;
			padding: 0 10px 10px 0;
		}
		
			#project-detail-thumbs td a {
				border: 0;
				display: block;
			}
			
				#project-detail-thumbs td a img {
					border-bottom: 4px solid #aaa59b;
					display: block;
				}
				
				.iyd #project-detail-thumbs td a:hover img,
				.iyd #project-detail-thumbs td a.selected img {
					border-bottom: 4px solid #b8e5b8;
				}
				
				.i2yd #project-detail-thumbs td a:hover img,
				.i2yd #project-detail-thumbs td a.selected img {
					border-bottom: 4px solid #e10a17;
				}
				
				.bogazici #project-detail-thumbs td a:hover img,
				.bogazici #project-detail-thumbs td a.selected img {
					border-bottom: 4px solid #32B7F8;
				}
		
			#project-detail-thumbs td.last {
				padding: 0 0 10px 0;
			}
	
	#project-detail-text {
		border-top: 4px solid #AAA59B;
		margin-bottom: 1em;	
		padding-top: 5px;
	}
	
		#project-detail-text h3 {
			margin-bottom: 5px;
		}
		
		#project-detail-text .row {
			border-bottom: 1px solid #AAA59B;
			margin-bottom: 0.5em;
		}
			
			#project-detail-text .row p {
				margin-bottom: 0.5em;
			}
			
/***************************************************/
/* Calculation                                     */
/***************************************************/

#calculation {
	width: 635px;
}

	#calculation tr.bottom {
		border-bottom: 1px solid #d9d2c5;
	}
	
	#calculation tr.box {
		background: #d9d2c5;
	}

	#calculation tr td {
		padding: 7px 5px;
	}
	
	#calculation tr td.first {
		width: 190px;
	}
	
	#calculation tr td h3 {
		margin: 0;
	}
	
	#calculation tr td input {
		border: 0;
		border-bottom: 2px solid #d9d2c5;
		margin-right: 5px;
	}
	
		#calculation tr td input,
		#calculation tr td input[disabled] {
			background: #FFFFFF;
			color: #403E39;
			border: 0;
			border-bottom: 2px solid #d9d2c5;
			text-align: center;
		}
		
		#calculation tr td input.button {
			background: #d9d2c5;
			border: 1px solid #A9A59A;
			padding: 5px 0;
			width: 178px;
		}
	
/***************************************************/
/* Contact                                         */
/***************************************************/

#contact-detail-text {
		border-top: 4px solid #AAA59B;
		margin-bottom: 1em;	
		padding-top: 5px;
	}
	
	#contact-detail-text h3 {
		margin-bottom: 5px;
	}
	
	#contact-detail-text .row {
		border-bottom: 1px solid #AAA59B;
		margin-bottom: 0.5em;
	}
		
		#contact-detail-text .row p {
			margin-bottom: 0.5em;
		}