/* 
===========================================================================
SITE STYLE
===========================================================================
Client   : Avanti FONTANA
Blurb    : Avanti FONTANA - Creating Better Value to Achieve Smart Goals
Url      : http://www.avantifontana.com

Version  : 1.0
Revision : 11 June 2008
Date     : 29 November 2007
Designer : Viking KARWUR
Studio   : vikingkarwur.com | freelance web designer
           jakarta, indonesia
Url      : http://www.vikingkarwur.com
E-mail   : me@vikingkarwur.com
Phone    : +62-856-1040636

===========================================================================
*/

*, html
{
	margin: 0;
	padding: 0;
}

a
{
	color: #267c21;
}

body
{
	font: 12px normal Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: #fff;
}

#wrapt
{
	margin: 0 auto;
	_margin: 0px auto;
	width: 100%;
	background: url(../images/bg-head.gif) repeat-x;
}

#wrapt-sub
{
	margin: 0 auto;
	_margin: 0px auto;
	width: 100%;
	background: url(../images/bg-sub.gif) repeat-x;
}

#header, #header-default, #header-blog, #header-profile, #header-im-ed-coaching-service, #header-education-development, #header-resources, #header-nuhan-naga, #header-contact-us, #header-tag
{
	margin: 0px auto;
	width: 950px;
	min-height: 350px;
	_height: 350px;
}

#header-sub
{
	margin: 0px auto;
	width: 950px;
	min-height: 150px;
	_height: 150px;
}

#header-default
{
	background: url(../images/24.jpg) no-repeat right bottom;
}

#header-blog
{
	background: url(../images/home-head-photo.jpg) no-repeat right bottom;
}

#header-tag
{
	background: url(../images/home-head-photo.jpg) no-repeat right bottom;
}

#header-profile
{
	background: url(../images/profile-head-photo.jpg) no-repeat right bottom;
}

#header-im-ed-coaching-service
{
	background: url(../images/coaching-service-hphoto.jpg) no-repeat right bottom;
}

#header-education-development
{
	background: url(../images/med-hphoto.jpg) no-repeat right bottom;
}

#header-resources
{
	background: url(../images/resources-hphoto.jpg) no-repeat right bottom;
}

#header-nuhan-naga
{
	background: url(../images/gallery-hphoto.jpg) no-repeat right bottom;
}

#header-contact-us
{
	background: url(../images/contact-us-hphoto.jpg) no-repeat right bottom;
}

#logo
{
	padding-top: 30px;
}

#langselector
{
	float: right;
	margin-top: -110px;
}

#langselector ul
{
	list-style: none;
}

#langselector ul li
{
	display: inline;
	font-weight: bold;
	font-size: 11px;
	color: #ccca99;
}

#langselector li a
{
	padding: 0px 5px;
}

#desc
{
	padding-top: 50px;
	_padding-top: 40px;
	width: 370px;
}

#desc p
{
	font-size: 16px;
	text-align: right;
	color: #555;
	padding-left: 50px;
}

#desc p a:hover
{
	color: #FF9900;
}

#desc p.lprofile a
{
	font-size: 10px;
	color: #999;
}

#desc p.lprofile a:hover
{
	color: #267c21;
}

#desc p strong
{
	font-weight: bold;
	color: #267C21;
}

#desc p strong.textorange
{
	font-weight: normal;
	color: #ff9948;
}

#nav
{
	margin: 0px auto;
	width: 950px;
	height: 40px;
	_height: 60px;
}

#nav ul
{
	margin: 20px 0px 0px 0px;
	list-style: none;
	text-align: center;
}

#nav ul li
{
	display: inline;
}

#nav li a
{
	font-size: 13px;
	text-decoration: none;
	padding: 15px;
	color: #ccc;
}

#nav li a.active, #nav li a.active:hover
{
	color: #fff;
	text-decoration: none;
	background: #ccca99;
}

#nav li a:hover
{
	color: #ccca99;
	text-decoration: underline;
}

#wrapm
{
	margin: 0 auto;
	_margin: 0px auto;
	width: 100%;
	background: #fff;
}

#contents
{
	margin: 0px auto;
	width: 950px;
	padding-bottom: 250px;
	background: url(../images/bg-front.gif) no-repeat bottom left;
}

#contents-sub
{
	margin: 0px auto;
	width: 950px;
	padding-bottom: 200px;
	background: url(../images/bg-front.gif) no-repeat bottom right;
}

#sidebar
{
	float: left;
	width: 220px;
	padding: 5px;
}

#sidebar-sub
{
	float: left;
	width: 220px;
	padding: 160px 5px 5px 5px;
	background: url(../images/bg-sidebar-sub.jpg) no-repeat top left;
}

