* {margin: 0; padding: 0;}

body{background: transparent url(../images/backgrounds/background.jpg); background-repeat: repeat;}

#bigdiv {margin: 0 auto; padding:0; width: 1150px; height: 100%; background-image: url(../images/backgrounds/backgroundwithlogo.jpg); background-repeat: no-repeat;}

/*Enter Page*/
#enterpagediv {margin: 0 auto; width:  280px; height: 165px; background-image: url(../images/backgrounds/enterpageback.jpg); background-repeat: no-repeat; padding-top: 335px;}
#enterotto{width: 270px; text-align: center; margin-top: 90px;}
#enterotto a {font: 9px Tahoma; color: white; text-decoration: none;}
#enterotto a:hover, .footer a:active, .footer a:focus {color: #b69a2c;}
#enterotto p {font: 9px Tahoma; color: #fff;}
#enterdil ul li a {font: 12px Tahoma; color: white; text-decoration: none; line-height: 16px;}
#enterdil ul{list-style: none;}
#enterdil li {float: left; height:  20px;}
#enterdil ul li a:hover, .enterdil ul li a:active, .enterdil ul li a:focus {color: #b69a2c;}

#banneralt {width: 1045px; height: 5px; background-image: url(../images/backgrounds/banneralt.png);}
#ottologodiv {width: 130px; height: 40px; margin: 0 270px 0 750px; padding-top: 30px;}
#ottologodiv a{width: 130px; height: 40px;display: block;}

