/*-----------------------------------------------------------------------------------
Author		: K . S . Karthick Murari
URL		: http://www.verdurethought.com
Created On	: 7TH June 2006
Last Modified	: 22/09/2006	21:14 IST
------------------------------------------------------------------------------------*/
*{
	margin: 0; padding: 0;
}

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_mainbg p{
	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{
	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{
	background: url(../images/inspiration_menubg.jpg) no-repeat top left; display: block; height: 212px; padding-left: 25px;
}
ul.insp_menu li{
	background: url(../images/insp_menusplit.jpg) no-repeat bottom center; list-style: none; display: block; width: 128px;
}
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;
}
#author a:hover{
	color: #B6F500; text-decoration: none;
}
#author{
	width: 350px; float: left; 
}
#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; display: block;
}
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; margin-bottom: 10px; padding: 0 5px; display: block; color: #B6F500;
}
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;	
}