html,body{height:100%}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#4c4c4c;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:10px 0px 6px 0px;
	padding:0px;
}

h1, h2, #padding_content h3, h4, h5 {margin-bottom:15px;	font-family:Tahoma, Arial, Verdana;	font-weight:normal; color:#0168a2;}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:26px; line-height:28px;}
#padding_content h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}

textarea{resize:none;}
a {color:#0168a2;text-decoration:none;}
a:hover{color:#2596d6;}
a img{border:none}
.imgleft{float:left; padding-right:12px;}
.imgright{float:right; padding-left:12px;}

p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#4c4c4c;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#4c4c4c;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote_top.png);
	background-repeat:no-repeat;
}


code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}

#main_container{ background-image:url(../images/bg_container_top.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#main_container_inner{ background-image:url(../images/bg_container_inner.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#bottom_container{ background-image:url(../images/bg_container_bottom.gif); background-repeat:repeat-x; height:320px;}

#centercolumn{width:980px; margin:0px auto 0px auto;}

#top{ height:189px; width:980px;}
#logo{ width:600px; float:left;}
#pad_logo{ padding:16px 0px 0px 10px;}
#contact{background:url(../images/tel.gif) no-repeat; width:321px; height:75px; float:right; margin-top:10px;margin-right:10px;}
#contact ul{margin:0px; padding:5px 0px 0px 20px;}
#contact ul li{list-style-type:none; padding:5px 31px; color:#0168a2;}
#contact ul li a, #contact ul li a:visited{color:#0168a2; text-decoration:none;}
#contact ul li.url{background-image:url(../images/icon_lcd.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.mail{background-image:url(../images/icon_email.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.phone{background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-position:5px 4px;}
#topmenu{width:980px; float:left; height:90px;}

#nav {margin:0px; padding:12px 0px 0px 0px;}
#nav ul{ 
	padding:0 0 0 0px;
	margin:0;
	list-style: none;
}
#nav li.noslice{
	background:none !important;
}
#nav li{
	background:url(../images/slice.jpg) no-repeat 0px 25px ;

	list-style:none;
	float:left;
	display:inline;
	padding:0px 25px 0px 25px;
	text-align:center;
	font:normal 12px Arial;
	
}



