	/*-----------------------------------------------------------------------------------
Author		: Hakan EREN
URL		: http://www.mayareklam.com

-----------------------------------------------------------------------------------*/
*{
	margin: 0; padding: 0;
}

#global:hover
{
    border:1px solid green;
}

body{
	background:  #062000 url(../images/header_base.jpg) repeat-x top left; font: normal 8pt/11pt tahoma, sans-serif; text-align: left; 
}

#base_container{
	background: url(../images/header_bg.jpg) repeat-x top right; min-width: 1004px; width: 100%; height: 322px; position: relative; 
}
#header_ltcurve{
	background: url(../images/header_ltcurve.jpg) no-repeat top left; width: 474px; height: 322px; 
}
#flower{
	background: url(../images/flower.jpg) no-repeat top left; width: 429px; height: 322px; left: 185px; top: 0; position: absolute; 
}
#verdure_homelogo{
	background: url(../images/verdure_home_logo.jpg) no-repeat top left; width: 197px; height: 145px; top: 53px; left: 543px; position: absolute; z-index: 20; 
}
#header_rtcrv_container{
	position: absolute; z-index: 10; right: 0; top: 0;
}
#header_rtcurve1{
	background: url(../images/header_rtcurve1.jpg) no-repeat top right; width: 268px; height: 178px; float: right;
}
#header_rtcurve2{
	background: url(../images/header_rtcurve2.jpg) no-repeat top right; width: 70px; height: 40px; float: right;
}
#cont_mainbg{
	background: #475609 url(../images/cont_mainbg.jpg) repeat-x top left; min-width: 1004px; width: 100%; height: 247px;  color: #739504; 
}
#cont_default {
	background: url(../images/cont_textbg.jpg) no-repeat top left; color: #739504; margin-top: 27px; margin-left: 12px; padding: 76px 25px 5px 35px; width: 377px; float: left; 
}
#cont_mainbg > p{
	margin-left: 24px;
}
#cont_mainbg p a, #about_website a{
	color: #B4F400; text-decoration: none;
}
#cont_mainbg p a:hover, #about_website a:hover{
	color: #B4F400; text-decoration: underline;
}
#about_website{
	background: url(../images/about_website.jpg) no-repeat top left !important; color: #739504; margin-top: 27px; margin-left: 12px; padding: 76px 25px 5px 35px; width: 377px; float: left; 
}
#cont_mainbg > #about_website{
	margin-left: 24px;
}
#contact_me{
	background: url(../images/contact_me.jpg) no-repeat top left !important; color: #739504; margin-top: 27px; margin-left: 12px; padding: 76px 25px 5px 35px; width: 377px; float: left; 
}
#cont_mainbg > #contact_me{
	margin-left: 24px;
}
#portfolio{
	background: url(../images/portfolio.jpg) no-repeat top left !important; color: #739504; margin-top: 27px; margin-left: 12px; padding: 76px 25px 5px 35px; width: 377px; float: left; 
}
#cont_mainbg > #portfolio{
	margin-left: 24px;
}
#menu_lt{
	background: url(../images/menu_lt.jpg) no-repeat bottom left; width: 88px; margin-top: 90px; height: 158px; float: left;
}
#menu_main{
	background: url(../images/menu_mainbg.jpg) no-repeat bottom left; width: 180px; height: 247px; float: left;
}
#menu_rt{
	background: url(../images/menu_rt.jpg) no-repeat bottom left; width: 109px; margin-top: 1px; height: 179px; float: left;
}
#menu_main ul{
	 margin-top: 30px; margin-left: 32px;  font-size: 9pt; font-weight: bold;
}
#menu_main ul li{
	list-style: none; line-height: 28pt; 
}
#menu_main ul li  a#menu_home {
	color: #5D6B01; text-decoration: none; display: block; background: url(../images/menu_split.gif) no-repeat bottom left; width: 127px;
}
#menu_main ul li a#menu_home:hover{
	color: #C3F300; text-decoration: none; background: url(../images/menu_home.jpg) no-repeat center right;  
}
#menu_main ul li  a#menu_about {
	color: #5D6B01; text-decoration: none; display: block; background: url(../images/menu_split.gif) no-repeat bottom left; width: 127px;
}
#menu_main ul li a#menu_about:hover{
	color: #C3F300; text-decoration: none; background: url(../images/menu_about.jpg) no-repeat center right;  
	
}
#menu_main ul li  a#menu_work {
	color: #5D6B01; text-decoration: none; display: block; background: url(../images/menu_split.gif) no-repeat bottom left; width: 127px;
}
#menu_main ul li a#menu_work:hover{
	color: #C3F300; text-decoration: none; background: url(../images/menu_work.jpg) no-repeat center right;  
}
#menu_main ul li  a#menu_contact {
	color: #5D6B01; text-decoration: none; display: block; width: 127px;
}
#menu_main ul li a#menu_contact:hover{
	color: #C3F300; text-decoration: none; background: url(../images/menu_contact.jpg) no-repeat center right;  
}
#services{
	background: #D03F2A url(../images/services_bg.gif) repeat-x top left; width: 100%; height: 1px; min-width: 100%; overflow: hidden; clear: both; position: relative;
}
#services img{
	margin-left: 58px; margin-top: 28px; float: left;
}
#services #myinfo{
	background:  url(../images/myinfo_bg.gif) no-repeat bottom right; float: left; margin-left:  20px; padding-top: 28px; width: 464px; height: 190px;
}
#services #myinfo p{
	width: 320px; margin-bottom: 5px; padding-bottom: 5px; float: left; border-bottom: 1px dotted #C0291B;
}
#services #myinfo p.lastinfo{
	border: none;
}
#services #myinfo  p span.type{
	color: #FF9B80; font-weight: bold; margin-right: 20px; display: block; width: 85px; float: left;
}
#services #myinfo  p span.detail{
	color: #FF9B80; display: block; float: left;
}
#services #myinfo p span.detail a{
	color: #FF9B80; text-decoration: none;
}
#services #myinfo p span.detail a:hover{
	color: #FFF; text-decoration: none;
}
p.webdesign{
	background: #D03F2A url(../images/webdesign.jpg) no-repeat 10px 10px;
}
p.identity{
	background: #D03F2A url(../images/identity.jpg) no-repeat 10px 10px;
}
p.print{
	background: #D03F2A url(../images/print.jpg) no-repeat 10px 10px;
}
p.webdesign, p.identity, p.print{
	color: #FF9B80; padding: 35px 10px 5px 10px; margin-left: 58px;  width: 335px; border: 1px solid #E37058;
}
ul.skills{	
	background: #D03F2A url(../images/skills.jpg) no-repeat 10px 10px;color: #FF9B80; padding: 35px 10px 5px 10px; margin-left: 58px; margin-bottom: 20px;  width: 335px; margin-top: 14px; list-style: none; border: 1px solid #E37058;
}
ul.skills li{
	background: #D03F2A url(../images/innercont_bullet.jpg) no-repeat 0% 50%; padding-left: 25px; margin-bottom: 10px; height: 25px;
}