#sidebar h3, #sidebar-sub h3
{
	_font-size: 13px;
	padding: 15px 20px 15px 20px;
	color: #fff;
	text-align: center;
}

#flickrbox, #eventbox, #quotebox, #submenubox, #contactbox, #searchbox, #subscribebox, #downloadbox
{
	padding: 5px 10px 10px 10px;
	background: url(../images/bg-sidebar-top.gif) left top no-repeat;
	min-height: 80px;
}

#submenubox dl
{
	padding: 10px 10px 5px 10px;
}

#submenubox dt a
{
	font-size: 13px;
	padding: 5px 10px;
	color: #333;
	display: block;
	border-bottom: 1px solid #f1f1f1;
	text-decoration: none;
}

#submenubox dt a:hover
{
	background: #FF9900;
	color: #fff;
	border-bottom: 1px solid #FF9900;
}

#submenubox dt a.active
{
	background: #ccca99;
	color: #fff;
	border-bottom: 1px solid #ccca99;
}

#quotebox blockquote
{
	padding: 10px 10px 5px 10px;
	font-size: 12px;
	color: #267c21;
}

#eventbox dl
{
	padding: 10px 10px 5px 10px;
	border-bottom: 1px solid #f1f1f1;
}

#eventbox dt
{
	color: #267c21;
	font-size: 11px;
	text-transform: uppercase;
}

#eventbox dd
{
	color: #666;
	font-size: 12px;
}

#eventbox dd.eventplace
{
	color: #FF9900;
	font-size: 11px;
}

#flickrbox p, #contactbox p, #eventbox p, #subscribebox p, #downloadbox p
{
	padding: 5px 10px;
	font-size: 11px;
	color: #666;
}

#searchbox p, #searchbox form
{
	padding: 10px 20px;
	font-size: 11px;
	color: #666;
}

#flickrbox img
{
	float: left;
	padding: 2px;
	margin: 5px;
	border: 1px solid #ccc;
}

#flickrbox img:hover
{
	border: 1px solid #267c21;
}

#front
{
	float: left;
	width: 640px;
	background: url(../images/bg-top-front.jpg) top center no-repeat;
	_width: 620px;
	padding: 40px 40px 20px 40px;
}

#front h1
{
	font-size: 30px;
	color: #267c21;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
}

#front h1 strong
{
	color: #267c21;
}

#front h2
{
	font-size: 20px;
	text-transform: capitalize;
	color: #267c21;
	padding: 5px 0px;
}

#front h3
{
	font-size: 18px;
	color: #267c21;
	padding: 5px 0px;
}

#front blockquote
{
	margin: 10px 20px;
	padding: 10px;
	background: #f1f1f1;
	border: 1px solid #ccc;
}

#front blockquote p
{
	font-size: 11px;
	color: #333;
}

#front ul
{
	font-size: 12px;
	color: #666;
}

#front ul li
{
	padding-left: 10px;
	margin-left: 20px;
}

#front li
{
	padding: 5px 0px;
}

#front p
{
	font-size: 13px;
	color: #666;
	padding: 5px 0px;
	text-align: justify;
}

#front p.footnote
{
	font-size: 11px;
	color: #999;
	border-top: 1px solid #ccc;
	background: #f1f1f1;
	padding: 10px 20px;
	margin: 5px 0px;
}

#front img.photoleft
{
	float: left;
	padding: 2px;
	margin: 10px;
	border: 1px solid #ccc;
}

#front img.afphoto
{
	padding: 2px;
	margin: 10px;
	border: 1px solid #ccc;
}

#front img.photoright
{
	float: right;
	padding: 2px;
	margin: 10px;
	border: 1px solid #ccc;
}

#front dl.searchsite
{
	padding: 5px;
	margin: 5px;
	font-size: 12px;
	color: #666;
	border: 1px dotted #ccc;
}

#front dl.searchsite:hover
{
	background: #f1f1f1;
	border: 1px dotted #ccc;
	cursor: pointer;
}

#front dl.searchsite dt a
{
	font-size: 15px;
	font-weight: bold;
}

#faqlist
{
	padding: 5px;
	margin: 5px;
}

#faqlist dl
{
	border: 1px solid #ccca99;
	margin: 5px;
	padding: 5px;
}

#faqlist dl:hover
{
	border: 1px solid #000;
	cursor: pointer;
}

#faqlist dt
{
	color: #267c21;
	font-size: 16px;
	font-weight: bold;
}

#faqlist dl:hover dt
{
	color: #333;
}

#faqlist dd p
{
	color: #ccca99;
	font-size: 13px;
}

