/*  
Theme Name: Mavigen
Version: 1.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen İnternet Hizmetleri</a>
Author: Mavigen
Author URI: http://www.mavigen.com
*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);

html, body, #site-content {height: 100%;}
body > #site-content {height: auto; min-height: 100%;}

body { background:url('../images/bg.jpg') no-repeat center top; font-family:'Oswald', sans-serif; min-width:980px; }

		.float-left { float:left; }
		.float-right { float:right; }
		.clear-left { clear:left; }
		.clear-right { clear:right; }
		.clear-both { clear:both; }
		
		a { text-decoration:none; }
		a:hover { text-decoration:none; }
		ul {list-style:none;}
		.container { width:980px; min-width:980px; margin:0 auto; z-index:5; position:relative; }
		
		.header { background:url('../images/bgHeader.png') no-repeat center top; height:123px; position:relative; z-index:6; margin:0 0 61px;}
		.header a.logo { height:100px; width:230px; text-decoration:none; float:left; margin: 44px 0 0 -7px; }

		.header .right ul.language{ margin:26px 10px 0 0; float:right; }
		.header .right .language li{ margin:0 4px; float:left; line-height:24px; height:24px; }
		.header .right .language li a{ color:#333; font-size:12px; }
		
		.header .right{ float:right; }
			.header .right ul.icon-social {	margin: 24px 5px 21px 0; float:right; list-style: none; }
			.header .right .icon-social li { float: right; margin: 0 3px; min-width: 26px; height: 32px; line-height: 32px; }
			.header .right .icon-social li a { text-decoration: none; display: block; text-indent: -9999px; }
			.header .right .icon-social li.twitter { background: url(../images/icon-social.png) no-repeat -43px 0px; }
			.header .right .icon-social li.youtube { background: url(../images/icon-social.png) no-repeat -75px 0px; }
			.header .right .icon-social li.facebook { background: url(../images/icon-social.png) no-repeat -11px 0px; }
		
		
.bg-banner { background: none repeat scroll 0 0 #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); height: 380px; margin: 0 auto; padding: 10px; position: relative; width: 960px; z-index: 4;}
		.yazi { left:100px; top:122px; position: absolute; width: 800px; text-align:left; }	
		.yazi h2 { font-family:'Oswald', sans-serif; font-weight:400; font-size:34px; color: #fff; margin:0; text-shadow: 1px 2px #000; }
		.yazi p { font-family:'Oswald', sans-serif; font-weight:300; font-size:34px; color: #fff; margin:0; text-shadow: 1px 2px #000;}
		 
		.main-content { padding:0 0 180px 0; margin:0 auto; width:980px; position:relative; }
		
		.services { font-family:'Oswald', sans-serif; margin:0 0 20px; }
		.services h2 {border-bottom:1px solid #eee; font-size:14px; color:#666; margin:22px 0; font-weight:400;}
		.services h2 span:after {content:""; position:absolute; width:100%; background: #F2B700; height:1px; bottom:-1px; left:0;}
		.services h2 span { position:relative; }
		.services ul { list-style:none; margin:0; padding:0; }
		.services ul li { width:122px; height:122px; float:left; margin:0 18px 0 0; border: 1px dotted #000; border-radius: 100px; display: inline-block; }
		.services ul li:last-child {margin:0;}
			.services ul li img {width:122px; height:122px;border-radius: 100px;}
			.services ul li:hover img {}
			.services ul li h2 { color:#9A1904; margin:5px 4px 8px; font-size:14px; }
			.services ul li p{ position:relative; bottom:-36px; margin:0 0px 5px; font-family:'Oswald', sans-serif; color:#777777; font-size:13px; text-align:center; }
			.services ul li a.devami { color:#AB595F; font-weight:bold; font-size:12px; text-align:right; margin:10px 4px 0 0; display:block; }
		
		
		.main-content .left-side { float:left; width:660px; height:380px; overflow:hidden; background:url('../images/bgMainleft.png') no-repeat center top; margin:90px 0 0 0;}
		.main-content .left-side h2 {border-bottom:1px solid #eee; font-size:14px; color:#666; margin:22px 20px; font-weight:400;}
		.main-content .left-side h2 span:after {content:"";position:absolute; width:100%; background: #F2B700; height:1px; bottom:-1px; left:0;}
		.main-content .left-side h2 span { position:relative; }
		.main-content .left-side a.inf { height:140px; overflow:hidden; display:block; }
		
		.main-content .left-side #sli { overflow:hidden; width:640px; }
		.main-content .left-side .resim { overflow:hidden; position:relative; width:100%; }
		.main-content .left-side ul { list-style:none; margin:0; padding:0; }
		.main-content .left-side ul li { float:left; margin:0 0 0 18px; position:relative; width:640px; overflow:hidden; border-bottom:1px solid #ddd; }
		.main-content .left-side ul li:last-child { border:none; margin:9px 0 0 18px;}
		
		.main-content .left-side ul li h3{ font-family:'Oswald', sans-serif; font-size:13px; font-weight:500; color:#666; margin:5px 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 440px; }
		.main-content .left-side ul li img{ float:left; width:133px; height:100px; margin:10px 18px 0 0; border:2px solid #ddd; border-radius:5px; }
		.main-content .left-side ul li p{ float:right; font-family:'Arial', sans-serif; color:#666; font-size:12px; line-height:18px; margin:0 25px 0 0; text-align:justify; width:460px; }
		.main-content .left-side ul li a.more { font-family:'Oswald', sans-serif; color:#0A3E95; font-weight:300; font-size:12px; text-align:right; margin:-35px 35px 15px 0; display:block; }
	
		.main-content .right-side { font-family:'Oswald', sans-serif; width:300px; height:400px; float:left; margin:90px 0 0 20px; padding:0; overflow:hidden; }
		.main-content .right-side h2 {border-bottom:1px solid #eee; font-size:14px; color:#666; margin:22px 0px; font-weight:400;}
		.main-content .right-side h2 span:after {content:"";position:absolute; width:100%; background: #F2B700; height:1px; bottom:-1px; left:0;}
		.main-content .right-side h2 span { position:relative; }
		.main-content .right-side ul {width:309px; height:300px; float:left; margin:0; padding:0px;}
		.main-content .right-side ul li {width:92px; height:92px; float: left; border:solid 1px rgba(238,238,238,1); margin:0 9px 9px 0;}

		.footer { font-family:'Oswald', sans-serif; background:url('../images/bgFooter.jpg') no-repeat center top; border-top:2px solid #F2B700; margin:-145px auto 0; height:145px; position:relative; }
			.footer .container { width:980px; }
		
			.footer .address { float:left; margin:13px 0 0 0; font-family:Verdana, Geneva, sans-serif; width:305px; font-size:11px; height:98px; }
				.footer .address h2 { font-family:'Oswald', sans-serif; color:#fff; font-size:16px; margin:0 0 10px 0; }
				.footer .address p { font-family:Arial, sans-serif; color:#fff; margin:0 0 5px 0; line-height:18px; font-size:12px; }
			
			.footer .address2 { float:left; margin:46px 0 0 0; font-family:Verdana, Geneva, sans-serif; width:305px; font-size:11px; height:88px; color:#fff; }
			.footer .address2 a { color:#fff; }
			.footer .address2 strong { font-family:Arial, sans-serif; color:#fff; margin:0 0 5px 0; line-height:18px; font-size:12px; }
			
			.footer .fRight { float:right; width:150px; height:95px; }
			.footer .fRight h2 { font-family:'Oswald', sans-serif; color:#fff; font-size:16px; margin:13px 0 0px 0; text-align:right; }
			.footer ul.icon-social { margin:4px 0 0 0; padding:0; list-style:none; float:right; }
			.footer .icon-social li { float: right; margin: 0 3px; min-width: 26px; height: 32px; line-height: 32px; }
			.footer .icon-social li a { text-decoration:none; display:block; text-indent: -9999px; }
				.footer .icon-social li.twitter { background:url('../images/icon-social.png') no-repeat -140px 0px; }
				.footer .icon-social li.youtube { background:url('../images/icon-social.png') no-repeat -172px 0px; }
				.footer .icon-social li.facebook { background:url('../images/icon-social.png') no-repeat -108px 0px; }

			.footer .copyright { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; height:15px; margin-top:-10px; }
			.footer .copyright a { color:#fff; }
			.footer .copyright a:hover { color:#666; text-decoration:none; }

		.sub-banner { height:276px; width:980px; margin:0 auto; background:url('../images/sub-banner.png') no-repeat center top; }
					
		.sub-content { width:940px; padding:10px 20px 170px 20px; margin:0 auto; text-align:justify; font-family:Arial, Geneva, sans-serif; font-size:12px; color:#666; line-height:20px; }
			.sub-content h2{ font-family:Arial, Geneva, sans-serif; color:#444; font-size:10px; line-height:14px; padding:0; margin:10px 0 20px 0; width:578px; }
		.sub-content p { margin:0 0 10px 0; }
		
		.resim-sag { width:196px; margin:5px 0 5px 10px; float:right; border:4px solid #E2DCD2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
		.resim-sol { width:196px; margin:5px 10px 5px 0; float:left; border:4px solid #E2DCD2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }