
/* ==== Additional ===== */
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.rata { text-align: justify; }
.rapatatas { padding: 0; margin: 0; !important}
.jarak { margin-top: 55px; }
.jarak2 { margin-top: 40px; }
.j3 { margin-top: 15px; }
.negara { font-size:20px; }

/* headings */
h1 { font-size: 20px; line-height: 27px; }
h2 { font-size: 16px; line-height: 24px; }
h3 { font-size: 14px; line-height: 22px; }
h4 { font-size: 13px; line-height: 20px; margin-bottom: 2px; padding-bottom:0; }
h5 { font-size: 13px; line-height: 18px; color: #666; text-align: justify; }
h6 { font-size: 12px; line-height: 18px; font-style: italic; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6, ul, ol, p { margin-bottom: 18px; }

.section-title { margin-bottom: 24px; }

ul, ol { margin-left: 0; }
li { list-style-position: inside; }

#navigation nav, #copyright, .widget_tags li, .widget_contact address strong, .button, .staff dt strong, #comments dt li.author, .widget_subscribers, .nav-tabs > li > a, .button-plain, .pricing-table li, .alert, .select-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#page-head h3, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; }


/* ========== Header ========== */

#header {
	padding-top: 37px;
	border-top: #008200 5px solid; /* #008200 */
	border-top-style: solid;
}
#header > .container { border-bottom: #ddd 1px solid; }

.has-slider #header { padding-bottom: 205px; }

#page-head { text-align: center; }
#page-head hgroup { padding: 15px 0 24px; }
#page-head h1 {
	font-size: 26px;
	font-weight: 300;
	line-height: 35px;
	margin: 0;
}
#page-head h3 {
	font-size: 16px;
	color: #999;
	line-height: 24px;
	font-weight: normal;
	font-style: italic;
	margin: 1px 0 0;
}

/* navigation */
#navigation nav {
	font-size: 13px;
	color: #333;
	font-weight: bold;
	padding: 8px 10px 0 0;
}
#navigation nav > ul > li {
	float: left;
	padding-right: 9px;
	margin-right: 6px;
	background: url("../img/menu-sep.png") 100% 6px no-repeat;
	text-transform: uppercase;
}
#navigation nav li { list-style-type: none; }

#navigation a {
	color: #333;
	display: block;
	padding: 0 3px 44px;
	margin-bottom: -1px;
	border-bottom: #ddd 1px solid;
}
#navigation nav > ul > li:hover > a, #navigation a:hover, .widget_tags li a:hover {
	text-decoration: none;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
#navigation nav > ul > li:hover > a, #navigation a:hover, #navigation nav ul li.current-menu-item > a { border-color: #008200; color: #008200; }

/* dropdown */
#navigation nav ul ul {
	display: none;
	position: absolute;
	border: #d2d2d2 1px solid;
	border-top-color: #008200;
	z-index: 5000;
	background: #fff;
}
#navigation nav ul > li:hover > ul { display: block; }

#navigation nav ul ul li { padding: 0 9px; }
#navigation nav ul ul a {
	color: #666;
	text-transform: none;
	font-weight: normal;
	display: block;
	padding: 0 30px 0 6px;
	white-space: nowrap;
	line-height: 39px;
}
#navigation nav ul ul > li { position: relative; }
#navigation nav ul ul > li:hover ul { left: 100%; top: 0; }
#navigation nav ul ul > li:last-child a:hover, #navigation nav ul ul > li.current-menu-item a {
	border-color: #ddd;
}

.select-menu { display: none; }



/* ========== Sliders ========== */

