body{
	background-color:#FFFFFF;
    font-family:Tahoma, sans-serif;
}
.outer{
	margin:0 auto;
    width:1000px;
}
/* MainPage - header, nav and content*/
.header_mainpage{
	background:url('../images/header_mainpage.jpg') no-repeat 0 -3px;
}
.header_logo{
	height:150px;
	width:1000px !important;
    float:right;
	background:url('../images/main_logo.jpg') no-repeat -3px 2px !important;
}
.main_content{
	height:607px;
	width:910px;
	background:url(../images/body.jpg) no-repeat -1px 0;
}
.main_content p{
	font-size:13px;
	margin-top:10px;
	text-indent:30px;
	color:#1C1C1C;
	text-align:justify;
	line-height:16px;
}
.main_content h1{
	color:#EE7621;
	margin-top:10px;
	text-align:center;
}
.main_content_xhtml_div{
	height:140px;
	width:285px;
	margin:320px 0 0 38px;
	float:left;
}
.main_content_css_div{
	height:140px;
	width:280px;
	float:right;
	margin:430px 38px 0 0;
	display:inline;
}
/* Header */
header{
	min-height:198px;
	height:auto !important;
	height:198px;
    width:1000px;
}
.header_left{
	height:150px; 
	width:200px;
    float:left;
	background:url('../images/logo.jpg') no-repeat 50% 50%;
}
.header_right{
	height:150px;
	width:750px;
    float:right;
	background:url('../images/logo_name.jpg') no-repeat;
}
nav{
	height:48px;
    width:1000px;
    float:left;
	background:url('../images/header.jpg') no-repeat;
}
nav ul{
	list-style-type:none;
}
nav li{
	float:left;
    margin:11px 0 0 30px;
    width:90px;
    height:20px;
    text-align:center;
}
nav a{
	color:white;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
nav a strong{
	color:#EE7621;
}
nav a:hover{
	text-decoration:underline;
}
/* Left Menu */
.left_block{
	width:180px;
	min-height:580px;
	height:auto !important; 
	height:580px;
	padding:15px 5px 0px 10px; 
	margin-left:15px;
	border:1px #BDBDBD solid;
	display:inline;
}
.left_block p{
	font-size:13px;
	color:#EE7621;
	font-weight:bold;
	margin:8px 0;
}
.left_block ul{
	list-style-type:none;
}
.left_block li{
	margin-top:1px;
}
.left_block a{
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.left_block a:hover{
	text-decoration:underline;
}
.left_block a:active{
	color:#EE7621;
}
/* Content */
.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 #BDBDBD solid;
	float:right;
}
.pages_content_html_div{
	width:500px;
	height:200px;
	margin-top:20px;
	border:1px #BDBDBD solid;
	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 #BDBDBD solid;
	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 #BDBDBD solid;
	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 #BDBDBD solid;
	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 #BDBDBD solid;
	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 #BDBDBD solid;
	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;
	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;
	color:#1C1C1C;
	margin-left:20px;
	padding-left:10px;
}
.pages_content h1{
	color:#EE7621;
	margin-top:10px;
	text-align:center;
	margin-bottom:30px;
}
.pages_content h2{
	color:#EE7621;
	margin-top:30px;
	margin-bottom:30px;
}
.pages_content h3{
	color:#EE7621;
	font-size:14px;
	margin-top:20px;
}
.pages_content table{
	border:1px solid #C3C3C3; 
	border-collapse:collapse; 
	font-size:13px;
	margin-bottom:30px;
    width:100%;
}
.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 #BDBDBD solid;
	padding:7px;
	font-size:13px;
	margin-bottom:20px;
}
.pages_content_red_text{
	color:red;
}
.selenium_background{
    background:url(../images/selenium.jpg) no-repeat;
}
.selenium_background h1{
    margin-top:400px;
    font-size:30px;
}
.firefoxLogo{
    height:81px;
    width:84px;
    display:block;
    margin:0 auto;
    background:url('../images/firefox.jpg') no-repeat;
}
.seleniumLogo{
    height:91px;
    width:100px;
    display:block;
    margin:0 auto;
    background:url('../images/seleniumIde.jpg') no-repeat;
}
.seleniumView{
    height:523px;
    width:700px;
    background:url('../images/selenium01.jpg') no-repeat;
}
.olNumber{
    list-style-type:decimal;
}
.olNumber li{
    margin-top:3px;
	font-size:13px;
	color:#1C1C1C;
	margin-left:20px;
	padding-left:10px;
}
/* İletişim and Biyogragi Page */
.pages_content_body{
	width:910px;
	height:555px;
	padding:20px;
	margin:0 20px 10px 20px;
	line-height:0.9em;
	border:1px #BDBDBD solid;
}
.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 #BDBDBD solid;
}
.pages_content_construction{
	background:url(../images/construction.jpg) no-repeat 300px 110px;
}
.pages_content_construction h1{
	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 #BDBDBD solid;
}
.pages_content_iletisim_content{
	margin:20px;
	font-size:13px;
    display:block;
    text-align:center;
}
.pages_content_iletisim_fail_mail_adress{
	margin-top:125px;
	font-weight:bold;
	padding-left:50px;
	color:#EE7621;
	display:block;
}
.pages_content_iletisim_success_mail{
	margin-top:160px;
	font-weight:bold;
	padding-left:50px;
	color:#EE7621;
	display:block;
}
.pages_content_h1{
	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;
	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;
}
/* Footer */
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-weight:bold;
}
/* Google Search Bar and Page */
.googleSearchBar{
	text-align:center;
}
.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;
}
/* Other CSS */
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.width_page{
	width:1000px;
}
.clearfix{
	clear:both;
}