/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

body 
{ 
	background-color:#D9D9D9;
	overflow-x:hidden;
	font-size: 62.5%;
}
a { color:#90a5b6 }
a:hover { color:#76a2c6 }

/*#navigation a:hover { 
  border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: #99A99D;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0 12px;
    position: relative;
	} */
.sf-menu ul { border:0; }

.sf-menu a { 

}

.sf-menu ul a.bottom { border-bottom:none }

/* .sf-menu ul a:hover { background:#999 !important; }

 visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#EAEAEA }

.sf-menu li li { background-color: #8599a8}
.sf-menu li li li {  }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { }

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a.item,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active {  }

#slider-content { position:relative; z-index:100; border-bottom:1px solid #000 }

.blue-block { color:#999; border-top:1px solid #dbdbdb }
.blue-block a { color:#666 }
.blue-block a:hover { background-color:#999 }



#header .contact-info { color:#d3e6f3 }
#header .contact-info small em { color:#FFF }
#header .contact-info a { color:#C7E687 }
#header .contact-info a:hover { color:#d3e6f3 }

.jFlowSelected { color:#222 !important }


.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

	
#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }

#main-content h2 { color:#4B3D1B; border-bottom:1px solid #4B3D1B }
#main-content h3 { color:#4B3D1B }

#main-content p { color:#534C42 }
#main-content .right p {
	color: #23201B !important;
}
#main-content p.intro-text { color:#23201B }

#main-content a { color:#2E546F }
.portfolio-entry { border-top:1px solid #DBD1B9 }

.textbox { border:1px solid #C7B998; color:#888 }
.textarea { border:1px solid #C7B998; color:#888 }
.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }

#footer {  color:#656661; border-top:2px solid #949284; background:#CAC7B4; height:24px }
#footer a { color:#737373 }
#footer a:hover { color:#FFF }

#iletisim {
	background:url(../iletisim.png) center bottom no-repeat;
}



/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/





/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 0 1px;
	padding: 0
}
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:978px; margin:0 auto;
    padding-bottom: 23px; }
.clear { clear:both; display:block }

img { border:none }
	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:100%; height:59px;  background-color: #90A5B6}
#header h1 { width:289px; height:75px; margin:0; padding:0; position:absolute; top:29px; left:29px }
#header h1 a {
 text-indent:-2000px; display:block; background:transparent url('../images/logo.png') no-repeat; width:144px; height:93px;
 }

#header .contact-info { text-align:right; font-size:22px; width:650px; height:50px; position:absolute; right:30px; bottom:20px }
#header .contact-info em { font-family:Arial, Helvetica, sans-serif; font-style:normal }
#header .contact-info small { display:block; margin:0; padding:0; font-size:16px }

#header .contact-info a { text-decoration:underline }
#header .contact-info a:hover { text-decoration:none }

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation { font-family:Arial, Helvetica, sans-serif; position:relative; z-index:2000; font-size:16px; font-weight:normal; width:100%; height:18px; border-bottom:2px solid #8194a3; background-color:#90A5B6; color:#fff}
#navigation a {     display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 5px;
    padding: 0 12px;
    position: relative;
	
 color:#d4d4d4 }
#navigation a.first { }
#navigation a.last { background: none; }
#navigation a:hover { 
	background: #688691;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
} 
#navigation a:hover.last {
 background-repeat: no-repeat;
 background-position: right;}
 
#navigation a.sayfa  {
border-top: border-style:dotted solid double dashed;
}

#navigation a:hover { text-decoration:none }
	
	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
	.sf-menu { line-height:1.0 }
	.sf-menu ul { 
		position:absolute;
		top:-999em;
			}
	.sf-menu ul li { width:100%;  }
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }
	
	.sf-menu li { float:left; position:relative }
	.sf-menu a { display:block; position:relative }
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:1em; /* match top ul list item height */ z-index:99 }
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown Styling */
	.sf-menu { margin:0; float:right }
	.sf-menu a { text-transform:uppercase; font-size:16px; padding:11px 20px 11px 20px; text-decoration:none }
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:14px; padding:10px 10px 10px 10px; text-decoration:none }
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:4px; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -50px }
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }


/* --------------------------------------------- */
/* Slider Area (JFLOW) ------------------------- */	

#slider-content { width:978px; height:325px; position:relative; z-index:100; border-bottom:1px solid #f7f7f7; 
margin-left: 1; 
margin-right:1;
background-image:url('../images/ic.png');
background-repeat:repeat-y;
background-color: #cacaca;
}

#myController { display:none }
#mySlides img { display:block; margin:0 }
.blue-block { display:block !important; text-align:center; padding:15px 0 0 0; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; display:block; width:978px; height:48px }
.blue-block a { text-decoration:underline }
.blue-block a:hover { text-decoration:none }

.blue-block.small { font-size:18px !important; padding-top:18px !important; height:45px !important }

.jFlowPrev, .jFlowNext { cursor:pointer; display:block; width:73px; height:63px; text-indent:-5000px; position:absolute; top:120px }

.jFlowPrev { bottom:0; left:0; background:url('../images/button_left.png') no-repeat }
.jFlowNext { bottom:0; right:0; background:url('../images/button_right.png') no-repeat }

.jFlowControl { cursor:pointer }
.jFlowSelected { text-decoration:none !important }

.gallery .jFlowPrev { top:0 !important; left:0 }
.gallery .jFlowNext { top:0 !important; right:0 }
.gallery { border-bottom:none; height:573px !important }