ul.serviceslist{	
	background: url(../images/services.jpg) no-repeat 10px 10px;color: #FF9B80; padding: 70px 10px 5px 10px; margin-left: 450px; position: absolute; top: 0px; list-style: none; width: 250px; 
}
ul.serviceslist li{
	background: #D03F2A url(../images/innercont_bullet.jpg) no-repeat 0% 50%; padding-left: 25px; margin-bottom: 10px; height: 25px;
}
ul.recognition{	
	background: url(../images/recognition.jpg) no-repeat 10px 10px;color: #FF9B80; padding: 70px 10px 5px 10px; margin-left: 58px; position: absolute; top: 0px; list-style: none; width: 350px; 
}
ul.recognition li{
	background: #D03F2A url(../images/innercont_bullet.jpg) no-repeat 0% 10%; padding-left: 25px; margin-bottom: 20px;
}
ul.recognition li b a{
	font-weight: bold; color: #F1B1A9; text-decoration: none; border: none;
}
ul.recognition li b a:hover{
	font-weight: bold; color: #fff; text-decoration: none;
}
ul.recognition li a{
	color: #F1B1A9; text-decoration: none; 
}
ul.recognition li a:hover{
	color: #F1B1A9; text-decoration: none; border-bottom: 1px dotted #F1B1A9; 
}
p.ongoing_project{
	background: #D03F2A url(../images/ongoing_project.jpg) no-repeat 10px 20px; color: #FF9B80; padding: 20px 10px; position: relative; left: 455px;  width: 235px; 
}
p.ongoing_project img{
	border: 4px solid #FFF; margin: 25px 55px 10px 0px !important;
} 
p.ongoing_project b{
	display: block;
}
#tool{
	background: #D03F2A url(../images/tool.jpg) no-repeat top left; position: absolute; display: block; top: 20px; height: 100%; padding-top: 35px; margin-left: 450px; 
}
#tool li{
	background: #D03F2A url(../images/services_menusplit.gif) no-repeat bottom left; margin: 5px 0; display: block; width: 128px; height: 22px; 
}
#tool li#bot{
	background: none; margin: 5px 0; display: block; width: 128px; height: 22px; 
}
#tool li a{
	 color: #FC8473; cursor: default; display: block; 
}
#code{
	background: #D03F2A url(../images/code.jpg) no-repeat top left; position: absolute; display: block; top: 20px; height: 220px; padding-top: 35px; margin-left: 595px;
}
#code li{
	background: #D03F2A url(../images/services_menusplit.gif) no-repeat bottom left; margin: 5px 0; display: block; width: 128px; height: 22px; 
}
#code li#bot1{
	background: none; margin: 5px 0; display: block; width: 128px; height: 22px; 
}
#code li a{
	 color: #FC8473; cursor: default; display: block; 
}
.star_a{
	background:  url(../images/star_a.jpg) no-repeat center right;
}
.star_b{
	background:  url(../images/star_b.jpg) no-repeat center right;
}
.star_c{
	background:  url(../images/star_c.jpg) no-repeat center right;
}
.star_d{
	background:  url(../images/star_d.jpg) no-repeat center right;
}
h6{
	background: url(../images/services_bg.jpg) repeat-x top left; float: left; border-top: 1px solid #020C00; min-width: 1004px; width: 100%;  height: 7px; 
}
#serv_button{
	position: relative; float: left; margin-left: 55px; margin-top: -10px; border: none;
}
a>img#serv_button{
	margin-top: -5px;
}
#cont_base, .portfolio_cntr{
	 float: left; padding-left: 52px; clear: left; width: 465px; color: #294C21;
}
.portfolio_cntr{
	width: 850px; margin-bottom: 10px;
}
.portfolio_cntr a img{
	float: left; margin-bottom: 4px; margin-right: 16px; border: 4px solid #FFF;  
}
.portfolio_cntr a:hover img{
	background-color: #B4FF00; border: 3px solid #FFF; padding: 1px; float: left;
}
#cont_base p{
	 margin-left: 5px; 
}
img.contact{
	 border: none; margin: 5px;  vertical-align: middle; 	
}
#cont_base a, #cont_sub p a{
	color: #167500; text-decoration: none; line-height: 17pt;
}
#cont_base a:hover, #cont_sub p a:hover{
	color: #B6F500; text-decoration: none; 	
}	
.recent_works{
	 width: 170px; height: 60px; position: relative; font-size: 10pt; 
}
.recent_works span, .recent_works span.about_me,.recent_works span.web_ptflo, .recent_works span.print_ptflo, .recent_works span.identity_ptflo{
	background: url(../images/recent_works.jpg) no-repeat center left; display: block; width: 100%; height: 100%; position: absolute; top: -5px;
}
#cont_sub{
	 float: left; padding-left: 52px; clear: left; width: 465px; color: #294C21; line-height: 14pt;
}
#cont_sub p{
	 margin: 10px 5px; text-align: justify;
}	
.recent_works span.about_me{
	background: url(../images/about_me.jpg) no-repeat center left;
}
.recent_works span.web_ptflo{
	background: url(../images/web.jpg) no-repeat center left;
}
.recent_works span.print_ptflo{
	background: url(../images/print_ptflo.jpg) no-repeat center left;
}
.recent_works span.identity_ptflo{
	background: url(../images/identity_ptflo.jpg) no-repeat center left;
}
p.portfolio{
	float: left; margin: 10px 35px 10px 5px; width: 170px;
}
p.portfolio a img{
	border: 4px solid #FFF; float: left; 
}
p.portfolio a:hover img{
	background-color: #B4FF00; border: 3px solid #FFF; padding: 1px; float: left; margin-right: 35px;
}
p.portfolio a{
	text-decoration: none;
}
p.portfolio a b{
	clear: left; color: #496700; line-height: 16pt; 
}
p.portfolio a:hover b{
	color: #7CAF00; text-decoration: none;
}
p.portfolio small{
	color: #177600; 
}
#contact_details{
	 width: 184px; margin-left: 5px; height: 62px; clear: both;color: #062000; position: relative;
}
#contact_details span{
	background: url(../images/contact_details.jpg) no-repeat center left; display: block; width: 100%; height: 100%; position: absolute; 
}
#inspiration{
	position:relative;float: left; width: 178px; margin-left: 32px; 
}
#inspiration h1{
	 width: 178px; height: 52px; position: relative; color: #062000;
}
#inspiration h1 span{
	background: url(../images/inspiration.jpg) no-repeat top left; width: 100%; height: 100%; position: absolute; 
}
#inspiration h1 span.resources{
	background: url(../images/resources.gif) no-repeat top left; width: 100%; height: 100%; position: absolute; 
}
#inspiration h1 span.ctntdtls_menu{
	background: url(../images/contact_menu.gif) no-repeat top left; width: 100%; height: 100%; position: absolute; 
}