#nav li a, #nav li a:visited{color:#ffffff;  font-size:18px; font-weight:bold; text-decoration:none; display:block; padding:25px 0px 5px 0px;}
#nav li a:hover{background-image:url(../images/selectormenu.gif); background-repeat:no-repeat; background-position:center top;}
#nav li a.current{background-image:url(../images/selectormenu.gif); background-repeat:no-repeat; background-position:center top;}
span.descmenu{font-size:12px; text-transform:capitalize; color:#ffffff; padding:0px 0px 0px 0px;}

#content{width:980px;}
#padding_content{ padding:20px 0px 20px 0px; float:left;}
#maincontent{ padding:0px 0px 0px 0px;}

#main{width:640px; float:left;}
#maintext{padding:0px 30px 20px 20px}
#maintext_portfolio{padding:0px 0px 0px 0px}
.boxtop{ width:270px; float:left; padding:0px 0px 0px 0px;}
.boxtop p{margin:0;padding:0 0 10px 0;line-height:150%;}
.spacer{margin-left:20px;width:25px; float:left; display:block; height:140px;border-left:1px solid #efefef;}
.read{background-image:url(../images/icon_checks.gif); background-repeat:no-repeat; background-position:0 0; padding:2px 0px 8px 25px;margin-left:170px;}

#side{width:323px; float:left;}
.sidebox{  padding:0px 10px 10px 0px;}
.c_middlesidebox{background-image:url(../images/c_middle.gif); background-repeat:repeat-y; background-position:left; width:323px; margin-top:10px}
.c_topsidebox{background-image:url(../images/c_top.gif); background-repeat:no-repeat; background-position:left top; width:323px;}
.c_bottomsidebox{background-image:url(../images/c_bottom.gif); background-repeat:no-repeat; background-position:left bottom; width:323px;}
.contentbox{padding:10px 18px 30px 18px;}
.contentbox h2, .contentbox p{color:#fff;}
.side_bg{
	background-image:url(../images/separator.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:350px;
	padding:0px 0px 0px 27px;
}
.sidebox blockquote{margin:0px !important; padding:0px  !important; background-image:url(../images/quote_top.png); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(../images/quote_bottom.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:30px 8px 30px 8px;}

.sidetext{padding:0px 20px 0px 27px;}
ul.l1{margin:0px; padding:0px; list-style-type:none; font-size:14px;}
ul.l1 li{list-style-type:none; background-image:url(../images/arrow_large.gif); background-position:center left; background-repeat:no-repeat; border-bottom:solid 1px #e6e6e6; line-height:30px; padding:0px 20px}
ul.l1 li a, ul.l1 li a:visited{color:#4c4c4c; text-decoration:none;}
ul.l1 li a:hover{text-decoration:underline;}
ul.l2{margin:0px; padding:0px; list-style-type:none;}
ul.l2 li{list-style-type:none; padding:0px 0px 13px 30px; background-image:url(../images/icon_checks.png); background-repeat:no-repeat; 
	background-position:0px 0px; line-height:18px;}
ul.l2 li a, ul.l2 li a:visited{color:#4c4c4c; text-decoration:none;}
ul.l2 li a:hover{text-decoration:underline;}
.but{vertical-align:middle;}
.inputbox01{width:205px; border:0px; vertical-align:middle; padding:4px 4px 6px 3px; color:#999; background-image:url(../images/bg_input_src.gif); background-repeat:no-repeat; margin-right:5px;}
#newsletter fieldset{border:0px;}

#footer{ width:980px; margin:0px auto; color:#fff !important}
#footer a, #footer a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}

#content_bottom{height:215px; width:980px; margin:0 auto;}
.box_bottom{width:290px; float:left; padding:40px 0px 0px 0px}
.separator_box{float:left; width:40px; height:100%;}
.box_bottom h3{color:#fff;}
.box_bottom, .box_bottom p{color:#fff}
.box_bottom ul li a, .box_bottom ul li a:visited{color:#fff; text-decoration:none;}
ul.listimg{list-style-type:none; margin:0px; padding:0px;}
ul.listimg li{background-image:none; padding:0px 8px 4px 0px; border-bottom:none; display:inline; float:left;}

#foot_copyright{
	float:left;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	line-height:150%;
	color:gray;
}

#foot_copyright a, #foot_copyright a:visited{text-decoration:none;font-weight:bold;color:gray;}


#header{height:300px; width:980px; background-image:url(../images/banner-bg.jpg); background-repeat:no-repeat;}
#header_content{height:300px;padding:5px 0px 0px 0px;}

#header2{height:145px; width:980px; background-image:url(../images/banner-bg2.jpg); background-repeat:no-repeat;}
#header_content2{height:145px;padding:0px;text-align:center;}

.pm_anasayfa_ozellik_1{background:url(../images/hzili_kurulum_ikon.jpg) no-repeat top left;padding-left:54px;height:48px;margin:0 0 5px 0;line-height:125%;}
.pm_anasayfa_ozellik_2{background:url(../images/kullanci_dostu_arayuz_ikon.jpg) no-repeat top left;padding-left:54px;height:48px;margin:0 0 5px 0;line-height:125%;}
.pm_anasayfa_ozellik_3{background:url(../images/guvenilir_altyapi_ikon.jpg) no-repeat top left;padding-left:54px;height:48px;margin:0 0 5px 0;line-height:125%;}
.pm_anasayfa_ozellik_4{background:url(../images/seo_ikon.jpg) no-repeat top left;padding-left:54px;height:48px;margin:0 0 5px 0;line-height:125%;}
.pm_anasayfa_ozellik_5{background:url(../images/entegrasyonlar_ikon.jpg) no-repeat top left;padding-left:54px;height:48px;margin:0 0 5px 0;line-height:125%;}
.pm_anasayfa_ozellik_6{background:url(../images/tasarim_secenekleri_ikon.jpg) no-repeat top left;padding-left:54px;height:48px;margin:0 0 5px 0;line-height:125%;}


#bilgi_mesaji{font:14px tahoma;display:none;}
#bilgi_mesaji p.baslik{display:none;}
#bilgi_mesaji div.icerik_basari{background:url(../images/bilgi_mesaji_ok.jpg) center left no-repeat;padding:18px 0 18px 40px;}
#bilgi_mesaji div.icerik_hata{background:url(../images/bilgi_mesaji_hata.jpg) center left no-repeat;padding:18px 0 18px 40px;}


#link p{font-size:18px; line-height:20px;color:#fff;padding:0;margin:0;}
#link ul{list-style-type:decimal;line-height:150%;color:#fff;}
#link ul li a{font-size:13px;}
#link ul li a:hover{text-decoration:underline;}

#haber p{font-size:18px; line-height:20px;color:#fff;padding:0;margin:0;}
#haber ul{list-style-type:decimal;line-height:150%;color:#fff;}
#haber ul li a{font-size:13px;}
#haber ul li a:hover{text-decoration:underline;}

#diger_urunlerimiz{}
#diger_urunlerimiz p{font-size:18px; line-height:20px;color:#fff;padding:0;margin:0;}
#diger_urunlerimiz ul{list-style-type:decimal;line-height:150%;color:#fff;}
#diger_urunlerimiz ul li a{font-size:13px;}
#diger_urunlerimiz ul li a:hover{text-decoration:underline;}


#demo_talep_formu{float:left;height:100%;padding:5px;width:730px;}
#demo_talep_formu p.baslik{margin:0;font:20px arial;color:darkred;padding:5px 0 5px 35px;background:url(demo_talep_formu.png) center left no-repeat;}
#demo_talep_formu div.icerik{font:12px arial;line-height:150%;padding-right:15px;}
#demo_talep_formu div.form{font:12px arial;line-height:150%;border-top:1px solid #efefef;padding-top:5px;margin-top:5px;width:725px;}
#demo_talep_formu div.form form{margin:0;}
#demo_talep_formu div.form p{margin:0;padding:2px;width:100%;}
#demo_talep_formu div.form p label{width:150px;display:block;float:left;margin-right: 15px;padding-top:4px;}
#demo_talep_formu div.form p input{width:490px;padding:3px;font:12px arial;}
#demo_talep_formu div.form p textarea{width:490px;height:80px;padding:3px;font:12px arial;}
#demo_talep_formu div.form div.butonlar{text-align:center;padding:5px;}


#haber_detay{margin:10px 0;}
#haber_detay p.baslik{background:url(../images/haber_detay.jpg) no-repeat center left;padding:25px 0 25px 52px;font:20px arial;color:darkblue;margin:0;}
#haber_detay div.icerik{line-height:150%;}

#diger_haberler{border-top:1px dotted silver;margin:5px 0 0 0;}
#diger_haberler p.baslik{background:url(../images/diger_haberler.jpg) no-repeat center left;padding:25px 0 25px 52px;font:20px arial;color:darkblue;margin:0;}
#diger_haberler div.icerik ul{margin:0;}
#diger_haberler div.icerik ul li{list-style:none;float:left;width:50%;}
#diger_haberler div.icerik ul li a{display:block;padding:3px;text-decoration:none;font:13px arial;border-bottom:1px dotted #c0c0c0;}

#sayfa_menu{padding-top:25px;float:left;}
#sayfa_menu div{padding-top:50px;width:260px;height:600px;background:url(../images/ozellik_butonlar_alt.gif) no-repeat;}
#sayfa_menu div a{outline:0;display:block;text-decoration:none;font:bold 17px arial;padding:10px 0 10px 20px;margin:0 0 5px 0;}
#sayfa_menu div a.secili{color:darkblue;background:url(../images/ozellik_buton_alt.gif) no-repeat;}

#sayfa_detay{margin:0;padding:10px;}
#sayfa_detay p.baslik{padding:0 0 20px 0px;font:bold 22px arial;color:darkred;margin:0;}
#sayfa_detay div.icerik{line-height:150%;}
#sayfa_detay div.icerik p{margin:0;padding:0;}

#iletisim{margin-top:20px;padding:10px;}
#iletisim p.baslik{padding:0 0 20px 0px;font:bold 22px arial;color:darkred;margin:0;}
#iletisim div.icerik{line-height:150%;width:100%;}
#iletisim div.form{font:12px arial;line-height:150%;padding-top:5px;margin-top:5px;}
#iletisim div.form form{margin:0;}
#iletisim div.form p{margin:0;padding:2px;}
#iletisim div.form p label{display:block;font:bold 13px arial;width:150px;;margin-right: 15px;padding:4px 0;}
#iletisim div.form p input{width:540px;padding:3px;font:13px arial ;}
#iletisim div.form p textarea{width:540px;height:80px;padding:3px;font:13px arial;}
#iletisim div.form div.butonlar{text-align:right;padding:5px 30px 5px 5px;}
#iletisim div.form div.butonlar input{font:bold 13px arial;padding:3px;color:darkblue;}

#hesap_numaralari div{width:175px;border:1px solid #efefef;padding:5px;margin:0 2px;float:left;}


#demo_talep div.form{font:12px arial;line-height:150%;padding-top:5px;margin-top:5px;}
#demo_talep div.form form{margin:0;}
#demo_talep div.form p{margin:0;padding:2px;}
#demo_talep div.form p label{display:block;font:bold 13px arial;margin-right: 15px;padding:4px 0;}
#demo_talep div.form p input{width:670px;padding:4px;font:13px arial ;}
#demo_talep div.form p textarea{width:672px;height:80px;padding:3px;font:13px arial;}
#demo_talep div.form div.butonlar{text-align:right;padding:10px 0 5px 5px;}
#demo_talep div.form div.butonlar input{font:bold 15px arial;padding:3px;color:darkblue;}


#satin_al div.form{font:12px arial;line-height:150%;padding-top:5px;margin-top:5px;}
#satin_al div.form form{margin:0;padding-bottom:10px;}
#satin_al div.form p{margin:0;padding:2px;}
#satin_al div.form p label{display:block;font:bold 13px arial;margin-right: 15px;padding:4px 0;}
#satin_al div.form p input{width:670px;padding:4px;font:13px arial ;}
#satin_al div.form p select{width:680px;padding:4px;font:13px arial ;}
#satin_al div.form p textarea{width:672px;height:80px;padding:3px;font:13px arial;}
#satin_al div.form div.butonlar{text-align:right;padding:10px 0 5px 5px;}
#satin_al div.form div.butonlar input{font:bold 15px arial;padding:3px;color:darkblue;}


#paket_karilastirma{width:100%;padding:0;margin:0;background:url(../images/test.jpg) repeat-y top right;margin-bottom:20px;color:#000080;}
#paket_karilastirma table{width:100%;margin:0;padding:0;background:url(../images/ozellik_lite_arka.jpg) no-repeat top right;}
#paket_karilastirma th{padding:0;margin:0;}
#paket_karilastirma th h2{padding:0;margin:0px 0px 0px 0px;font-size:22px;font-style:italic;visibility:hidden;height:93px;}
#paket_karilastirma th h2.lite{color:green;}
#paket_karilastirma th h2.plus{color:blue;}
#paket_karilastirma th h2.vip{color:red;}
#paket_karilastirma tr{}
#paket_karilastirma tr.row1{}
#paket_karilastirma td{height:31px;padding:0 0px 0 0px;}
#paket_karilastirma #paket_karsilastirma_alt{background:url(../images/ozellik_lite_alt.jpg) no-repeat top right;height:30px;}


#sayfa_detay div.referans{display:block;padding:8px 4px;border-bottom:1px dotted silver;}
#sayfa_detay div.referans div.resim{float:left;margin-right:5px;}
#sayfa_detay div.referans div.resim a{border:2px solid lightblue;display:block;padding:4px;}
#sayfa_detay div.referans div.resim a:hover{border:2px solid gray;}
#sayfa_detay div.referans div.aciklama{padding:4px;line-height:150%;}
#sayfa_detay div.referans div.aciklama p{font:18px arial;margin-bottom:10px;}
#sayfa_detay div.referans div.aciklama div{font:12px arial;font-style:italic;line-height:150%;}
#sayfa_detay div.referans div.siteye_git{padding:8px 0;text-align:right;font:12px arial;position:absolute;margin:-40px 0 0 595px;}
#sayfa_detay div.referans div.siteye_git a{padding:8px 20px;border:1px solid #efefef;background:#f7f7f7;color:gray;display:block;font-style:italic;}
#sayfa_detay div.referans div.siteye_git a:hover{border:1px solid #c0c0c0;background:#efefef;color:#000;}

#referanslar_sayfalama{list-style:none;padding:0;margin:0;float:right;text-align:center;margin-top:5px;}
#referanslar_sayfalama li{float:left;}
#referanslar_sayfalama li a{padding:2px;font:13px arial;display:block;width:20px;margin:2px;border:1px solid #efefef;background:#f7f7f7;color:#000;}

#referanslar_sayfalama li a.secili, #referanslar_sayfalama li a:hover{font-weight:bold;border:1px solid #c0c0c0;background:#efefef;color:#000;}


		div#feature_list {
			font-family: "Trebuchet MS";
			margin-top:15px;
			margin-bottom:15px;
			background:#fff;
			width: 980px;
			height: 300px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 240px;
		}

		ul#tabs li {
			font-size: 14px;
		}
		
		ul#tabs li img {
			padding: 0;
			border: none;
			float: left;
			margin: 3px 4px 0 4px;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 40px;
			outline: none;
			
		}

		ul#tabs li a h3 {
			margin: 0;	
			padding: 10px 0 0 0;
			font-size: 18px;
			font-weight:bold;
		}

		ul#tabs li a.current {
			background:  url('../images/feature-tab-current2.png');
			color: #fff;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 765px;
			height: 300px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 765px;
			height: 300px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 15px;
			color: #000080;
			font-weight:bold;
		}
		ul#output li a:hover {
			text-decoration: underline;
		}