#faqlist dl:hover dd p
{
	color: #666;
}

#layoutform
{
	margin: 5px;
	padding: 5px;
	background: #f1f1f1;
	border: 1px dotted #ccc;
}

#layoutform form
{
	padding: 10px;
}

#layoutform fieldset
{
	border: none;
}

#layoutform legend
{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

#layoutform dt label
{
	display: block;
	font-size: 13px;
	color: #333;
	margin: 0px;
}

#layoutform dt input, #layoutform dt select
{
	display: block;
	background: #fff;
	border: 1px solid #ccc;
}

#layoutform dt textarea
{
	display: block;
	font-size: 12px;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

#services
{
	float: left;
	margin: 10px 0px;
	padding: 5px 10px 5px 0px;
	width: 290px;
	border-top: 1px solid #f1f1f1;
}

#services p
{
	font-size: 12px;
	padding: 5px 0px;
}

#services dl
{
	clear: both;
	padding: 10px 0px;
	margin-bottom: 1px;
	border-bottom: 1px solid #f1f1f1;
	min-height: 40px;
	_height: 40px;
}

#services dl:hover
{
	cursor: pointer;
	background: #f1f1f1;
}

#services dl dt img
{
	border: 1px solid #ccca99;
	background: #fff;
	padding: 2px;
	float: left;
	margin: 2px;
}

#services dd
{
	font-size: 11px;
	padding-left: 50px;
	color: #666;
}

#services dd.servicename
{
	font-weight: bold;
	font-size: 12px;
	color: #ccca99;
	padding-left: 50px;
}

#news-banner
{
	float: left;
	margin: 10px 0px;
	padding: 5px 0px 5px 10px;
	width: 330px;
	_width: 320px;
	border-top: 1px solid #f1f1f1;
}

#news-banner dl.newsbox
{
	padding: 5px 0px;
	border-bottom: 1px dotted #f1f1f1;
}

#news-banner dt.newsdate
{
	text-transform: uppercase;
	color: #333;
	font-size: 10px;
}

#news-banner dt.newstitle, #news-banner dt.newstitle a
{
	color: #267c21;
	font-size: 14px;
	text-decoration: none;
}

#news-banner dt.newstitle a:hover
{
	color: #666;
	text-decoration: underline;
}

#news-banner dd p
{
	color: #666;
	font-size: 12px;
}

#afbanner dl dt
{
	padding: 10px 0px 0px 0px;
}

#afbanner dl dt img
{
	padding: 5px;
	background: #267c21;
}

#afbanner dl dt img:hover
{
	background: #ccca99;
}

#wrapb
{
	clear: both;
	_margin: 0px auto;
	margin: 0 auto;
	width: 100%;
	background: #CCCA99;
}

#footer
{
	margin: 0px auto;
	width: 950px;
	height: 50px;
}

#navmenu
{
	float: left;
	width: 620px;
	padding: 10px 0px 10px 0px;
}

#navmenu p
{
	font-size: 11px;
	padding: 0px 3px;
	color: #666;
}

#navmenu p a
{
	color: #fff;
}

#navmenu p a:hover
{
	color: #333;
	text-decoration: none;
}

#navmenu ul
{
	font-size: 11px;
	list-style: none;
}

#navmenu ul li
{
	display: inline;
}

#navmenu li a
{
	padding: 0px 3px 0px 3px;
	color: #267c21;
	letter-spacing: -0.5px;
}

#navmenu li a:hover
{
	color: #fff;
	text-decoration: none;
}

#navmenu li a.firstmenu
{
	border: none;
}

#info
{
	float: left;
	text-align: right;
	width: 310px;
	padding: 10px 5px;
}

#info p, #info p a
{
	font-size: 11px;
	color: #267c21;
}

#main-blog
{
	margin: 0px auto;
	width: 950px;
}

#main-blog-contents
{
	float: left;
	width: 550px;
}

#mbc-latest-post
{
	padding: 10px 5px;
}

#mbc-latest-post h2
{
	font-size: 25px;
	color: #333;
}

#mbc-latest-post h2 a
{
	text-decoration: none;
	color: #666;
}

#mbc-latest-post img.headlinepost
{
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 10px 0px;
}

#mbc-latest-post h4
{
	font-size: 12px;
	text-transform: uppercase;
	color: #ebb248;
}

#mbc-latest-post p
{
	font-size: 12px;
	color: #666;
	text-align: justify;
	padding: 5px 0px;
}

#mbc-featured-post
{
	padding: 10px 5px;
	margin: 5px 0px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background: #f1f1f1;
}

#mbc-featured-post h4
{
	font-size: 11px;
	text-transform: uppercase;
	color: #267c21;
}

#mbc-featured-post img
{
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	margin: 5px;
}

#mbc-featured-post p.featuredTitle
{
	font-size: 13px;
	color: #ccca99;
}

#mbc-featured-post p
{
	font-size: 11px;
	color: #999;
	text-align: justify;
}

#mbc-asides
{
	padding: 10px 0px;
}

#mbc-asides h4
{
	font-size: 11px;
	text-transform: uppercase;
	color: #ccca99;
}

#mbc-asides dl
{
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

#mbc-asides dl:hover
{
	background: #f1f1f1;
	cursor: pointer;
}

#mbc-asides dt a
{
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

#mbc-asides dd
{
	font-size: 11px;
	color: #999;
}

#main-blog-sidebar
{
	float: left;
	width: 400px;
}

#m-blog-s-author
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #267c21;
	margin: 5px;
	padding: 10px;
}

#m-blog-s-author h3
{
	font-size: 14px;
	color: #ccca99;
}

#m-blog-s-author p
{
	font-size: 12px;
	color: #fff;
	text-align: justify;
	padding: 5px 0px;
}

#m-blog-s-author p a
{
	color: #f59948;
}

#m-blog-s-search
{
	margin: 5px;
	padding: 10px;
}

#m-blog-s-left
{
	float: left;
	width: 200px;
}

#mbs-recent-post, #ibs-entries
{
	padding: 5px;
}

#mbs-recent-post dl, #ibs-entries dl
{
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	margin-bottom: 1px;
}

#mbs-recent-post dt, #ibs-entries dt
{
	font-size: 12px;
}

#mbs-recent-post dd.mbs-rp-date, #ibs-entries dd.mbs-rp-date
{
	color: #ccc;
}

#mbs-recent-post dd, #ibs-entries dd
{
	font-size: 11px;
}

#mbs-home-banner
{
	padding: 5px;
	margin: 10px 0px;
}

#mbs-home-banner img
{
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
	margin: 10px 5px;
}

#m-blog-s-right
{
	float: left;
	width: 200px;
	_width: 190px;
}

#mbs-categories h4, #mbs-recent-comments h4, #mbs-most-email h4, #mbs-home-banner h4, #mbs-recent-post h4, #mbs-feeds h4, #ibs-search h4, #ibs-categories h4, #ibs-banner h4, #ibs-feeds h4, #ibs-entries h4, #ibs-comments h4
{
	text-transform: uppercase;
	color: #267c21;
	border-bottom: 1px solid #267c21;
}

#mbs-categories, #ibs-categories, #mbs-feeds
{
	padding: 5px;
	margin: 0px 0px 5px 0px;
}

#mbs-categories dl, #ibs-categories dl
{
	padding: 0px;
}

#mbs-categories dt a, #ibs-categories dt a
{
	display: block;
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	text-decoration: none;
}

#mbs-categories dt a:hover, #ibs-categories dt a:hover
{
	background: #ccca99;
	color: #fff;
}

#mbs-recent-comments, #mbs-most-email
{
	padding: 5px;
	margin: 0px 0px 5px 0px;
}

#mbs-recent-comments dl, #mbs-most-email dl
{
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#mbs-recent-comments dt, #mbs-most-email dt
{
	font-size: 10px;
}

#mbs-recent-comments dd, #mbs-most-email dd
{
	font-size: 11px;
}

#m-blog-s-flickr
{
	padding: 10px;
	margin: 5px;
	background: #e0e0d7;
	border-bottom: 1px solid #ccc;
}

#m-blog-s-twitter
{
	padding: 10px;
	margin: 5px;
	background: #f1f1f1;
	border: 1px dotted #ccc;
}

#m-blog-s-flickr img
{
	float: left;
	padding: 2px;
	margin: 2px;
	background: #fff;
	border: 1px solid #ccc;
}

#m-blog-s-flickr h4, #m-blog-s-twitter h4
{
	text-transform: uppercase;
	color: #267c21;
	border-bottom: 1px solid #267c21;
}

#m-blog-s-twitter p
{
	font-size: 12px;
	color: #666;
	text-align: justify;
	padding: 5px 0px;
}

#in-blog-contents
{
	float: left;
	width: 750px;
}

#in-blog-sidebar
{
	float: left;
	width: 200px;
}

#ibs-search, #ibs-feeds, #ibs-comments, #ibs-entries, #ibs-banner
{
	padding: 10px 0px;
	margin: 5px;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0pt;
	clear: both;
	visibility: hidden;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

#adsense-static {
margin:10px;
padding:10px;
border:1px solid #f1f1f1;
font-size:13px;
}

#af_surveylist p {
font-weight:normal;
text-transform: none;
}