@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	margin:0px;
	background:url(images/top_bg.png) repeat center top;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#262626;
}
ul {
	margin:0px;
	padding:0px;
}
.alignleft {
	float: left;
}
ul li {
	list-style:none;
}
a:active {
	text-decoration:none;
}
a {
	color:#000;
	text-decoration:none;
	outline: 0;
}
a:hover {
	color:#0084c1;
}
.clear {
	clear:both;
}
.ortala {
	text-align:center;
}
#genel-div {
	width:1000px;
	min-height:800px;
	margin:20px auto;
	border: 0px solid #696;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #999 0px 0px 5px;
	-moz-box-shadow: #999 0px 0px 5px;
	box-shadow: #999 0px 0px 5px;
	background: #f5fafb;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5fafb), to(#FFFFFF));
	background: -webkit-linear-gradient(#f5fafb, #FFFFFF);
	background: -moz-linear-gradient(#f5fafb, #FFFFFF);
	background: -ms-linear-gradient(#f5fafb, #FFFFFF);
	background: -o-linear-gradient(#f5fafb, #FFFFFF);
	background: linear-gradient(#f5fafb, #FFFFFF);
	-pie-background: linear-gradient(#f5fafb, #FFFFFF);
	behavior: url(js/PIE.htc);
}
#ust-bar {
	position:relative;
	height:35px;
}
#ust-bar .ust-telefon {
	position:absolute;
	top:-1px;
	right:250px;
}
#ust-bar .ust-bar-menu {
	position:absolute;
	top:10px;
	right:5px;
}
#ust-bar .ust-bar-menu li {
	float:left;
	padding: 0 6px 0 6px;
	background:url(images/ust-menu-nav.png) right center no-repeat;
}
#ust-bar .ust-bar-menu ul li.last-child {
	background:none;
}
#ust-bar .ust-bar-menu li a {
	color:#377d99;
}
#ust-bar .ust-bar-menu li a:hover {
	color:#0084c1;
}
#ust-menu {
	margin-top:20px;
	height:80px;
}
#ust-menu .logo {
	float:left;
	padding-left:50px;
	width:155px;
	background:url(images/logo-bg.png) no-repeat 0 10px;;
}
#ust-menu .ana-menu {
	float:left;
	margin-left:10px;
}
#ust-menu .ana-menu div {
	float:left;
	width:12px;
	padding-top:10px;
}
#ust-menu .ana-menu .ana-menu-li {
	float:left;
	background:url(images/ana-menu-bg.png) repeat-x 0 10px;
	width:773px;
}
#ust-menu .ana-menu .ana-menu-li ul {
	overflow:hidden;
}
#ust-menu .ana-menu .ana-menu-li ul li {
	float:left;
	cursor:pointer;
	height:55px;
	padding: 0 10px 0 10px;
	background:url(images/ana-menu-nav.png) no-repeat right center;	
}
#ust-menu .ana-menu .ana-menu-li li.last-child {
	background:none;
}
#ust-menu .ana-menu .ana-menu-li a {
	display:block;
	padding: 19px 10px 18px 10px;
	font-size:18px;
	color:#FFF;	
}
#ust-menu .ana-menu .ana-menu-li a:hover {
	background:url(images/menu-hover.png) center center no-repeat;
	color:#f6f3f3;
}
.duyuru-konum {
	width:780px;
	float:right;
	margin-right:5px;
	background:url(images/duyuru-bg.png) no-repeat;
	height:30px;
	line-height:30px;
	margin-bottom:15px;
}
.konum-baslik { 
	float:left;
	padding-left:15px;
	width:175px;
	font-weight:bold;
}
#orta-sol {
	float:left;
	width:195px;
	margin-left:10px;	
}
.seo-ile {
	position:relative;
	width:195px;
	height:94px;
	background:url(images/seo-ile-bg.png) no-repeat left center;
	margin-bottom:10px;
}
.seo-ile h5 {
	position:absolute;
	font-size:14px;
	right:35px;
	top:10px;
	margin:0;
	color:#595959;	
}
.seo-ile span em {
	position:absolute;
	color:#535353;
	width:90px;
	bottom:11px;
	right:4px;
	font-size:11px;
}
#orta-sol .sol-menu {
	background:url(images/sol-menu-bg.jpg) no-repeat;
	padding-left:10px;
	margin-bottom:10px;
}
#orta-sol .sol-menu h3 {
	font-size:14px;
	display:block;
	color:#0084c1;
	margin:0 0 5px 0;
	padding:15px 0px 15px 0;
	background:url(images/sol-menu-baslik-bg.png) no-repeat -8px bottom;
}
#orta-sol .sol-menu li {
	display:block;
	line-height:18px;
	padding-left:10px;
	background:url(images/sol-menu-liste-bg.png) no-repeat left center;
}
#orta-sol .sol-menu li a {
	color:#5f6060;
}
#orta-sol .sol-menu li a:hover {
	color:#333;
}
#orta-sol .blog-son {
	margin-top:10px;
}
#orta-sol .blog-son h5 {
	font-size:14px;
	margin: 0 0 3px 0;
	color:#595959;	
}
#orta-sol .blog-son p {
	font-size:13px;	
	margin-bottom:5px;
}
#orta-sol .blog-son p a {
	color:#0084c1;
}
#orta-sag {
	float:left;
	width:780px;
	margin-left:10px;
}
#orta-sag  .icerik-sol {
	float:left;
	width:587px;
	line-height: 20px;
	margin-right:5px;
	margin-left:3px;
}
#orta-sag  .icerik-sol .icerik, .referanslar, .blog-liste {
	margin-top:15px;
}
#orta-sag  .icerik-sol h2.baslik {
	margin:14px 0 0 0;
	font-size:14px;
	color:#0084c1;
	padding-bottom:10px;
	background:url(images/h2-baslik-cizgi.png) no-repeat center bottom;
}
#orta-sag  .icerik-sol h4 {
	font-size:14px;
	color:#0084c1;
	margin:14px 0 10px 0;
}
#orta-sag  .icerik-sol .referanslar li {
	float:left;
	width:185px;
	margin:5px 10px 5px 0;
}
#orta-sag  .icerik-sol .referanslar li .referans-baslik {
	margin-bottom:5px;
	font-weight:bold;
}
#orta-sag  .icerik-sol .referanslar li .referans-resim {
	position:relative;
	width:179px;
	height:163px;
	background:url(upload/ref.png) no-repeat;
}

