@import url(karmicFlow.css);
@import url(gallery.css);
@import url(reset.css);

@import url(960.css);
#google-adwords-cozumleri {
	width: 170px;
	float:left;
	margin-right:40px;
}
#google-adwords-cozumleri h1{
		background: url(../images/hizmetlerimiz/google-adwords-cozumleri-h1_bg.png) no-repeat left bottom; 
		font-size: 14px;
		color:#6E234D;
		padding-bottom:	10px;
		margin:	0 0 15px 0;
}
#google-adwords-cozumleri h1 a{
		color:#6E234D;
}
#google-adwords-cozumleri img{
	float:left;
	margin-right:5px;
}

#interaktif-tanitim-cdleri {
	width: 170px;
	float:left;
	margin-right:40px;
}
#interaktif-tanitim-cdleri h1{
		background: url(../images/hizmetlerimiz/interaktif-tanitim-cdleri-h1_bg.png) no-repeat left bottom; 
		font-size: 14px;
		color:#040f63;
		padding-bottom:	10px;
		margin:	0 0 15px 0;
}
#interaktif-tanitim-cdleri h1 a{
		color:#040f63;
}
#interaktif-tanitim-cdleri img{
	float:left;
	margin-right:5px;
}

#toplu-e-posta-gonderimi {
	width: 170px;
	float:left;
}
#toplu-e-posta-gonderimi h1{
		background: url(../images/hizmetlerimiz/toplu-e-posta-gonderimi-h1_bg.png) no-repeat left bottom; 
		font-size: 14px;
		color:#dcdf00;
		padding-bottom:	10px;
		margin:	0 0 15px 0;
}
#toplu-e-posta-gonderimi h1 a{
		color:#dcdf00;
}
#toplu-e-posta-gonderimi img{
	float:left;
	margin-right:5px;
}
#latest_work{
		width:  950px;
		height: 260px;
		position:relative;
		background: url(../images/nav_bg.png) repeat;
		border:  1px solid #4e1b57;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		margin:auto;
		margin-top:10px;
		margin-bottom:10px;
}
.ui-tabs-panel {
		height:228px;
		width: 640px;
		overflow:hidden;
		top:15px; left:15px;
		border:  1px solid #4e1b57;
		position:absolute;
}

ul.ui-tabs-nav {
		position:absolute;
		top:15px; right:15px;
		list-style:none;
		padding:0;
		width:300px;
		z-index:5;
}

ul.ui-tabs-nav li {
		margin:0 0 11px;
		width:260px;
		float:right;
}

.ui-tabs-hide {
		display:none;
}

li.ui-tabs-nav-item a {
		display:block;
		color:#000!important; 
		outline:none;
		background: url(../images/latest_tab.png) repeat-x;
		padding:0px 0 0 15px; 
		height:49px;
		line-height:49px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		text-decoration:none;
		font-size:1.05em;
		text-transform: uppercase;
		font-family: 'lucida grande', arial, sans-serif;
		font-weight:bold;
		text-shadow: 0.1em 0.1em #fff
}

li.ui-tabs-nav-item a:hover {
		color:#000;
		text-decoration:none;
		background: url(../images/latest_tab_hov.png) repeat-x;
}

li.ui-tabs-selected  { 
		width:290px!important;
		margin:-9px 0 1px 0!important;
		display:block;
}

li.ui-tabs-selected a, li.ui-tabs-selected a:hover {
		background: url(../images/latest_tab_active.png) no-repeat;
		color:#fff!important;
		height:68px;
		line-height:68px;
		padding:0 0 0 30px;
		text-shadow: 0.1em 0.1em #333;
}
.ucretsizteklif{
	text-align:center;
	margin-bottom:20px;
}
/* anasayfa yardım
=====================================================================*/
.sidebar {
	float:left;
	width:266px;
	padding:50px 30px 30px 0;
	margin:0 -1px 0 0;
	overflow:visible;
	height:auto;
	background:#fff url(../images/border.gif) repeat-y 100% 0;
}
.scroll {
	width:255px;
	position:relative;
	min-height:120px;
	border:1px solid #efefef;
	margin:0 0 0px 0;
	background:#fff;
	}
	
.scroll h2 {
	margin:18px 0 5px 10px;
	border:none;
	font-size:1.4em;
	line-height:1em; }

.scroll ul {
	position:relative;
	width:250px;
	height:90px;
	margin:0 19px;
	list-style:none; }
	
.scroll ul li {
	width:250px;
	height:84px;
	margin:0;
	margin-left:10px;
	line-height:1.334em;}

.scroll ul li span {
	display:block;
	margin:0 0 .4em; }

.scroll ol {
	height:22px;
	position:absolute;
	top:0;
	right:15px;
	list-style:none;}

.scroll ol li {
	float:left; }

.scroll ol a {
	display:block;
	width:11px;
	height:22px;
	margin:0 1px;
	padding:0 2px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:50% 0; }

.scroll ol li.previous a {
	background-image:url("../images/icon-arrow-down.gif");}

.scroll ol li.next a {
	background-image:url("../images/icon-arrow-up.gif");}

.scroll ol li a:hover {
	background-position:50% 100%; }

#scrollSpotlight h2 {
	margin-bottom:18px; }

#scrollSpotlight ul {
	width:230px;}

#scrollSpotlight ul li {
	width:230px;} 

#scrollSpotlight ul li a {
	padding:0 0 0 13px;
	background:transparent url("../images/arrow.gif") no-repeat 1px 3px; }

#scrollSpotlight ul li strong {
	color:#484747;}

#scrollSpotlight li p {
	margin:0 0 .4em;
	line-height:1.25em; }
/* =====================================================================*/
/* hizmetler
=====================================================================*/
.hizmet{
		display:block;
		height:130px;
		margin:15px 0;
		padding:10px 0;
		border-bottom:1px solid #ddd;	

}
.hizmet p{
	display:block;
		margin:15px 0;
}
.hizmet_img {
		float:left;
		margin:0 40px 40px 20px;
		clear:left;
		
		}
.hizmet h1{
		margin:0px;
		padding:0px;
		line-height: 1.4em;
		color:#777;
		font:normal 16px "Lucida Grande", Arial, Helvetica, sans-serif;
		}		
/* Lightbox
=====================================================================*/

/* =====================================================================*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#nav {
	width: 217px;
	float: right;
	display: inline;
	margin: 0px 25px 0px 0px;
}
#menunav {
	width: 217px;
	padding: 9px 0 0 0;
}
#menunav li {
	width: 217px;
	height: 26px;
	margin: 0 0 5px 0;
}
#menunav li a, #menunav li a:link, #menunav li a:visited {
	width: 197px;
	height: 20px;
	display: block;
	background: url(../images/menunav.png) no-repeat;
	color: #fcbdfe;
	padding: 2px 10px 4px 10px;
}
#menunav li a:hover, #menunav li a.selected {
	background-position: 0 -26px;
	color: #3e024f;
	text-decoration: none;
}
/***************************
	GLOBAL RESET
****************************/	
#reklammutfagi{
	position:relative;
	display:block;
	width:960px;
	height:140px;
	margin:0px auto;
}
#reklammutfagi_logo{
	display:block;
	width:700px;
	height:140px;
	
	background:top left no-repeat url('../images/logo.png');
	float:left;
}
#reklammutfagi_telefon{
	display:block;
	width:260px;
	height:140px;
	margin:0px auto;
	background:top left no-repeat url('../images/telefon.png');
	float:left;
}
#logo_link{
	position: relative;
	display:block;
	width:125px;
	height:95px;
}
/*menü başla*/
.menubar	
{
margin-top:2px;
background:#ec008c;
height:42px;
}
.container_12{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.grid_12{
	display:inline;float:left;margin-left:10px;margin-right:10px;
}

	
	.container_12 .grid_12{width:940px}


.chromestyle{
font-weight: normal;
}

.chromestyle:after{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
padding: 10px 0 12px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
	float:right;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fff;
font:normal bold 11px Arial, Helvetica, sans-serif;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
padding:5px 20px;
margin-right:5px;
text-decoration: none;


}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background:#d3007d;
color:#fff;
height:29px; /*THEME CHANGE HERE*/
width:auto;
padding:5px 20px;
margin-right:5px;
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 10px;
margin-top:5px;
border-left: 0px solid #2a2827; /*THEME CHANGE HERE*/
border-top-width: 0;
z-index:100;
padding:5px;
background:#d3007d;
visibility: hidden;
width:160px;
margin-left:-5px;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 4px;
border-bottom: 0px solid #009fc7; /*THEME CHANGE HERE*/
padding: 6px 8px 6px 12px;
text-decoration: none;
color: #fff;
text-align:left
}