ul.insp_menu,ul.contact_menu
{
    
	no-repeat top left; display: block; height: 150px; padding-left: 10px; background-color:#012404;
	padding-bottom:15px;
}
ul.insp_menu li{
	background: url(../images/insp_menusplit.jpg) no-repeat bottom center; list-style: none; display: block; width: 128px; margin-left:10px;
}
ul.insp_menu li#bottom{
	 background: none; list-style: none; display: block; width: 128px;
}
ul.insp_menu li a{
	color: #00593B; text-decoration: none; line-height: 20pt;
}
ul.insp_menu li a:hover{
	color: #16B401; text-decoration: none;
}
ul.contact_menu{
	color: #00593B; 
}
ul.contact_menu li{
	list-style: none; display: block; margin-bottom: 7px;
}
ul.contact_menu li a span{
	font-weight: bold; color: #496700;
}
ul.contact_menu li a{
	color: #00593B; text-decoration: none; line-height: 11pt;
}
ul.contact_menu li a:hover{
	color: #16B401; text-decoration: none;
}

h2{
	width: 144px; height: 40px; position: relative; color: #062000; padding: 16px 0 10px 16px; 
}
h2 span{
	background: url(../images/downloads.jpg) no-repeat top center; width: 100%; height: 100%; position: absolute;
}
#downloads_container{
	margin-left: 35px;
} 
#downloads_container a{
	color: #689400; text-decoration: none;
} 
#downloads_container a:hover{
	color: #B6F500; text-decoration: none;
}
#downloads_container img{
	border: none; margin-right: 10px;
}
p.gallery{
	margin: 10px 10px 0 0px; vertical-align: top;
}
p.gallery img{
	border: 1px solid #DBE100 !important; width: 20px; height: 20px; float: left; margin-top: 5px;
}
p.gallery a{
	color: #689400; font-size: 7pt; text-decoration: none; 
}
p.gallery a:hover{
	color: #B6F500; text-decoration: none; 
}
#footer{
	background: #062000 url(../images/footer_grass.jpg) repeat-x bottom left; width: 100%; height: 84px; clear: both;
}
#footer_base{
	background: #062000 url(../images/footer_base.jpg) repeat-x top left; width: 100%; min-width: 1004px; height: 42px; color: #000; float: left; padding-top: 10px;
}
#footer_base p{
	 width: 470px; padding-left: 10px; float: left;
}
#author a
{
    
	color: #000; text-decoration: none; margin: 0 2px; font-size:9px;margin-top:-5px;
}
#author a:hover{
	color: #B6F500; text-decoration: none;
}
#author{
	width: 350px; float: right; text-align:right; 
}
#author small{
	margin-left: 20px; font-size: 8pt;
    
}
fieldset{
	margin: 10px; padding: 10px; border: 1px solid #233E00;
}
legend{
	color: #233E00;
}
label{
	font-size: 8pt; font-weight: bold; 
}
input, textarea{
	background: #062000 url(../images/input_bg.gif) repeat-x top left; border: 1px solid #233E00; height: 16px;line-height: 16px; font-size: 8pt; padding: 0 5px; color: #B6F500;
}
.acilirkutu
{
    font-size:11px;
    background-color:#062000;
    color:#adff2f;
    border:1px solid #062000;
}

input:focus, input:hover,textarea:focus, textarea:hover{
	border: 1px solid #B6F500;
}
textarea{
	width: 250px; height: 125px; font-family: tahoma; overflow: auto;
}
.submit_bt{
	color: #233E00; font-weight: bold; width: 65px; height: 25px; margin-left: 10px;	
}

#haber
    {
        width:800px;
        margin-left:60px;
        margin-top:10px;
    }

#haber #sol
    {
        position:relative;float:left;
        width:300px;
        border:1px solid #FF9B80;
        padding:5px 5px 5px 5px;
        
    }
#haber #sol #baslik
    {
        font-family:verdana;
        font-size:15px;
        font-weight:bold;
        color:White;
        
    }
#haber #sol #metin
    {
        color:#FF9B80;
    }
#haber #sol #devam
    {

    }
#haber #sag
    {
        position:relative;
        float:left;
        width:400px;
        border:1px solid #FF9B80;
        margin-left:15px;
        padding-top:5px;
        padding-bottom:10px;
        padding-left:5px;
        height:75px;
    }
    
#haber #sag #baslik
    {
        position:relative;
        float:left;
        font-family:verdana;
        font-size:15px;
        font-weight:bold;
        color:White;
        
    }
#haber #sag #resimler
    {
        position:relative;
        float:left;
        margin-top:-20px;
    }
