@font-face {
 font-family: Pepsi;
 src: url("CygnetRound.eot") /* EOT file for IE */
}
@font-face {
 font-family: Pepsi;
 src: url("CygnetRound.ttf") /* TTF file for CSS3 browsers */
}
html
{
}
body
{
height:100%;
	background-image:url('img/bg_body_1.jpg');
	background-repeat:repeat-x;
	background-attachment:fixed;
}

#page_container
{
	position: absolute;
	left:0px;
	top: 0px;
	width: 100%;
	display:inline-block;
/*	background-image:url('img/bg_body_1.jpg');
	background-repeat:repeat-x;
	background-attachment:fixed;*/
	text-align:center;
	z-index:1;
}
#page
{
	float:top;
	margin:0px auto;
	width:980px;
	display:inline-block;
	background:#FBFBFB;
	margin-bottom:50px;
}
#top_panel
{
	float:left;
	width:980px;
	height:80px;
	display:inline-block;
}
#logo_container
{
	float:left;
	margin-left:10px;
	margin-top:10px;
	height:60px;
	display:inline-block;
}
.logo
{
	float:left;
	height:60px;
	display:inline-block;
}
#slogan_container
{
	float:left;
	margin-left:120px;
	margin-top:20px;
	display:inline-block;
}
.slogan
{
	float:left;
	display:inline-block;
	font-family :"Pepsi";
	font-weight : bold;
	font-size : 24px;
	text-decoration : none;
	letter-spacing : 2px;
	word-spacing:2px;
	line-height:36px;
	text-align : center;
	vertical-align : middle;
	color:#384789;
}
#turkey_logo_container
{
	float:right;
	margin-right:10px;

	height:80px;
	display:block;
}
.turkey_logo_container_line
{
float:top;
width:100%;
display:inline-block;
}
.turkey_logo
{
	float:right;
	height:55px;
	margin-top:5px;
}
.language
{
	float:right;
	font-family : "Arial", Helvetica, sans-serif;
	font-weight : normal;
	font-size : 11px;
	text-decoration : none;
	letter-spacing : 0px;
	word-spacing:2px;
	line-height:14px;
	text-align : center;
	color:#384789;
	margin-top:5px;
}
.language:hover
{
color:red;
}
#menu_container
{
	float:left;
	width:980px;
	/*height:43px;*/
	display:inline-block;
	background-image:url('img/menu_bg.jpg');
	z-index: 30;
}


#menu
{	margin: 0;
	padding: 0;
	z-index: 30}

#menu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	z-index: 30;
	}

#menu li a
{	display: block;
	margin: 0 1px 0 0;
	width: 190px;

	text-align: center;
	text-decoration: none;
	
	font-family : "Arial", Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	text-decoration : none;
	letter-spacing : 0px;
	word-spacing:2px;
	line-height:43px;
	text-align : center;
	color:#384789;
	
	}

#menu li a:hover
{	
	color: blue;
}

#menu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FBFBFB;
	border: 1px solid #5970B2;
	z-index: 30;
	}

	#menu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;

		background: #FBFBFB;
		color: #2875DE;

		
		font-family : "Arial", Helvetica, sans-serif;
		font-weight : normal;
		font-size : 11px;
		text-decoration : none;
		letter-spacing : 1px;
		word-spacing:2px;
		line-height:16px;
	}

	#menu div a:hover
	{	
		background:#384789;
		color: #FBFBFB;
	}
/*////////////////////////////////////menu_en///////////////////////////////////////////*/	
#menu_en
{	margin: 0;
	padding: 0;
	z-index: 30}

#menu_en li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	z-index: 30;
	}

#menu_en li a
{	display: block;
	margin: 0 1px 0 0;
	width: 160px;

	text-align: center;
	text-decoration: none;
	
	font-family : "Arial", Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	text-decoration : none;
	letter-spacing : 0px;
	word-spacing:2px;
	line-height:43px;
	text-align : center;
	color:#384789;
	
	}

#menu_en li a:hover
{	
	color: blue;
}

#menu_en div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FBFBFB;
	border: 1px solid #5970B2;
	z-index: 30;
	}

	#menu_en div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;

		background: #FBFBFB;
		color: #2875DE;

		
		font-family : "Arial", Helvetica, sans-serif;
		font-weight : normal;
		font-size : 11px;
		text-decoration : none;
		letter-spacing : 1px;
		word-spacing:2px;
		line-height:16px;
	}

	#menu_en div a:hover
	{	
		background:#384789;
		color: #FBFBFB;
	}