.gallery-block {
	width:948px;
	height:325px;
	padding:14px;
	border-bottom:none; 
	}
	
.gallery-block ul { list-style:none; margin:0 0 12px 0; padding:0; width:948px; height:146px; display:block }
.gallery-block ul.bottom { margin:0 }
.gallery-block li { display:block; margin:0 12px 0 0; padding:0; width:148px; height:146px; float:left }
.gallery-block li.last { margin:0 }

.gallery-block li a { display:block; width:146px; height:144px }
.gallery-block li img { display:block; width:146px; height:144px; margin:0 }


/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	padding-top: 15px;
	}

#social {
		float:right
		}
#main-hakkimizda {
		background:url(../hakkimizda.jpg) center top no-repeat
}
#main-content.subpage { border-top:none }
	
#main-content .left {
	width: 600px;
	margin: 0;
	padding: 15px;
	float: left
}
	
#main-content .right {
	width: 270px;
	margin: 0;
	padding: 15px;
	float: left;
}

#main-content .right h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
}

#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:22px; font-size:14px }

#main-content h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px 0;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
}
#main-content h2 strong, #main-content h2 b { letter-spacing:-1px }

#main-content h3 { font-size:24px; font-weight:normal; margin:0; padding:5px 0 0 0; font-family: Arial,Helvetica,sans-serif}

#main-content p {
	padding: 0;
	margin: 15px 0;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}

#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:normal; line-height:26px }


/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }


/* --------------------------------------------- */
/* Footer ----------------------- */

#footer { 	
	position:relative;
	margin-top: -10px; 
	margin-bottom: -23px; 
	height: 23px;
	clear:both;
	padding: 5px;
	bottom: 0;
	}
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 4000;
	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%;
	zoom: 1;
	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;	
}

#hakkimizda1{
    color: #4C4C4C;
    float: left;
    margin-top: 10px;
    padding: 10px;
    width: 280px;
}
#hakkimizda2 {
    color: #4C4C4C;
    float: left;
    margin-top: 10px;
    padding: 10px;
    width: 280px;
}

		
#hakkimizda3 {
    color: #4C4C4C;
    float: left;
    margin-top: 10px;
    padding: 10px;
    width: 280px;
}
#strateji {
	color: #4C4C4C;
    float: left;
    margin-top: 10px;
    padding: 10px;
    width: 978px;
}
.row1 {
	background:url(../images/twitter.png) no-repeat top center;
    float: left;
	width: 107px;
	height: 37px;
	padding:5px;
	
}
.row2{
	background:url(../images/facebook.png) no-repeat top center;
    float: left;
	width: 107px;
	height: 37px;
	padding:5px;
}

.row3{
	background:url(../images/google.png) no-repeat top center;
    float: left;
	width: 107px;
	height: 37px;
	padding:5px;
}

.ref1 {
	float:left;
	width:400px;
	padding-left:40px;
}

#cozum {
display: block;
margin: 0 auto 0 233px;
width: 942px;
}

#min-height {
	min-height:300px;
	}

	.orta {
	width:960px;
	margin:0 auto;
}

.social {
    list-style-type: none;
    margin: 10px 0 0;
	float: right;
}
.social {
    margin: 0;
    text-align: center;
}
.social li {
    display: inline-block;
    height: 22px;
    margin-left: 6px;
    min-height: 22px;
    overflow: hidden;
    width: 22px;
}
.social li:first-child {
    margin-left: 0;
}
.social li a {
    display: block;
    height: 22px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 22px;
}
.social li a.facebook {
    background: url("../images/facebook.png") no-repeat scroll 0 0 transparent;
}
.social li a.facebook:hover {
    background-position: 0 -22px;
}
.social li a.twitter {
    background: url("../images/twitter.png") no-repeat scroll 0 0 transparent;
}
.social li a.twitter:hover {
    background-position: 0 -22px;
}
.social li a.google {
    background: url("../images/google.png") no-repeat scroll 0 0 transparent;
}
.social li a.google:hover {
    background-position: 0 -22px;
}
.social li a.feed {
    background: url("../images/beksis.png") no-repeat scroll 0 0 transparent;
}
.social li a.feed:hover {
    background-position: 0 -22px;
}


#sol {
	width:341px;
	float:left;
	text-align: justify;
	color: #4C4C4C;
}

#alt {
margin-top:10px;
border-top:1px solid #a9c7b6;
height: 238;
width: 100%

	
}

#ust {
height: 238px;
width: 100%
}

.altkutu {

    color: #4C4C4C;
    float: left;
	margin-top: 10px;
    text-align: center;
	margin-right: 59px;
	}
.altkutulast {

    color: #4C4C4C;
    float: left;
	margin-top: 10px;
    text-align: center;

	}
	

.yuvarlak {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	}
	
.mleft {
	margin-left: 44px;	
}

.mright {
margin-right: 44px;
}
	
.fright {
float: right;
}	
.sl-bg {
background: transparent url(../images/bg.png);
width: 100%;
height: 100%;
}

#logo {
border: 2px solid #8194a3;
position: absolute;
top: -54px;
}


#collection {
background-color: #8B0000;
padding-left: 44px;
width: 978px;
margin-left: auto ;
margin-right: auto ;

}

.product {
	float: left;
    margin: 5px;
}

#collection .product h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	border:none;
	
}