* html .dropmenudiv a{ /*IE only hack*/
width: auto;text-decoration: none;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:#ec008c;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
color:#fff;
font-weight:normal;
padding: 6px 12px 6px 12px;text-decoration: none;
}
/*menü bitti*/

body{  
		margin:0px;
		font:normal 11px/21px "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, sans-serif;
		color:#777;
		background:#ebebeb url(../images3/bg2.jpg) top center repeat-x; 
		}

* html{
		margin:0;padding:0;
		}


/************************
	BASIC STYLES
*************************/
.clear{
		clear:both; 
		}

.fr{
		float:right;
		}

.fl{ 
		float:left;
		}

.textright{
		text-align:right;
		}

.textleft{
		text-align:left;
		}
a			{	color:#ec008c; text-decoration:none;}
a:hover		{	color:#000;text-decoration:none; }
	
p{
		margin:0 0 10px 0;
		}		

.img_border{ 
		padding:2px;
		margin:0;
		border:1px solid #ddd;
		}

ul { margin:0; list-style:square;}
ol { margin:0; list-style:decimal;}

ul, ol{
	list-style-position:outside;
	margin-left:20px;
	margin-bottom:10px;
	}
	
/************************
	HEAD
*************************/	




		
.content_top {
		position:relative;
		background:url(../images3/bg_content.png) top left no-repeat;
		height:30px;
		}
		
.content_middle {
		background:url(../images3/bg_content.png) center top scroll;
		float:left;
		}

.content_middle_2 {
		background:url(../images3/bg_content_2.png) center top scroll;
		float:left;
		}

.content_bottom {
		background:url(../images3/bg_content.png) right 0 no-repeat;
		height:30px;
		clear:both;
		}
		
/************************
		HEADINGS
*************************/	
h1, h2, h3, h4, h5, h6 {
margin:0 0 10px 0;
}
h1{
		padding:0px;
		color:#777;
		font:normal 32px "Lucida Grande", Arial, Helvetica, sans-serif;
		}

h2{
		color:#777;
		font:normal 24px "Lucida Grande", Arial, Helvetica, sans-serif;
		}
	
h3{
		padding:0px;
		color:#777;
		font:normal 18px "Lucida Grande", Arial, Helvetica, sans-serif;
		}

h4{
		padding: 0px;
		color:#777;
		font:normal bold 16px "Lucida Grande", Arial, Helvetica, sans-serif;
		}

h5{
		padding: 0px;
		color:#777;
		font:normal 14px "Lucida Grande", Arial, Helvetica, sans-serif;
		}
	
h6{
		padding: 0px;
		color:#777;
		font:normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
		}	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 text-decoration:none;
}


/************************
	CONTENT
*************************/		
.box-content{
		padding:0 20px 40px 10px ;
		}
		
.grid_5 .box-content ul 
{
	list-style:none;
	margin:0;
	padding:0;
}

.grid_5 .box-content ul li
{
	list-style:none;
}

.sepline{
		background:url(../images/sep-line.gif) top right repeat-y;
		}	
		
/************************
	BLOCKQUOTE
*************************/

blockquote, q{
		quotes: none;
		}

blockquote:before, blockquote:after,
q:before, q:after{
		content: '';
		content: none;
		}

blockquote{
		margin: 15px 0px 15px 5px;
		padding-right: 5px;
		background: url(../images/quoteclose.gif) no-repeat bottom right;
		}
		
		blockquote p{
				font:normal 12px/21px Georgia, Sans-serif;
				background: url(../images/quoteopen.gif) no-repeat top left;
				padding-left: 30px;
				font-style:italic;
				}
/************************
	MID CONTENT LISTS
*************************/	
						
ul.list{
		margin:5px 0 20px 10px;
		padding:0;
		list-style:none;
		display : inline-block;
		}
	
		ul.list li{
				padding:3px 5px 3px 25px;
				}
			
				ul.list li{
						background:url(../images3/tick.gif) left 6px no-repeat;
						}


/**************************
	TWITTER BOX
***************************/

.twitter{
		padding:20px 0 0 0; 
		}

		.twitter p{
				padding-top:10px;
				font:italic normal 12px "Georgia", Helvetica, sans-serif;
				}



/****************************
	SERVICES
*****************************/


ul.service_list{
		margin:10px 0;
		padding:0;
		list-style:none;
		display : inline-block;
		}
	
		ul.service_list li{
				padding:3px 5px 3px 25px;
				float:left;
				width:45%;
				}
			
				ul.service_list li{
						background:url(../images3/tick.gif) left 6px no-repeat;
						}

/*************************
	PORTFOLIO
**************************/

.portfolio{
		border-bottom:1px solid #ddd;
		margin-bottom:15px;
		padding-bottom:20px;	
		}

.port_details{
		float:left;
		margin-top:20px;
		margin-left:20px;
		width:400px;
	}

		.port_details p{
				margin:0;
				padding:5px 0;	
				}
				
			.port_details h3{
					padding:0px;
					margin:0px;
					}				
.portfolio ul
{
margin:0;
}
.port_img {
	float:left;
}
/**************************
	Blog	 
***************************/

.blog{
		margin:15px 0;
		padding:10px 0;
		border-bottom:1px solid #ddd;	
	    }
	
		.blog p{
				padding:0 0 10px 0;
			    }

			.blog h3, .blog h2{
					color:#777;
					margin:0px;
					padding:0px;
				    }				
.blog a {text-decoration:none;}	
.blog a:hover {text-decoration:underline;}	

.post-info{
		padding:0px 0px;
		font-size:11px;
		margin:0px;
		margin-bottom:5px;
		margin-top:-5px;
		width:auto;
		}

		.post-info span{
				color:#257400;
				font-weight:bold;
				}
				
.blog_img {
		float:left;
		margin:0 10px 10px 0;
		clear:left;
		}				


/****************************
	READMORE
*****************************/
.readmore  {
 display:inline-block;	
 width:105px;
 height:30px;
 margin-top:5px;
 text-decoration:none;
 line-height:30px;
 text-align:center;
clear:right;
}

.readmore {
background:transparent url(../images/readmore.gif)  top left no-repeat scroll;
border:0;
color:#777;
}

.readmore:hover {
background:transparent url(../images/readmore.gif)  bottom left no-repeat scroll;
border:0;
color:#777;
}
/****************************
	READMORE 2
*****************************/
.readmore2  {
 display:inline-block;
 float:right;
 width:105px;
 height:30px;
 text-decoration:none;
 line-height:30px;
 text-align:center;
 clear:right;

}

.readmore2 {
background:transparent url(../images/readmore.gif)  top left no-repeat scroll;
border:0;
color:#777;
}

.readmore2:hover {
background:transparent url(../images/readmore.gif)  bottom left no-repeat scroll;
border:0;
color:#777;
}


/****************************
	FOOTER
*****************************/

.footer{
		padding:5px 0px 40px;
		text-align:center;
		font-size:10px;
		}

/* ================================================= */
/* 	 INPUT FIELD CSS                                 */
/* ================================================= */
.errordiv {
	display:block;
	border:1px solid #AF0068;
	padding:5px;
	color:#fff;
	font-size:1.1em;
	margin:8px 0 0 0;
	background-color:#EC008C
}
.correctdiv {
	display:block;
	border:1px solid #b6e47a;
	padding:5px;
	color:#629c17;
	font-size:1.1em;
	margin:8px 0 0 0;
	background:#d7fca8;
}
form p {
color:#ec008c;
}
.contactform textarea{
		vertical-align:top;
		}

.contactform input[type=radio],
.contactform input[type=checkbox]{
		border: none;
		}

input[type=text],
input[type=password],
textarea{
		background: #fff;
		border: 1px solid #d1d1d1;
		padding: 5px 8px;
		margin: 2px 0px;
		}

input[type=text]:focus,
input[type=password]:focus{
		background: #ffd2ed;
		}

input[type=submit] {
		font:normal 11px/18px "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, sans-serif;
}

*******************************************************
  				Error / Success / Notice	
*******************************************************/

div.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
div.success 	{background: #ccfcd1;border: 1px solid #60a400;}
div.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
div.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
	.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
	.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
	.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}

/************************************/
/* 		    FEATURED    slider 		 */
/************************************/

#wrapper{
		margin:0 auto;
		display:none;
		padding:15px 0 0 0;
		width:900px;
		}

		#wrapper *{
				margin:0;
				padding:0;
				}