#nivo-slider, #flexslider { margin-top: -170px; position: relative; }
.nivo-slider { background: #292929; }

.slides { margin: 0; overflow: hidden; }
.slides li { list-style-type: none; }

.nivo-html-caption { display: none; }
.nivo-caption, .caption {
	background: rgba(95, 95, 95, 0.66);
	position: absolute;
	display: none;
	z-index: 1000;
	left: 28px;	
	bottom: 29px;
	border-top: #008200 2px solid;
	color: #adadad;
	text-shadow: 0 1px 1px #343434;
}
.caption { display: block; z-index: auto; background: rgba(32, 32, 32, 0.75); }
.nivo-caption > div, .caption > div { width: 275px; padding: 3px 20px 2px; }
.nivo-caption nav, .caption nav { position: relative; }
.nivo-caption span, .caption span {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	text-indent: -999px;
	overflow: hidden;
	width: 18px;
	height: 17px;
	background: url("../img/nivo-direct.png") 100% 0;	
	cursor: pointer;
}

.nivo-caption nav span:first-child, .caption nav span:first-child { right: 21px; background-position: 0 0; }
.nivo-caption h2, .caption h2 {
	color: #fff;
	text-shadow: 0 1px 0 #131313;
	margin-bottom: 6px;
}
.nivo-caption p, .caption p { margin-bottom: 13px; color: #ddd;}

.caption {
	background: rgba(32, 32, 32, 0.74);
	left: 0;
	bottom: 0;
	height: 100%;
	border-top: none;
}
.caption > div {
	width: 261px;
	padding: 29px 20px 17px 24px;
}
.caption nav { border-top: #008200 2px solid; }

.alternative .caption { bottom: 95px; height: auto; }
.alternative .caption > div { padding: 11px 20px 17px; width: 295px; }
.alternative .caption span { bottom: 0; top: auto; }
.alternative .caption nav { border: none; }

.nivo-directionNav, .flex-direction-nav { display: none; }
.nivo-controlNav {
	position: absolute;
	right: 35px;
	bottom: 1px;
	z-index: 999;
}
.nivo-controlNav a {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 7px;
	text-indent: -999px;
	overflow: hidden;
	background: url("../img/nivo-control-1.png") 0 -15px repeat-x;
}
.nivo-control.active { background-position: 0 0; }

.invert .nivo-controlNav a { background-position: 0 -15px; }
.invert .nivo-controlNav a.active { background-position: 0 0; }
.invert .nivo-caption { background: rgba(24, 24, 24, 0.85); text-shadow: 0 1px 1px #272727; }
.invert .nivo-controlNav a { background-image: url("../img/nivo-control-2.png"); }

#call-to-action {
	background: #008200;
	border-top: #64fa64 1px solid;
	font-size: 20px;
	line-height: 27px;
	text-shadow: 0 1px 0 #333;
	color: #fff;
	margin-bottom: -18px;
}
#call-to-action h1, #call-to-action h1 a { color: #fff; }
#call-to-action h1 { padding: 19px 0 0px 26px; margin: 0; }
#call-to-action h1 a { font-style: italic; border-bottom: #fff 1px solid; line-height: 24px; display: inline-block; }
#call-to-action h2 { color: #64fa64; padding:0 0 10px 0;}
#call-to-action .button {
	margin: 26px 36px 0 0;
	padding-top: 6px;
	padding-bottom: 6px;
	-moz-box-shadow: 0 0 0 1px #ffa767 inset, 0 1px 1px 0 #08c008;
	-webkit-box-shadow: 0 0 0 1px #ffa767 inset, 0 1px 1px 0 #08c008;
	box-shadow: 0 0 0 1px #ffa767 inset, 0 1px 1px 0 #08c008;
}

#banner { margin: 36px 0 -13px; }
#banner-container { background: #f5f5f5; }
#banner-container > .container { position: relative; height: 340px; }
#banner-container img {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	max-height: 100%;
}
.banner-content { position: relative; overflow: hidden; padding-bottom: 30px; }
#banner hgroup { margin-top: 48px; }
#banner h1 {
	font-size: 28px;
	line-height: 31px;
	margin-bottom: 10px;
}
#banner h3 { color: #008200; font-size: 20px; font-weight: normal; }
#banner p { max-width: 369px; }
#banner .button {
	padding-left: 12px;
	padding-right: 12px;
	display: block;
	float: left;
}



/* ========== Content ========== */

#body {
	border-top: #dadada 1px solid;
	background: url("../img/top-bg.png") repeat-x;
}
#body > .container { background: url("../img/conus.png") center 100% no-repeat; }
.has-banner #body { background: none; border: none; }

#content { padding: 52px 0 72px; }
#contact #content { padding-top: 44px; }
#blog-single #content { padding-top: 68px; }
#portfolio #content, #portfolio-single #content { padding: 54px 0 51px; }
#home #content { padding-top: 0; padding-bottom: 0; position: relative; }


