/* En dış div 
-------------------------------------*/
.outer_container {
	margin:0 auto;
}

/* body de ki cssler 
------------------------------------*/
body {
	background-color:#FFFFFF;
}

/* Anasayfa da ki orta alanın cssleri burada 
-------------------------------------------*/
.main_content {
	height:607px;
	width:910px;
	background: url(../images/body.jpg) no-repeat -1px 0;
}

.main_content_xhtml_div {
	height:140px;
	width:280px;
	margin:324px 0 0 38px;
	float:left;
	display:inline;
}

.main_content_css_div {
	height:140px;
	width:280px;
	float:right;
	margin:430px 38px 0 0;
	display:inline;
}
.main_content p {
	font-size:13px; 
	margin-top:10px;
	text-indent: 30px; 
	font-family:Tahoma; 
	color:#1C1C1C;
	text-align: justify;
	line-height:16px;
}
.main_content h1{
	font-family:Tahoma; 
	color:#EE7621; 
	margin-top:10px; 
	text-align:center;
}

/* header da ki tüm cssler burada 
------------------------------------*/
.header {
	min-height:198px;
	height:auto !important;
	height:198px;
}

.header_logo {
	height:150px;
	width:1000px !important;
	background: url('../images/main_logo.jpg') no-repeat -3px 2px !important;
}

.header_left {
	height:150px; 
	width:200px; 
	background: url('../images/logo.jpg') no-repeat 50% 50%;
}

.header_right {
	height:150px; 
	width:750px;
	background: url('../images/logo_name.jpg') no-repeat;
}

.header_bottom {
	height:48px; 
	background: url('../images/header.jpg') no-repeat;
}

.header_mainpage{
	background: url('../images/header_mainpage.jpg') no-repeat 0 -3px !important;
}

.mainPageHeader {
	background-image: url('../images/header_mainpage.jpg') !important;
	background-repeat:no-repeat;
	background-position: 2px 0px;
}	

.header_bottom  ul {
	list-style-type:none;
}

.header_bottom  li {
	float:left; 
	padding:13px 10px 0 65px;
}

.header_bottom  a {
	color:white; 
	font-size:14px; 
	font-family:Tahoma; 
	font-weight:bold; 
	text-decoration:none;
}

.header_bottom  a  strong {
	color:#EE7621;
}

.header_bottom  a:hover {
	text-decoration:underline;
}

/* html , css ve javascript sayfalarında da ki sol blok a ait olan tüm cssler burada 
-------------------------------------------------------------------------------------*/
.left_block {
	width:180px; 
	min-height:580px; 
	height:auto !important; 
	height:580px; 
	padding: 15px 0px 0px 15px; 
	margin-left:15px; 
	border: 1px gray dotted;
	white-space:nowrap;
	display:inline;
}

.left_block  p {
	font-size:13px;
	color:#EE7621; 
	font-family:Tahoma; 
	font-weight:bold; 
	margin:8px 0;
}

.left_block ul {
	list-style-type:none;
}

.left_block a {
	color:#000000; 
	font-size:13px; 
	font-family:Tahoma; 
	font-weight:bold; 
	text-decoration:none;
}

.left_block a:hover {
	text-decoration:underline;
}

.left_block a:active {
	color:#EE7621;
}

/* html , css ve javascript sayfalarında da ki sağ blok a ait olan tüm cssler burada 
--------------------------------------------------------------------------------------*/
.pages_content {
	width:700px; 
	min-height:555px; 
	height:auto !important; 
	height:555px; 
	padding:20px;
	margin:0 20px 10px 20px; 
	line-height:0.9em; 
	border:1px gray dotted;
	float:right;
}

.pages_content_html_div {
	width:500px; 
	height:200px; 
	margin-top:20px; 
	border:1px black dotted;
	background: url(../images/html.jpg) no-repeat 0 50%;
	padding-left:180px;
	padding-top:25px;
}

.pages_content_xhtml_div {
	width:500px;
	height:200px;
	margin-top:50px; 
	border:1px black dotted;
	background: url(../images/xhtml.jpg) no-repeat 0 50%;
	padding-left:180px;
	padding-top:30px;
}

.pages_content_position {
	padding: 0 20px 20px 20px;
}

.pages_content_tip_div {
	width:615px; 
	min-height:150px;
	height:150px;
	height:auto !important; 
	margin:30px 0 10px 0;
	border:1px black dotted;
	background: url(../images/tip.jpg) no-repeat 0 50%;
	padding-left:80px;
}

.pages_content_cup_div {
	width:597px; 
	height:150px;
	margin:30px 0 10px 0;
	border:1px black dotted;
	background: url(../images/cup.jpg) no-repeat 0 50%;
	padding-left:100px;
}

.pages_content_note_div {
	width:615px; 
	margin:30px 0 10px 0;
	border:1px black dotted;
	background: url(../images/note.jpg) no-repeat 0 50%;
	padding-left:80px;
}

.pages_content_background_div {
	width:700px; 
	height:220px;
	margin:30px 0 10px 0;
	border:1px black dotted;
	background: url(../images/css_background.jpg) no-repeat center right;
}

.pages_content_css_background {
	background: url(../images/css_design.jpg) no-repeat 10px 125px;
}

.pages_content_css_div_position {
	padding:0 20px 0 20px;

}

.pages_content_css_syntax {
	width:600px;
	height:150px;
	background: url(../images/syntax.jpg) no-repeat 0 50%;
}

