/***

	MyCapitalGarden.co.uk

	author : irawan setiadi

	mail : sinzo.sakurata@gmail.com	

***/





@import "initial.css";





body{

	

	background:url(../images/bg_all.jpg) #e0e0e0 no-repeat 50% 0%;

	font-family:verdana;

	font-size:12px;

	color:#000000;

	margin:0;

	padding:0;

}



#header{

	height:166px;

	width:1000px;

	margin:0 auto;

	display:block;



}

#header h1.logo{

	margin:0px 0 0 20px;

	padding:75px 0 0 0;	

	float:left;

}

#header h1.logo a{

	display:block;

	width:485px;

	height:39px;

	text-indent:-9999px;

	background: url(../images/logo.gif) no-repeat left top;

}



.illustration{

	background: url(../images/motif.png) no-repeat top left;

	width:964px;	

	margin:0 auto;

	height:288px;

	display:block;

	top:166px;

	position:absolute;

	z-index:40;

}

body#homepage .illustration{

	background: url(../images/motif2.png) no-repeat top left;

	width:964px;	

	margin:0 auto;

	height:146px;

	display:block;

	top:166px;

	position:absolute;

	z-index:11;

}





body#homepage .illustration_left{

	background: url(../images/motif2.png) no-repeat -213px -111px;

	width:110px;	

	margin:0 auto 0 213px;

	height:379px;

	display:block;

	top:277px;

	position:absolute;

	z-index:11;

}

body#homepage .illustration_right{

	background: url(../images/motif2.png) no-repeat right -105px;

	width:74px;	

	margin:0 auto 0 903px;

	height:200px;

	display:block;

	top:271px;
	
	position:absolute;

	z-index:11;



}

#container{

	clear:both;

	width:964px;

	margin:0 auto;

	padding:0;

}

#inner_container{

	background: url(../images/bg_content.png) #ffffff repeat-y;

	width:964px;

	padding:0;

	height:auto;

}



.content{

	background: url(../images/motif_inner.png) no-repeat 0 0;

	padding-top:100px;

	height:100%;

	min-height:600px;

	padding-left:40px;

	padding-right:40px;

	position:relative;

	z-index:5;

}



/************** Intro *****************/

.intro{

	background: url(../images/intro_bg_btm.gif) #bcdd5a no-repeat bottom;

	width:876px;

	font-size:20px;

	margin:0px 0 20px 0;

}

.intro .content{

	background: url(../images/intro_bg.gif) no-repeat top;

	margin:0;

	padding: 30px 20px 40px 20px;

	min-height:200px;

}

.intro .content img{

	float:left;

    padding:20px 40px 20px 0px;

}

.intro .content h1{

	color:#FFFFFF;

	font-size:20px;

	margin-bottom:20px;

	font-weight:normal;

}

.intro .content p{ margin:5px 0; padding:0;font-size:16px;}

.intro .content h2{

	margin:0;

	padding:0;

	font-size:16px;

	color:#0066cc;

}

#left-col {float:left; width: 260px;}

#right-col {float:left; width: 600px;}



/************** notified *****************/

.notified { }

.notified img{ padding:20px 0px 20px 20px;}

.notified h1, .notified h2{font-size:16px;font-weight:normal;margin-right:0px; width:775px; margin-top: 0px;}

#right-col h1{ padding-top:40px; width: 600px;}

#right-col h2{ font-weight:bold; margin-top:10px; width: 600px; padding: 0 0 40px 0;}

.notified form{margin-top:0px; margin-right:0px; float:left; width:500px;}

.notified input.notifi_txt{

	background:#e5f3b2;

	border:1px solid #bcdd5a;

	width:300px;

	padding:10px;

	font-size:14px;

}

.notified input.notifi_btn{

	background: url(../images/notifi_btn.gif) no-repeat left top;

	text-indent:-999px;

	width:115px;

	height:52px;

	border:0;

	padding-bottom: 20px;

	margin-left:15px;	

	overflow: hidden;

	line-height: 0px;

	

}

input.notifi_btn{

	background: url(../images/notifi_btn.gif) no-repeat left top;

	text-indent:-999px;

	width:115px;

	height:52px;

	border:0;

	padding-bottom: 20px;

	margin-left:15px;	

	overflow: hidden;

	line-height: 0px;

	

}