#orta-sag  .icerik-sol .referanslar li .referans-resim img {
	width:169px;
	padding:5px 0 0 5px;
}
#orta-sag  .icerik-sol .blog-liste li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #F0F0F0;
}
#orta-sag  .icerik-sol .blog-liste li p {
	padding: 5px 0 5px 0;	
}
#orta-sag  .icerik-sag {
	float:right;
	width:175px;
	border: 1px solid #e1e4e4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(js/PIE.htc);
	background-color:#f7f7f7;
	min-height:500px;
	margin-right:2px;
}
#orta-sag  .icerik-sag .hizli-menu {
	position:relative;
	margin-top:5px;
	margin-bottom:10px;
	width:175px;
	height:214px;
	background:url(images/hizli-menu-bg.jpg) no-repeat center top;
}
#orta-sag  .icerik-sag .hizli-menu h5 {
	padding:100px 0 0 15px;
	font-size:14px;
	color:#9ec83c;
	margin-bottom:5px;
}
#orta-sag  .icerik-sag .hizli-menu li {
	padding-left:12px;
	margin-left:15px;
	line-height:20px;
	color:#3a3b3b;
	background:url(images/bullet.gif) no-repeat left center;
}
#orta-sag  .icerik-sag .musteri-gorusleri {
	position:relative;
	margin-top:15px;
	margin-bottom:10px;
	width:175px;
	height:151px;
	background:url(images/musteri-gorusleri-bg.png) no-repeat center top;
}
#orta-sag  .icerik-sag .musteri-gorusleri p em {
	position:absolute;
	width:140px;
	top:35px;
	left:20px;
	color:#6a6b6c;
}
#orta-sag  .icerik-sag .musteri-gorusleri span {
	position:absolute;
	width:140px;
	bottom:30px;
	right:20px;
	color:#3a3b3b;
	text-align:right;
}
#orta-sag .orta-banner {
	float:left;
	margin-right:10px;
}
#orta-sag .son-projelerimiz {
	float:left;
	width:420px;
	margin-bottom:15px;
}
#orta-sag .son-projelerimiz .proje-ust {
	position:relative;
	height:25px;
	background:url(images/son-projeler-bg.png) no-repeat left center;
	margin-bottom:5px;	
}
#orta-sag .son-projelerimiz .proje-ust h4, .referanslarda-ust h4 {
	position:absolute;
	left:20px;
	top:8px;
	margin:0;	
}
#orta-sag .son-projelerimiz .proje-ust span em, .referanslarda-ust span em  {
	color:#ffb200;
	position:absolute;
	top:7px;
	left:140px;
	font-weight:bold;
}
#orta-sag .son-projelerimiz .proje-ust img, .referanslarda-ust img {
	position:absolute;
	right:0px;
	top:7px;
}
#orta-sag .son-projelerimiz .proje-onizleme {
	float:left;
	margin-right:5px;
	padding-top:5px;
	overflow:hidden;
	width:100px;
}
#orta-sag .son-projelerimiz .proje-onizleme img {
	width:100px;
	height:112px;
}
#orta-sag .son-projelerimiz .proje-liste {
	float:left;
	width:312px;
}
#orta-sag .son-projelerimiz .proje-liste li {
	height:25px;
	line-height:25px;
	background:url(images/proje-li-bg.png) repeat-x left bottom;
}
#orta-sag .son-projelerimiz .proje-liste li a {
	color:#787474;
}
#orta-sag .son-projelerimiz .proje-liste li a:hover {
	color:#000;
}
#orta-sag .son-projelerimiz .proje-liste li span {
	float:left;
}
#orta-sag .son-projelerimiz .proje-liste li div {
	text-align:right;
	color:#ffb200;
}
#orta-sag .referanslardan {
	float:left;
	width:420px;
	border: 0px solid #696;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(js/PIE.htc);
	background-color:#f0f0f0;
	min-height:330px;
}
#orta-sag .referanslardan .referanslarda-ust {
	position:relative;
	height:25px;
	margin-bottom:5px;	
}
#orta-sag .referanslardan .referanslarda-ust h4 {
	left:5px;
	top:9px;
}
#orta-sag .referanslardan .referanslarda-ust span em {
	color:#008ee8;
}
#orta-sag .referanslardan .referans-secmeler {
	border: 0px solid #696;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(js/PIE.htc);
	background-color:#FFF;
	min-height:330px;
	margin:5px;
}
#orta-sag .referanslardan .referans-secmeler li {
	float:left;
	width:135px;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