#basin_resim
    {
        border:2px solid white;
        position:relative;
        float:left;
        margin:0 0 0 0;
      
           }
a{
	color: #00593B; text-decoration: none; line-height: 20pt;
}
a:hover{
	color: #16B401; text-decoration: none;
}

#subcat
{
    list-style-type:none;
    position:relative;
    float:left;
    left:40px;
    width:500px;
}
#myphoto
{
    margin-left:23px;
    position:relative;
    float:left;

    width:490px;
    margin-top:40px;

}
#inspiration h1 #insbaslik{
	background: url(../images/sepet.jpg) no-repeat top left; width: 100%; height: 100%; position: absolute; 
}
#uyeformu
{
    
    position:relative;
    width:390px;
    float:right;
    background-color:#012404;
    margin-right:17px;
    height:80px;
    border:1px solid #0d4001;
    margin-bottom:20px;


}
#uyeformu ul #TextBox1,#uyeformu ul #TextBox2
{
    
    position:relative;
    float:left;
    margin-left:5px;
    width:50px;
}
#uyeformu ul
{

    list-style-type:none;
}
#uyeformu ul li
{
    position:relative;
    float:left;
    margin-right:10px;
   margin-left:5px;
}
#uyeformu #Button2
{
    position:relative;
    float:left;


}
#qwer{position:relative;float:left;}