/*//////////////////////////////////////////////////////////////////////////////////////*/
.separator
{
float:left;
height:43px;
width:1px;
background-image:url('img/separator.jpg');
display:inline-block;
margin:0px;
}


#middle
{
float:left;
width:980px;
display:inline-block;
margin-left:0px;
}
#middle_left
{
float:left;
width:270px;
display:inline-block;
margin-left:0px;
}

#left_panel
{
float:left;
padding-left:20px;
margin-top:10px;
width:230px;
display:inline-block;
background:#FBFBFB;
}
.left_panel_header
{
float:left;
width:230px;
display:inline-block;
font-family: "Arial Black", Monospace, SansSerif; 
font-weight : bold;
font-size : 18px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:24px;
text-align : left;
vertical-align : middle;
color:#001886;
}

.left_panel_part
{
float:left;
width:230px;
/*border-bottom:1px solid #FFCF11;*/
display:inline-block;

padding-bottom:10px;
}
.left_panel_line
{
float:left;
width:230px;
display:inline-block;
}
.left_panel_link
{
float:left;
width:230px;
display:inline-block;

font-family: "Tahoma", Monospace, SansSerif; 
font-weight : bold;
font-size : 11px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:1px;
line-height:18px;
text-align : left;
vertical-align : middle;
margin-top:5px;
color:#1A57A7;
}

.left_panel_link:hover
{
text-decoration:underline;
}
.left_panel_text
{
float:left;
width:230px;
display:inline-block;

font-family: "Tahoma", Monospace, SansSerif; 
font-weight : normal;
font-size : 8.5pt;
text-decoration : none;
letter-spacing : 0px;
word-spacing:1px;
line-height:15px;
text-align : left;
vertical-align : middle;
margin-top:5px;
color:#535977;
}
.left_panel_header_link
{
float:left;
width:230px;
display:inline-block;

margin-top:10px;
margin-bottom:0px;

font-family : "Arial", Helvetica, sans-serif;
font-weight : bold;
font-size : 16px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:1px;
line-height:20px;
text-align : left;
vertical-align : middle;
margin-top:5px;
color:#001886;
}
.left_panel_header_link:hover
{
text-decoration:underline;
}
#middle_right
{
float:left;
width:700px;
height:200px;
display:inline-block;
overflow:hidden;
margin-left:0px;
z-index:1;
}
#action
{
position:relative;
width:680px;
height:180px;
display:inline-block;
overflow:hidden;
margin-left:10px;
margin-top:10px;
}
.action_img_visible
{
position:absolute;
top:0px;
left:0px;
width:680px;
height:180px;
}
.action_img_hidden
{
float:left;position:absolute;
top:0px;
left:0px;
width:680px;
height:180px;
opacity:0.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
}
.sep_mid
{
float:left;
display:inline-block;
width:950px;
height:1px;
margin-left:20px;
border-bottom:1px solid #E7E7E7;
}
#info_panel
{
float:left;
width:980px;
display:inline-block;
margin-top:10px;
}
.info_panel_part_left
{
float:left;
width:330px;
display:inline-block;
border-right:1px solid #E7E7E7;
}


.why_header
{
float:left;
display:inline-block;
padding-left:20px;
width:300px;
}
#why_container
{
float:left;
display:inline-block;
padding-left:20px;
margin-top:10px;
width:300px;
height:150px;
overflow:hidden;

}

#why
{
float:left;
display:inline-block;
}
.why_line
{
float:left;
display:inline-block;
width:300px;
}
.why_h
{
float:left;
font-family: "Tahoma", Monospace, SansSerif; 
font-weight : bold;
font-size : 13px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:15px;
text-align : center;
vertical-align : middle;
color:#001886;
}
.why_line_h
{
float:left;
font-family: "Tahoma", Monospace, SansSerif; 
font-weight : bold;
font-size : 8.5pt;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:15px;
text-align : left;
vertical-align : middle;
margin-top:10px;
color:#535977;
}
.why_line_t
{
float:left;
font-family: "Tahoma", Monospace, SansSerif; 
font-weight : normal;
font-size : 8.5pt;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:15px;
text-align : left;
vertical-align : middle;
margin-top:5px;
color:#535977;
}

