/*
	http://www.maxoption.net/

	Project:		Maxoption
	Author:			Akif YALDIR
	Tested On:		firefox, chrome, ie, safari
	Version:		1.2
	ID:			    stil.css
	
	Coding by Akif YALDIR - akifyaldir.com

	DOCUMENT INDEX

	0.	DOCUMENT LAYOUT
	1.	HEADER
	2.	FLASH
	3.	ÖZELLIKLER
	4.	PAKETLER
	5.	HABERLER
	6.	FOOTER
  	7.	İÇERİK
	8.	İÇ SAYFALAR
	
/*-----------------------------------------------------------------------------------*/

@charset "utf-8";
@import url("reset.css");
body { margin: 0; cursor: default; background: url(../images/bg.jpg) repeat-x; }
a { text-decoration:none; color: #000; }
img { height: auto; width: auto; border-width: 0; }
.c { clear: both; }
.l { float: left; }
.r { float: right; }
.p { width: 990px; margin-right: auto; margin-left: auto; }
.g { color: #2460FB; }
.o { color: #DA142F; }
.o2 { color: #FAA605; }
.g2 { color: #1047F3; }
.l22 { color: #02AA19; }
.e { color: #F33438; }
.tepe { background: url(../images/tepe.png) repeat-x; height: 4px; width: 100%; }
.solabord { border:4px solid #fff; float:left; margin: 0 10px 10px 0; }

/*-----------------------------------------------------------------------------------*/
/*	1.	HEADER
/*-----------------------------------------------------------------------------------*/

#header { background: url(../images/bannerbg.png); width: 990px; }
#logo { position: relative; padding: 40px 0 10px 20px; height: 100px; }
#body { margin-top: 7px; }
#navblok { height: 54px; }
#navBlokL ,#navBlokR{ float: left; height: 54px; width: 4px; }
#navBlokL { background: url(../images/sagsol.png); }
#navBlokR { background: url(../images/sagsol.png) -4px 0; }
#nav { background: url(../images/mbg.png); height: 54px; width: 972px; overflow: hidden; padding-left: 10px; }
#nav li { float: left; }
#nav li a { display: block; padding: 19px 14px 13px 14px; font: 19px tahoma; color: #FFF; }
#nav li a:hover ,#nav li a.active,#nav li a:active{ background: url(../images/hover.png) no-repeat center top; }
#navLeft { height: 255px; width: 165px; border: 1px solid #d0d0d0; background: #f1f1f1; border-top: 0; }
#navLeft ul li { list-style: disc url(../images/li.png) inside; padding: 5px 0 5px 8px; }
#navLeft ul li:hover { background: url(../images/20.png); }
#navLeft ul li a { font: 13px verdana; color: #797979; }
#navLeft ul li a:hover { color: #333; text-decoration: underline; }

/*-----------------------------------------------------------------------------------*/
/*	2.	FLASH
/*-----------------------------------------------------------------------------------*/

#flashAlan { height: 255px; width: 810px; background: url(../images/flash.png); border: 1px solid #d0d0d0; border-top: 0; }
#flash { height: 255px; width: 625px; overflow: hidden; }
#flash img { height: 255px; width: 625px; }
#flashRight { height: 215px; padding: 20px; width: 140px; }

/*-----------------------------------------------------------------------------------*/
/*	3.	ÖZELLIKLER
/*-----------------------------------------------------------------------------------*/

#ozellikler { margin-top: 10px; display: block; }
#ozellikler li { background: url(../images/tablo.png); height: 139px; width: 239px; margin-right: 11px; float: left; display: block; }
#ozellikler li h1 { padding: 9px; margin-bottom: 5px; }
.ozellikler { padding: 5px; height: 85px; }
.ozelliklerYazi { float: left; height: 82px; width: 135px; font: 12px arial; color: #7e7e7e; }
.ozelliklerimg { height: 82px; width: 90px; float: left; text-align: center; }

/*-----------------------------------------------------------------------------------*/
/*	4.	PAKETLER
/*-----------------------------------------------------------------------------------*/

#paketDuyuru { margin-top: 10px; }
#adwordsPaket { background: url(../images/adwordspaket.png); height: 209px; width: 618px; padding: 50px 20px 20px; }
.adPaket { float: left; height: 217px; width: 200px; background: url(../images/paketbg.png) repeat-x bottom; margin-right: 9px; }
.adPaket h1 { height: 17px; background: #6eb22a url(../images/paketbas.png); font: 15px arial; color: #FFF; padding: 11px; display: block; }
.adPaketYaziSinirla { height: 153px; }
.adPaketYaziSinirla p { font: bold 11px arial; color: #7A7A7A; padding: 5px 7px; }
.adPaketAlt { background: url(../images/ucretbg.png); height: 25px; }
.adPaketAlt h1 { font: 14px arial; color: #fff; background: none; margin: 3px !important; padding:0 !important; text-align:center }
.adPaketAlt a { font: bold 14px arial; color: #fff; background: none; padding:5px; display:block;}
.adPaketAlt a:hover { background: url(../images/20.png); }

/*-----------------------------------------------------------------------------------*/
/*	5.	HABERLER
/*-----------------------------------------------------------------------------------*/

#haberKutu { background: url(../images/haberlerduyurular.png); height: 203px; width: 261px; padding: 52px 25px 24px; font: 13px verdana; color: #868686; }
#haberKutu h1 { font: 13px verdana; color: #565656; }
#haberKutu p { }
.haberKutu { }
.haberAyrac { background: #E0E0E0; height: 1px; margin: 1px 0; }

/*-----------------------------------------------------------------------------------*/
/*	6.	FOOTER
/*-----------------------------------------------------------------------------------*/

#footer { width: 978px; border: 1px solid #D6D6D6; background: #ECECEC; margin: 10px auto; padding: 5px; height: 30px; }
.google { background: url(../images/iconcan.png) 0 0; float: left; width: 85px; height: 33px; margin-right: 7px; }
.google:hover { background: url(../images/iconcan.png) 0 -33px; }
.adnet { background: url(../images/iconcan.png) -108px 0; float: left; width: 80px; height: 33px; margin-right: 7px; }
.adnet:hover { background: url(../images/iconcan.png) -108px -33px; }
.facebook { background: url(../images/iconcan.png) -214px 0; float: left; width: 100px; height: 33px; margin-right: 7px; }
.facebook:hover { background: url(../images/iconcan.png) -214px -33px; }
.msn { background: url(../images/iconcan.png) -340px 0; float: left; width: 80px; margin-right: 7px; height: 33px; }
.msn:hover { background: url(../images/iconcan.png) -340px -33px; }
.plesk { background: url(../images/iconcan.png) -441px 0; float: left; width: 100px; margin-right: 7px; height: 33px; }
.plesk:hover { background: url(../images/iconcan.png) -441px -33px; }
.mysql { background: url(../images/iconcan.png) -563px 0; float: left; width: 90px; margin-right: 7px; height: 33px; }
.mysql:hover { background: url(../images/iconcan.png) -563px -33px; }
.linux { background: url(../images/iconcan.png) -672px 0; float: left; width: 20px; height: 33px; margin-right: 7px; }
.linux:hover { background: url(../images/iconcan.png) -672px -33px; }
.directadmin { background: url(../images/iconcan.png) -708px 0; float: left; width: 170px; margin-right: 7px; height: 33px; }
.directadmin:hover { background: url(../images/iconcan.png) -708px -33px; }
.maxistirak { float: right; margin-right: 5px; margin-left: 5px; height: 33px; text-align: right; font: 11px arial; color: #858585; }

/*-----------------------------------------------------------------------------------*/
/*	7.	İÇERİK
/*-----------------------------------------------------------------------------------*/

#icerik { background: #F5F5F5; margin-top: 10px; padding-bottom: 10px; border: 1px solid #D2D2D2; }
#icerik input ,#icerik textarea{ background: #FCFCFC; padding: 5px; font: 13px verdana; color: #666; border: 1px solid #E0E0E0; }
#icerik form { padding: 10px; }
#icerik h1 { color: #666; padding: 10px; font: bold 20px arial; border-bottom: 1px solid #D2D2D2; }
#icerik p { margin: 10px; font: 12px verdana; color: #858585; }

/*-----------------------------------------------------------------------------------*/
/*	8.	İÇ SAYFALAR
/*-----------------------------------------------------------------------------------*/

.bgsw { background: #F8F8F8; padding: 5px; clear: both; margin: 0 5px 5px 0; }
.referanslar li{ height: 117px; width: 177px; float: left; margin: 10px; display: block; background: #F8F8F8; }
#bg { background: #D7D7D7; }