#fullsize{
		position:relative;
		padding:0;
		}

#information{
		float:right;
		position:absolute;
		top:15px;
		right:20px;
		width:47%;
		height:0;
		color:#fff;
		overflow:hidden;
		z-index:90;
		float:right;
		padding:0 20px;
		}

		#information h3{
				padding:3px 0 10px 3px;
				color:#fff;
				font:normal 2.8em "Lucida Sans", Helvetica, sans-serif;
				letter-spacing:-1px;
				}

				#information p{
						padding:0 0 5px 3px;
						color:#fff;
						float:right;
						font:normal 12px/18px "Lucida Sans", Helvetica, sans-serif;
						}

#image{
		width:350px;
		height:180px;
		}
	
		#image img{
				position:absolute;
				z-index:25;
				width:350px;
				height:150px;
				left:50px;
				top:20px;
				padding:3px;
				background:#fff;
				border:1px solid #444;
				}

.imgnav{
		position:absolute;
		width:2%;
		height:220px;
		cursor:pointer;
		z-index:90;
		}

		#imgprev{
				left:-14px;
				top:50%;
				}

				#imgnext{
						right:-16px;
						top:50%;
						}

						#imglink{
								position:absolute;
								height:150px;
								width:100%;
								z-index:92;
								opacity:.4;
								filter:alpha(opacity=40);
								}

.linkhover{
		}

#thumbnails{
		margin-top:25px;
		height:38px;
		}

#slideleft{
		margin-top:30px;
		float:left;
		width:20px;
		height:20px;
		background:url(../images/leftp.gif) top center no-repeat;
		padding-left:12px;
		}

		#slideleft:hover{
				}

#slideright{
		margin-top:30px;
		float:right;
		width:20px;
		height:20px;
		background:url(../images/rightp.gif) top center no-repeat;
		padding-right:0;
		}

		#slideright:hover {
				}

#slidearea{
		float:left;
		position:relative;
		width:836px;
		margin-left:3px;
		height:81px;
		overflow:hidden;
		}

		html* #slidearea{
				margin-left:0;
				}
				
				.slider_bg{
						background:url(../images3/slider_bg.png) no-repeat; 
						height:304px;
						margin:10px 0 0px 0px;
						}

#slider{
		position:absolute;
		left:0;
		}

		#slider img{
				cursor:pointer;
				border:1px solid #ccc;
				background:#fff;				
				padding:1px;
				margin-top:20px;
				width:80px;
				height:40px;
				}
@import url(superfish.css);