/* ---------------------------------------------------------------------
------------------------------------------------------------------------
[Colours]

Dark Blue (Primary headings h2, h3) #1C3C4A
Dark Green (Secondary headings h4) #324A15
Dark grey (Body text) #222
Link Blue (Links) #2f667d
Link Light Blue (Rollover) #219de3

------------------------------------------------------------------------
----------------------------------------------------------------------*/



/* --------------------------------------------------------------------- 

1.Master Reset 

----------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* --------------------------------------------------------------------- 

2. Typography 

----------------------------------------------------------------------*/

body {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	background-image: url(../img/top_clouds.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	
}

h1 {
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	display: block;
	height: 90px;
	width: 280px;
	position: absolute;
	left: 0px;
	top: 8px;
}

h1 a{
	display: block;
	height: 90px;
	width: 280px;
	margin: 0px;
	padding: 0px;
	
}

h1 a:hover{
	display: block;
	height: 90px;
	width: 280px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

h2 {
	font-size:24px;
	margin-yop:5px;
	color: #f70517;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	height: 20px;
	background-color: transparent;
}

h3 {
	font-size:20px;
	padding-bottom:5px;
	margin-bottom:10px;
	color: #691d03;
	font-family: Arial, Helvetica, sans-serif;	
}

p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.75em;
	margin-left: 0;
}

a {
	color:#f70517;
	text-decoration:none;
}

a:focus, a:hover {
	color:#f70517;
	text-decoration:underline;
	}

strong {
	font-weight:bold;
	}
	
em, dfn {font-style:italic;}



/* --------------------------------------------------------------------- 

3. Grid Layout






----------------------------------------------------------------------*/

#mainWrap{width:900px;height:43px;margin:0 auto;position:relative;background:url(../img/headerDetailBg.png) no-repeat 0 0;}


.container {
	width:900px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#page {
	width: 900px;
	padding: 0px;
	margin: 0px;
}

#header {
height: 100px;
width: 900px;
position:relative;
}

#photoscroll {float:right; width:645px; height:60px; margin-top:8px; }

#fotolar img {border:8px solid #DFDFDF; margin:10px;} 

div.first {
	margin-left:0;
}

div.last {
	margin-right:0;
}

.row {
	width: 900px;
	margin-bottom: 20px;
}

.col-1  {
	width: 160px;
	margin-left:5px;
float:left;
	/*border:1px solid #000;*/
}
		
.col-2  {
font-family:Verdana,Tahoma, Helvetica, sans-serif;
	width: 690px;
	float: left;
	text-align:justify;
}

.rightimg {padding-left:10px; padding-bottom:5px; float:right;}
.leftimg {padding-right:10px; padding-bottom:5px; float:left;}
.centerimg {padding-bottom:5px; float:none; text-align:center; }

.col-1 dl {width: 150px; padding: 0 0 10px 0; background: #FF6600 url(../img/nav_bottom.png) no-repeat bottom left;}
.col-1 dt {margin:0; padding: 5px; font-size: 1.2em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; 
background: #000 url(../img/nav_top.png) no-repeat top left;}
.col-1 dd {margin:0; padding:0; color: #fff; font-size: 1em; font-weight:bold; border-bottom:1px solid #fff; background: #2957CA;}
#solmenu a, #solmenu a:visited {color:#000; text-decoration:none; display:block; padding:5px 5px 5px 5px;
background: #FFDDCE; width:140px;
}
#solmenu a:hover {background: #FF6600; color:#fff;}
#solmenu a.selected {background: #FF6600; color:#fff;}
#solmenu a.main {background: #666; color:#fff; font-weight:bold;}

#habermenu a, #habermenu a:visited {color:#000; text-decoration:none; display:block; padding:5px 5px 5px 5px;
background: #FFDDCE; width:140px;
}
#habermenu a:hover {background: #FF6600; color:#fff;}
#habermenu a.selected {background: #FF6600; color:#fff;}

#videomenu a, #videomenu a:visited {color:#000; text-decoration:none; display:block; padding:5px 5px 5px 5px;
background: #FFDDCE; width:140px;
}
#videomenu a:hover {background: #FF6600; color:#fff;}
#videomenu a.selected {background: #FF6600; color:#fff;}
ol li {font-size:12px;}




