body 
{
    background-image:url(../img/bg.png);
    background-repeat   : repeat-x;
	margin				: 0px;
	padding				: 0px;
	
	font-family         : Segoe UI, Arial, sans-serif;
	font-size			: 11px;
	color				: #323409;
}

td, div, p { line-height:18px; }

.clear { display:block; clear:both; }
.bold { font-weight:bold; }
.red { color: #cc0000; }

img { border:none; }

h1.red
{
    margin: 0;
    font-size: 18px;
    color: #c45050;
    font-family         : 'Cuprum', sans-serif;
}

h1.gray
{
    margin: 0;
    font-size: 18px;
    color: #333;
    font-family         : 'Cuprum', sans-serif;
}

h2 {
    color: #009987;
    font-size:16px;
    font-family         : 'Cuprum', sans-serif;
    font-weight:100;
    margin: 0px;
    padding: 0px;
}

h3 {
    color: #333;
    float:left;
    font-size:13px;
    font-family         : 'Cuprum', sans-serif;
    font-weight:100;
    margin: 0px 0px 1px 0px;
    padding: 0px 0px 1px 0px;
    line-height:28px;
}

#header { position:relative; height:416px; width:960px; margin:0 auto; background-color:#fff; }
	#headerLeft { position:absolute; top:85px; left:0px; width:676px; }
	#headerRight { position:absolute; top:85px; left:676px; width:224px; }
    #logoContainer { position:absolute; top:-5px; left:25px; z-index:199; width:181px; height:124px; }
	#menuContainer { position:absolute; left:250px; top:25px; }
	#sliderContainer { width:676px; height: 331px; }
    
#content { padding:25px 34px 25px 34px; width:892px; min-height:100px; margin:0 auto; background-color:#e4e4e4; background-image:url(../img/content_bg.png); background-position:right top; background-repeat:no-repeat; }
#contentIc { padding:25px 34px 25px 34px; width:892px; min-height:100px; margin:0 auto; background-color:#e4e4e4; }
	.cLeft { float:left; margin-right:30px; }
	.cLeftLong { float:left; margin-right:30px; text-align:justify; }
	.cRight { float:right; }
    #content a { color:#333; text-decoration:underline; }
    #content a:hover { color:#666; text-decoration:none; }

#footer { position:relative; background-image:url(../img/bottom.png); background-repeat:repeat-x; height:103px; background-color:#0d5f9f; }
	#footerContent { margin:0 auto; background-image:url(../img/bottom_bg.png); background-repeat:no-repeat; background-position:center; width:auto; height:110px; }
		.facebook { position:absolute; left:50%; top:17px; margin-left:440px; }
		.copyright { position:absolute; left:50%; top:65px; margin-left:-455px; color:white; }
		.footerLinks { position:absolute; left:50%; top:65px; margin-left:199px; color:white; }

	#footer a { color:#fff; text-decoration:none; }
    #footer a:hover { color:#000; }

.w290 { width:290px; }
.w862 { width:862px; }
.w572 { width:572px; }

.r10 { -webkit-border-radius: 10px; border-radius: 10px; }
.s3 { -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1); }

ul.tip { margin-left:20px; }
.tip li { list-style:url(../img/li.png); float:left; margin-right:30px; }
/* =============================================================================
   Genel
   ========================================================================== */
.mBottom { margin-bottom:10px;}

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

.i-text {
    border:1px solid #eee;
    background-color:#fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding:7px;
    padding-left:10px;
    color:#777;
    -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.04) inset;
    -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.04) inset;
    box-shadow:0 0 2px rgba(0, 0, 0, 0.04) inset;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;
}

.w30  { width:30px; }
.w40  { width:40px; }
.w50  { width:50px; }
.w60  { width:60px; }
.w70  { width:70px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w190 { width:190px; }
.w340 { width:340px; }

.i-text:focus {
    border:1px solid #2E7BB8!important;
    box-shadow:0 0 3px rgba(46, 123, 184, 1)!important;	
}

#searchContainer .search_query {
    background: url("../img/bkg_search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: right;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    width: 180px;
    margin-right: -10px;
}

#searchContainer input.button {
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    top: -5px;
    border:none;
}

#searchContainer input {
    background: url("../img/icon/search2.png") no-repeat scroll 5px 9px transparent;
    color: #B2B2B2;
    float: right;
    margin-right:6px;
    font-size: 11px;
    height: 30px;
    width: 28px;
}

/* Portfolio */
.portfolio_items_container {
	position: relative;
	background-color:red;
	width:930px;
}

.portfolio_items {
	position: relative;
	width: 930px;
}

.portfolio_items li {
	width:300px;
	float:left;
	margin-right:15px;
}

.portfolio_items li.last {
	width:300px;
	float:left;
	margin-right:0px !important;
}

.portfolio_image {
	display: block;
	margin: 0 0 15px;
	overflow: hidden;
	cursor: pointer;
}

.portfolio_image .inside {
	float: left;
	position: relative;
	margin: 0;
	padding: 1px;
	border-width: 1px;
	border-style: solid;
}

.portfolio_image .inside .mask {
	display: none;
	position: absolute;
	left: 1px;
	top: 1px;
	width: 300px;
	height: 169px;
}

.portfolio_image:hover .inside .mask {
	display: block;
}

.portfolio_image img {
	float: left;
}

.portfolio_image .inside {
	border-color: #dee7e6;
}

.portfolio_image .inside .mask {
	background: url("../img/content_portfolio_image_mask.png") no-repeat;
}

#language { width:50px; position:absolute; top:3px; right:0px; }