bodyy  #orta_bg #icerik  #orta_icerik{width:900px;	height:532px; margin-top:10px; float:left;}



#bodyy  #orta_bg #icerik #orta_icerik  #sol_icerik{width:405px;	height:532px; margin-top:10px; float:left;}
#bodyy  #orta_bg #icerik #orta_icerik  #sag_icerik{width:420px;	height:532px; margin-top:10px; margin-left:75px; float:left;}



body{ background-position:top;margin-bottom:0; margin-left:0; margin-right:0; margin-top:0;}
#bodyy{ width:100%; height:auto;}
#bodyy #ust_bg{width:100%; height:6px; background-image:url(../images/ust_cizgi.jpg); background-repeat:repeat-x;}
#bodyy #samsunweb_logobg{width:100%; height:120px; background-image:url(../images/samsunweb_logobg.png); background-repeat:repeat-x;}
#bodyy #samsunweb_logobg #samsun_web{ width:914px; height:113px; margin-right: auto; margin-left: auto; }
#bodyy #samsunweb_logobg #samsun_web #logo{ width:152px; height:76px; padding-top: 30px; margin-right:135px; float:left; }

#bodyy #samsunweb_logobg #samsun_web #menu{width:620px;	height:61; float:right; margin-top:35px;}
#bodyy #samsunweb_logobg #samsun_web #menu #bizkimiz{ width:80px; float:left;	 font-family:Century Gothic; font-size:18px; font-weight:bold; color:#FFCC26; text-decoration:none; cursor:pointer; margin-right:60px;}
#bodyy #samsunweb_logobg #samsun_web #menu #neler{ width:115px; float:left;	 font-family:Century Gothic; font-size:18px; font-weight:bold; color:#FCE52E; text-decoration:none; cursor:pointer; margin-right:52px;}

#bodyy #samsunweb_logobg #samsun_web #menu #yaptik{ width:126px; float:left;	 font-family:Century Gothic; font-size:18px; font-weight:bold; color:#CCE35A; text-decoration:none; cursor:pointer; margin-right:42px;}
#bodyy #samsunweb_logobg #samsun_web #menu #ulas{ width:95px; float:left;	 font-family:Century Gothic; font-size:18px; font-weight:bold; color:#81CC33; text-decoration:none; cursor:pointer;margin-right:42px;}

#bodyy #samsunweb_logobg #samsun_web #menu #bizkimiz:hover{ width:80px; float:left;	 font-family:Century Gothic; font-size:18px; font-weight:bold; color:#333333; text-decoration:none; cursor:pointer; margin-right:60px;}
#bodyy #samsunweb_logobg #samsun_web #menu #neler:hover{ width:115px; float:left;	 font-family:Century Gothic; font-size:18px; font-weight:bold;color:#333333; text-decoration:none; cursor:pointer; margin-right:52px;}
#bodyy #samsunweb_logobg #samsun_web #menu #yaptik:hover{ width:126px; float:left;	 font-family:Century Gothic; font-size:18px; font-weight:bold; color:#333333; text-decoration:none; cursor:pointer; margin-right:42px;}
#bodyy #samsunweb_logobg #samsun_web #menu #ulas:hover{ width:95px; float:left;	 font-family:Century Gothic; font-size:18px; font-weight:bold; color:#333333; text-decoration:none; cursor:pointer;margin-right:42px;}

#bodyy  #orta_bg{ width:100%; height:1010px; background-image:url(../images/samsunwebtasarim_orta_bg2.jpg); background-repeat: repeat-x; }

#bodyy  #orta_bg #icerik{ width:914px; height:100%; margin-right: auto; margin-left: auto; padding-top:27px; }

#bodyy  #orta_bg #icerik #nyapariz { width:165px; height:auto; float:left;}

#bodyy  #orta_bg #icerik #nyaparizbaslik{ width:164px; float:left;	 font-family:Century Gothic; font-size:20px; font-weight:bold; color:#40BECD; text-decoration:none;margin-bottom:10px;}

#bodyy  #orta_bg #icerik #nyapariz2 { width:165px; height: auto; float:left;}

#bodyy  #orta_bg #icerik #nyapariz2 #font{ width:154px; float:left;	 font-family:Century Gothic; font-size:12px; color:#333333; text-decoration:none; padding-left:10px;line-height: 2.5em;}


#bodyy  #orta_bg #icerik #banner{ width:733px; height:235px; float:right;}

#bodyy  #orta_bg #icerik #banner #slogan{ width:421px; height:28px; float:right; font-family:Century Gothic; font-size:25px; color:#333333; text-decoration:none; }

#bodyy  #orta_bg #icerik #banner #referanslar{ width:733px; height:217px; float:left; margin-top:20px;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_resim{ width:300px; height:215px; float:left; background-image:url(../images/samsunwebtasarim_resimbg.png);}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_resim #resim_icerik{ width:280px; height:195px; float:left; margin-left:10px; margin-top:10px;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_firmaadi{ width:320px; height:25px; float:right; font-family:Century Gothic; font-size:18px; color:#333333; text-decoration:none;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_firmaweb{ width:320px; height:10px; float:right; font-family:Tahoma; font-size:12px; color:#333333; text-decoration:none;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_hizmetler{ width:320px; height:60px; float:right; margin-top:10px;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_hizmetler #referans_hizmet{ width:320px; height:15px; float:right; font-family:Tahoma; font-size:11px; color:#333333; font-weight:bold; text-decoration:none;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_hizmetler #referans_hizmetdetay{ width:320px; height:45px; float:right; font-family:Tahoma; font-size:11px; color:#333333; text-decoration:none;}