input.submit_btn{

	background: url(../images/send_btn.gif) no-repeat left top; 

	text-indent:-999px;

	width:83px;

	height:22px;

	border:0;

	padding-bottom: 20px;

	margin-left:15px;	

	overflow: hidden;

	line-height: 0px;

	

}

.notified input.notifi_btn:hover{ cursor:pointer;}



span.label,span.spacer,span.multiple span {width:120px;float:left;} 

span.multiple {float:left;} 

span.button {padding-left:120px;} 

div.clear {clear:both;padding-top:5px;} 

span.label{

	font-size:22px;

	padding-top:5px;

	width:160px;

}

.notified span.button{padding-left:140px;}





/****** bottom  motif ****/

.motif_bottom{

	background: url(../images/motif_bottom.png) no-repeat left top;

	display:block;

	height:220px;

	width:950px;

	margin:-20px auto 0 auto;

	text-indent:-9999px;

	position:relative;

	z-index:30;

}







/******* left side************/

#left-side{width:238px;float:left;}

#left-side #wrapper-menu{

	width:238px;

	background: url(../images/leftmenu_bg_bottom.png) no-repeat bottom;	

	padding-bottom:32px;

	float:left;
	

}

#left-side #menu{

	background: url(../images/leftmenu_bg.png);	

	font-size:15px;

	font-family:Arial, Helvetica, sans-serif;
	
	

}



/*** tree menu ***/

#left-side #menu ul.treeview{

	background: url(../images/leftmenu_bg_top.png) top no-repeat;

	padding-top:20px;

	padding-left:21px;

	padding-right:5px;



}

#left-side #menu ul.treeview li{

	border-bottom:1px solid #fbc75a;

	list-style:none;

}

#left-side #menu ul.treeview li a{

	color:#FFFFFF;

	text-decoration:none;

	padding:5px;

	text-transform:capitalize;

	display:block;

	/*position:relative;

	z-index:41;*/

}

#left-side #menu ul.treeview li a:hover, #left-side #menu ul.treeview li a.current{

	color:#000;

}



ul.treeview ul.subtree {

	border-bottom:0px solid #fbc75a;

}

ul.treeview ul.subtree li{

	background: url(../images/leaf.gif) no-repeat 5px 5px;

	padding-left:15px;

	display:block;

	list-style:none;

}



/*** /tree menu ***/



.left-box{clear:both; background: url(../images/left_ads_bg.gif) repeat-y;width:238px; float:left;margin-top:2em;}

.left-box .wrapper{background: url(../images/left_ads_bg_top.gif) no-repeat top; padding:15px;}

.left-box .bottom-box{ background: url(../images/left_ads_bg_btm.gif) no-repeat bottom; display:block; height:10px;}


.left-box .wrapper div {overflow:hidden;}
img.promo {float:right;}
p.brochure-download-top {
	width:200px; 
	float:left;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	margin:0px 0 0 0;
	line-height:18px;
	text-transform:none;
	color:#000;
	}
	p.brochure-download-top img {float:left; margin-right:10px; margin-top:12px;}
	p.brochure-download-top span {margin:20px 0 0 0; display:block; float:right; width:125px;}
	p.brochure-download-top a {color:#FF9900;}
p.brochure-download {
	width:105px; 
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	margin:15px 0 0 0;
	line-height:21px;
	}
	p.brochure-download a, p.brochure-download a:visited {color:#f7b233; text-decoration:none;}
	p.brochure-download a:hover {text-decoration:underline;}
	.or {display:block;}

.content_motif{

	background: url(../images/motif_inner_half.png) no-repeat left top;

	height:344px;

	width:717px;

	position:absolute;

	z-index:10;

	left:0;

}



.action_block{

	background: url(../images/action_back.gif) no-repeat;

	width:390px;

	height:111px;

	float:right;

	display:block;

	margin-top:25px;

	padding:0px 15px;

}

.action_block .float_left, .action_block .float_right{ 

	width:48%; 

	text-align:center; 

	color:#FFFFFF; 

	text-transform:uppercase;

	font-size:18px;

	font-weight:bold;

	font-family: "Franklin Gothic Medium", arial, verdana;

}

.action_block .float_right_top{ 

	width:150px; 

	text-align:center; 

	color:#FFFFFF; 

	text-transform:uppercase;

	font-size:18px;

	font-weight:bold;
	margin-top:30px;
	float:right;

	font-family: "Franklin Gothic Medium", arial, verdana;

}

.action_block span{ font-size:12px;}

.action_block strong{ font-size:24px;}



body#homepage #inner_container{

	width:718px;

	background: url(../images/bg_content_half.png);

	float:right;

	margin-top:0px;

	position:relative;

	z-index:10;	

	min-height:400px;

	margin-bottom:-200px;

	padding-bottom:15em;

}

body#homepage #inner_container .content{

	width:579px;

	margin:0 auto;

	padding-top:109px;

	padding-left:0;

	padding-right:0;

	position:relative;

	z-index:50;	

	background:none;

}

