@import url('reset.css');


/* 

	project:  mdtasarim
	author:   mertcan dogan (www.mdtasarim.com) 

*/

html
{
overflow-x: hidden;
}
body{background:#000 url(../images/header.jpg) top center no-repeat;font-family:Arial; font-size:12px; }

#genel { width:980px; height:100%; margin:0 auto; }

/* Header */
#header {margin-top:0px;text-align:center;height:310px; }
/* Menü */
#menu {float:left;margin-top:12px;margin-left:5px;}
#menu ul {float:left; margin-top:27px}
#menu ul li {float:left; display:block;text-align:center; color:#fff;font-weight:bold;}
#menu ul li a {font-weight:bold; padding:5px;font-size:13px; color:#ffffff; width:100%;height:55px;}
#menu ul li a:hover {color:black;}

.logo
{
float: left;
margin: 25px 0px 25px 25px;}
.online_store{
    float: right;
    clear: both;
    width: 180px;
    margin-top: 16px;
}

#content{float:left;margin-top:20px;width:980px;}

.left-main{float:left;width:415px;}
.right-main{float:right;width:550px;}

.left-main img,.right-main img{float:left;}
.left-main img:hover,.right-main img:hover{opacity:0.9;}

.heading
{
float:left;margin-top:-60px;margin-left:15px;color:#fff;font-size:38px;font-weight:bold;position:Relative;z-index:10;clear:both;
}

.heading:Hover{opacity:0.7;}

.ourwork
{margin-top:-340px;line-height:50px;}

.ourclients
{
margin-top:-70px;line-height:50px;color:#fff;
}

.contactmain
{
float:left;margin-top:20px;
}

.box
{float:left;}

.inbox
{float:right !important;width:270px;}

.inbox img{width:270px;}

.main-text 
{
float:left;width:680px;
}

.main-text p
{
float:left;
font-size:14px;
line-height:22px;
margin-bottom:20px;
color:#fff;
}

#content h2
{
float:left;
clear:both;
font-size:20px;
font-weight:bold;
width:500px;
margin-bottom:20px;
color:#555;
text-shadow: 4px 4px 15px rgba(150, 150, 150, 1);
}

#content h1
{
float: left;
font-size: 28px;
padding: 20px 40px;
background: #494C4D;
color: #fff;
width: 860px;
text-align:center;
margin-bottom: 30px;

}

#content li
{list-style-type:none;}


.sub-detail
{
float:left;
width:580px;
}

.left
{
float:left;
width:560px;
margin-right:20px;
}

.obj
{
float:left;
background:#494C4D;
color:#fff;
font-size:15px;
max-width:270px;
width:270px;
line-height:24px;
padding:10px 15px;
}

.detail
{
float:left;
clear:right;
background:#494C4D;
color:#fff;
font-size:15px;
margin-left:10px;
line-height:24px;
padding:10px 15px;
width:215px;
}

.three-main
{
float:left;
width:980px;
}

.three-main div
{float:left;width:300px;padding-right:10px;padding-left: 10px;}

.three-main div:first-child{padding-left:0px;}
.three-main div:last-child{padding-left:0px;}

.three-main p
{font-size:14px;
line-height:22px;
margin-bottom:20px;
text-align:justify;
padding:0px 15px;
}

.separate
{float:left;width:4px;height:550px;}

.two-service
{
float:left;
}

.two-service div
{
float:left;
width:350px;
}

.catgo{
float:left;
margin-right:11px;
margin-left:11px;
margin-bottom:20px;
}

.catgo:hover{opacity:0.9;}

.catgo:nth-child(3n){margin-right:0px;}
.catgo:nth-child(3n+1){margin-left:0px;}

.contact
{width:420px;float:right;margin-left:20px;}

.contact p
{
clear:both;
}

.ctable{float:right;margin-right:10px;}

.ctable td
{vertical-align:top;}

.ctable td:first-child
{text-align:right;}

.ctable td:last-child{text-align:right;width:230px;}

.ctable p{float:Right;}



#footer
{float:left;margin-top:20px;border-top:1px solid gray;padding-top:20px;width:980px;}

#footer p
{
font-size:14px;
line-height:22px;
margin-bottom:20px;
color:gray;
}

.big
{font-size:40px !important;}

.width
{width:980px !important;text-align:center;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
	-moz-box-shadow: 0px 0px 20px lightgray;
-webkit-box-shadow: 0px 0px 20px lightgray;
box-shadow: 0px 0px 20px lightgray;
	border-radius:7px;
	-moz-border-raidus:7px;
	-webkit-border-radius:7px;
	background-color:#fff;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu ul li a{
	padding-top:7px;
	padding-left:5px;
	padding-bottom:10px;
	width:			100%;
}


.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.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:			2.5em; /* 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:			16em; /* match ul width */
	top:			0;
}
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:			10em; /* match ul width */
	top:			0;
}