.info_panel_part_middle
{
float:left;
width:320px;
height:150px;
display:inline-block;
}
.prj_header
{
float:left;
display:inline-block;
margin-left:10px;
width:298px;
}
#prj_container
{
float:left;
display:inline-block;
margin-left:10px;
margin-top:10px;
width:298px;
height:150px;
overflow:hidden;

}

#prj
{
float:left;
display:inline-block;
}
.prj_line
{
float:left;
display:inline-block;
width:298px;
}

.info_panel_part_right
{
float:left;
width:318px;
display:inline-block;
border-left:1px solid #E7E7E7;
}
.news_header
{
float:left;
display:inline-block;
margin-left:10px;
width:298px;
}
#news_container
{
float:left;
display:inline-block;
margin-left:10px;
margin-top:10px;
width:298px;
height:150px;
overflow:hidden;

}

#news
{
float:left;
display:inline-block;
}
.news_line
{
float:left;
display:inline-block;
width:298px;
}
/*///////////////footer/////////////////////*/

.bottom
{
float:left;
width:980px;
background-image:url('img/footer_bg.jpg');
text-align : left;
vertical-align : middle;
margin-top:10px;
}
.bottom_img
{
float:left;
margin-left:20px;
}
.bottom_t
{
font-family: "Tahoma", Monospace, SansSerif; 
font-weight : normal;
font-size : 11px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:30px;
color:black;
margin-left:20px;

}
/*/////////////////////////////////////////////////////////////////project  //////////////////////////////////////////////////////////////////////////////////*/
#project_middle
{
float:left;
width:980px;
display:inline-block;
}
.project_middle_left
{
float:left;
width:650px;
display:inline-block;
}
.project_middle_left_top
{
float:left;
width:650px;
height:320px;
display:inline-block;
}
.project_img_l
{
float:left;
display:inline-block;
width:400px;
}
.project_img
{
width:380px;
margin:10px;
display:inline-block;
}
.project_img:hover
{
cursor:pointer;
}
.project_img_hidden
{
width:380px;
margin:10px;
display:none;
}


.project_middle_right
{
float:left;
width:300px;
display:inline-block;
margin-left:10px;
}

#project_img_r
{
float:left;
width:300px;
display:inline-block;
}
.project_header
{
float:left;
width:300px;
display:inline-block;
margin-top:10px;
}
.project_header_text
{
font-family: "Arial", Monospace, SansSerif; 
font-weight : bold;
font-size : 16px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:18px;
text-align : left;
vertical-align : middle;
color:#001886;
}
#thumb_container
{
float:left;
width:300px;
display:inline-block;
margin-top:10px;
}
#thumb_selectors
{
float:left;
width:300px;
display:inline-block;
}
.thumb_selector
{
float:left;
width:148px;
display:inline-block;
border:1px solid #E7E7E7;

font-family: "Arial", Monospace, SansSerif; 
font-weight : bold;
font-size : 14px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:18px;
text-align : center;
vertical-align : middle;
color:#001886;
}
.thumb_selector:hover
{
cursor:pointer;
color:blue;
}
.thumb_selector_selected
{
float:left;
width:148px;
display:inline-block;
border:1px solid #E7E7E7;
border-bottom:1px solid #FBFBFB;

font-family: "Arial", Monospace, SansSerif; 
font-weight : bold;
font-size : 14px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:18px;
text-align : center;
vertical-align : middle;
color:blue;
}
.thumb_selector_selected:hover
{
cursor:pointer;
}
#thumbs
{
float:left;
width:298px;
display:inline-block;
border-left:1px solid #E7E7E7;
border-right:1px solid #E7E7E7;
border-bottom:1px solid #E7E7E7;
}
#thumbs_img_container
{
float:left;
width:298px;
height:200px;
display:inline-block;
overflow:auto;
}
#thumbs_plan_container
{
float:left;
width:298px;
height:200px;
display:none;
}
.thumbs_img_img
{
float:left;
width:60px;
height:45px;
margin-left:6px;
margin-top:6px;
display:inline-block;
border:2px solid #FBFBFB;
}
.thumbs_img_img:hover
{
cursor:pointer;
border:2px solid midnightblue;
}
.thumbs_plan_img
{
float:left;
width:60px;
height:45px;
margin-left:6px;
margin-top:6px;
display:inline-block;
border:2px solid #FBFBFB;
}
.thumbs_plan_img:hover
{
cursor:pointer;
border:2px solid midnightblue;
}
#project_exp_c
{
float:left;
display:inline-block;
width:620px;
padding-left:20px;
margin-top:20px;
}
.project_exp
{
float:left;
display:inline-block;
width:600px;
border-top:1px solid #E7E7E7;
}
.project_exp_part
{
float:left;
display:inline-block;
width:190px;
margin-right:10px;
}
.project_exp_line
{
float:left;
display:inline-block;
margin-top:5px;
width:190px;
}
.project_exp_h
{
font-family: "Tahoma", Monospace, SansSerif; 
font-weight : bold;
font-size : 13px;
text-decoration : none;
letter-spacing : 1px;
word-spacing:2px;
line-height:16px;
text-align : left;
vertical-align : middle;
color:#001886;
margin-top:10px;
margin-bottom:5px;
}
.project_exp_t
{
font-family : "Arial", Helvetica, sans-serif;
font-weight : normal;
font-size : 11px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
text-align : left;
vertical-align : middle;
color:#1A57A7;
}