.staff {
	margin-top: 6px;
	margin-bottom: 0;
	padding-bottom: 11px;
	overflow: hidden;
	max-width: 220px;
}
.staff dt { position: relative; cursor: default; }
.staff dt img { display: block; }
.staff dt span {
	display: block;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background: rgba(61,255,1, 0.74);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.staff dt:hover span { opacity: 1; }
.staff dt strong {
	display: block;
	font-weight: normal;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	padding: 14px 10px 0 15px;
}
.staff dt em { padding: 0 15px; }
.staff dd { margin: 0; }
.staff dd nav a {
	display: block;
	border-bottom: #ddd 1px solid;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	width: 14.2%;
	max-width: 34px;
	background: url("../img/social-icons.png") 0 center no-repeat;
	height: 34px;
}
.staff dd nav a:hover { border-color: #008200; }
.staff .i-dribbble { background-position: -35px center; }
.staff .i-rss { background-position: -70px center; }
.staff .i-skype { background-position: -105px center; }
.staff .i-twitter { background-position: -140px center; }
.staff .i-linkedin { background-position: -175px center; }
.staff .i-behance { background-position: -210px center; }

#not-found #content {
	text-align: center;
	font-size: 25px;
	line-height: 28px;
	font-style: italic;
	color: #999;
}
#not-found #content img { max-width: none; margin: 0 0 31px -105px; }
#not-found #content strong { color: #008200; font-weight: normal; }




/* ========== Blog ========== */

#masonry { width: 100%; }

article.post { margin-bottom: 20px; border-bottom: #ededed 1px solid; }

.thumb-wrap, .quote-wrap {
	display: block;
	padding: 0 3px 7px;
	background: url("../img/arrow.png") center 100% no-repeat;
	margin-bottom: -7px;
	position: relative;
}
.quote-wrap { padding: 0 0 7px; }
.thumb-wrap img {
	display: block;
	width: 100%;
	border: #ddd 3px solid;
	margin-left: -3px;
}
.post:hover .thumb-wrap, .post .quote-wrap { background-image: url("../img/arrow-a.png"); }
.post:hover .thumb-wrap img { border-color: #008200; }

.quote-wrap blockquote {
	background: #008200 url("../img/quote.png") 25px 17px no-repeat;
	font-size: 14px;
	color: #fff;
	font-style: italic;
	text-shadow: 1px 1px 0 #06fc06;
	padding: 18px 10px 19px 20px;
	text-indent: 36px;
	text-decoration: none;
	border: none;
	margin: 0;
}
.quote-wrap:hover { text-decoration: none; }

.post-details {
	text-align: center;
	border: #e1e1e1 1px solid;
	border-top: none;
	overflow: hidden;
	padding: 5px 15px 10px;
}
.post-details span {
	position: absolute;
	display: block;
	background: #fa812f;
	height: 2px;
	left: auto;
	right: 0;
	bottom: -1px;
	width: 24px;
}
.post-title { font-size: 18px; margin: 16px 0 3px; }
#blog-single .post-title { margin-top: 0; }
footer.meta {
	font-size: 11px;
	line-height: 17px;
	color: #aaa9a9;
	font-style: italic;
}
#blog-single footer.meta { margin-bottom: 9px; }
footer.meta a { color: #aaa9a9; }
footer.meta ul { margin-bottom: 9px; }
footer.meta li {
	list-style-type: none;
	display: inline;
	white-space: nowrap;
	padding-right: 15px;
	margin-left: 6px;
	background: url("../img/meta-sep.png") 100% 1px no-repeat;
}
footer.meta li:first-child { margin: 0 !important; }
footer.meta li:last-child { padding: 0 !important;	background: none; }
.post-entry { margin-bottom: 7px; }

#blog-single .visual { margin-bottom: 22px; }

.post-body { border-bottom: #ddd 1px solid; padding-bottom: 13px; }

.more { font-style: italic; }

#load-more {
	font-size: 16px;
	line-height: 19px;
	color: #c1c1c1;
	font-style: italic;
	text-align: center;
	border: #d5d5d5 1px solid;
	padding: 11px 0 13px;
	margin-bottom: 24px;
	-moz-box-shadow: 1px 1px 1px #e3e3e3;
	-webkit-box-shadow: 1px 1px 1px #e3e3e3;
	box-shadow: 0 1px 2px #e3e3e3;
}
#load-more:hover { text-decoration: none; }
#home #load-more { margin-bottom: 70px; }

#comments { margin-top: 37px; }
#comments dl { border-top: #ddd 1px solid; padding-top: 30px; margin-bottom: 18px; }
#comments dl:first-child { border: none; padding-top: 0; }
#comments dt { overflow: hidden; }
#comments dt ul { float: left; padding-top: 7px; margin-bottom: 13px; }
#comments dt img { float: left; display: block; }
#comments dt li {
	list-style-type: none;
	padding: 0 0 0 14px;
	font-size: 13px;
	color: #999;
	font-weight: normal;
	font-style: italic;
}
#comments dt li:first-child { background: none; }
#comments dt li a { color: #999; }
#comments dd { margin: 13px 0 0; }
#comments .author { font-style: normal; }
#comments .author a { color: #444; font-weight: bold; }
#comments .admin a { color: #008200; }

#comment-form { margin-top: 30px; border-top: #ddd 1px solid; padding-top: 40px; }



/* ========== Portfolio ========== */

#portfolio-filter { margin-top: -52px; overflow: hidden; }
#portfolio-filter li {
	list-style-type: none;
	float: left;
	padding-left: 10px;
	margin-left: 7px;
	background: url("../img/menu-sep.png") 0 6px no-repeat;
	position: relative;
}
#portfolio-filter li:first-child { background: none; }
#portfolio-filter li a { color: #666; display: block; outline: none; }
#portfolio-filter li a.active { color: #008200; }

.p-item dl, dl.p-item {
	margin-bottom: 24px;
	margin-top: 6px;
	border-bottom: #ddd 1px solid;
}
.p-item dt { background: url("../img/loader.gif") center no-repeat; }
a.p-item:hover dl, dl.p-item:hover { border-color: #008200; }
a.p-item:hover, dl.p-item a:hover { text-decoration: none; }
.p-item img { display: block; }

.p-item dd {
	margin: 0;
	text-align: center;
	padding: 14px 0 12px;
}
.p-item dd h4 { margin: 0; }
a.p-item:hover dd h4, dl.p-item:hover dd h4 { color: #008200; }
.p-item dd footer {
	font-style: italic;
	color: #555; /* #aaa9a9; */ 
	font-size: 11px;
	line-height: 16px;
}
.p-item dd h4, .p-item {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

html.js .p-item dt img { opacity: 0; }

#media-view { margin-bottom: 11px; }

#portfolio-info { margin-bottom: 32px; float: left; width: 100%; }





/* ========== Widgets ========== */

.sidebar { padding-top: 52px; }
#blog-single .sidebar { padding-top: 67px; }

#home-area-1, #home-area-2, #home-area-3, #home-area-4, #home-area-5, #home-area-6, #home-area-7, #home-area-8 { float: left; width: 100%; }
#home-area-1 { margin-top: -18px; }
#home-area-1 .sc-teaser-1 { margin-top: 0; }
#home-area-2 { margin-top: 37px; }
#home-area-3 { margin-top: 45px; }
#home-area-5 { margin-top: 46px; }
#home-area-6 { margin: 14px 0 76px; }
#home-area-7 { margin: 34px 0 3px; }
#home-area-8 { margin-bottom: 63px; }


.p-item dl, dl.p-item { margin-top: 2px; }

#area-contact-sidebar { padding: 44px 0 30px; }
#area-page-bottom { padding: 34px 0 60px; }
#area-home-bottom { padding: 31px 0 54px; }

.section-title {
	position: relative;
	border-bottom: #ddd 1px solid;
	padding-bottom: 4px;
}
.section-title span {
	position: absolute;
	width: 50px;
	height: 1px;
	bottom: -1px;
	left: 0;
	background: #008200;
}



/* by-widget default styling */

.widget_tags { overflow: hidden; }
.widget_tags ul { width: 102%; }
.widget_tags li { list-style-type: none; }
.widget_tags li a {
	background: #292a2c;
	padding: 4px 8px 5px;
	float: left;
	color: #fff;
	margin: 4px 8px 3px 0;
	text-shadow: #121213 0 1px 0;
}
.widget_tags li a:hover { background: #008200; text-shadow: #ff3900 0 1px 0; }

.widget_contact li { list-style-type: none; line-height: 20px; padding: 1px 0 5px; }

.widget_clients .section-title { margin-bottom: 30px; }
.widget_clients ul {
	width: 100%;
	border: #ddd 1px solid;
	border-left: none;
	overflow: hidden;
	margin-top: 6px;
}
.widget_clients li img, .widget_clients li, .widget_clients li span { display: block; float: left; }
.widget_clients li { list-style-type: none; float: left; }
.widget_clients li img { margin: 0 auto; }
.widget_clients li span { border-left: #ddd 1px solid; max-width: 100%; }

.widget_recent_content { overflow: hidden; }
.widget_recent_content li { list-style-type: none; }
.widget_recent_content .p-item { margin-top: 2px; }
.carousel-arrows { float: right; margin-top: -34px; position: relative; }
.carousel-arrows span {
	float: left;
	width: 19px;
	height: 19px;
	background: url("../img/direct-nav.png") 0 0 no-repeat;
	text-indent: -999px;
	overflow: hidden;
	margin-left: 5px;
	cursor: pointer;
}
.carousel-arrows span.next { background-position: -21px 0; }
.carousel-arrows span.next:hover { background-position: -21px -21px; }
.carousel-arrows span.prev:hover { background-position: 0 -21px; }

.widget_twitter li {
	list-style-type: none;
	padding: 0 0 17px 32px;
	background: url("../img/tweet.png") 2px 2px no-repeat;
}
.widget_twitter .tweet_time { display: none; }

.widget_subscribers { overflow: hidden; }
.widget_subscribers a {
	display: block;
	float: left;
	padding: 1px 0 0 40px;
	margin-left: 15px;
	min-height: 31px;
	line-height: 14px;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.widget_subscribers a:first-child { margin-left: 0; }
.widget_subscribers strong { display: block; font-weight: normal; }
a.s_twitter { background: url("../img/i_twitter.png") 0 0 no-repeat; }
a.s_rss { background: url("../img/i_rss.png") 0 0 no-repeat; }

.widget_recent_content.tabbable { margin-top: 5px; }
.widget_recent_content .tab-content dl { margin: 0 0 20px; overflow: hidden; }
.widget_recent_content .tab-content dt { float: left; }
.widget_recent_content .tab-content dd { padding-left: 65px; margin: -3px; }
.widget_recent_content .tab-content dd a {
	text-decoration: none;
	color: #999;
	display: block;
	font-size: 12px;
	font-style: italic;
}

.sidebar .widget_recent_content.tabbable { margin-top: 0; }
.sidebar .widget_recent_content .tab-content dd a {	font-size: 11px; }

.widget_recent_content .post { margin-top: 6px; }
.widget_recent_content .post-title { font-size: 13px; margin: 8px 0 0; }
.widget_recent_content footer.meta { font-size: 10px; margin-top: -5px; }
.widget_recent_content footer.meta li { padding-right: 13px; margin-left: 4px; }
.widget_recent_content .post-details {
	padding: 5px 12px 9px;
	position: relative;
	overflow: visible;
}
.widget_recent_content .post-details span { bottom: -2px; }
.widget_recent_content footer.meta ul { margin-bottom: 6px; }
.widget_recent_content .post-entry { margin-bottom: 4px; }

.widget_archives .section-title { margin-bottom: 0; }
.widget_archives ul { margin: 0; padding-bottom: 8px; }
.widget_archives li {
	list-style-type: none;
	border-bottom: #e1e1e1 1px solid;
	padding: 8px 0;
}
.widget_archives a { color: #999; font-size: 12px; text-decoration: none !important; }
.widget_archives a:hover { color: #008200; }



/* footer styling */

#footer .section-title {
	color: #fff;
	padding-bottom: 6px;
	background: url("../img/border.png") 0 100% repeat-x;
	border: none;
	text-shadow: #0d0d0d 0 1px 1px;
	margin-bottom: 18px;
}
#footer .section-title span { height: 2px; bottom: 0; width: 40px; }

#footer .widget_tags a { color: #fff; }

#footer .widget_contact address strong { color: #fff; }


/* contact page styling */

#contact #area-contact-sidebar .widget_text .section-title { margin-bottom: 22px; }


/* sidebar styling */

#area-blog-sidebar .widget { margin-bottom: 32px; }

.widget_text .section-title { margin-bottom: 13px; }


/* ========== Footer ========== */

#footer {
	background: #333332;
	padding-top: 30px;
	color: #999;
	text-shadow: #121213 0 1px 0;
}
#footer a { color: #999; }

#copyright {
	min-height: 20px;
	border-top: #64fa64 1px solid;
	background: #008200;
	color: #fff;
	font-size: 11px;
	padding: 8px 0 6px;
	text-align: right;
}
#copyright > div > div > div:first-child { text-align: left; }

#copyright { margin-top: 20px; text-shadow: none; }
#copyright a { color: #fff; }
#copyright #go-top { text-decoration: underline; }
#copyright span { padding: 0 4px; }





/* ========== Forms ========== */

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .select-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	-moz-box-shadow: 1px 1px 1px #e3e3e3;
	-webkit-box-shadow: 1px 1px 1px #e3e3e3;
	box-shadow: 0 1px 2px #e3e3e3;
	margin-bottom: 21px;
	
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	-moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: 0 0 8px rgba(61,255,1, 0.6);
	border-color: #008200;
}

.select-menu { padding-left: 4px; padding-right: 4px; }

#search-form {
	position: relative;
	width: 138px;
	margin-top: 2px;
}
#search-form input[type="text"] {
	background: url("../img/search-submit.png") 100% 0 no-repeat;
	width: 93px;
	font-size: 11px;
	padding: 5px 34px 5px 9px;
	margin: 0;
}
#search-form input[type="submit"] {
	width: 30px;
	height: 30px;
	position: absolute;
	cursor: pointer;
	background: none;
	border: none;
	text-indent: -999px;
	overflow: hidden;
	top: 0;
	right: 0;
}

.standard-form { padding-top: 2px; }
.standard-form input[type="text"] { padding-top: 13px; padding-bottom: 15px; margin-left: 20px; }
.standard-form textarea { padding: 10px 17px 10px 15px; height: 163px; margin-bottom: 29px; }




/* ========== Miscellaneous ========== */

#map { margin-top: 68px; }
#map iframe { width: 100%; display: block; }

.gsWrapper { display: block !important; }
.gsCanvas { width: 100% !important; height: 100% !important; }

q {
	background: url("../img/q.png") 0 center repeat-x;
	font-size: 20px;
	line-height: 24px;
	color: #d2d2d2;
	font-style: italic;
	text-align: center;
}
q span { padding: 0 12px; background: #fff; }

.sc-teaser-1 { margin-top: 3px; margin-bottom: 6px; }
.sc-teaser-1 .icon { float: left; margin: 0 7px 0 0; }

.sc-teaser-2 { overflow: hidden; }
.sc-teaser-2 .icon { float: left; margin: 3px 8px 0 0; }

.hero-unit {
	border-radius: 0;
	border-top: #008200 5px solid;
	padding: 3px 22px 22px;
	overflow: hidden;
	margin: 0;
}
.hero-unit, .hero-unit p { font-size: inherit; line-height: inherit; }
.hero-unit .section-title { border: none; margin-bottom: 9px; }
.hero-unit .section-title span { display: none; }
.hero-shadow { margin-bottom: 18px; width: 100%; }
.hero-unit .button { position: relative; z-index: 1000; }

#home .hero-unit { padding: 15px 35px 12px; }
#home .hero-unit .section-title { margin-bottom: 0; padding-bottom: 2px; color: #444; }
#home .hero-unit p { font-style: italic; font-size: 14px; color: #999; }
#home .hero-unit .button { margin-top: 12px; }

ul.nav-tabs { margin: 0 !important; border: none; }
.nav-tabs > li > a {
	border-color: #d3d3d3;
	border-radius: 0;
	margin-right: 9px;
	font-size: 13px;
	color: #444545;
	padding: 6px 14px 5px;
	outline: none;
}
.nav-tabs > li.active > a {
	font-weight: bold;
	border-color: #d3d3d3;
	border-bottom-color: #fff;
}
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover { border-color: #d3d3d3; background: none; }
.nav-tabs > li.active > a:hover { border-bottom-color: #fff; }
.tab-content { border: #d3d3d3 1px solid; padding: 18px 15px 0; }

.tabs-top .nav-tabs > li > a:hover,
.tabs-top .nav-tabs > li.active > a:hover,
.tabs-top .nav-tabs > li.active > a,
.tabs-top .nav-tabs > li > a { border-top-width: 3px; }

.tabs-top .nav-tabs > li.active > a:hover,
.tabs-top .nav-tabs > li.active > a { border-top-color: #008200; }

.tabbable { margin-bottom: 18px; }
.tabs-left > .nav-tabs { border: none; }
.tabbable.tabs-left .nav-tabs li {
	margin-bottom: 11px;
	border-radius: 0;
	-moz-box-shadow: 1px 1px 0 #e3e3e3;
	-webkit-box-shadow: 0 1px 1px #e3e3e3;
	box-shadow: 1px 1px 1px 0 #ececec;
}
.tabbable.tabs-left .nav-tabs a {
	font-weight: bold;
	font-size: 14px;
	padding: 16px 31px 17px 15px;
	border-radius: 0;
	border-left: #d5d5d5 3px solid;
}
.tabbable.tabs-left .nav-tabs .active a, .tabbable.tabs-left .nav-tabs a:hover {
	border-top-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
	border-left-color: #008200;
	border-right-color: #fff;
}
.tabbable.tabs-left .nav-tabs a span {
	color: #008200;
	font-weight: normal;
	padding-right: 6px;
	float: left;
	line-height: 15px;
}

.tabbable .section-title {
	font-size: 28px;
	line-height: 28px;
	border: none;
	margin: 0 0 7px;
}
.tabbable .thumbnail { margin: 9px auto 16px; }
.tabs-left .tab-content { padding: 18px 33px 20px; }

.super-quote {
	background: url("../img/star.png") center 0 no-repeat;
	margin-top: 8px;
	margin-bottom: 18px;
	padding: 28px 0 22px;
	color: #d2d2d2;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	font-style: italic;
	border-bottom: #ddd 1px solid;
}

.shadow { max-width: 100%; display: block; margin: 0 auto; }

.alert { padding: 15px 35px 15px 18px; }

.accordion-group, .accordion-inner { border: none; border-radius: 0; }
.accordion-group { padding: 5px 0; border-top: #ddd 1px solid; }
.accordion-group:first-child { border: none; padding-top: 0; }
.accordion-heading .accordion-toggle {
	padding: 0 0 0 23px;
	background: url("../img/accordion.png") 0 2px no-repeat;
	color: #444;
	outline: none;
}
.accordion-heading .collapsed { background-position: 0 -82px; }
.accordion-heading .accordion-toggle:hover { text-decoration: none; }
.accordion-inner { padding: 9px 0 9px 24px; }
.collapse {
	overflow: hidden;
	position: relative;
	height: 0;
}
.collapse.in { height: auto; }

ul.arrow li {
	list-style-type: none;
	padding: 0 0 5px 19px;
	background: url("../img/li-arrow.png") 0 7px no-repeat;
}

.icon-address, .icon-phone, .icon-email, .icon-website {
	background-image: url("../img/icons.png");
	background-repeat: no-repeat;
	height: 20px;
	width: 18px;
	display: inline-block;
	float: left;
	margin: 1px 11px 0 0;
}

.icon-address { background-position: 0 0; }
.icon-phone { background-position: 0 -20px; }
.icon-email { background-position: 0 -40px; }
.icon-website { background-position: 0 -60px; }

.pricing-table { background: #008200; margin-bottom: 18px; }
.pricing-table h2 {
	color: #fff;
	font-size: 18px;
	text-shadow: 0 1px 0 #ef3100;
	text-align: center;
	padding: 12px 10px 13px;
	margin: 0;
	border-bottom: #e94903 1px solid;
}
.price {
	background: #ff8a01;
	padding: 19px 0 20px 20px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: none;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	text-shadow: 1px 0 0 #f45700;
}
.price small { top: -14px; position: relative; font-size: 22px; right: -5px; }
.price strong { font-size: 56px; letter-spacing: -3px; }
.price span {
	font-size: 17px;
	position: relative;
	top: -21px;
	padding-left: 6px;
}
.price em {
	position: relative;
	left: -24px;
	top: -7px;
	font-size: 11px;
}
.pricing-table li {
	list-style-type: none;
	min-height: 18px;
	padding: 11px 10px;
	text-align: center;
	font-size: 14px;
	color: #333;
	background: #f6f6f6;
}
.pricing-table li.even { background: #e7e7e7; }
.sign-up { text-align: center; padding: 11px 0 29px; }
.sign-up .button {
	-moz-box-shadow: 0 0 0 1px #ffa767 inset;
	-webkit-box-shadow: 0 0 0 1px #ffa767 inset;
	box-shadow: 0 0 0 1px #ffa767 inset;
}

.the-service li { list-style-type: round; margin-bottom: 8px; padding-left: 10px; }

.the-icons li { list-style-type: none; margin-bottom: 8px; }

.social-icons { overflow: hidden; }
.social-icons li { float: left; list-style-type: none; margin: 0 13px 12px 0; }
.social-icons li a { display: block; }

blockquote {
    border-left: 9px solid #008200;
    overflow: hidden;
    padding-left: 11px;
}
blockquote div { margin: -3px 0; }

.button {
	padding: 11px 19px 10px;
	color: #fff;
	text-align: center;
	border: #64fa64 1px solid;
	border-color: #008200 #059805 #059805;
	font-weight: bold;
	font-size: 15px;
	
	text-shadow: #333 0 1px 0;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	
	-moz-box-shadow: 0 0 0 1px #62b762 inset, 0 1px 1px 0 #d9d9d9;
	-webkit-box-shadow: 0 0 0 1px #62b762 inset, 0 1px 1px 0 #d9d9d9;
	box-shadow: 0 0 0 1px #62b762 inset, 0 1px 1px 0 #d9d9d9;

  	background: #008200;
	background: -moz-linear-gradient(top,  #008200 0%, #059805 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008200), color-stop(100%,#059805));
	background: -webkit-linear-gradient(top,  #008200 0%,#059805 100%);
	background: -o-linear-gradient(top,  #008200 0%,#059805 100%);
	background: -ms-linear-gradient(top,  #008200 0%,#059805 100%);
	background: linear-gradient(to bottom,  #008200 0%,#059805 100%);
}
.button:hover {
	color: #fff;
	text-decoration: none;
  	background: #ff7a01;
	background: -moz-linear-gradient(top,  #ff7d01 0%, #ff6c01 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7d01), color-stop(100%,#ff6c01));
	background: -webkit-linear-gradient(top,  #ff7d01 0%,#ff6c01 100%);
	background: -o-linear-gradient(top,  #ff7d01 0%,#ff6c01 100%);
	background: -ms-linear-gradient(top,  #ff7d01 0%,#ff6c01 100%);
	background: linear-gradient(to bottom,  #ff7d01 0%,#ff6c01 100%);	
}

.button-plain {
	background: #008200;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px 6px;
	display: block;
	float: left;
	font-size: 12px;
	text-shadow: 0 1px 0 #333;
	margin-bottom: 18px;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.button-plain:hover { color: #fff; text-decoration: none; background: #444; text-shadow: 0 1px 0 #111; }


/* ========== Responsive ========== */

#portfolio-2col dt { height: 260px; }
#portfolio-3col dt { height: 170px; }
#portfolio-4col dt { height: 125px; }
.p-item img { width: 100%; }

@media (min-width: 768px) and (max-width: 979px) {
	
	#home-area-1 { margin-top: -8px; }
	
	#navigation a { font-size: 12px; }
	#search-form { width: 110px; }
	#search-form input[type="text"] { width: 65px; }
	
	#call-to-action h1 { font-size: 15px; line-height: 22px; }
	
	.widget_clients li { width: 20%; }
	
	.s_rss { margin-left: 0 !important; margin-top: 15px; }
	
	#portfolio-2col dt { height: 199px; }
	#portfolio-3col dt { height: 129px; }
	#portfolio-4col dt { height: 94px; }
				
}

@media (max-width: 979px) {
	#not-found #content img { max-width: 100%; margin: 0 0 26px; }
	.button { font-size: 12px; }
	#call-to-action { margin-bottom: 0; }
	
	.tabbable.tabs-left .nav-tabs a { font-size: 12px; padding: 16px 11px 17px 5px; }
	
	#banner h1 { font-size: 24px; line-height: 28px; }
	#banner hgroup { margin-top: 40px; }
	#banner h3 { font-size: 18px; }
	#banner p { max-width: 330px; }
}

@media (max-width: 767px) {
	
	#home-area-1 { margin-top: 10px; }
	
	.container { width: 440px; }
	
	#call-to-action h1 { font-size: 14px; line-height: 18px; padding: 16px 0 0 10px; }
	#call-to-action .button { margin: 0 20px 16px; }
	
	.carousel-arrows, #portfolio-filter { display: none; }
	
	#portfolio-info { float: none; }
	
	.has-slider #header { padding-bottom: 100px; }
	#nivo-slider, #flexslider { margin-top: -70px; }
	
	.nivo-caption, .caption { display: none !important; }
	
	#banner-container > .container { height: auto; }
	#banner hgroup { margin-top: 30px; }
	#banner p { max-width: none; }
		
	#portfolio-2col dt { height: auto; }
	#portfolio-3col dt { height: auto; }
	#portfolio-4col dt { height: auto; }
	
	#blog-single #content { padding: 40px 0 0; }
	#blog-single .sidebar { padding-top: 40px; }
	
	#not-found #content { font-size: 15px; line-height: 22px; }
	
	#logo { float: left; width: auto; }
	#navigation > nav { display: none; }
	#navigation { float: right; width: auto; }
	
	.select-menu { display: block; float: right; margin-top: 8px; }
	
	body { padding: 0; }
	#header, #body, #footer { padding-left: 20px; padding-right: 20px; }
	
	.standard-form input[type="text"] { margin-left: 0; height: auto; }
	
	.widget_clients ul { border: none; padding: 1px 0 0 1px; width: auto; }
	.widget_clients li span { border: #ddd 1px solid; margin: -1px 0 0 -1px; }
	
	#contact #content { padding-bottom: 20px; padding-top: 30px; }
	#map { margin-top: 45px; }
	#area-contact-sidebar { padding-top: 0; }
	
	.super-quote { font-size: 18px; line-height: 24px; }
	
	#footer .widget { margin-bottom: 30px; }
	#footer .section-title { font-size: 14px; }
	
	#copyright {
		padding: 8px 20px 6px;
		margin-left: -20px;
		margin-right: -20px;
		width: 100%;
	}
	
}

@media (max-width: 479px) {
	.container { width: 280px; }
	
	#call-to-action h1 { padding-bottom: 10px; }
	
	.tabbable.tabs-left .nav-tabs a { font-weight: normal; padding: 16px 7px 17px 7px; }
	.tabbable.tabs-left .nav-tabs a span { display: none; }
	
	.super-quote { font-size: 12px; line-height: 20px; }
	
	#logo { float: none; }
	#logo img { margin: 0 auto 25px; display: block; }
	#navigation, .select-menu { width: 100%; float: none; }
}