#orta-sag .referanslardan .referans-secmeler li p {
	margin-top:5px;
	margin-bottom:5px;
}
#orta-sag .referanslardan .referans-secmeler li p.referans-secmeler-baslik {
	color:#0084c1;
	font-weight:bold;
	padding-bottom:3px;
}
#orta-sag .referanslardan .referans-secmeler li img {
	width:100px;
	height:100px;
	padding-left:4px;
	padding-bottom:6px;
	background:url(images/ref-secme-thumb-bg.png) no-repeat center bottom;
}
#orta-sag .referanslardan .referans-secmeler li img.ref-detay-button {
	width:82px;
	height:19px;
	background:none;
}

#alt {
	margin-top:40px;
	padding-left:10px;
	padding-bottom:10px;
}
#alt .alt-bar {
	width:990px;
	height:47px;
	background:url(images/alt-bar-bg.jpg) no-repeat;
	margin-bottom:10px;	
}
#alt .alt-bar .sol-alt-bar {
	float:left;
	width:189px;
	height:37px;
	padding-top:10px;
	background:url(images/footer_logo.png) no-repeat 7px center;
	text-align:right;
	color:#4e4646;
}
#alt .alt-bar .alt-bar-menu {
	float:left;
	width:690px;
	margin-left:20px;
	line-height:47px;
}
#alt .alt-bar .alt-bar-menu li {
	float:left;
	padding:0 13px 0 13px;
	background:url(images/alt-menu-nav.png) right center no-repeat;
}
#alt .alt-bar .alt-bar-menu li.last-child {
	background:none;
}
#alt .alt-bar .alt-bar-menu li a {
	color:#3b3b3b;	
}
#alt .alt-bar .alt-bar-menu li a:hover {
	color:#000;	
}
#alt .alt-bar .yukari-cik {
	width:90px;
	float:left;
	line-height:47px;
	text-align:center;
	color:#ff9300;
	font-weight:bold;
}
#alt .copyright {
	margin-left:205px;
	font-size:11px;
	color:#4e4646;
}
.image_styled {
	margin-bottom: 10px;
}
.image_styled.aligncenter .image_frame,.image_styled.aligncenter .image_shadow{
	margin: 0 auto;
}
.image_frame {
	background-color:#f9f9f9;
	position: relative;
}
.image_styled,.image_frame,.image_styled img {
	display: block;
}
.image_frame {
	border:1px solid #eee;
}
.image_overlay{
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	visibility:hidden;
	overflow: hidden;
}
.image_styled.alignleft {
	margin-right:16px;
}
.image_styled.alignright {
	margin-left:16px;
}
.icon_text {
	padding:0 0 0 22px;
	background-image:url("images/icons.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-color:transparent;
	line-height:25px;
}
.icon_phone {
	background-position: -180px -210px;
}
.icon_email {
	background-position: -330px -60px;
}
a.button, button.button {
	width: 80px;
	padding:3px 0 3px 0;
	background-color:#0084c1;
	text-align: center;
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	behavior: url(js/PIE.htc);
	float:right;
	margin-right:5px;
}
ul.list {
	list-style-type:none;
	margin-left:5px;
}
ul.list li {
	background-image:url("images/ok.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-color:transparent;
	padding-left:28px;
	margin:4px 0;
}
.fancy {
    background: url("images/image-zoom.png") no-repeat scroll center center transparent;
    display: block;
}
