@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/gnoft_backgr_01.jpg);
	background-repeat: repeat-x;
}

#container {
	margin:0 auto;
	width:1003px;
	height:auto;
}

#graphics {
	/*background-image: url(../images/gnoft_graphics_01.jpg);*/
	background-image: url(../images/gnoft_graphics_01.jpg);
	background-repeat: no-repeat;
	width:1003px;
	height:320px;
	margin:0 auto;
}

#sutunsol {
	float:left;
	width:300px;
	height:auto;
	margin-top:40px;
	margin-left:20px;
}

#sutunsag {
	float:right;
	width:300px;
	height:auto;
	margin-top:40px;
}

#sutunorta {
	width:300px;
	height:auto;
	margin-left:350px;
	margin-top:40px;	
}

#logo {
	width:108px;
	height:125px;
	margin-top:50px;
	margin-left:20px;
	position:absolute;
}

#ustmenu {
	float:right;
	width:600px;
	height:14px;
	text-align:right;
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 11px;
	color: #333;
	margin-top:20px;
	margin-right:40px;
	text-decoration:none;
}

#ustmenu a{
	color: #333;
	text-decoration:none;	
}

#ustmenu a:hover{
	text-decoration:underline;	
}


/*
#################################### ANA SAYFA CSS'LERI ##########################################
*/


.baslikana {
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 15px;
	color: #333;
	padding-left:50px;	
	line-height:40px;
	text-decoration:none;
}

.baslikana a{
	color: #333;
	text-decoration:none;
}