.pages_content_css_box_model {
	width:540px;
	margin-left:80px;
	height:300px;
	background: url(../images/box_model.jpg) no-repeat 0 50%;
}

.pages_content_devam_button {
	width:100px; 
	height:34px;
	display:block;
	background: url(../images/button.jpg) no-repeat;
}

.pages_content p {
	margin-top:20px;
	margin-bottom:20px;
	font-size:13px; 
	text-indent: 30px; 
	font-family:Tahoma; 
	color:#1C1C1C;
	text-align: justify;
	line-height:16px;
}

.pages_content ul {
	list-style-type: disc;
	margin: 30px 0px 30px 20px;
}

.pages_content ul li {
	margin-top:10px; 
	font-size:13px; 
	font-family:Tahoma; 
	color:#1C1C1C;
	margin-left:20px;
	padding-left:10px;
}

.pages_content h1 {
	font-family:Tahoma; 
	color:#EE7621; 
	margin-top:10px; 
	text-align:center;
	margin-bottom:30px;
}

.pages_content h2 {
	font-family:Tahoma; 
	color:#EE7621; 
	margin-top:30px;
	margin-bottom:30px;
}

.pages_content h3 {
	font-family:Tahoma; 
	color:#EE7621;
	font-size:14px;
	margin-top:20px;
}

.pages_content table {
	border:1px solid #C3C3C3; 
	border-collapse:collapse; 
	font-family:Tahoma; 
	font-size:13px;
	margin-bottom:30px;
}

.pages_content table th {
	background-color:#d2d2d1; 
	border:1px solid #C3C3C3; 
	padding:3px; 
	vertical-align:top;
}

.pages_content table td  {
	border:1px solid #C3C3C3; 
	padding:3px;
	vertical-align:top;
}

.pages_content_example_code {
	background-color:#F6F6F6;
	color:#686767;
	display:block;
	border:1px black dotted;
	padding:7px;
	font-size:13px;
	font-family:Tahoma;
	margin-bottom:20px;
}

.pages_content_red_text {
	color:red;
}

/* Burada iletişim 'de ve Biyografi 'de kullanılan CSS'ler var
---------------------------------------------------*/

.pages_content_body {
	width:910px; 
	height:555px; 
	padding:20px;
	margin:0 20px 10px 20px; 
	line-height:0.9em; 
	border:1px gray dotted;
}

.pages_content_body_biyografi {
	background:url(../images/biyografi.jpg) no-repeat 650px 150px;
}

.pages_content_biyografi {
	width:560px; 
	height:490px; 
	padding:60px 30px 0 30px;
	border:1px gray dotted;
}

.pages_content_construction {
	background:url(../images/construction.jpg) no-repeat 300px 110px;
}

.pages_content_construction h1{
	font-family:Tahoma; 
	color:#EE7621; 
	margin-top:430px; 
	text-align:center;
}

.pages_content_iletisim_image {
	width:400px; 
	height:400px;
	float:left;
	margin-left:50px;
	margin-top:90px;
	background:url(../images/communication.jpg) no-repeat;
}

.pages_content_iletisim_mail {
	width:400px; 
	height:400px;
	float:left;
	margin-left:50px;
	margin-top:80px;
	border:1px gray dotted;
}

.pages_content_iletisim_fail_mail_adress {
	margin-top:125px;
	font-weight:bold;
	padding-left:50px;
	font-family:Tahoma; 
	color:#EE7621;
	display:block;
}

.pages_content_iletisim_success_mail {
	margin-top:160px;
	font-weight:bold;
	padding-left:50px;
	font-family:Tahoma; 
	color:#EE7621;
	display:block;
}



.pages_content_h1 {
	font-family:Tahoma; 
	color:#EE7621; 
	margin-top:10px; 
	text-align:center;
	margin-bottom:30px;
}

.pages_content_body p,dl {
	margin-top:20px;
	margin-bottom:20px;
	font-size:13px; 
	text-indent: 30px; 
	font-family:Tahoma; 
	color:#1C1C1C;
	text-align: justify;
	line-height:16px;
}

.pages_content_body  dt {
	float:left;
	margin-bottom:5px;
	font-weight:bold;
}

.pages_content_body  dd {
	margin-left:100px;
	margin-bottom:5px;
}

/* Burası en alt bölüm 
---------------------------------------------------*/
.footer {
	height:45px; 
	background: url(../images/header.jpg) no-repeat; 
	margin-bottom:10px;
}

.footer_left {
	height:20px; 
	width:487px; 
	padding: 15px 0px 5px 15px;
}

.footer_right {
	height:25px; 
	width: 460px; 
	padding: 15px 30px 0px 0px;
}

.footer_font {
	color:white; 
	font-size:11px; 
	font-family:Tahoma; 
	font-weight:bold;
}

/* Google için CSS ler burada. 
--------------------------------------------------*/
.googleSearchBar {
	text-align:center;
}

.googleLeftBanner {
	clear:left;
	width:155px;
	padding:20px;
	margin-left:15px;
}

.googleBottomBanner {
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
}

.pages_content_search_page {
	width:900px; 
	min-height:555px; 
	height:auto !important; 
	height:555px; 
	padding:20px;
	margin:0 20px 10px 20px; 
	line-height:0.9em; 
	border:1px gray dotted;
}

/* Diğer CSS ler burada. 
--------------------------------------------------*/
.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.width_page {
	width:1000px;
}

.clearfix {
	clear:both;
}