body#homepage .content .intro{

	width:539px;

	background: url(../images/intro_bg_half.gif) no-repeat top;	

	padding:10px 20px;

	font-size:11px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	position:relative;

	z-index:42;

}

body#homepage .content .intro h1.intro_txt{

	text-indent:-9999px;

	background: url(../images/welcome_txt.gif) no-repeat center bottom;

	height:44px;

	margin:0;

	padding:0;

}

body#homepage .content .intro img{ float:left; padding:10px;margin-right:10px;}

body#homepage .content .intro p{ padding-bottom:10px; }

body#homepage .content .intro a:link{font-weight:bold; color:#333; text-decoration:none; position:relative; z-index:100;}

body#homepage .content .intro a:hover{ color:#666666;}





/*** full  monty *****/

body#homepage .content .intro h1.introduces_txt{

	text-indent:-9999px;

	background: url(../images/monty_introduces_txt.gif) no-repeat center bottom;

	height:44px;

	margin:0;

	padding:0;

}

body#homepage .content .intro h2.montydon_txt, h2.montydon_txt{

	text-indent:-9999px;

	background: url(../images/monty_don_txt.gif) no-repeat left bottom;

	height:65px;

	margin:0 0 10px 0;

	padding:0;

}

body#homepage .content .intro img.border{

	border:3px solid #98a460;

	padding:0;	

}

body#homepage .content .intro a.green_link{

	font-weight:normal;

	color:#257d25;

	text-decoration:underline;

}

body#homepage .content .intro a.green_link:hover{ color:#000000;}

/**** flash gallery ********/



.flash_gallery{	margin-bottom:20px;}





/**** /flash gallery ********/



.featured a.garden_gateway_link{

	font-weight:bold;

	color:#fc9c13;

}

.featured{width:288px;} 



.topbottom20 {margin-top:20px; margin-bottom:20px;}
.featured h2.travelideas_txt {margin-bottom:5px;}

.featured p{ padding:1em 15px 1em 0; text-align:justify;}

.featured img{ float:left; margin:10px 0;}

