/**
 * @return: style pages
 **/


@import url(../styles/stable.css); 
 
body { margin: 0; background: #0b0b0b url(../resources/general/erkan_bg.jpg) repeat-x; } 

.clear-after:after 
{
	content: "\0020";
 	display: block;
 	height: 0;
 	clear: both;
}

.marg { margin: 0; }
.padd { padding: 0; }
.mp { padding: 0; margin: 0; }

.lft { float: left; }

div.tstart
{
	position: relative;
	width: 920px;
	height: 1000px;
	top: 30px;
	left: 50%;
	margin-left: -460px;
	background: transparent url(../resources/general/bgmain.gif) no-repeat;
	filter:alpha(opacity=40); -moz-opacity: .40; opacity:.40;
}

div.start
{
	position: absolute;
	z-index: 2;
	width: 920px;
	min-height: 700px;
	top: 30px;
	left: 50%;
	margin-left: -460px;
	background: transparent url(../resources/general/top-bg.gif) no-repeat;
}


div.bottom
{
	clear: left;
	padding: 0;
	padding-top: 40px;
	margin: 0px 0 30px 0;
	background: transparent url(../resources/general/botom-bg.gif) no-repeat;
	width: 920px;
	height: 160px;
}



div.topico { margin-left: 450px; }
div.topico a
{
	display: block; 
	width: 32px;
	height: 30px;
	background: transparent url(../resources/general/top-icon.gif) no-repeat;
} 
div.topico a:hover { background: transparent url(../resources/general/top-icon.gif) no-repeat 0 -30px; } 


div.topmargin { height: 25px; }	


div.main
{
	position: relative;
	min-height: 550px;
}

div.topbut { height: 345px; }

div.topbut ul {	float:left;	}


ul.butt 
{
	margin: 0;
	padding: 0;
	padding-top: 263px;
	width: 560px;
	list-style: none;
}

ul.butt li { float: left; }

ul.butt li
{
	margin: 0;
	padding: 0;
	height: 50px;
	width: 100px;
}

ul.butt li.sep { background: transparent url(../resources/kopce/but-sep.gif) no-repeat top center; width: 30px !important; }

ul.butt li a
{
	display: block;	
	width: 100px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
}

ul.butt li.hm a { background-image: url(../resources/kopce/home.gif); }
ul.butt li.ab a { background-image: url(../resources/kopce/about.gif); }
ul.butt li.pt a { background-image: url(../resources/kopce/service.gif); }
ul.butt li.ct a { background-image: url(../resources/kopce/contact.gif); }

ul.butt li.hm a:hover { background-image: url(../resources/kopce/home-ovr.gif); }
ul.butt li.ab a:hover { background-image: url(../resources/kopce/about-ovr.gif); }
ul.butt li.pt a:hover { background-image: url(../resources/kopce/service-ovr.gif); }
ul.butt li.ct a:hover { background-image: url(../resources/kopce/contact-ovr.gif); }

ul.butt li.pt, ul.butt li.pt a { width: 130px !important; } 

div.banner 
{
	position: absolute;
	z-index: 3;
	width: 590px;
	height: 222px;
	margin-left: 310px;
	margin-top: -340px;
}

ul.crt 
{
	position: absolute;
	z-index: 4;
	margin: 0;
	padding: 0;
	width: 230px;
	margin-left: 690px;
}
ul.crt a { float: left; display: block; width: 100px; padding: 4px 0 4px 0; text-align:center;  }
ul.crt a.r-brd { border-right: 1px solid #333; }

div.change
{
	background: transparent url(../resources/general/dovizkurlari.gif) no-repeat 60px 10px; 
	padding-top: 40px;
	height: 75px;
}

div.change ul li#eur 
{
	margin: 0;
	padding: 5px 0 0 30px;
	width: 170px;
	height: 30px;
	background: transparent url(../resources/general/eur.gif) no-repeat;
}

div.change ul li#usd 
{
	margin: 0;
	padding: 5px 0 0 30px;
	width: 170px;
	height: 30px;
	border-bottom: 1px solid #ccc; 
	background: transparent url(../resources/general/usd.gif) no-repeat;
}

.lft-level { width: 280px; }

.ic-level { width: 610px; }

div.twomn
{
	height: 100px;
}

div.twomn ul
{
	float: left;
	width: 180px;
	height: 80px;
	margin: 0;
	padding: 0;
	padding-left: 15px;
}

div.twomn ul a
{
	display: block;
	width: 157px;
	height: 80px;
	background-repeat:no-repeat;
}

div.twomn ul#ref a { background-image: url(../resources/kopce/references.gif); }
div.twomn ul#vdo a { background-image: url(../resources/kopce/video.gif); }
div.twomn ul#glr a { background-image: url(../resources/kopce/gallery.gif); }

div.twomn ul#ref a:hover { background: transparent url(../resources/kopce/references.gif) 157px 0px; }
div.twomn ul#vdo a:hover { background: transparent url(../resources/kopce/video.gif) 157px 0px; }
div.twomn ul#glr a:hover { background: transparent url(../resources/kopce/gallery.gif) 157px 0px; }

div.lftmn
{
	padding-top: 30px;
	padding-left: 40px;
	height: 220px;
	background: transparent url(../resources/general/building_erk.gif) no-repeat;
}


/** duyurular */
ul.cw
{
	display: block;
	height: 125px; 
	list-style: none;
}
ul.cw li#one { height: 96px; width: 110px; } 
ul.cw li#one a 
{
	display: block;
	height: 80px;
	width: 80px;
	border: 8px solid black;
	background-repeat: no-repeat;
	background-position: center;
}
ul.cw li#one a:hover { border-color: #fff; }
ul.cw li#two { width: 350px; padding-left: 20px; background: transparent url(../resources/icon/othico.gif) no-repeat 0 10px; }



/** msnim */
.msnim { padding: 10px; padding-top: 20px; height: 60px; }
.msnim a
{
	display: block;
	height: 50px;
	width: 225px;
	background: transparent url(../resources/general/msn.gif) no-repeat;
}
.msnim a:hover { background: transparent url(../resources/general/msn.gif) no-repeat 0px -50px; }

div.iflft
{
	position: absolute;
	z-index: 5;
	width: 21px;
	height: 222px;
	background: transparent url(../resources/general/maps_top.gif) no-repeat;
}

div.ifrgt
{
	position: absolute;
	z-index: 5;
	width: 21px;
	height: 222px;
	background: transparent url(../resources/general/maps_top.gif) no-repeat -569px 0;
	margin-left: 569px;
}


div#maps
{
	position: absolute;
	z-index: 6;
	width: 205px;
	height: 155px;
	margin-top: -50px;
	margin-left: 360px;
}

div#maps a 
{ 
	display: block;	
	background: transparent url(../resources/general/logo-out.gif) no-repeat; 
	width: 205px;
	height: 155px;
}

div#maps a:hover { background-image: url(../resources/general/logo-over.gif); }



/* galeri resimler */
div.prd, div.referans
{
	display: block;
	padding: 20px;
}

div.prd ul 
{ 
	float: left; 
	margin: 0;
	padding: 0;
	padding-top: 25px;
	width: 190px;
	height: 125px;
}

div.prd ul a
{ 
	display: block;
	width: 160px;
	height: 95px;
	border: 5px solid black;
	background-repeat: no-repeat;
	background-position: center;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.prd ul a:hover, div.referans ul li a:hover { border-color: white; } 

div.referans ul 
{ 
	float:left;
	margin: 0; 
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 6px; 
	width: 240px;
	min-height: 185px;
	background-color: #8d8d8d;
	border: 1px solid #666666;
	list-style: none;
}

div.referans ul li { paddin: 4px; margin: 0; }

div.referans ul li a
{
	display: block;
	width: 175px;
	height: 105px;
	border: 5px solid #666666;
	background-repeat: no-repeat;
	background-position: center;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}


/* butonlari yukle */
div.srv_btn
{
	padding: 0;
	padding-left: 80px;
	font-size: 11px;
}

div.srv_btn a
{
	display: block;
	padding: 0;
	padding-left: 40px;
	padding-top: 6px;
	width: 260px;
	height: 20px;
	color: white;
	margin-bottom: 10px;
	text-decoration: none;
	background: transparent url(../resources/general/servicebtn.gif) no-repeat;
}
div.srv_btn a:hover, ul.top_lnk a:hover { background: transparent url(../resources/general/servicebtn.gif) no-repeat -300px 0px; color: #424546; }

div.srv_det { padding: 20px; padding-right: 40px; border-top: 1px solid gray; font-size: 12px; }
div.srv_det a
{ 
	float: right;
	width: 210px;
	height: 121px;
	border: 5px solid black;
	background-repeat: no-repeat;
	background-position: center;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.srv_det a:hover { border-color: white; } 

/* ara link */
ul.top_lnk
{
	display: block;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
	height: 20px;
}

ul.top_lnk a
{
	float: left;
	display: block;
	width: 120px;
	padding: 0;
	padding-left: 40px;
	padding-top: 6px;
	margin-right: 20px;
	height: 20px;
	text-decoration: none;
	color: white;
	font-size: 11px;
	background: transparent url(../resources/general/servicebtn.gif) no-repeat;