@charset "UTF-8";
/*  
Theme Name: MEGATEKS
Theme URI: 
Description: Bu tema <a href="http://www.cansurmeli.com">Can SÜRMELİ</a> tarafından hazırlanmıştır.
Version: 2.1
Author: Can SÜRMELİ
Author URI: http://www.cansurmeli.com
*/

body {
background-color: #f0f0f0;
font-family: Arial;
}

/* Layers */

#header-1 { position: absolute; top: 0; left: 0; width: 900px; height: 90px; background-color:#dedede;}
#logo { position: absolute; top: 10px; left: 50px; width: 200px; height: 70px; background-image: url(../images/logo.jpg); }
/* Fonts */

.title {
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}
.yazilar {	
	font-size: 0.75em;
	color: #454545;
}
#layer1 { position: absolute; top: 34px; left: 681px; width: 209px; height: 46px; }
.ds5 /*agl rulekind: base;*/ { font-size: 24px; font-weight: bold; }
.ds7 /*agl rulekind: base;*/ { font-size: 10px; }
.ds12 /*agl rulekind: base;*/ { color: #fff; font-size: 14px; font-weight: bold; }
.words {
	color: #454545;
	font-size: 12px;
}
.menu ul {
	padding: 0;
	border-bottom: 1px solid #EAEADA;
}
.menu ul a {
	font-size: 14px;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.menu ul a:hover {
	color: #d8271a;	
}
#languages { margin-top: 2px; position: absolute; top: 0; left: 720px; width: 160px; height: 19px; }
#slideshow { position: absolute; top: 88px; left: 720px; width: 150px; height: 150px; }
#header-3 { background-image: url(../images/header-2.gif); position: absolute; top: 110px; left: 0; width: 900px; height: 19px; }
#header-2 { background-image: url(../images/header-1.gif); position: absolute; top: 90px; left: 0; width: 900px; height: 20px; }
/* sub navigation */
.sidenav {
	float: left;
	width: 210px;
}
.sidenav ul {
	padding: 0;
}
.sidenav ul {border-bottom: 2px solid #cccccc; width: 180px; margin-left: 5px;}
.sidenav ul a {
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	display: block;
	padding: 17px 0 8px 5%;
	text-decoration: none;
	width: 95%;
	vertical-align: middle;
}
.sidenav ul a:hover {
	text-decoration: none;
	color: #db271a;
}
.sidenav ul.home a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/info.gif);
	background-repeat: no-repeat;
}
.sidenav ul.home {
	background-image:url(../images/info.gif);
	background-repeat: no-repeat;
}
.sidenav ul.design a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/design.gif);
	background-repeat: no-repeat;
}
.sidenav ul.design {
	background-image:url(../images/design.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.knitting a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/machine.gif);
	background-repeat: no-repeat;
}
.sidenav ul.knitting {
	background-image:url(../images/machine.gif);
	background-repeat: no-repeat;
}
.sidenav ul.digital-printing a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/digital-printing-machine.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.digital-printing {
	background-image:url(../images/digital-printing-machine.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.cutting a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/scissor.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.cutting {
	background-image:url(../images/scissor.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.sewing a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/sewing.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.sewing {
	background-image:url(../images/sewing.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.control a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/parcel.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.control {
	background-image:url(../images/parcel.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.location a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/location.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.location {
	background-image:url(../images/location.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.contact a:hover {
	background-color: #f0f0eb;
	background-image:url(../images/mail.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.sidenav ul.contact {
	background-image:url(../images/mail.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
/* CSS FOR SLIDESHOW SCRIPT */

.imageSlideshowHolder,.imageSlideshowHolder_left{

		position: absolute;
		cursor:pointer;
		top: 93px; 
		left: 725px;
		width: 150px;
		height: 150px;
		background-image:url(../images/printing-machine.png);
		background-repeat:no-repeat;
		background-position:top;
		}


	.leftFloatingDiv{

		float:left;

		width:160px;

		height:110px;

	}

	/* Don't change these values */

	.imageSlideshowHolder img{

		position:absolute;

		left:0px;

		top:0px;

	}
#line-1 { background-image: url(../images/line.gif); background-repeat: repeat-x; position: absolute; top: 530px; left: 0; width: 192px; height: 10px; }
#imageSlideshowHolder { }
.dsR8 /*agl rulekind: base;*/ { top: 0; left: 0; }
#items { position: absolute; top: 0; left: 1px; width: 189px; height: 633px; float: left; }
#menu { position: absolute; top: 0; left: 0; width: 192px; height: 640px; }
#column-1 { background-color: #d8271a; position: absolute; top: 0; left: 192px; width: 2px; height: 710px; }
#news { position: absolute; top: 264px; left: 705px; width: 194px; height: 102px; }
#column-2 { background-color: #d8271a; position: absolute; top: 0; left: 700px; width: 2px; height: 710px; }
#separator-1 { background-image: url(../images/separator-2.png); position: absolute; top: 70px; left: 702px; width: 198px; height: 15px; }
#separator-2 { background-image: url(../images/separator-2.png); position: absolute; top: 250px; left: 702px; width: 198px; height: 15px; }
#line-2 { background-image: url(../images/line.gif); background-repeat: repeat-x; position: absolute; top: 365px; left: 702px; width: 198px; height: 10px; }
#turkish { background-image: url(../images/turkish.png); cursor: pointer; position: absolute; top: 20px; left: 710px; width: 32px; height: 32px; }
#english { background-image: url(../images/english.png); cursor: pointer; position: absolute; top: 20px; left: 750px; width: 32px; height: 32px; }
#content { position: absolute; top: 129px; left: 0; width: 900px; height: 705px; }
.dsR7 /*agl rulekind: base;*/ { width: 99.61%; height: 646px; }
#inside { position: absolute; top: 10px; left: 194px; width: 507px; height: 581px; }

/* Fonts */

a:link {
	color: #454545;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #454545;
}
a:hover {
	text-decoration: none;
	color: #db271a;
}
a:active {
	text-decoration: none;
	color: #454545;
}
.title {
	font-size: 16px;
	color: #454545;
	font-weight:bold;
	text-align:center;
}
.title-2 {
	font-size: 12px;
	font-weight:bold;
	color: #454545;
}
.words {
	color: #454545;
	font-size: 12px
	}
.title-3 {
	color: #63be5f;
	font-size: 12px;
}
#header-2 { top: 200px; left: 0; }
#languages { top: 0; left: 720px; }
#header-3 { top: 220px; left: 0; }
#header-1 { width: 900px; height: 200px; }
#animation { position: absolute; top: 30px; left: 230px; width: 650px; height: 130px; }
.dsR26 /*agl rulekind: base;*/ { width: 650px; height: 130px; }
#logo { position: absolute; top: 60px; left: 10px; width: 200px; height: 70px; }
.ds2 /*agl rulekind: base;*/ { font-size: 12px; }
#items { }
#date { position: absolute; top: 365px; left: 700px; width: 198px; height: 10px; }
.dsR27 /*agl rulekind: base;*/ { top: 10px; left: 0; }
.dsR28 /*agl rulekind: base;*/ { top: -100px; left: 0; }
#imageSlideshowHolder { top: 83px; left: 725px; }
#inside { top: 10px; left: 199px; width: 502px; }
#menu { }
#column-1 { top: 0; left: 192px; }
#news { top: 254px; left: 705px; }
#column-2 { }
#line-1 { top: 470px; left: 0; width: 192px; height: 10px; }
#separator-1 { top: 60px; left: 702px; }
#separator-2 { top: 240px; left: 702px; }
#line-2 { top: 355px; left: 702px; width: 198px; height: 10px; }
#turkish { top: 15px; left: 710px; }
#content { top: 239px; left: 0; }
#english { top: 15px; }
