/**********************  genel *********************/
body { 
font-family:Tahoma; 
font-size:9pt;	
color: #000;	
background: url(rep.png) repeat-x #7aed70;	
margin:0;}

form, p,h1,h2,h3,h4  {	margin:0;	padding:0;}
ul, ol {margin:0; padding:0; list-style:none;}
img {border:0;}
hr {display:none;}
	
/*********************************************/

#container {	
padding-left:0px;	
padding-top:0px;	
width:980px;}

div#logo {
background:url(logo.gif) no-repeat;	
width:142px;	
height:52px; 
margin-left:35px; 
margin-top:20px;}

div#logo h1 {	display:none;	}	
	
#rightBox {	width:415px;	float:right; position:relative; margin-top:35px;}
#rightBox h3 {text-transform:uppercase; font-weight:lighter; font-size:9pt; color:#626564; position:absolute; background:url(bg_headingdash.gif) no-repeat;
display:block; width:100%;}

#digitalWorks {border-bottom:1px solid #fff; padding-bottom:0px; margin-bottom:0px; border:5px solid #fff;}

.imageContainer {height:405px; height:160px; margin-bottom:1px;}
.imageContainer ul li {float:left; position:relative;}
div.iHover {width:395px; height:150px; border:5px solid #000; position:absolute;}
div.iHover a {width:395px; height:150px; text-indent:-9999px; display:block;}

.infoContainer ul li {
background:url(icon_info.gif) no-repeat 10px #f1f2f3; 
font-size:0.9em; height:29px; 
position:relative; 
padding:13px 0 0 25px;
}

a.visitLink {
background:url(icon_cursor.gif) no-repeat 10px  ; 
display:block; 
border-left:1px solid #1b1f1e; 
color:#39464a; 
text-decoration:none; 
right:0; top:0; 
position:absolute;
width:62px; 
height:29px;
padding:11px 0 0 25px;}
 
a.viewLink {background:url(icon_view.gif) no-repeat 10px  ;}


ul.workNav {position:absolute; left:-35px;}
ul.workNav li {margin-bottom:8px;}
ul.workNav li a {display:block; width:23px; height:16px; text-indent:-9999px; outline:none;}

h3#digital {left:-65px; top:-5px; background-position:40px 5px; color:#FFFFFF;}
h3#print {left:-65px; top:298px; background-position:50px 5px;}

ul#dNav {top:172px;} /* buton hizala */
ul#pNav {top:470px;} /* buton hizala */


ul.workNav li a.prev, ul.workNav li a.pprev {background:url(yukari_pasif.gif) no-repeat}
ul.workNav li a.prev:hover, ul.workNav li a.pprev:hover {background:url(yukari_aktif.gif) no-repeat;}

ul.workNav li a.next, ul.workNav li a.pnext {background:url(asagi_pasif.gif) no-repeat}
ul.workNav li a.next:hover, ul.workNav li a.pnext:hover {background:url(asagi_aktif.gif) no-repeat}

#rightBox h2 {	display:none;}


/***************** sol kutum  *************************/
#leftBox {	padding-top:50px;	width:420px; padding-left:50px;  position:relative; height:478px;}
#leftBox h2 {	margin:0 0 10px 0;	cursor:pointer;	width:350px;	margin-left:-25px;	color:#fff; font-size:1pt; height:19px; outline:none;}
#leftBox p:first-child {margin-top:0;}
#leftBox p.intro {color:#000;}

/**** grafikler menu****/

h2#hWelcome {background:url(001_hosgeldiniz.gif) no-repeat;}
h2#hServices {background:url(002_hizmetlerimiz.gif) no-repeat;}
h2#hClients {background:url(004_referanslar.gif) no-repeat;}
h2#hContact {background:url(003_iletisim.gif) no-repeat;}
#leftBox h2.selected { background-position:left -19px;}
h2 span {display:none;}

/** buton ileri geri**/
.contentBox {margin-bottom:18px;}
div.content {padding-right:15px; font-size:0.9em;}

.content p {margin:10px 0; color:#fff; padding:0;}
.content p a {color:#fff;}
span.yellow {color:#fff;}

p.fLeft {display:block; float:left; width:150px; margin-top:0;}
p.textarea {clear:both;}



div#footer {position:absolute; bottom:0; border-left:12px solid #91948c; left:-45px; padding-left:45px; background:url(bg_footer.gif) no-repeat 15px top; height:68px;}
#footer p {color:#65685f; font-size:0.8em; margin-bottom:11px}


.iletisim_text{
	font-family: tahoma, Arial, Helvetica, sans-serif;
	height:16px;
	font-size: 13px; color:#596171;
	background: transparent url(text.gif);
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	margin-top:2px;
	margin-left:-1px;
}


.iletisim_mesaj{
	background:  url(mesaj_alan.gif) repeat-x;
	background-position:bottom;
	overflow:auto;
	width:257px;
	height:60px;
	margin-top:2px;
	margin-left:-1px;

}


.buton_iletisim{
	margin: 7px 7px 0px 0px;
	padding-top:3px;
	outline: none;
	background: transparent url(gonder.gif) no-repeat;
	width:70px;
	height:22px;
	border-width: 0px;
	font-size:10px;
	font-weight:bold;
	color:#A0B820;
	float:left;
}

.beyazyazi {color: #000000;}

.style1 {color: #FFFFFF}