.floatright { 
	float: right; 
}

.floatleft { 
	float: left; 
}

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

.clearfix, .container {
	display:inline-block;
}

* html .clearfix, * html .container {
	height:1%;
}

.clearfix, .container {
	display:block;
}

.clear {
	clear:both;
}


.col-2 h2 {font-size:16px; color:#FF6600;}

.col-2 h3 {display:block;font-size:18px; color:#FFF; background:#FF6600; padding:15px; font-style:italic; font-weight:bold; font-family:"Trebuchet MS"}




/* --------------------------------------------------------------------- 

4. Navigation

----------------------------------------------------------------------*/





/* ----- Nav states -----*/


#mainWrap ul
{
	display: block;
	list-style: none outside;
	position: absolute;

}


#mainWrap a:link, #mainWrap a:visited
{}

#mainWrap a:hover
{
background-color: #cecbc6;
color: #000066;
}

#mainWrap li
{
top:11px;left:11px;
padding: 0;
margin: 0;
display: block;
float: left;
position: relative;

}

#mainWrap a:link, #mainWrap a:visited
{cursor:pointer;}

#mainWrap a:hover
{
background-color: #cecbc6;
color: #000066;
}


li.anasayfa a, li.anasayfa a span{
	background-image: url(../img/anasayfa.png);
	height: 32px;
	width: 93px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.anasayfa a:hover span{
	background-image: url(../img/anasayfa.png);
	height: 32px;
	width: 93px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
	background-color: transparent;
}

li.hakkimizda a, li.hakkimizda a span{
	background-image: url(../img/hakkimizda.png);
	height: 32px;
	width: 101px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.hakkimizda a:hover span{
	background-image: url(../img/hakkimizda.png);
	height: 32px;
	width: 101px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

li.araclarimiz a, li.araclarimiz a span {
	background-image: url(../img/araclarimiz.png);
	height: 32px;
	width: 103px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.araclarimiz a:hover span{
	background-image: url(../img/araclarimiz.png);
	height: 32px;
	width: 103px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

li.hizmetlerimiz a, li.hizmetlerimiz a span {
	background-image: url(../img/hizmetlerimiz.png);
	height: 32px;
	width: 127px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.hizmetlerimiz a:hover span{
	background-image: url(../img/hizmetlerimiz.png);
	height: 32px;
	width: 127px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

li.bizisecenler a, li.bizisecenler a span {
	background-image: url(../img/bizisecenler.png);
	height: 32px;
	width: 114px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.bizisecenler a:hover span{
	background-image: url(../img/bizisecenler.png);
	height: 32px;
	width: 114px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}


li.referanslarimiz a, li.referanslarimiz a span {
	background-image: url(../img/referanslarimiz.png);
	height: 32px;
	width: 137px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.referanslarimiz a:hover span{
	background-image: url(../img/referanslarimiz.png);
	height: 32px;
	width: 137px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

li.tasarim a, li.tasarim a span {
	background-image: url(../img/tasarim.png);
	height: 32px;
	width: 97px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.tasarim a:hover span{
	background-image: url(../img/tasarim.png);
	height: 32px;
	width: 97px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
}

li.dunyadan a, li.dunyadan a span {
	background-image: url(../img/dunyadan.png);
	height: 32px;
	width: 166px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.dunyadan a:hover span{
	background-image: url(../img/dunyadan.png);
	height: 32px;
	width: 166px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

li.videolar a, li.videolar a span {
	background-image: url(../img/videolar.png);
	height: 32px;
	width: 90px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.videolar a:hover span{
	background-image: url(../img/videolar.png);
	height: 32px;
	width: 90px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

li.iletisim a, li.iletisim a span {
	background-image: url(../img/iletisim.png);
	height: 32px;
	width: 68px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.iletisim a:hover span{
	background-image: url(../img/iletisim.png);
	height: 32px;
	width: 68px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

li.SSS a, li.SSS a span {
	background-image: url(../img/SSS.png);
	height: 32px;
	width: 39px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
	text-indent: -9999px;
}

li.SSS a:hover span{
	background-image: url(../img/SSS.png);
	height: 39px;
	width: 134px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
}


li.ik a, li.ik a span {
	background-image: url(../img/insankaynaklari.png);
	height: 32px;
	width: 29px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
	text-indent: -9999px;
}

li.ik a:hover span{
	background-image: url(../img/insankaynaklari.png);
	height: 32px;
	width: 29px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
}


li.paylas a, li.paylas a span {
	background-image: url(../img/paylas.png);
	height: 32px;
	width: 33px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -64px;
	text-indent: -9999px;
}

li.paylas a:hover span{
	background-image: url(../img/paylas.png);
	height: 32px;
	width: 33px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -32px;
}



/* --------------------------------------------------------------------- 

/* ---------------- FORMS -------------------------*/
.FormLabel
{
    float:left;
    margin:0px 20px 0 0;
    font-weight:bold;
    width:100px;
	font-size:12px;
}

.FormInput
{
    margin-left:5px;
    font-family:Tahoma;
    font-size:12px;
    margin:0;
	border: 1px solid #333333;
}

.FormField
{
    clear:left;
    float:left;
    width:150px;
    margin:0 0 3px 0;
}





/*


5. Forms

----------------------------------------------------------------------*/

input.text, input.title, textarea, input, select {
	margin:0.5em 0;
}

input.text:focus, input.title:focus, textarea:focus, select:focus {}

input.text, input.title {
	width:300px;
	padding:5px;
}

input.title {
	font-size:1.5em;
}

textarea {
	width:200px;
	height:100px;
	padding:2px;
}

input.text {
	width:290px;
	padding:2px;
}

form {
	padding-top: 10px;
	margin-top: 20px;
}

form ul li {
	list-style-type: none;
}

form ul li ul{
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



.submit {
	margin-left:140px;
}





/* --------------------------------------------------------------------- 

7. Footer

----------------------------------------------------------------------*/

#footer{
margin-top:20px;
width: 860px;
font-family:Verdana,Tahoma, Helvetica, sans-serif;
	background-image: url(../img/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}


#footer .foot_1 {
	display: block;
	float: left;
	width: 650px;
	margin-right: 20px;	
}

#footer .foot_2 {
	display: block;
	float: left;
	width: 150px;
	margin-right: 20px;	
}

#footer ul li {
	font-size: 10px;
	text-decoration: none;
	line-height: 14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer ul li a{
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#footer ul li a:hover{
	font-size: 10px;
	color: #f70517;
	text-decoration: none;
}

#meander {width:850px; padding-right:10px; text-align:right;}
#meander a,a:hover {color:#999999;}

.copy {
	font-size: 10px;
	color: #999999;
}

/* --------------------------------------------------------------------- 

8. Misc

----------------------------------------------------------------------*/



.hide { 
	display:none
}



/* ----- CONTENT -----*/


#content {width: 870px; background-image: url(../img/mainContentBg.png); background-repeat: y; padding:15px;}

#contentAlt{
	background:url(../img/content_ft.png) top left no-repeat;
	height:36px;
}




/**------------- A D M I N --------------------**/


.inputtxt {BACKGROUND-COLOR:ededed; BORDER: #fff 1px solid; color: #000;FONT-WEIGHT: bold;}
.inputtitle {BACKGROUND-COLOR:fff; BORDER: #fff 1px solid; font-size: 20px;color:#333333;}
.inputspot {BACKGROUND-COLOR:fff; BORDER: #fff 1px solid; font-family:Verdana,Tahoma, Helvetica, sans-serif;color:#000000;font-size:14px;line-height:18px;}
.inputmain {BACKGROUND-COLOR:fff; BORDER: #fff 1px solid; font-family:Verdana,Tahoma, Helvetica, sans-serif;color:#000000;font-size:12px;line-height:18px;}