/* 
    Document   : hilalsped.com
    Created on : 01.Jul.2009, 16:30
    Author     : yavuz süleyman kirez
    Description:
 */

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* CSS RESET v1.0 | 20080212 */

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;	text-align:center;	background:#eee; font-family:arial,verdana;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}

/* END OF CSS RESET */

/* Let's start the game*/

.red	{color:#CC0000; float:left;}

	#body {
		text-align:center;
	
	}
	
	#header {
		background:#fff;
		margin-top:10px;
		width:940px;
		overflow:hidden;
	}
			
		#top {
			width:900px;
			margin:0px auto 0;
			background:#fff;
			height:50px;
			
		}
			
			#logo {
				float:left;
				margin:0px 0px;
							
			}
		
			#flash {
				width:380px;
				margin:10px 30px;
				float:left;
			}
			
			#slogan {
				width:220px;
				margin:10px;	
				float:left;
				
			}
	
		

	#bar {
		width:725px;
		margin:0 auto;
		height:24px;
		background:#fff ;
		float:right;

		font-size:11px;
		font-family:arial;
		font-weight:normal;
		text-decoration:none;
		text-align:right;
		margin-top:18px;
	}
		#bar a{
		color:#073863;
		text-decoration:none;
		line-height:24px;
		font-weight:bold;
		padding:4px 6px;
		height:24px;
		
		}
		
		#bar a:hover{
		background:#073863;
		color:#FFF;
		text-decoration:none;
		line-height:24px;
		height:24px;
		}
			
		#canvas {
			width:900px;
			margin:0px auto 5px;
			overflow:hidden;
		}
		
		
		#kabuk {
			width:940px;
			margin:10px auto;
			overflow:hidden;
			background:#FFF;


		}
		
		.content1 {
			width:220px;
			text-align:left;
			background:#fff;
			margin:20px 0;	
			float:left;
						
		}
		
		.content1 li {
			list-style:none;
			border-bottom:1px solid #ccc;
			line-height:24px;
			text-align:left;

			
		}
		
		.content1 a {
			list-style:none;
			color:#073863;
			text-decoration:none;
			font-weight:bold;
			font-size:11px;
			font-family:arial;
		}
		
		.content1 a:hover {
			text-decoration:underline;
			color:#073863;
		}
		
		.content1 h1 {
			list-style:none;
			color:#666;
			text-decoration:none;
			font-weight:bold;
			font-size:13px;
			font-family:arial;

		}
		
		
		
	
		.content1 img {

			margin-bottom:4px;
						
		}
		

			


		#content2 {
			width:640px;
			margin:20px 0px 0px 40px;
			float:left;
			
		}
		
			#content2 p {
				font-size:12px;
				font-family:verdana, arial;
				font-weight:normal;
				text-align:left;
				margin:0px 0 10px;
				line-height:18px;
				color:#444;
				text-align:justify;
			}
			
			#content2 h1 {
				font-size:16px;
				font-family: arial;
				font-weight:bold;
				text-align:left;
				margin:5px 0 10px;
				line-height:18px;
				color:#073863;
				text-align:left;
				
			}
			
			#content2 a {
				font-size:12px;
				font-family:verdana, arial;
				font-weight:bold;
				text-align:left;
				margin:5px 0;
				line-height:22px;
				color:#2f7ba8;
				text-align:left;
				text-decoration:none;
				
			}
				#content2 a:hover {
					color:#333;
					text-decoration:none;
				}
			
			#content2 img {
				margin:0px;
			}
			
			#content2 li {
				text-align:left;
				list-style:none;
			}
		
		#content2ref {
			width:640px;
			margin:20px 0px 0px 40px;
			float:left;
			background:#fff;
		}
		
		#content2ref img {
			float:left;
			margin:10px 26px;
		}
		
			#content2ref h1 {
				font-size:16px;
				font-family: arial;
				font-weight:bold;
				text-align:left;
				margin:5px 0 10px;
				line-height:18px;
				color:#073863;
				text-align:center;
				
			}
			
		#content2gal {
			width:640px;
			margin:20px 0px 0px 40px;
			float:left;


		}
		
		#content2gal img {
			float:left;
			margin:4px 11px;
			border:2px solid #ccc;
		}
		
			#content2gal h1 {
				font-size:16px;
				font-family: arial;
				font-weight:bold;
				text-align:left;
				margin:5px 0 10px;
				line-height:18px;
				color:#073863;
				text-align:center;
				
			}
		
		#content2ilet {
			width:640px;
			margin:20px 0px 0px 40px;
			float:left;


		}
		
		#content2ilet img {
			float:left;
			margin:0px 0 0 40px;

		}
		
			#content2ilet h1 {
				font-size:16px;
				font-family: arial;
				font-weight:bold;
				text-align:left;
				margin:5px 0 10px;
				line-height:18px;
				color:#073863;
				text-align:left;
				
			}
			#content2ilet p {
				font-size:11px;
				font-family:verdana, arial;
				font-weight:normal;
				text-align:left;
				margin:0px 0 4px;
				line-height:14px;
				color:#444;
				text-align:justify;
			}
		
		#footer {
			margin:10px auto;
			background:#fff;
			overflow:hidden;
			border-top:1px solid #62c4c1;
			width:900px;
		}		
				#footer p {
					text-align:center;
					font-size:11px;
					font-family:arial;
					margin:8px auto;
					line-height:30px;
					color:#999;
				}		
				
		#iletisim {
			width:430px;
			margin:5px 30px 5px;
			float:left;
		}
			#iletisim1 {
				width:200px;
				margin-right:20px;
				float:left;
				height:400px;
			}
			
				#iletisim1 p {
					text-align:left;
					font-size:12px;
					font-family:arial;
					font-weight:normal;
					text-align:left;
					margin:2px auto;
					line-height:14px;
					color:#666;
					padding:0 3px;
					border-bottom:1px dotted #CCCCCC;
					width:194px;
					
					
				}
				
				#iletisim1 h1 {
					width:200px;
					height:30px;
					background:#FFF url(img/baslikbg.gif) no-repeat;
					font-family:arial;
					font-size:12px;
					font-weight:bold;
					text-align:center;
					line-height:30px;
					margin:15px 0 8px;
				}
			
			#iletisim2 {
				width:200px;
				float:left;
			}
			
				#iletisim2 img {
					width:200px;
					float:left;
					margin:15px 0 10px;
				}
				
				#iletisim2 a {
					width:200px;
					text-align:left;
					font-size:11px;
					font-family:arial;
					font-weight:bold;
					text-align:left;
					margin:2px 0;
					line-height:14px;
					color:#666;
					padding:0 3px;
				}
				
		#ref {
			width:464px;
			margin:5px 13px 5px;
			float:left;
		}	
			#ref img{
			width:90px;
			margin:15px 13px;
			float:left;
			}	
			
			#ref h1{
			text-align:center;
			margin:15px 13px;
			font-size: 12px;
			font-family:arial;
			}
		
		#kroki {
			width:900px;
			margin:20px 25px 5px 15px;
			overflow:hidden;
		}			
			
		#galeri {
			width:450px;
			margin:20px;
			float:left;
		}
		
			#galeri img{
				width:134px;
				margin:0px 8px 6px;
				float:left;
			}