/*//////////////////////// OPAC ///////////////////////////////*/

#opac
{
	position:fixed;
	left:0px;
	top: 0px;
	width: 100%;
	height:100%;
	background:black;

opacity:0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter:alpha(opacity=80);
z-index:50;
display:none;
}
#opac_container
{
	position: absolute;
	left:0px;
	top: 0px;
	width: 100%;
text-align:center;
vertical-align:middle;
display:none;
z-index:51;
}

#opac_panel
{
	float:top;
	margin:0px auto;
	margin-top:40px;
	width:860px;
	display:block;
	background:black;

	text-align:center;
	vertical-align:middle;

}
#img_show_close
{
float:left;
	width:860px;
display:inline-block;
}
#img_show_close_button
{
float:right;
width:30px;
height:30px;
display:inline-block;
}
#img_show_close_button:hover
{
cursor:pointer;
}
#opac_img_container
{
}
.opac_img
{
width:800px;
margin-left:30px;
margin-bottom:30px;
margin-right:30px;
}
/*///////////////////////////////////  Contact  ///////////////////////////////////*/
.contact
{
float:left;
width:980px;
display:inline-block;
}
.contact_left
{
float:left;
width:335px;
display:inline-block;
}
.contact_line
{
float:left;
width:315px;
display:inline-block;
margin-left:20px;
margin-top:5px;
}
.contact_h
{
float:left;
font-family: "Arial", Monospace, SansSerif; 
font-weight : bold;
font-size : 16px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:24px;
text-align : left;
vertical-align : middle;
color:#001886;
display:inline-block;
}
.contact_line_h
{
float:left;
font-family: "Arial", Monospace, SansSerif; 
font-weight : bold;
font-size : 12px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:18px;
text-align : left;
vertical-align : middle;
color:#001886;
width:100px;
display:inline-block;
}
.contact_line_t
{
float:left;
font-family: "Arial", Monospace, SansSerif; 
font-weight : bold;
font-size : 12px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
line-height:18px;
text-align : left;
vertical-align : middle;
color:#1A57A7;
width:215px;
display:inline-block;
}


.contact_right
{
float:left;
width:300px;
display:inline-block;
}

#google_map
{
float:left;
width:300px;
display:inline-block;
}

/*///////////////////////////////////  Buying guide ///////////////////////////////////*/

#buy_container
{
float:left;
width:400px;
display:inline-block;
}
.buy_text_visible
{
float:left;
width:400px;
display:inline-block;
margin-top:10px;
border-left:1px solid #E7E7E7;
border-right:1px solid #E7E7E7;
}
.buy_text_hidden
{
float:left;
width:400px;
display:none;
margin-top:10px;
}
.buy_text_line
{
float:left;
width:360px;
display:inline-block;
margin-top:10px;
margin-left:20px;
}
.buy_text_h
{
font-family : "Arial", Helvetica, sans-serif;
font-weight : bold;
font-size : 12px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
text-align : left;
vertical-align : middle;
color:#001886;
}
.buy_text
{
font-family : "Arial", Helvetica, sans-serif;
font-weight : normal;
font-size : 12px;
text-decoration : none;
letter-spacing : 0px;
word-spacing:2px;
text-align : left;
vertical-align : middle;
color:#1A57A7;
color:#535977;
}
.buy_img_holder
{
float:left;
display:inline-block;
width:280px;
margin-left:20px;
}
.buy_img
{
float:left;
width:280px;
display:inline-block;
margin-top:20px;
}