#bodyy  #orta_bg #icerik #banner #referanslar #referans_hizmetler #referans_aciklamalar{ width:320px; height:15px; float:right; font-family:Tahoma; font-size:11px; color:#333333; font-weight:bold; text-decoration:none;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_hizmetler #referans_aciklamalardetay{ width:320px; height:45px; float:right; font-family:Tahoma; font-size:11px; color:#333333; text-decoration:none;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_hizmetler #referans_altbolum{ width:320px; height:30px; float:left; padding-top:18px;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_hizmetler #referans_altbolum #referans_facebook{ width:30px; height:30px; float:left;}

#bodyy  #orta_bg #icerik #banner #referanslar #referans_hizmetler #referans_altbolum #referans_twiter{ width:30px; height:30px; float:left; margin-left:35px;}

#bodyy  #orta_bg #icerik #banner #referans_hizmetler #referans_altbolum #referans_detay{ width:75px; height:30px; float:right;}

#bodyy  #orta_bg #icerik #banner #referanslar #line { width:618px; height:1px; background-image:url(../images/line.png); background-repeat:no-repeat; margin-top:15px; margin-bottom:15px;}


#bodyy #futer { width:100%; height:50px; background-image:url(../images/futer_bg.jpg); background-repeat:repeat-x;}
#bodyy #futer  #futer_icerik{ width:964px; height:45px; margin-right: auto; margin-left: auto; }

#bodyy #futer  #futer_icerik #adress {width:350px; height:auto; float:left; padding-top:10px; }
#bodyy #futer  #futer_icerik #phone{ width:13px; height:auto; float:left; margin-right:10px;  }
#bodyy #futer  #futer_icerik #ficerik{ width:97px; height:auto; float:left; }
#bodyy #futer  #futer_icerik #ffont1 {width:100px; height:auto; float:left; 	 font-family: Tahoma, Geneva, sans-serif; font-size:12px;  color:#4E748C; text-decoration:none;}

#bodyy #futer  #futer_icerik #adres{ width:20px; height:21px; float:left; }
#bodyy #futer  #futer_icerik #adresicerik{ width:320px; height:auto; float:right;  }
#bodyy #futer  #futer_icerik #ffont2 {width:320px; height: auto; float: right; 	 font-family: Tahoma, Geneva, sans-serif; font-size:12px;  color:#4E748C; text-decoration:none;}

#bodyy #futer  #futer_icerik #maill {width:220px; height: auto; float:left; padding-top:20px;  margin-left:73px; margin-right:30px; }
#bodyy #futer  #futer_icerik #mail{ width:20px; height:21px; float:left;}
#bodyy #futer  #futer_icerik #mailicerik{ width:158px; height:auto; float:left; padding-left:5px;  }
#bodyy #futer  #futer_icerik #ffont3 {width:165px; height: auto; float: left; 	 font-family: Tahoma, Geneva, sans-serif; font-size:12px;  color:#4E748C; text-decoration:none;}
#bodyy #futer  #futer_icerik #ffont3 a{text-decoration: none}

#bodyy #futer  #futer_icerik #begen{width:281px; height:auto; float:left; padding-top:20px; }
#bodyy #futer  #futer_icerik #begen #google{ width:62px; height:20px; float:left;}
#bodyy #futer  #futer_icerik #begen #facebook{ width:62px; height:20px; float:left; margin-left:20px;}
#bodyy #futer  #futer_icerik #begen #tweter{ width:89px; height:20px; float:right; margin-left:24px;}
#bodyy #futer #futerbg{width:100%; height:6px; background-image:url(../images/ust_cizgi.jpg); background-repeat:repeat-x; margin-top:10px;}


.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 600px;
	height: 240px;
    margin-top: 10px;
	/* custom decorations */

}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:300px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
.scrollable {
	float:left;	
}


a.browse {
	background:url(../images/oklar.png) no-repeat;
	display:block;
	width:34px;
	height:34px;
	float:left;
	margin:100px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0 -34px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-34px -34px; }
a.right:active 	{ background-position:-34px -34px; } 


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-34px 0; }
a.left:active  	{ background-position:-68px 0; }


    #bodyy #teklif_formu
    {
        width: 100%;
        height: 100%;
        position: relative;
        display: table;
        z-index: 1;
    }

    #bodyy #teklifformu2
    {
        width: 40px;
        height: 405px;
        position: absolute;
        z-index: 2;
        right: 123px;
        top: 18px;
    }

    #bodyy #orta_bg #icerik .pager
    {
        width: 733px;
        height: auto;
        float: right;
        font-family: sans-serif;
        font-weight: bolder;
        font-size: 12px;
        margin-top: 10px;
    }

        #bodyy #orta_bg #icerik .pager a
        {
            border: 1px solid #00C;
            padding: 2px 4px;
            display: inline-block;
            text-decoration: none;
            margin: auto 2px;
        }
#bodyy #orta_bg #icerik .pager span span
{
    border: 1px solid #0CC;
    padding: 2px 4px;
    display: inline-block;
    margin: auto 2px;
}

    .detail {
        margin-top: 50px;
        width: 700px;
        height: 240px;
        float: right;
    }