/**************Anasayfa Content***************/
.maincontent{width: 960px; height: 205px; background-color: #3f3f3f; padding: 20px 0 25px 0; margin: 0 45px 0 40px;}
.maincontentleft{float: left; width: 429px; height: 200px;  padding: 0 25px; border-right: #535353 1px solid;}
.maincontentright{float: left; width: 429px; height: 200px;  padding: 0 25px; border-left: #797979 1px solid;}
.mcleftheader{width: 429px; height: 30px;}
.mcleftheader h3{font: 14px Tahoma; color: #a28c35;}
.mcrightheader{width: 429px; height: 30px;}
.mcrightheader h3{font: 14px Tahoma; color: #a28c35;}
.mcrightpicdiv{float: left; width: 170px; height: 100px; background-color: black; border: #727272 1px solid; padding: 1px;}
.mcrightrightdiv{float: left; width: 245px; height: 44px; padding: 60px 0 0 10px;}
.mcrightpicdiv img {border: 0;}
.mcrightrightp p{font: 12px Tahoma; color: #fff; bottom: 12px; height: 29px;}
.mccontinue{text-align: right; bottom: 0; right: 0; height: 15px;}
.mccontinue a{font: 12px Tahoma; color: #a1a0a0; text-decoration: none;}
.mccontinue a:hover,.mccontinue a:focus, .mccontinue a:active {color: #b69a2c;}

.mcrightkatalogheader{width: 429px; height: 25px;}
.mcrightkatalogheader h3{font: 14px Tahoma; color: #a28c35;}
.urunkatalog {float: left; width: 429px; height: 55px; margin-top: 10px;}
.urunkatalogpic {float: left; width: 30px; height: 30px;}
.urunkatalogcontent {width: 429px; height: 30px;}
.urunkatalogyazi a{text-decoration: none; font: 12px Tahoma; color: #fff;}
.urunkatalogyazi a:hover,.urunkatalogyazi a:focus, .urunkatalogyazi a:active {color: #b69a2c;}
.urunkatalogyazi {float: left; width: 384px; height: 20px; margin: 10px 0 0 5px;}


/**********Anasayfa Güncel Haberler***********/
.newsfeeddiv{width: 429px; height: 30px; margin-bottom: 20px; padding: 5px 0 5px 0;}
.newsfeeddate {float: left; width: 69px; height: 20px; border-right: #535353 1px solid; padding: 5px 5px;}
.newsfeeddate p{color: #dfdfdf; font: 13px Tahoma}
.newsfeedcontent {float: left; width: 338px; height: 30px; border-left: #797979 1px solid; padding: 0 5px;}
.newsfeedcontent p{font: 12px Tahoma; color: #000; cursor: default;}
.newsfeedcontent a{font: 12px Tahoma; color: #000; text-decoration: none;}
.newsfeedcontent a:hover,.newsfeedcontent a:focus, .newsfeedcontent a:active {color: #fff;}

/*******************Sirket Profili************/
#profilcontent p{color: #dfdfdf; font: 12px Tahoma; margin-bottom: 15px;}
#profilvizyon p{color: #dfdfdf; font: 12px Tahoma; margin-bottom: 15px;}

/******************Products Content***********/
.productscontent{width: 924px; background-color: #3f3f3f; padding: 0 18px 25px 18px; margin: 0 45px 0 40px;}
.productsheader {float: left; height: 20px; width: auto; margin-top: 20px;}
.productsheader h3 {font: 14px Tahoma; color: #a28c35; margin-right: 10px ;cursor: default;}

.productssubheader {float: left; height: 20px; width: auto; margin-top: 20px;}
.productssubheader a:hover,.productssubheader a:focus, .productssubheader a:active {color: #fff;}
.productssubheader a {font: 11px Tahoma; color: #19191a; text-decoration: none; margin: auto 5px;}

.productname {font: 13px Tahoma; color: #fff; margin: auto 5px; cursor: default;}

.thumbdiv {float: left; width: 280px; height: 48px; padding: 7px 0 0 0;}
.rightalign {float: right; height: 48px;}
.thumbpic {float: left; width: 50px; height: 40px; background-color: black; border: 1px solid #6f6f6f; padding: 1px; margin-left: 7px;}
.thumbpic a {border: 0;}

/******************Reference Content***********/
.referencecontent{width: 960px; height: 395px; background-color: #3f3f3f; padding:  20px 0 25px 0; margin: 0 45px 0 40px;}
.referencecontentleft{float: left; width: 429px; height: 390px;  padding: 0 25px; border-right: #535353 1px solid;}
.referencecontentright{float: left; width: 429px; height: 390px;  padding: 0 25px; border-left: #797979 1px solid;}

.rcleftheader{width: 429px; height: 30px;}
.rcleftheader h3{font: 14px Tahoma; color: #a28c35;}
.rcrightheader{width: 429px; height: 30px;}
.rcrightheader h3{font: 14px Tahoma; color: #a28c35;}

#referanslarimizcontent p{color: #dfdfdf; font: 12px Tahoma; margin-bottom: 15px;}
.referansdiv{margin-bottom: 20px;}

.projelerdiv {width: 429px; height: 99px; margin-bottom: 30px;}
.projepicdiv{float: left; width: 140px; height: 95px; background-color: black; border: #727272 1px solid; padding: 1px;}
.projepicdiv a img {border: 0;}
.projecontentdiv {float: left; width: 265px; height: 99px; padding: 0 10px;}
.projecontenth3 h3{font: 12px Tahoma; color: #b69a2c;}
.projecontentp p{font: 12px Tahoma; color: #dfdfdf;}

/*****************Contact Content********************/
.contactcontent{width: 920px; height: 460px; background-color: #3f3f3f; padding: 20px 20px 25px 20px; margin: 0 45px 0 40px;}
.contactheader{width: 920px; height:30px;}
.contactheader h3{font: 14px Tahoma; color: #a28c35;}

.contactright h3{font: bold 16px Tahoma; color: #000;}
.contactright p{color: #3f3f3f; font: 14px Tahoma; margin-bottom: 10px;}

/*************Footer*****************/
.footer{width: 900px; height: 15px; padding: 15px 30px 0 30px; margin: 0 45px 0 40px;}
.footer a {font: 9px Tahoma; color: white; text-decoration: none;}
.footer a:hover, .footer a:active, .footer a:focus {color: #b69a2c;}
.footer p {font: 9px Tahoma; color: #fff;}

.nivosmalldiv{width: 1000px; height: 165px; padding: 0; z-index: -1;}
.nivobigdiv{width: 1000px; height: 355px; padding: 0; z-index: -1;}

/********SiteMap*********************/
#sitemapdiv {width: 890px; height: 100%; background-color: #3f3f3f; padding: 20px 20px 25px 50px; margin: 0 45px 0 40px;}
#sitemapul {margin: 0px;}
#sitemapul li a:hover, #sitemapul li a:active, #sitemapul li a:focus {color: #fff;}
#sitemapul li {list-style: none; float: left; margin: 0 40px 0 0;}
#sitemapul li a, #sitemapul li h3{font: bold 14px Tahoma; color: #b69a2c; text-decoration: none;}
#sitemapul li ul {padding: 0 0 0 20px; margin: 10px 0 0 0;}
#sitemapul li ul li {float: none; margin: 10px 0 0 0;}
#sitemapul li ul li a, #sitemapul li ul li h3 {font: 13px Tahoma;}
#sitemapul li ul li ul{margin:0;}
#sitemapul li ul li ul li {margin: 0;}
#sitemapul li ul li ul li a, #sitemapul li ul li ul li h3 {font: 12px Tahoma;}
#sitemapul li ul li ul li ul {margin: 0 0 0 20px;}
#sitemapul li ul li ul li ul li { list-style: circle; margin: 0px; padding: 0;}
#sitemapul li ul li ul li ul li a, #sitemapul li ul li ul li ul li h3 {font:11px Tahoma;}


/* root element for scrollable */
.scrollableproject {
	position:relative;
	overflow:hidden;
	width: 429px; 
    height: 357px;
}

.scrollableproject .items {
	position:absolute;
	height:100%;
}

#actions a{cursor: pointer;}

.scrollablereference {
	position:relative;
	overflow:hidden;
	width: 429px; 
    height: 357px;
}

.scrollablereference .items {
	position:absolute;
	height:100%;
}