/*
Project Name: Emet Demir
Project URI: http://www.emetdemir.com.tr/
Version: 1.00
Author: Enes Kabacaoglu (2009)
Author URI: enes.kabacaoglu@gmail.com
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 11px;
	color: #939393;
	background: url(images/bg-body.jpg) repeat-x left top;
}
	
/* WRAPPER */

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

/*HEADER*/

.header {
height:425px;
}

.header-left {
height:205px;
width:597px;
background: url(images/bg-header.jpg) no-repeat left top;

float:left;
}

.header-right {
width:363px;
height:368px;
float:right;
}

/*MENU*/

.menu {
width:597px;
height:44px;
margin-top:2px;
}

.menu ul {
height:20px;
margin-top:15px;
position:absolute;
}

.menu li {
display:inline;
padding:0px 15px 0px 15px;
background: url(images/sp-menu.jpg) no-repeat right top;
}

.menu li a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

.menu li a:hover {
color:#346bb7;
}

/*ABOUT US*/

.about-us {
height:110px;
width:566px;
margin:23px 0px 0px 13px;
}

.about-us h1 {
font-size:14px;
color:#97cfc9;
padding-bottom:15px;
font-weight:bold;
}

.fallow a{
float:right;
padding-left:15px;
background: url(images/bg-fallow.jpg) no-repeat left top;
color:#97cfc9;
margin-top:5px;
text-decoration:none;
}

.fallow a:hover {
color:#346bb7;
}

/*CENTER CONTENT*/

.center-content {
width:370px;
float:right;
margin : 0px 20px 20px 13px;
}

/*CONTENT-1*/
.about-us-c {
height:150px;
background: url(images/bg-cbar.jpg) no-repeat left top;
}

.about-us-c h1{
float:left;
font-weight:bold;
color:#ffffff;
margin:10px 0px 0px 10px;
}

.about-us-c h2{
width:220px;
float:left;
font-weight:bold;
margin:24px 0px 0px 10px;
}

.about-us-c h3{
width:220px;
float:left;
margin:20px 0px 0px 10px;
}

.about-us-c h3 a{
text-decoration:none;
	color: #939393;
}

.about-us-c img{
float:right;
margin:45px 6px 0px 0px;
width:123px;
height:85px;
}

/*RIGHT CONTENT*/

.right-content {
width:322px;
float:right;
margin : 0px 0px 0px 13px;
}

.news {
height:150px;
background: url(images/bg-rbar.jpg) no-repeat left top;
}

.news h1{
float:left;
font-weight:bold;
color:#ffffff;
margin:10px 0px 0px 10px;
}

.news ul {
width:300px;
margin:17px 0px 0px 12px;
float:left;
}

.news li a{
padding-left:15px;
background: url(images/bg-fallow2.jpg) no-repeat left top;
font-weight:bold;
line-height:18px;
text-decoration:none;
color:#a7a6a6;
}

.news li a:hover {
color:#346bb7;
}

.references {
height:150px;
background: url(images/bg-rbar.jpg) no-repeat left top;
}

.references h1 {
float:left;
font-weight:bold;
color:#ffffff;
margin:10px 0px 0px 10px;
}

.references ul {
width:300px;
margin:17px 0px 0px 12px;
float:left;
}

.references li {
display:inline;
padding:0px 3px 3px 0px;
}

.references img {
width:145px;
height:62px;
}

/*LEFT CONTENT*/

.left-content {
width:180px;
float:left;
margin : 0px 20px 0px 13px;
}

.left-content li{
margin-bottom : 6px;
}

/*FOOTER*/


/*INNER PAGE STYLES*/

.page-content
{
float:right;
width:747px;
background: url(images/bg-conbar.jpg) no-repeat left top;
    
}

.page-content h1 
{
font-weight:bold;
margin:12px 0px 0px 10px;
color:#ffffff;
}

.page-content h2 
{
width:700px;
margin:20px 0px 0px 10px;    
}

/*REFERENCES*/

#references 
{
background: url(images/bg-conbar.jpg) no-repeat left top;
float:right;
width:747px;
}

#references ul
{
margin-top:20px;
}

#references li 
{
display:inline;
float:left;
width:152px;
height:210px;
margin:5px;
border:solid 1px #d2e8e6;
padding:10px 0px 10px 15px;
background: url(images/bg-reflist.jpg) repeat-x left top;
}

#references li h1
{
font-weight:bold;  
background: url(images/icon-reflist.jpg) no-repeat left top;
padding:0px 0px 0px 10px;
line-height:10px;
}

#references h4 
{
font-weight:bold;
color:#ffffff;
margin:12px 0px 0px 10px;    
}

/*PRODUCTS*/

#applications 
{
margin-top:0px;
float:right;
width:740px;

}

#applications ul 
{
float:left;
}

#applications li 
{
display:inline;
float:left;
border:solid 1px #e3e7e6;
width:170px;
margin:5px;
background:url(images/bg-applications.jpg) repeat-x center top;
}

#applications li img
{
margin:7px;
border:solid 3px #e3e7e6;
width: 150px; 
height:150px;
}

#applications li img:hover
{
border:solid 3px #b4b5b5;  
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;  
}

.name
{
position:absolute;
margin:135px 0px 0px 20px;
color:Black;
}

.name-back 
{
margin:128px 0px 0px 10px;
position:absolute;
width:150px;
height:30px;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50; 
background-color:#cae5ec;
}

.exp 
{
margin-left:9px;   
height:180px;
}

.sayfalama
{
float:right;
   
}

/*İLETİŞİM*/

.iletisim-genel 
{
float:right;
width:720px;
background-color:#f8f6f7;    
border:solid 1px #eeecec;
padding:10px;
}

.iletisim-genel h1 
{
font-weight:bold;
font-size:15px;    
padding-left:35px;
background:url(../yonetim/content/images/ikon-9.gif) no-repeat;
}

.iletisim-genel h2 
{
padding:10px 0px 0px 35px;
}

.iletisim-form 
{
float:right;
width:720px;
background-color:#f8f6f7;    
margin:15px 0px 15px 0px;
}

.iletisim-form h1 
{
font-weight:bold;
font-size:15px;    
padding-left:35px;
background:url(../yonetim/content/images/ikon-9.gif) no-repeat;
}

.iletisim-form h2 
{
padding:10px 0px 10px 35px;
}

.iletisim-form h3 
{
padding:10px 0px 0px 35px;  
font-weight:bold;
font-size:13px;
}

.iletisim-form h4 
{
padding:10px 0px 0px 35px;
}

.button 
{
    	clear:both;
		height:30px;
		width:150px;
		background-color:#d8ebf6 ;
		text-align:center;
		color:#757677;
		font-size:11px;
		font-weight:bold;
		border:solid 1px; 
		margin:10px 0px 0px 35px;   
}


#footer {
  position: relative;
	margin-top: -1px; /* negative value of footer height */
	height: -1px;
	clear:both;
	background: url(images/footer-bg.jpg) repeat-x left top;
}

#footer h1 {
width:960px;
margin:0px auto;
padding-left:20px;
padding-top:10px;
height:20px;

}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */