/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
* { margin:0 }
html , body { height: 100%; background:#f7f7f7; font-size:11px; font-family:Tahoma, Helvetica, Arial, sans-serif; color:#000 }

div#container { position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; }
	div#mainMenu { position:fixed;left:0; top:0; width:380px; padding:15px 14px; }
	div#subMenu { position:fixed; width:380px; padding:15px 14px; }
	div#footer { position:fixed; padding-left:19px; height:40px }
	div#buffer { height:40px; }

/*-------------------------------------------------------------------------
=GLOBAL CLASSES
-------------------------------------------------------------------------*/
.floatNone { float:none }
.floatLeft { float:left }
.floatRight { float:right }
.clearBoth { clear:both }
.noBg { background:none !important }
.noMargin { margin:0 !important }
.noPadding { padding:0 !important }
.noBorder { border:0 !important }
.displayNone { display:none !important }
.displayBlock { display:block !important }
a { color:#000; text-decoration:none; }

.sayfalama li { float:left; background:url('../images/ayrac/sayfalama.jpg') no-repeat 4px 6px; padding-left:10px; margin:0 }
.sayfalama li a { padding:1px 4px; font-size:12px }
.sayfalama li a:hover , .sayfalama li a.aktif { background:#000; color:#fff }
.sayfalama li a.aktif { cursor:default }

#geri:hover { padding:1px 4px; background:#000; color:#fff }

/*-------------------------------------------------------------------------
=MENU
-------------------------------------------------------------------------*/
ul {  }
ul#menu li { padding-top:1px }
ul#menu li a { display:block; height:23px; text-indent:-9999px; }
a#matbaa , a#Amatbaa { background:url(../images/menu/matbaa.png) no-repeat; width:107px; }
a#ambalaj , a#Aambalaj { background:url(../images/menu/ambalaj.png) no-repeat; width:120px; }
a#grafik_tasarim , a#Agrafik_tasarim { background:url(../images/menu/grafik_tasarim.png) no-repeat; width:196px; }
a#fotograf , a#Afotograf:hover { background:url(../images/menu/fotograf.png) no-repeat; width:129px; }
a#internet , a#Ainternet { background:url(../images/menu/internet.png) no-repeat; width:111px; }
a#dijital_uygulamalar , a#Adijital_uygulamalar { background:url(../images/menu/internet.png) no-repeat; width:111px; }
a#referanslar , a#Areferanslar { background:url(../images/menu/referanslar.png) no-repeat; width:163px; }
a#matbaa:hover , a#Amatbaa { background:url(../images/menu/matbaa.png) no-repeat -196px 0; width:107px; }
a#ambalaj:hover , a#Aambalaj { background:url(../images/menu/ambalaj.png) no-repeat -196px 0; width:120px; }
a#grafik_tasarim:hover , a#Agrafik_tasarim { background:url(../images/menu/grafik_tasarim.png) no-repeat -196px 0; width:196px; }
a#fotograf:hover , a#Afotograf { background:url(../images/menu/fotograf.png) no-repeat -196px 0; width:129px; }
a#internet:hover , a#Ainternet { background:url(../images/menu/internet.png) no-repeat -196px 0; width:111px; }
a#dijital_uygulamalar:hover , a#Adijital_uygulamalar { background:url(../images/menu/internet.png) no-repeat -196px 0; width:111px; }
a#referanslar:hover , a#Areferanslar { background:url(../images/menu/referanslar.png) no-repeat -196px 0; width:163px; }

div.menuContent { margin:10px 0 10px 40px; font-size:12px; line-height:14px; }
div.menuContent p { font-size:18px; font-weight:bold; margin:8px 0 }

/*-------------------------------------------------------------------------
=MAIN
-------------------------------------------------------------------------*/
div#content { position:relative; width:990px; min-height:120px; height: auto !important; height: 120px; margin:0px auto; }
div#logo { position:relative; float:left; background:url('../images/kurumsal/logo.jpg') no-repeat; width:465px; height:88px; text-indent:-9999px; display:none }
div#text { float:right; min-width:500px; width:500px; line-height:20px; font-size:12px }
div#text p { font-weight:bold; font-size:16px }

/*-------------------------------------------------------------------------
=SUB-PAGE
-------------------------------------------------------------------------*/
div#subLogo { position:relative; padding:0 0 28px 5px; }
div#subLogo a { display:block; background:url('../images/kurumsal/subLogo.png') no-repeat; text-indent:-9999px; width:285px; height:58px; }

.subBaslik:hover { text-decoration:underline; }

div#list { float:right; vertical-align:top; width:583px; margin:15px 15px 0 0 }
div.fotoDiv {  /*width:583px;min-height:261px;*/ }
div#list ul#ulList li { margin-bottom:0px }
div#list ul#ulList li.liList { margin-bottom:35px }
div#list { line-height:17px; font-size:12px; }
div#list p { font-weight:bold; font-size:16px; padding:2px 0 }
a.calistir { float:right; z-index:100; display:block; padding:1px 4px }
a.calistir:hover { background:#000; color:#fff }
a.devami { font-weight:bold; }
	a.devami:hover { text-decoration:underline; }

div#ref { position:relative; float:right; vertical-align:top; width:562px; margin:15px 0px 0 0 }
div#ref h1 { margin-top:5px; font-size:20px }
div#ref a.foto { float:left;background:url(../images/kurumsal/logo.jpg) no-repeat center center; width:125px; height:125px; display:inline-block; border:1px solid #c5ced4; margin:5px; text-indent:-999999px; }

/*-------------------------------------------------------------------------
=FORM
-------------------------------------------------------------------------*/
form input[type="text"] , textarea { width: 300px; padding:3px; border:1px solid #ccc; font-size:14px; font-family:Tahoma, Helvetica, Arial, sans-serif; }
form textarea { width:370px }
form p { display:block; margin-top:10px }
form p span { display:inline-block; width:60px; line-height:30px }

/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
div#footer ul li { float:left; padding-left:10px; height:30px; line-height:15px; background:url('../images/ayrac/footer.jpg') no-repeat }
div#footer a:hover { text-decoration:underline; }
div#footer ul li span#tel { padding-left:14px; display:block; background:url(../images/icon/telat.jpg) no-repeat 0 3px; }
div#footer ul li span#at { padding-left:14px; background:url(../images/icon/telat.jpg) no-repeat 0 -14px; }
div#footer a#home { padding-left:15px; display:block; background:url(../images/icon/home.png) no-repeat 0 1px; text-indent:-99999px; width:10px; }
div#footer a#home:hover { background:url(../images/icon/home.png) no-repeat 0 -18px; }
div#footer span { display:inline-block; width:87px }