.baslikana a:hover{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

.icerikana {
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #333;
	padding-top:10px;
	list-style:none;
	display:list-item;
}

.icerikana a{
	color: #333;
	text-decoration:none;
}


.iceriklink {
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #333;
	list-style:none;
	display:list-item;
}

.iceriklink a{
	color: #333;
	text-decoration:none;
}

.iceriklink a:hover{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}


/* ------- Web Tasarım --------- */

#webtasarim {
	background-image: url(../images/gnoft-ico_webtasarim2.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

/* ------- Elektronik Yayıncılık --------- */

#elektronikyayincilik {
	background-image: url(../images/gnoft-ico_eyayincilik.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

/* ------- Elektronik Ticaret --------- */

#elektronikticaret {
	background-image: url(../images/gnoft-ico_eticaret.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

/* ------- İçerik Yönetim --------- */

#icerikcms {
	background-image: url(../images/gnoft-ico_icerikyonetim.png);
	background-repeat: no-repeat;
	margin-bottom:40px;	
}

/* ------- Linux --------- */

#linux {
	background-image: url(../images/gnoft-ico_linux.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

/* ------- Flash --------- */

#flash {
	background-image: url(../images/gnoft-ico_flash.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

/* ------- Logo Tasarım --------- */

#logotasarim {
	background-image: url(../images/gnoft-ico_logo.png);
	background-repeat: no-repeat;
	margin-bottom:40px;	
}

/* ------- SEO --------- */

#seo {
	background-image: url(../images/gnoft-ico_seo.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

/* ------- Domain Hosting --------- */

#domhos {
	background-image: url(../images/gnoft-ico_domainhosting.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

/* ------- Php --------- */

#php {
	background-image: url(../images/gnoft-ico_php.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

/* ------- Son Projeler --------- */

#sonprojeler {
	background-image: url(../images/gnoft-ico_sonisler.png);
	background-repeat: no-repeat;
	margin-bottom:40px;	
}

/* ------- Sevdiklerimiz --------- */

#sevdiklerimiz {
	background-image: url(../images/gnoft-ico_sevdiklerimiz.png);
	background-repeat: no-repeat;
	margin-bottom:40px;
}

.projeresim{
	margin-top:5px;
	margin-bottom:5px;
}

.sevresim{
	margin-top:2px;
	margin-bottom:2px;
}

.sev1 {
	position:absolute;
	width:90px;
}

.sev2 {
	position:absolute;
	margin-left:95px;
	width:90px;
}

.sev3 {
	position:absolute;
	margin-left:190px;
	width:90px;
}

.sevdiklist{
	width:285px;
}

.sevdiklist ul{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.sevdiklist li{
	float:left;
	width:90px;
	height:57px;
	margin-right:5px;
	margin-bottom:5px;	
}


/*
#################################### DEVAM SAYFASI CSS'LERI ##########################################
*/

#solmenu {
	float:left;
	width:280px;
	margin-top:40px;
	margin-left:20px;
}

#devamicerik {
	width:600px;
	min-height:500px;
	margin-top:34px;
	margin-left:320px;
	background-image: url(../images/ayirici.png);
	background-repeat: no-repeat;
	padding-left:40px;
}


#baslikdevam {
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 18px;
	color: #333;
	line-height:30px;
	text-decoration:none;
}

#baslikdevam a{
	color: #333;
	text-decoration:none;
}

#baslikdevam a:hover{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

.icerikdevam {
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #333;
	padding-top:10px;
	list-style:none;
	display:list-item;
}

.icerikdevam a{
	color: #333;
	text-decoration:none;
}

.icerikdevam a:hover{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}


/* ------- Web Tasarım Devam --------- */

#webtasarimdevam {
	background-image: url(../images/gnoft-ico_webtasarim2.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

/* ------- Elektronik Yayıncılık --------- */

#elektronikyayincilikdevam {
	background-image: url(../images/gnoft-ico_eyayincilik.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

/* ------- Elektronik Ticaret --------- */

#elektronikticaretdevam {
	background-image: url(../images/gnoft-ico_eticaret.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

/* ------- İçerik Yönetim Devam --------- */

#icerikcmsdevam {
	background-image: url(../images/gnoft-ico_icerikyonetim.png);
	background-repeat: no-repeat;
	margin-bottom:5px;	
}

/* ------- Linux Devam --------- */

#linuxdevam {
	background-image: url(../images/gnoft-ico_linux.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

/* ------- Flash Devam --------- */

#flashdevam {
	background-image: url(../images/gnoft-ico_flash.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

/* ------- Logo Tasarım Devam --------- */

#logotasarimdevam {
	background-image: url(../images/gnoft-ico_logo.png);
	background-repeat: no-repeat;
	margin-bottom:5px;	
}

/* ------- SEO Devam --------- */

#seodevam {
	background-image: url(../images/gnoft-ico_seo.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

/* ------- Domain Hosting Devam --------- */

#domhosdevam {
	background-image: url(../images/gnoft-ico_domainhosting.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

/* ------- Php Devam --------- */

#phpdevam {
	background-image: url(../images/gnoft-ico_php.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

/* ------- Son Projeler Devam --------- */

#sonprojelerdevam {
	background-image: url(../images/gnoft-ico_sonisler.png);
	background-repeat: no-repeat;
	margin-bottom:5px;	
}


/*
#################################### FOOTER CSS'LERI ##########################################
*/

#footer {
	width:100%;
	height:218px;
	position:relative;
	background-image: url(../images/gnoft-altbg.jpg);
	margin-top:30px;
}

#footerbg {
	margin:0 auto;
	width:1003px;
	height:218px;
	background-image: url(../images/gnoft-alt.jpg);
}

#siteharitasi{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 10px;
	color: #333;
	margin-top:24px;
	margin-left:30px;
	position:absolute;
	text-decoration:none;
}

#siteharitasi a{
	color: #333;
	text-decoration:none;
}

#siteharitasi a:hover{
	color: #333;
	text-decoration:underline;
}

#siteharitasi2{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 10px;
	color: #333;
	margin-top:38px;
	margin-left:220px;
	position:absolute;
	text-decoration:none;
}

#siteharitasi2 a{
	color: #333;
	text-decoration:none;
}

#siteharitasi2 a:hover{
	color: #333;
	text-decoration:underline;
}

#w3c{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 10px;
	color: #333;
	margin-top:110px;
	margin-left:246px;
	position:absolute;
	text-decoration:none;
}

#w3c a{
	color: #333;
	text-decoration:none;
}

#w3c a:hover{
	color: #333;
	text-decoration:underline;
}

#sithatbaslik{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #333;
	margin-left:1px;
}

.liana{
	line-height:16px;
}

.lialt{
	padding-left:10px;
	line-height:14px;
}

#fprot{
	margin-top:40px;
	margin-left:510px;
	position:absolute;
	background-image: url(../images/f-prot-authorized-reseller.png);
	background-repeat: no-repeat;
	width:160px;
	height:28px;
}

#lkd{
	margin-top:90px;
	margin-left:530px;
	position:absolute;
	width:120px;
	height:79px;
}

#iletisimsel{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 10px;
	color: #fff;	
	margin-left:815px;
	margin-top:150px;
	position:absolute;
	text-align:center;
	text-decoration:none;
}

#iletisimsel a{
	text-decoration:none;
	color: #fff;	
}

#gnf{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 1px;
	color:#96A3AB;
}