.featured a{ color:#fc9503; font-weight:normal;text-decoration:underline;}

.featured a:hover{ color:#666666; font-weight:normal;text-decoration:none}

h2.featured_txt{

	background:url(../images/featured_park_txt.gif) no-repeat left top;

	width:288px;

	height:32px;

	text-indent:-9999px;	

}



h2.capitalregion_txt{

	background:url(../images/capital_region_txt.gif) no-repeat left top;

	width:288px;

	height:32px;

	text-indent:-9999px;	
	margin-bottom:10px;

}
h2.travelideas_txt{

	background:url(../images/travelideas_txt.gif) no-repeat left top;

	width:257px;

	height:32px;

	text-indent:-9999px;	

}


.family_promo {
	width:264px;
	}


.offer{

	width:264px;

	background: url(../images/offer_bg_btm.gif) #c6e273  no-repeat bottom;

	padding-bottom:20px;

}

.offer .wrapper{

	background: url(../images/offer_bg_top.gif) #c6e273  no-repeat top;

	padding:25px;

	text-align:justify;

}
.offer .wrapper form, .offer .wrapper .offer_btn {
	margin-bottom:25px;
	}
	 
.pdf-brochure {
	overflow:hidden;
	clear:both;
	padding:0;
	margin:0 0 0 0;
	}
	.pdf-brochure img {
		width:69px;
		float:left;
		margin:0;
		padding:0;
		border:solid 1px #fff;
		}
	.pdf-brochure p {
		float:right;
		width:125px;
		margin:0; padding:0;
		font-size:12px;
		}

.offer .wrapper h2{

	color:#FFFFFF;font-size:18px;margin-bottom:10px;

}

.offer .wrapper  a{color:#ff6600;}

.offer .wrapper  a:hover{color:#000;}

.offer .wrapper form label{

	float:left;

	width:100px;

	margin:5px 0;

	color:#758c30;

	font-size:12px;

}

.input_txt{

	background:#e8f3c6;border:1px solid #677e22;

	padding:5px;

	width:200px;

}

.offer .wrapper form .input_txt{

	background:#e8f3c6;border:1px solid #677e22;

	padding:5px;

	width:200px;

}

.offer .wrapper .check{margin-top:10px;	border-bottom:1px solid #fff;}

.offer .wrapper .check input{float:left;}

.offer .wrapper .check p{padding-left:20px; font-size:10px;}

input.offer_btn{

	float:right; 

	background: url(../images/offer_btn.gif); 

	height:28px; 

	width:96px; 

	border:0;

	font-size:20px;

	color:#FFFFFF;

	margin:20px 0 10px 0 ;

	padding-bottom:5px;

	}





.featured p {margin:0 0 5px; padding:0;}
.front-story {margin:0 0 10px;}





/**** gateway ******/



.gateway{

	width:320px;

	position:relative;

	z-index:50;	

	margin-left:0px;

	margin-top:5em;

}	

.gateway h1, .gateway_contact h1, .garden_gateway h1, .tell_friend h1, .brochure_page h1, .farmers-market h1 {

	font-size:25px;

	color:#257d25;

	font-weight:normal;

	margin-bottom:5px;

}

.gateway h2, .gateway_contact h2, .garden_gateway h2, .tell_friend h2, .brochure_page h2, .farmers-market h2 {

	font-size:20px;

	font-weight:normal;

	margin:25px 0;

}

.gateway h3, .gateway_contact h3, .garden_gateway h3, .tell_friend h3, .brochure_page h3, .farmers-market h3{

	font-size:16px;

	font-weight:normal;

	color:#ff9900;

	margin-bottom:5px;

}

.gateway a, .gateway_contact a, .garden_gateway a, .brochure_page a, .farmers-market a {

	color:#257d25;

	text-decoration:underline;

}

.gateway a:hover, .gateway_contact a:hover, .garden_gateway a:hover, .brochure_page a:hover{color:#000;}

.plan{

	background: url(../images/plan_bg.gif) no-repeat left top;

	width:226px;

	padding:8px 10px;

	margin:10px 0;

	color:#FFFFFF;

	position:relative;

	z-index:100;

}

.plan a{ color:#fff; text-decoration:underline;}

span.desc{font-size:11px;}

.gateway_contact{

	width:225px;

	position:relative;

	z-index:50;	

	margin-right:0px;

	margin-top:5em;

}

ul.brochure li{

	padding-left:55px;

	padding-top:20px;

	background:url(../images/pdf.gif) no-repeat left top;

	height:50px;

}

.garden_gateway, .tell_friend, .brochure_page, .term{

	width:580px;

	position:relative;

	z-index:50;	

	margin: 4em auto 0 10px;

	float:left;

}

.farmers-market {

	width:580px;

	position:relative;

	z-index:50;	

	margin: 4em auto 0 0px;

	float:left;

}

ul.garden_views{

	width:580px;

	padding:0;

	margin:0;

}

ul.garden_views li{

	width:193px;

	float:left;

	height:235px;

	margin-bottom:4em;

}	

ul.garden_views li img{

	border:3px solid #b7d559;

}

ul.garden_views li p{

	overflow:hidden;

	font-size:10px;

	padding-right:10px;

}

ul.garden_views li h4{

	margin:10px 0 0px 0;

	font-size:12px;

}

ul.garden_views li a:link{text-decoration:underline;}

.garden_gateway .market{margin-top:10px;}

.garden_gateway .market p{

	float:left;

	width:330px;

}

.farmers-market .market{margin-top:10px;}

.farmers-market .market p{

	float:left;

	width:330px;

}

.garden_gateway .pic{

	float:right;

	width:230px;

}

.farmers-market .pic{

	float:right;

	width:230px;

}

.garden_gateway .pic span{color:#257d25;}

.garden_gateway .pic img{border:2px solid #bbdc5a;margin:3px 0 10px 0; }

.farmers-market .pic span{color:#257d25;}

.farmers-market .pic img{border:2px solid #bbdc5a;margin:3px 0 10px 0; }

.market_list {clear:both;float:left;margin-top:1em; background:#adc687; padding:20px; width:540px;}

.market_list h3{ color:#006633;}



/** tell a friend **/

.tell_friend .monty{

	width:175px;
	float:left;

}

.border{ border:3px solid #b6d557;}

.tell_friend .monty h2.montydon_txt{

	text-indent:-9999px;

	background: url(../images/monty_contact_txt.gif) no-repeat left bottom;

	height:75px;

	margin:0 0 5px 0;

	padding:0;

}



.tell_friend .form{

	width:330px;

	float:left;

	margin-left:30px;

}

.tell_friend .form a{color:#788843;}

.tell_friend .form a:hover{color:#000;}

.tell_friend .form label{

	float:left;

	width:200px;

	font-weight:bold;

	font-size:12px;

	margin:5px 0;

	color:#333333;

}

.tell_friend .form .input_txt{

	background:#e5f3b2;

	border:1px solid #bcdd5a;

	padding:5px;

	width:100%;

	margin:5px 0;

}

.tellfriend_action{ margin:20px 0;}

.tellfriend_action .addmore{float:left; font-size:10px;padding-top:5px;}

.tellfriend_action input.notifi_btn{

	float:right; 

	background: url(../images/send_btn.gif) no-repeat left top; 

	width:83px; 

	height:22px;

}







/*** brochure page ***/

.brochure_page h2{margin:10px 0; clear:both;}

.brochure_post{

	width:338px;

	float:left;

}

.brochure_list{

	width:220px;

	float:right;

	margin-left:15px;

}

.brochure_list ul.list{

	background:#adc687;

	padding:15px;

}

.brochure_list ul.list li{

	margin:10px 0;

	background: url(../images/pdf2.gif) no-repeat left top;

	padding-left:30px;

	padding-bottom:5px;

	font-weight:bold;

}

.brochure_list ul.list li a{

	color:#FFFFFF;

	text-decoration:none;

}

.brochure_list ul.list li a:hover{color:#257d25;}



.brochure_post label{

	width:338px; 

	clear:left;

	float:left;

	font-size:12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#333333;

	margin-top:10px;

}

.brochure_post .input_txt{

	margin:10px 0;

	width:330px;

}

label.broc{

	color:#257d25;

	margin:3px 0;

}

.brochure_post .submit_btn{float:right;}





/*****term *******/

.term h1{

	color:#257d25;

	font-size:16px;

	text-align:center;

	margin-bottom:20px;

}

.term ol{

	margin:0 0 0 10px;

	padding-left:20px;

}

.term ol li{

	margin:10px 0;

}

.left-col{float:left;width:280px;}

.right-col{float:right;width:280px;}











/***** about the prize ******/

.prize{

	width:580px;

	position:relative;

	z-index:50;	

	margin:3em auto 0 auto;

}	

.prize h1{ color:#034694; font-size:24px;clear:both;}

.prize h2{ color:#809631; font-size:18px;clear:both;}

.prize h3{color:#ff9f14; font-size:18px;clear:both;margin-bottom:10px;}



.prize img{

	float:right;
	margin:0 10px;

}

.prize-content {width:350px; float:left;}
.prize-wrap {overflow:hidden; margin:0 0 10px; padding:0 0 15px;}







/******* footer ************/

#footer_wrap{display:block;}

#footer{

	clear:both;

	background: url(../images/footer_bg.png) repeat-x;

	height:120px;

	position:relative;

	z-index:25;

	margin-top:-100px;

	padding-top:150px;

}

#footer #partner{

	text-align:center;	

}

#footer #partner img{

	border:1px solid #bcdd5a;

	margin:0 5px;

}




/*slideshow gallery*/
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	/*min-height:200px;*/
}
#fade-gallery{
	border:none;
		background:#fff;
}

#fade-gallery li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	/*min-height:200px;*/
}
#fade-gallery li img {
 display: block;
 /*border: 3px solid #f1f1f1;*/
 border:0;
 width:220px;
/* min-height:200px;*/
}
.caption {
	clear: both;
	padding: 7px 0px;
	background-color: #fff;
	font-size:12px;
	line-height:16px;
}

.ajax {
	margin: 3em;
	border:none;
	padding: 1em;
}

ul.treeview li a {color:#fff;}
ul.treeview li a.selected, ul.treeview li a.current, ul.subtree li a.current, li a.current {color:#000;}
ul.subtree {height:auto;}