/* Table of Contents 
--------------------------------------------------
	
	Reset
	Shared Styles
	Layout
	General Typography
	Buttons
	Forms
	Header
	Parallax
	Footer
	Pages Specific Styles
	Stylswitcher
	Miscellaneous

*/


/* ----------------------------------------------- */
/* Reset */
/* --------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

	/* ------ HTML5 display-role reset for older browsers ------ */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* ----------------------------------------------- */
/* Shared Styles */
/* --------------------------------------------- */

	.featured_work img:hover, 
	.company_bio img:hover, 
	.about_content .team img:hover, 
	.blog_content .post_box img:hover, 
	.tweet_list .tweet_avatar:hover { 
		opacity: 0.8; 
	}
	
	.featured_work img,
	.company_bio img,
	.blog_content .post_box img,
	.about_content .team img,
	.service_list .grid_8 img,
	.tweet_list .tweet_avatar,
	.team .emp-social li a {
		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	
	#newsletter-signup,
	#form input, 
	#form textarea,
	#comment_form input,
	#comment_form textarea,
	.button,
	a.button,
	a.button-blue,
	a.button-red,
	a.button-yellow,
	a.button-green,
	a.button-orange,
	a.button-pink,
	.company_bio img,
	.team .avatar_container,
	.service_list .grid_8 img,
	a.tag,
	#filterOptions li a,
	.blog_content .post_box img,
	.featured_work img,
	.contact_content .map iframe,
	.portfolio-single-cycle img	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	
	/* ------ blockquote ------ */
	blockquote {
		background-color: #f3f3f3;
		border-left: 2px solid #e3e3e3;
		padding: 20px;
	}
	
	#blog-left-singlepost blockquote, #blog-right-singlepost blockquote { margin-bottom: 20px; }
	
/* ----------------------------------------------- */
/* Layout */
/* --------------------------------------------- */
.floatLeft { float: left; }
.floatRight { float: right; }
aside.floatRight { float: right !important; }

.sidebar { 
	border-left: 1px dotted #e3e3e3; 
	overflow: hidden; 
	padding: 0 0 0 45px; 
}

#blog-left-col .sidebar, #blog-left-singlepost .sidebar, #portfolio-single-left .sidebar { 
	border-left: 0; 
	border-right: 1px dotted #e3e3e3; 
	overflow: hidden; 
	padding: 0 45px 0 0; 
}

.columns_content .grid_wrap { border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; overflow: hidden; margin-top: 20px; }
.columns_content .first { border-top: 1px solid #e3e3e3; padding-top: 20px; margin-top: 0; }
.columns_content div h3 { margin-bottom: 15px; }
.service_list, .posts_list, .contact_left { overflow: hidden; width: 620px;  }

/* ----------------------------------------------- */
/* Typography */
/* --------------------------------------------- */
	/* - General styles - */
	p { 
		color: #505050;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 20px;
	}

	a {
		color: #00addc;
		display: block;
		text-decoration: none;
	}

	a:hover, a:active, input { outline: none; }

	h2, h3, h4, h5, h6 { 
		color: #333;  
		font-family: 'Gudea', sans-serif;
		font-size: 16px; 
	}
	
	h1 { color: #333;  
		font-family: 'Gudea', sans-serif;
		font-size: 20px; font-weight:bold; }

	/* - Main - */
	#search-input, #newsletter-signup, #form div label, #comment_form div label, .tweet, .query, #box h4, .posts h4 a, .expertise .exp_list li, .expertise a, #user_feedback div h2,
	.categories li, .latest_posts li, .pagination ul li a, #comments .comment .comment_info .date_comment, #comments .comment .comment_info .reply, .contact_information .contactInfo-list li,
	.pricing tr.table_price td, .pricing tr.table_price td, .pricing .pricing_features td, .search-goog, .error_nav li a, #success p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
	
	.button, a.button, a.button-blue, a.button-red, a.button-yellow, a.button-green, a.button-orange, a.button-pink, .footer h2, .tweet_list .tweet_time a, .copyright p, 
	p.latest_date, .categories h2, .contact_information h2, .categories li span, .categories li a:hover span, a.tag, .pagination ul li a, #comments .comment .comment_info .reply, 
	#filterOptions li a, .pricing tr.table_heading th, .pricing tr.table_price td.rec_price em, #goog-wm-sb, .dropcaps div.dropcap1 span, .dropcaps div.dropcap2 span 
	{ color: #fff !important; }
	
	.sf-menu a, .sf-menu a p, dl.social-media dt, .post_author .about_author .author_name, .share_post dt, #comments .comment .comment_info .comment_name,
	.pricing tr.table_heading th, .toggle-main dt span, ul.tabs li a { font-family: 'Gudea', Arial, sans-serif; }
	
	.button, a.button, a.button-blue, a.button-red, a.button-yellow, a.button-green, a.button-orange, a.button-pink, #box h4, .posts h4 a, p.latest_date, .categories li span, 
	a.tag, .pagination ul li a, #comments .comment .comment_info .reply, .contact_information .contactInfo-list li span, #filterOptions li a, .portfolio_single_content .sidebar p em,
	.error_wrap .floatLeft p, .info-boxes strong, #success p strong { font-weight: bold; }
	
	blockquote, #form div label span, #comment_form div label span, .latest-work .portfolio-desc p, .portfolio .portfolio-desc p, .footer p, .tweet, .query, .process p,
	.service_list h4, #comments .comment .comment_info .date_comment,	.pricing tr.table_price td, .pricing .pricing_features td { color: #999; }
	
	blockquote {
		font-family: Georgia, serif;
		font-size: 14px;
		font-style: italic;
		line-height: 22px;
	}
	
	.button, a.button, a.button-blue, a.button-red, a.button-yellow, a.button-green, a.button-orange, a.button-pink {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
	}
	
	a.button-large { font-size: 12px; }
	#search-input, #newsletter-signup { color: #ccc; }
	#search-input:active, #search-input:focus, #newsletter-signup:active, #newsletter-signup:focus { color: #333; }
	#form div label, #comment_form div label { color: #505050; }
	.sf-menu { line-height: 1.0; }
	.sf-menu a, .sf-menu a p, dl.social-media dt { color: #fff !important; font-size: 14px; }
	.tweet, .query { line-height: 20px; }
	.latest-work .portfolio-desc, .portfolio .portfolio-desc { text-align: center; }
	.latest-work .portfolio-desc h3, .portfolio .portfolio-desc h3 { font-size: 14px; line-height: 20px; }
	.latest-work .portfolio-desc h3 a, .portfolio .portfolio-desc h3 a { color: #333; } .latest-work .portfolio-desc h3 a:hover, .portfolio .portfolio-desc h3 a:hover { color: #00addc; }
	.posts article a { line-height: 20px; }
	.posts article:hover a { color: #00addc; }
	.posts h4 a  { color: #333; }
	
	p.latest_date {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 15px;
		line-height: 11px;
		text-align: center;
	}
	
	p.latest_date span {
		font-size: 10px;
		font-family: Georgia, serif;
		font-weight: normal;
		font-style: italic;
	}
	
	.process div:hover p { color: #666; }
	
	.process p {
		text-align: center;
		font-family: Georgia, serif;
		font-size: 12px;
		line-height: 20px;
	}
	
	.expertise .exp_list li { color: #505050; }
	.expertise a:hover { color: #666; }
	.team .emp-social li a { text-indent: -9999em; }
	
	.team .name_pos p {
		line-height: 20px;
		color: #00addc;
		font-size: 11px;
	}
	
	#user_feedback div h2 { text-transform: uppercase; }
	
	#user_feedback div span {
		font-family: Georgia, serif;
		font-style: italic;
		text-transform: lowercase;
	}
	
	.service_list h3, .featured_work h3 { font-size: 14px; line-height: 20px; }
	
	.service_list h4 {
		font-size: 11px;
		font-family: Georgia, serif;
		font-style: italic;
		line-height: 20px;
	}
	
	#service_pager1 a, #service_pager2 a, #service_pager3 a, #service_pager4 a, #service_pager5 a { text-indent: -9999em; text-decoration: none; }
	.blog_content .post_box .blog_title { line-height: 22px; }
	.blog_content .post_box .blog_title a { color: #333333; }
	.blog_content .post_box .blog_title a:hover { color: #00addc; }
	.blog_content .post_box .bloginfo p { font-size: 11px; }
	.categories h2, .contact_information h2 { font-size: 14px; }
	.categories li a, .latest_posts li a, a.tag { color: #505050;}
	.categories li a:hover, .latest_posts li a:hover { color: #00addc; }
	.latest_posts h2, .tags h2 { font-size: 14px; }
	.latest_posts li { line-height: 20px; }
	a.tag { font-family: Helvetica, Arial, sans-serif; font-size: 10px; }
	.post_author .about_author .author_name { font-size: 14px; }
	.share_post dd a { text-indent: -9999em;  }
	#comments .comment .comment_info .comment_name:hover { color: #00addc; }
	#comments .comment .comment_info .comment_name { font-size: 14px; color: #333; }
	.contact_information .contactInfo-list li { color: #505050; line-height:32px; }
	.connect ul li a { text-indent: -9999em; }
	
	#filterOptions li a {
		font-family: Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 10px;
	}
	
	.portfolio_single_content .sidebar p em { color: #333; }
	.portfolio_single_content .sidebar .share-project ul li a { text-indent: -9999em; }
	.pricing tr.table_heading th { font-size: 16px; text-align: center; }	
	.pricing tr.table_price td.rec_price { color: #80d7ef; }
	.pricing tr.table_price td em { color: #00addc; }
	.pricing .pricing_features td.table_feature { text-align: left; }
	.error_wrap .floatLeft { text-align: center; }
	.error_wrap .floatRight h2 { line-height: 23px; }
	
	.error_wrap .floatLeft h1 {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 190px;
		color: #00addc;
	}
	
	.search-goog { color: #505050; }
	#goog-wm-qt, #goog-wm-sb { font-size: 12px; line-height: normal; color: #444; }
	#goog-wm-qt:focus, #goog-wm-sb:focus { color: #222; }
	.error_nav li a:hover { text-decoration: underline; }	
	.toggle-main dt span { font-size: 14px; }
	.toggle-active { color: #00addc; }
	ul.tabs li a { font-size: 14px; color: #333333; }
	ul.tabs .tab-active a { color: #00addc; }
	.info-boxes .info-box1 p { color: #baa255; }
	.info-boxes .info-box2 p { color: #55ba5c; }
	.info-boxes .info-box3 p { color: #ba5555; }
	.info-boxes .info-box4 p { color: #559fba; }
	.dropcaps div span { font-family: Georgia, serif; font-size: 22px; }
	#success p { color: #55ba5c; }
	
/* ----------------------------------------------- */
/* Buttons */
/* --------------------------------------------- */

.button { border: 0; }
.button, a.button, a.button-blue, a.button-red, a.button-yellow, a.button-green, a.button-orange, a.button-pink { margin-top: 20px; padding: 7px 20px; }
a.button-large { padding: 12px 17px; }

.button, a.button, a.button-blue, a.button-red, a.button-yellow, a.button-green, a.button-orange, a.button-pink, .tag {
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

.button, a.button, a.button-blue { background-color: #00addc; }
a.button-red { background-color: #ef2541; }
a.button-yellow { background-color: #eca700; }
a.button-green { background-color: #11c65a; }
a.button-orange { background-color: #f38620 }
a.button-pink { background-color: #ff0066; }

.button:hover, a.button:hover, a.button-blue:hover, a.button-red:hover, a.button-yellow:hover, a.button-green:hover, a.button-orange:hover, a.button-pink:hover { background-color: #666 !important; cursor: pointer; }

/* ----------------------------------------------- */
/* Forms */
/* --------------------------------------------- */
	/* - search input - */
	#search-input {
		width: 177px;
		border: 1px solid #3b3b3b;
		padding: 6px 30px 6px 11px;
		background: #292929 url('../img/static_icons_sprite.png') no-repeat 192px 6px;
		
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}

	#search-input:active, #search-input:focus, #newsletter-signup:active, #newsletter-signup:focus { border-color: #000; background-color: #ffffff; } #search-input:hover, #newsletter-signup:hover { border-color: #555555; }

	/* - newsletter - */
	#newsletter-signup {
		border: 1px solid #3b3b3b;
		width: 200px;
		margin-top: 20px;
		padding: 6px 14px 6px 34px;
		background: #292929 url('../img/static_icons_sprite.png') no-repeat 9px -19px;
		
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}

	/* - contact and comment form - */
	#form div.first, #comment_form div.first { margin-right: 12px; }
	#form input, #comment_form input { margin-bottom: 20px; }
	#form textarea, #comment_form textarea { width: 606px; }
	#form input, #form textarea, #comment_form input, #comment_form textarea { border: 1px solid #e3e3e3; padding: 7px 5px; }
	#form div label, #comment_form div label { display: block; margin-bottom: 12px; }
	#form div.inline input, #comment_form div.inline input { width: 290px; }
	#form div #contact_subject, #comment_form div #comment_form_website { width: 606px; }
	#form .button, #form .button-blue, #form .button-red, #form .button-yellow, #form .button-green, #form .button-orange, #form .button-pink
	#comment_form .button, #comment_form .button-blue, #comment_form .button-red, #comment_form .button-yellow, #comment_form .button-green, #comment_form .button-orange, #comment_form .button-pink { margin-top: 20px; }
	
	.error { 
		color: #f66075 !important; 
		border-color: #f87c8d !important; 
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		transition: all .2s linear;
	}
	
	#success { display: none; position: absolute; border-top: 3px solid #a0ffa9; margin: 80px 0 0 95px; background-color: #cdffce; padding: 30px 20px; width: 380px; }

/* ----------------------------------------------- */
/* Header */
/* --------------------------------------------- */
.header-bg { background: #1b1b1b url('../img/header_bg.png') repeat-x; } 
#header { height: 65px; padding: 43px 0 33px 0; }
#header > form { float: right; margin: 0; }
   
#header > h1 > a {
	background: url('../img/logo.png') no-repeat 0 0;
	display: block;
	height: 65px;
	text-indent: -9999em;
	width: 169px;
	opacity: 0.8;
	
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

#header > h1 > a:hover { opacity: 1; }
	
	/* - navigation - */
	
	.sf-menu ul {
		position: absolute;
		top: -999em;
		width: 12.5em; /* left offset of submenus need to match (see below) */
		background-color: #1a1a1a;
		border: 1px solid #2a2a2a;
		border-top: 0;
		border-bottom: 0;
	}
	
	.sf-menu ul li { width:	 100%; background-image: none; height: 38px; border-bottom: 1px solid #000; border-top: 1px solid #2a2a2a; }
	.sf-menu ul li:first-child { border-top: 0; } .sf-menu ul:last-child { border-bottom: 1px solid #2a2a2a; }
	
	.sf-menu > li:hover, .sf-menu > li:active, .sf-menu > li.current {
		visibility:	inherit; /* fixes IE7 'sticky bug' */
		background-color:#1a1a1a;
		border-top:4px solid #00addc;
		cursor: pointer;
	}
	
	.sf-menu > li:hover a, .sf-menu > li.current a { height: 35px; padding-top: 11px; }
	
	.sf-menu li {
		float: left;
		position: relative;
		background:	url('../img/nav_sep.jpg') repeat-y left top;
	}
	
	.sf-menu a[href="contact.html"] { background:url('../img/nav_sep_flip.jpg') repeat-y right top; }
	
	.sf-menu li span {
		background: url('../img/nav_dropdown.png') no-repeat 0 0;
		display: inline-block;
		float: left;
		height:19px;
		margin: 1px 0 0 10px;
		width:19px;
	}
	
	.sf-menu li ul li ul { border-top: 1px solid #2a2a2a; margin-top: -1px;}
	.sf-menu li ul li:hover { background-color: #00addc; }
	.sf-menu li:hover span { background-position:0 -20px; }
	
	.sf-menu a {
		display: block;
		position: relative;
		padding:15px 15px 0;
		height:35px;
		float: left;
		z-index: 1;
	}
	
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.9em; /* match top ul list item height */ z-index: 99; }
	ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
	ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 12.5em; /* match ul width */ top: 0; }
	ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
	ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 12.5em; /* match ul width */ top: 0; }
	.sf-menu li ul li .menu-arrow { background: url('../img/menu_arrow.png') no-repeat; position: absolute; left: 170px; top: 14px; }
	.main-nav { background: url('../img/nav_bg.jpg') repeat-x; height:51px; }
	
	/* - social media links - */
	dl.social-media { float: right; margin-top: 18px; }
	dl.social-media dd { float: left; padding-left: 6px; }
	
	dl.social-media dd { 
		text-indent: -9999em;
		width: 16px;
		height: 16px;
	}

	dl.social-media dd a { 
		opacity: 0.5;
		-webkit-transition: opacity .2s linear;
		-moz-transition: opacity .2s linear;
		-o-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	
	dl.social-media dd a:hover { opacity: 1; }
	dl.social-media dd a[title=Facebook] { background: url(../img/social_icons_sprite.png) no-repeat 0 0; }
	dl.social-media dd a[title=Twitter] { background: url(../img/social_icons_sprite.png) no-repeat -16px 0; }
	dl.social-media dd a[title=LinkedIn] { background: url(../img/social_icons_sprite.png) no-repeat -32px 0; }
	dl.social-media dd a[title=Vimeo] { background: url(../img/social_icons_sprite.png) no-repeat -48px 0; }
	dl.social-media dd a[title=RSS] { background: url(../img/social_icons_sprite.png) no-repeat -64px 0; }
	
	/* breadcrumb */
	.breadcrumb {
		background-color: #f3f3f3;
		padding: 15px 0;
		border-bottom: 1px solid #e3e3e3;
		margin-bottom: 45px;
	}

	.breadcrumb a { 
		display: inline;
		font-weight: bold;
		background: url('../img/latest_post_arrow.png') no-repeat 100% 50%;
		padding-right: 10px;
		margin-right: 8px;
	}
	
/* ----------------------------------------------- */
/* Parallax */
/* --------------------------------------------- */

	#parallax { 
		position:relative;
		overflow:hidden; 
		width: 100%; 
		height: 425px; 
		background: #212121 url(../img/sliders/slider_indicator_border.png) repeat-x left bottom;
	}

	#parallax li {
		position: absolute;
		top: 0;
		left: 0;
	}

	#parallax li.prl1 { background: url('../img/parallax/parallax1.png') no-repeat; width: 1515px; height: 343px; }
	#parallax li.prl2 { background: url('../img/parallax/parallax2.png') no-repeat; width: 1841px; height: 248px; }
	#parallax li.prl3 { background: url('../img/parallax/parallax3.png') no-repeat; width: 1500px; height: 422px; }
	#parallax li.prl4 { background: url('../img/parallax/parallax4.png') no-repeat; width: 1727px; height: 339px; }
	
/* ----------------------------------------------- */
/* Footer */
/* --------------------------------------------- */
	.footer-bg {
		background-color: #1b1b1b;
		padding: 42px 0 45px 0;
		margin-top: 45px;
		margin-bottom: 0;
		border-top: 4px solid #e3e3e3;
	}

	.footer p { margin-top: 13px; }
	.footer .button, .footer .button-blue, .footer .button-red, .footer .button-yellow, .footer .button-green, .footer .button-orange, .footer .button-pink { margin-top: 7px; }

	.tweet, .query {
		border-top: 1px solid #3b3b3b;
		width: 300px;
		margin-top: 18px;
	}

	.tweet_list {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
	}
			
	.tweet_list li {
		overflow-y: auto;
		overflow-x: hidden;
		padding: 1.5em 0;
		border-bottom: 1px solid #3b3b3b;
	}

	.tweet_list .tweet_text { 
		float: left; 
		width: 256px; 
		display: inline; 
	}
	
	.tweet_list li a { display: inline; }
			
	.tweet_list .tweet_avatar {
		padding-right: 1em; 
		float: left;
		margin-top: 5px;
	}
			
	.tweet_list .tweet_avatar img { vertical-align: middle; }
	.footer .social-media { float: left; margin-top: 35px; }
	.footer dl.social-media dt { padding-left: 0; }

	.copyright {
		background-color: #0e0e0e;
		padding: 16px 0;
		overflow: hidden;
	}

	.copyright p { margin-top: 5px; }
	.copyright img { float: right; margin-top: 3px; }

	#top-link {
		position: fixed;
		display: none;
		right: 14px;
		bottom: 14px;
		background: url('../img/scroll_top.png') no-repeat;
		width: 25px;
		height: 25px;
		opacity: 0.5;
		
		-webkit-transition: opacity .2s linear;
		-moz-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	
	#top-link:hover { opacity: 1; }

/* ----------------------------------------------- */
/* Pages Specific Styles */
/* --------------------------------------------- */

	/* - HOME - */
	.features-bg {
		background-color: #f3f3f3;
		border-bottom: 4px solid #e3e3e3;
		padding: 45px 0 39px 0;
	}

	#features p { margin-top: 20px; }
	#features h2 { padding: 3px 0 9px 38px; }
	#features h2.feature1 { background: url('../img/features_sprite.png') no-repeat 0 0; }
	#features h2.feature2 { background: url('../img/features_sprite.png') no-repeat 0 -41px; }
	#features h2.feature3 { background: url('../img/features_sprite.png') no-repeat 0 -77px; }

	.latest-work { 
		margin: 45px 0 44px 0; 
		background: url('../img/div_pattern.png') repeat-x left bottom; 
		padding-bottom: 51px; 
	}
	
	.latest-work .portfolio-desc, .portfolio .portfolio-desc { 
		background-color: #f3f3f3; 
		border: 1px solid #e3e3e3; 
		border-top: 0; 
		padding: 20px 0; 
		
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.news_blog_feed { background: url('../img/div_pattern.png') repeat-x left bottom; padding-bottom: 22px; }
	#cycle article { width: 395px; }
	#cycle article img { padding-right: 20px; }
		
	#box {
		padding: 25px;
		background-color: #f3f3f3;
		border: 4px solid #e3e3e3;
		clear: left;
		margin-top: 34px;
		margin-bottom: 30px;
		
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
		
	#box p { margin-top: 15px; width: 256px; float: left; }
		
	#news_previous {
		background: url('../img/cycle_arrows.png') no-repeat 0 0;
		width: 14px;
		height: 15px;
		float: left;
		margin: 1px 0 0 15px;
	}
		
	#news_next {
		background: url('../img/cycle_arrows.png') no-repeat -16px 0;
		width: 14px;
		height: 15px;
		float: left;
		margin: 1px 0 0 2px;
	}
		
	#news_next:hover, #news_previous:hover { cursor: pointer; }
	#news_next:hover { background-position: -16px -16px; }
	#news_previous:hover { background-position: 0 -16px; }

	.news_blog_feed .posts { margin-top: 18px; }
	.posts article { border-bottom: 1px solid #e3e3e3; padding: 11px 0; }

	.posts article.latest_post1 { border-top: 1px solid #e3e3e3; }
	.posts article:hover p.latest_date { background-position: 0 0; }
	.posts p, .posts h4 { float: left; width: 405px; }
	.posts footer a { display: inline; }

	p.latest_date {
		width: 36px;
		height: 32px;
		padding-top: 10px;
		margin-right: 15px;
		background: url('../img/blog_date_bg.png') no-repeat 0 -44px;
	}

	p.latest_date span { display: block; }

	/* - ABOUT - **/
	.process { background: url('../img/div_pattern.png') repeat-x left bottom; height: 325px; }
	.process .process1 { background: url('../img/first_step.png') no-repeat; width: 192px; height: 142px; display: block; }
	.process .process2 { background: url('../img/second_step.png') no-repeat; width: 192px; height: 142px; display: block; }
	.process .process3 { background: url('../img/third_step.png') no-repeat; width: 192px; height: 142px; display: block; }
	.process .process4 { background: url('../img/fourth_step.png') no-repeat; width: 192px; height: 142px; display: block; }
	
	.process div {
		position: relative;
		background-color: #f3f3f3;
		border-top: 2px solid #d7d7d7;
		padding: 25px 15px;
		
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}

	.process div:hover { background-color: #ebebeb; border-color: #00addc; }
	.process .grid_3 { width: 190px !important; }

	.process p {
		margin-top: 20px;
		
		-webkit-transition: color 0.2s linear;
		-moz-transition: color 0.2s linear;
		-o-transition: color 0.2s linear;
		transition: color 0.2s linear;
	}

	.company_bio, .expertise { margin-top: 42px; }
	.company_bio h2, .expertise h2 { margin-bottom: 18px; }
	.company_bio p.last { margin-top: 20px; }

	.company_bio img { 
		margin: 0 30px 18px 0; 
		padding: 6px;
		border: 1px solid #e3e3e3;
	}

	.company_bio a.button, .company_bio a.button-blue, .company_bio a.button-red, .company_bio a.button-yellow, .company_bio a.button-green, .company_bio a.button-orange, .company_bio a.button-pink {
		clear: left;
		margin: 0;
		padding: 7px 62px;
	}
	
	/* - EXPERTISE: For About and Services Page - */
	.expertise .exp_list li { border-bottom: 1px solid #e3e3e3; padding: 11px 0 11px 25px; }
	.expertise a { float: right; margin-top: 15px; }
	.exp_list .exp_1 { background: url('../img/static_icons_sprite.png') no-repeat 0 -43px; border-top: 1px solid #e3e3e3; }
	.exp_list .exp_2 { background: url('../img/static_icons_sprite.png') no-repeat 0 -69px; }
	.exp_list .exp_3 { background: url('../img/static_icons_sprite.png') no-repeat 0 -94px; }
	.exp_list .exp_4 { background: url('../img/static_icons_sprite.png') no-repeat 0 -120px; }
	.exp_list .exp_5 { background: url('../img/static_icons_sprite.png') no-repeat 0 -146px; }

	.team {
		background: url('../img/div_pattern.png') repeat-x left top;
		margin-top: 44px;
		padding-top: 48px;
	}

	.team > h2, .team > div  { margin-bottom: 18px; }

	.team .avatar_container {
		padding: 5px 5px 13px 5px;
		width: 93px;
		border: 1px solid #e3e3e3;
		margin-right: 20px;
	}

	.team .button, .team .button-blue, .team .button-red, .team .button-yellow, .team .button-green, .team .button-orange, .team .button-pink,
	.team .emp-social li { float: left; }

	.team .emp-social li a { 
		width: 16px;
		height: 16px;
		margin: 10px 0 0 6px;
		opacity: 0.5;
	}

	.team .emp-social li a:hover { opacity: 1; }
	.team .emp-social a[title=Twitter] { background: url(../img/social_icons_sprite.png) no-repeat -16px 0; }
	.team .emp-social a[title=Dribbble] { background: url(../img/social_icons_sprite.png) no-repeat -80px 0; }
	.team .emp-social a[title=LinkedIn] { background: url(../img/social_icons_sprite.png) no-repeat -32px 0; }
	.team .emp-social a[title=Facebook] { background: url(../img/social_icons_sprite.png) no-repeat 0 0; }
	.team .button, .team .button-blue, .team .button-red, .team .button-yellow, .team .button-green, .team .button-orange, .team .button-pink { float: right; margin-top: -32px; }

	.team .emp_desc { margin-top: 20px; }

	.feedback { 
		clear: both; 
		background: url('../img/div_pattern.png') repeat-x left top;
		margin-top: 27px;
		padding-top: 45px;
	}

	#test_previous {
		background: url('../img/testimonial_arrows.png') no-repeat 0 0;
		width: 33px;
		height: 33px;
		margin: 45px 36px 0 0;
		cursor: pointer;
	}

	#test_next {
		background: url('../img/testimonial_arrows.png') no-repeat -33px 0;
		width: 33px;
		height: 33px;
		margin-top: 45px;
		cursor: pointer;
	}

	#test_previous:hover { background-position: 0 -33px; }
	#test_next:hover { background-position: -33px -33px; }
	#user_feedback img { padding-right: 33px; }
	#user_feedback div h2 { margin: 17px 0 25px 0; }
	#user_feedback p { width: 780px; }

	/* - SERVICES - */
	.service_list .grid_8 { border-top: 1px solid #e3e3e3; padding: 45px 0; }
	
	.service_list .grid_8 img {
		border: 1px solid #e3e3e3;
		padding: 6px;
		background: #fff;
		margin-top: 25px;
	}

	.service_list .service_5 { border-bottom: 1px solid #e3e3e3; }
	.service_list .service_1 { margin-top: 20px; }
	.service_list .grid_8 .service_cycle { margin-right: 35px; }
	.service_list p { margin-top: 15px; }
	.services_content .expertise { margin-top: 0; }
	.featured_work { margin-top: 45px; background: url('../img/div_pattern.png') repeat-x; padding-top: 48px; }
	.featured_work img { border: 1px solid #e3e3e3; padding: 6px; }
	.featured_work h2 { margin-bottom: 20px; padding-bottom: 18px; border-bottom : 1px solid #e3e3e3;}
	.featured_work h3 { margin: 13px 0 10px 0; }
	.featured_work div { overflow: hidden; border-bottom: 1px dotted #e3e3e3; padding-bottom: 20px; margin-bottom: 20px; }
	
	#service_pager1, #service_pager2, #service_pager3, #service_pager4, #service_pager5 { z-index: 50; position: absolute; }
	#service_pager1 a, #service_pager2 a, #service_pager3 a, #service_pager4 a, #service_pager5 a { margin: 0 1px; width: 12px; height: 12px; background: #cff;  float: left; background: url('../img/sliders/services_pager.png') no-repeat 0 0; }
	#service_pager1 a.activeSlide, #service_pager2 a.activeSlide, #service_pager3 a.activeSlide, #service_pager4 a.activeSlide, #service_pager5 a.activeSlide { background: url('../img/sliders/services_pager.png') no-repeat left bottom; }
	#service_pager1 a:focus, #service_pager2 a:focus, #service_pager3 a:focus, #service_pager4 a:focus, #service_pager5 a:focus { outline: none; }
	
	/* - BLOG - */
	.blog_post {
		overflow: hidden;
		padding-bottom: 20px;
		border-bottom: 1px solid #e3e3e3;
		margin-bottom: 45px;
	}
	
	.blog_content .post_box { overflow: hidden; }
	.blog_content .post_box .blog_title, .blog_content .post_box iframe { padding-bottom: 15px; }
	
	.blog_content .post_box img {
		border: 1px solid #e3e3e3;
		padding: 6px;
		margin-bottom: 20px;
	}
	
	.blog_content .post_box > p { margin-bottom: 19px; }
	.blog_content .post_box .bloginfo a { display: inline; } /* .blog_content .post_box .post_tag a */
	
	.blog_content .post_box .bloginfo {
		position: relative;
		margin-bottom: 20px;
		background-color: #f3f3f3;
		border: 1px solid #e3e3e3;
		padding: 7px 10px;
		width: 598px;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.blog_content .post_box .bloginfo p .comments { position: absolute; right: 10px; }
	.blog_content .post_box .post_tag { margin-top: 20px; }
	.blog_content .post_box .post_tag .tag { display: inline-block; }
	.categories, .latest_posts, .contact_information { background: url('../img/div_pattern.png') repeat-x left bottom; padding-bottom: 51px; }
	.categories h2, .contact_information h2 { background-color: #333; padding: 10px; }
	.categories ul { border: 1px solid #e4e4e4; }
	
	.categories li {
		padding: 12px;
		border-top: 1px solid #e4e4e4;
		position: relative;
	}
	
	.categories li span { 
		position: absolute;
		background-color: #b3b3b3;
		padding: 2px 8px;
		right: 12px;
		top: 10px;
		
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		-o-border-radius: 35px;
		border-radius: 35px;
	}

	.categories li a:hover span { background-color: #00addc; }
	.categories li:first-child { border: none; }
	
	.latest_posts, .tags { margin-top: 43px; }
	.latest_posts h2, .tags h2 { margin-bottom: 18px; }
	.latest_posts li {
		padding: 12px; 
		border-bottom: 1px solid #e4e4e4;
		background: url('../img/latest_post_arrow.png') no-repeat 0 50%;
	}
	
	.latest_posts li:first-child { border-top: 1px solid #e4e4e4; }
	.tags ul li { float: left; margin: 0 4px 4px 0; }
	a.tag { background-color: #cccccc; padding: 7px 10px; }
	a.tag:hover { background-color: #00addc; }
	#blog-left-col .pagination { margin-left: 320px; }
	.pagination { clear: both; }
	.pagination ul li { float: left;}
	
	.pagination ul li a {
		background-color: #cccccc;
		padding: 6px;
		margin-right: 2px;
	}
	
	.pagination ul li a.previous, .pagination ul li a.next {
		width: 25px;
		height: 24px;
		padding: 0;
	}
	
	.pagination ul li a.previous { background: transparent url('../img/pagination_arrows.png') no-repeat 0 0; margin-right: 10px; }
	.pagination ul li a.next { background: transparent url('../img/pagination_arrows.png') no-repeat -27px 0; margin-left: 10px; }
	.pagination ul li a.previous:hover { background-color: transparent; background-position: 0 -26px; }
	.pagination ul li a.next:hover { background-color: transparent; background-position: -27px -26px; }
	
	.pagination ul li.page_current a, .pagination ul li a:hover { 
		background-color: #00addc; 
		
		-webkit-transition: background-color .2s linear;
		-moz-transition: background-color .2s linear;
		transition: background-color .2s linear; 
	}
		
		/* - blog singlepost - */
		#blog-left-singlepost .blog_post { background: url('../img/div_pattern.png') repeat-x left bottom; border-bottom: none; }
		
		.post_author {
			overflow: hidden;
			padding: 20px 20px 0 20px;
			background-color: #f3f3f3;
			border-top: 2px solid #e3e3e3;
			margin: 20px 0 25px 0;
		}
		
		.post_author img { margin-right: 15px; }
		.post_author .about_author a { display: inline; }
		.post_author .about_author .author_desc { margin-top: 10px; }
		.share_post { margin-top: 30px; }
		.share_post dd { float: left; margin-left: 5px; }
		.share_post dt { margin-right: 5px; }
		
		.share_post dd a { 
			width: 16px;
			height: 16px;
			margin-top: 2px;
			
			opacity: 0.5;
			-webkit-transition: opacity .2s linear;
			-moz-transition: opacity .2s linear;
			-o-transition: opacity .2s linear;
			transition: opacity .2s linear;
		}
		
		.share_post dd a:hover { opacity: 1; }
		.share_post dd a[title=facebook] { background: url('../img/social_icons_sprite.png') no-repeat 0 0; margin-left: 0; }
		.share_post dd a[title=twitter] { background: url('../img/social_icons_sprite.png') no-repeat -16px 0; }
		.share_post dd a[title=delicious] { background: url('../img/social_icons_sprite.png') no-repeat -96px 0; }
		.share_post dd a[title=stumbleupon] { background: url('../img/social_icons_sprite.png') no-repeat -128px 0; }
		
			/* - Comments - */
			#comments h3 { border-bottom: 1px solid #e3e3e3; padding-bottom: 18px; }
			#comments .comment_list { margin-top: 45px; }
			#comments .first { margin-top: 0 !important; }
			#comments .comment { margin-top: 20px; }
			#comments .response { width: 530px; float: right; }
			#comments .response .comment_info { width: 435px !important; }
			#comments .comment .comment_info { width: 525px; margin-left: 20px; border-bottom: 1px dotted #e3e3e3; padding-bottom: 15px; overflow: hidden; }
			#comments .comment .comment_info p { margin: 13px 0; }
			
			#comments .comment .comment_info .reply { 
				background-color: #b3b3b3;
				padding: 2px 8px;
				
				-webkit-border-radius: 35px;
				-moz-border-radius: 35px;
				border-radius: 35px;
			}
			
			#comments .comment .comment_info .reply:hover { background-color: #00addc; }
			
				/* - Comment form - */
				.comment_respond { margin-top: 45px; }
				#comment_form { margin-top: 18px; }
	
	/* - CONTACT - */
	.contact_left h2 { border-bottom: 1px solid #e3e3e3; padding-bottom: 17px; }
	.contact_left > p { margin: 25px 0; }
	.contactInfo-wrap { border: 1px solid #e3e3e3; padding: 20px; }
	.contact_information .contactInfo-list { margin-top: 15px; }
	.contact_information .contactInfo-list li { border-bottom: 1px dotted #e3e3e3; padding-left: 30px; }
	.contact_information li.location { background: url('../img/static_icons_sprite.png') no-repeat 0 -250px; border-top: 1px dotted #e3e3e3; }
	.contact_information li.phone { background: url('../img/static_icons_sprite.png') no-repeat 0 -276px; }
	.contact_information li.fax { background: url('../img/static_icons_sprite.png') no-repeat 0 -302px; }
	.contact_information li.mailing { background: url('../img/static_icons_sprite.png') no-repeat 0 -329px; }
	.connect { margin-top: 42px; }
	
	.connect h2 { border-bottom: 1px solid #e3e3e3; padding-bottom: 18px; }
	.connect p { margin: 20px 0; }
	.connect ul li { float: left; }
	
	.connect ul li a { 
		float: left; 
		margin-left: 5px;
		width: 16px;
		height: 16px;
	}
	
	.connect ul li a[title=facebook] { background: url('../img/social_icons_sprite.png') no-repeat 0 0; margin-left: 0; }
	.connect ul li a[title=twitter] { background: url('../img/social_icons_sprite.png') no-repeat -16px 0; }
	.connect ul li a[title=linkedin] { background: url('../img/social_icons_sprite.png') no-repeat -32px 0; }
	.connect ul li a[title=vimeo] { background: url('../img/social_icons_sprite.png') no-repeat -48px 0; }
	.connect ul li a[title=dribbble] { background: url('../img/social_icons_sprite.png') no-repeat -80px 0; }
	.connect ul li a[title=delicious] { background: url('../img/social_icons_sprite.png') no-repeat -96px 0; }
	.connect ul li a[title=youtube] { background: url('../img/social_icons_sprite.png') no-repeat -112px 0; }
	.connect ul li a[title=stumbleupon] { background: url('../img/social_icons_sprite.png') no-repeat -128px 0; }
	.connect ul li a[title=flickr] { background: url('../img/social_icons_sprite.png') no-repeat -160px 0; }
	
	.contact_content .map { 
		clear: both;
		margin-bottom: 42px;
		background: url('../img/div_pattern.png') repeat-x left bottom;
		padding-bottom: 49px;
	}
	
	.contact_content .map iframe { border: 1px solid #e3e3e3; padding: 6px; }
	.contactInfo-list li a { display: inline; }
	
	/* - PORTFOLIO - */
	.portfolio_content .portfolio { clear: left; overflow: hidden; width: 960px; margin-left: -10px; }
	.portfolio_content .portfolio li { margin-top: 20px; float: left; margin-left: 10px; margin-right: 10px; }
	.portfolio_content .portfolio li.2-col { width: 460px; }
	.portfolio_content .portfolio li.3-col { width: 300px; }
	.portfolio_content .portfolio li.4-col { width: 220px; }
	#filterOptions { margin-bottom: 25px; }
	
	#filterOptions li {
		float: left;
		margin-right: 5px;
		display: inline-block;
	}
	
	#filterOptions li a {
		background-color: #cccccc;
		padding: 7px 20px;
		
		-webkit-transition: background-color .2s linear;
		-moz-transition: background-color .2s linear;
		-o-transition: background-color .2s linear;
	}
	
	#filterOptions li a:hover, #filterOptions li.active a { background-color: #00addc; }
	
		/* - Portfolio single - */
		.portfolio_single_content .sidebar h2 { border-bottom: 1px solid #e3e3e3; padding-bottom: 18px; }
		.portfolio_single_content .sidebar .share-project, .portfolio_single_content .sidebar > p, .portfolio_single_content .sidebar .project-info { margin-top: 20px; }
		.portfolio_single_content .sidebar .share-project ul li { margin-top: 20px; float: left; }
		
		.portfolio_single_content .sidebar .share-project ul li a { 
			width: 16px;
			height: 16px;
			margin-right: 5px;
			opacity: 0.8;
			
			-webkit-transition: opacity .2s linear;
			-moz-transition: opacity .2s linear;
			transition: opacity .2s linear;
		}
		
		.portfolio_single_content .sidebar .share-project ul li a:hover { opacity: 1; }
		.portfolio_single_content .sidebar .share-project ul li a[title=Facebook] { background: url(../img/social_icons_sprite.png) no-repeat 0 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=Twitter] { background: url(../img/social_icons_sprite.png) no-repeat -16px 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=LinkedIn] { background: url(../img/social_icons_sprite.png) no-repeat -32px 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=Vimeo] { background: url(../img/social_icons_sprite.png) no-repeat -48px 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=StumbleUpon] { background: url(../img/social_icons_sprite.png) no-repeat -128px 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=Dribbble] { background: url(../img/social_icons_sprite.png) no-repeat -80px 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=Delicious] { background: url(../img/social_icons_sprite.png) no-repeat -96px 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=Youtube] { background: url(../img/social_icons_sprite.png) no-repeat -112px 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=Skype] { background: url(../img/social_icons_sprite.png) no-repeat -144px 0; }
		.portfolio_single_content .sidebar .share-project ul li a[title=Flickr] { background: url(../img/social_icons_sprite.png) no-repeat -160px 0; }
		
		.portfolio-single-cycle img {
			border: 1px solid #e3e3e3;
			padding: 6px;
			background: #fff;
		}
	
	/* - PRICING TABLE - */
	.pricing tr.table_heading th.filler, .pricing tr.table_price td.filler, .pricing .order_button .filler {
		width: 300px;
		background: none;
		border: none;
	}

	.pricing tr.table_heading th {
		background-color: #1b1b1b;
		border-right: 1px solid #333333;
		padding: 20px 0;
		width: 160px;
	}

	.pricing tr.table_heading th.rec_heading, 
	.pricing .order_button td.rec_order .button, .pricing .order_button td.rec_order .button-blue, .pricing .order_button td.rec_order .button-red, .pricing .order_button td.rec_order .button-yellow, .pricing .order_button td.rec_order .button-green, .pricing .order_button td.rec_order .button-orange, .pricing .order_button td.rec_order .button-pink { background-color: #00addc; }
	.pricing tr.table_price td.rec_price { background-color: #009fca; }

	.pricing tr.table_price td { 
		background-color: #0e0e0e;
		padding: 15px 0;
		width: 160px;
		border-right: 1px solid #333333;
	}

	.pricing .pricing_features { border: 1px solid #e3e3e3; }
	.pricing tr.table_price td, .pricing .pricing_features td, .pricing .pricing_features td img { text-align: center; margin: 0 auto; }
	.pricing .pricing_features td { padding: 15px 0; border-right: 1px solid #e3e3e3; }
	.pricing .pricing_features .email_feature { border-bottom: 1px solid #e3e3e3; }
	.pricing .pricing_features td.table_feature { padding-left: 15px; }
	.pricing .pricing_features .row_highlight { background-color: #f3f3f3; }

	.pricing .order_button td { padding: 3px 0 20px 0; border: 1px solid #e3e3e3; }
	.pricing .order_button td a.button, .pricing .order_button td .button-blue, .pricing .order_button td .button-red, .pricing .order_button td .button-yellow, .pricing .order_button td .button-green, .pricing .order_button td .button-orange, .pricing .order_button td .button-pink { margin-left: 27px; background-color: #333; }
	.pricing .order_button td.rec_order { background-color: #f3f3f3; }
	.pricing .pricing_features td span.table-check { display: block; background: url('../img/table_check.png') no-repeat; width: 16px; height: 15px; margin: 0 auto; }

	/* - 404 ERROR - */
	#error_page { background-color: #f3f3f3; }

	.error_wrap {
		background-color: #ffffff;
		position: relative;
		top: 50px;
		padding: 80px 50px;
		border: 5px solid #e3e3e3;
		overflow: hidden;
		max-width: 800px;
		margin: 0 auto;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.error_wrap .floatRight { width: 430px; }
	.error_wrap .floatRight h2 { border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; }
	.error_wrap .floatRight p, .error_wrap .floatRight ul { margin: 20px 0; }
	#goog-fixurl form { margin: 0; }
	#goog-wm-qt, #goog-wm-sb { border: 1px solid #e3e3e3; vertical-align: top; border-radius: 5px; }
	#goog-wm-qt { width: 220px; height: 20px; padding: 3px 5px; margin: 5px 10px 0 0; }
	#goog-wm-sb { display: inline-block; height: 28px; padding: 0 10px; margin: 5px 0 0; white-space: nowrap; cursor: pointer; background-color: #333333; background: #424242; /* Old browsers */ background: -moz-linear-gradient(top, #424242 0%, #2a2a2a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(100%,#2a2a2a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #424242 0%,#2a2a2a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #424242 0%,#2a2a2a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #424242 0%,#2a2a2a 100%); /* IE10+ */ background: linear-gradient(top, #424242 0%,#2a2a2a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#2a2a2a',GradientType=0 ); /* IE6-9 */ }
	#goog-wm-sb:hover, #goog-wm-sb:focus { border-color: #aaa; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #f8f8f8; }
	#goog-wm-qt:focus, #goog-wm-sb:focus { border-color: #105cb6; outline: 0; }
	input::-moz-focus-inner { padding: 0; border: 0; }

	.error_nav li { float: left; margin-top: 10px; }
	.error_nav li a { display: inline; padding: 0 8px; }
	.error_nav li a[href="index-onebyone.html"] { padding-left: 0; }

	/* - ELEMENTS - */
		/* - Toggle - */
		.elements_content h2 { border-bottom: 1px solid #e3e3e3; padding-bottom: 18px; margin-bottom: 20px; }

		.toggle-main dt { 
			background-color: #f3f3f3;
			padding: 10px; 
			border: 1px solid #e3e3e3;
			margin-top: 2px;
		}

		.toggle-main dt:hover { cursor: pointer; }
		.toggle-main dt span { background: url('../img/toggle-indicator.png') no-repeat 0 1px; padding-left: 25px; }

		.toggle-main .toggle-content {
			border: 1px solid #e3e3e3;
			padding: 20px 25px;
			border-top: 0;
		}

		.toggle-main .toggle-content img { margin-right: 20px; }
		.toggle-main .toggle-active span { background-position: 0 -16px; }
		.hide { display: none; }
		
		/* - Tabs - */
		ul.tabs { overflow: hidden; }
		ul.tabs li { float: left; }
		
		ul.tabs li a {
			display: block;
			background-color: #f3f3f3;
			border: 1px solid #e3e3e3;
			padding: 11px 15px;
			border-right: 0;
		}
		
		ul.tabs li a[href="#tab3"] { border-right: 1px solid #e3e3e3; }
		ul.tabs .tab-active a { background-color: #fff; border-bottom: 1px solid #fff; }
		
		.tab_container {
			clear: both;
			padding: 20px 25px;
			border: 1px solid #e3e3e3;
			position: relative;
			z-index: -1;
			top: -1px;
		}
		
		/* - Notification boxes - */
		.notification-boxes { margin-top: 41px; }
		.info-boxes div.grid_3 { padding: 7px 15px; width: 186px; overflow: hidden; margin-right: 20px; }
		.info-boxes a { margin-top: 5px; }
		
		.info-boxes .info-box1 {
			background-color: #fffecd;
			border: 1px solid #ffe8a0;
			border-left: 3px solid #ffe8a0;
		}
		
		.info-boxes .info-box1 a { background: url('../img/not-box-img.png') no-repeat 0 0; width: 10px; height: 10px; }
		
		.info-boxes .info-box2 {
			background-color: #cdffce;
			border: 1px solid #a0ffa9;
			border-left: 3px solid #a0ffa9;
		}
		
		.info-boxes .info-box2 a { background: url('../img/not-box-img.png') no-repeat 0 -12px; width: 10px; height: 10px; }
		.info-boxes .info-box3 {
			background-color: #ffcdcd;
			border: 1px solid #ffa0a0;
			border-left: 3px solid #ffa0a0;
		}
		
		.info-boxes .info-box3 a { background: url('../img/not-box-img.png') no-repeat 0 -24px; width: 10px; height: 10px; }
		
		.info-boxes .info-box4 {
			background-color: #cdf0ff;
			border: 1px solid #b3e7fc;
			border-left: 3px solid #b3e7fc;
			margin-right: 0 !important;
		}
		.info-boxes .info-box4 a { background: url('../img/not-box-img.png') no-repeat 0 -36px; width: 10px; height: 10px; }
		
		/* - Dropcaps - */
		.dropcaps { margin-top: 42px; }
		.dropcaps div span { margin: 0 20px 10px 0; }
		
		.dropcaps div.dropcap1 span {
			background-color: #1b1b1b;
			padding: 5px 10px;
			margin-top: 4px;
		}
		
		.dropcaps div.dropcap2 span {
			background-color: #00addc;
			padding: 5px 10px;
			margin-top: 4px;
		}
		
		/* - Blockquote - */
		.blockquote { margin-top: 36px; }
		.blockquote blockquote { width: 418px !important; }
		
		/* - Buttons - */
		.buttons { margin-top: 42px; }
		.button-set-small a { margin-top: 0; }
	
/* ----------------------------------------------- */
/* Style Switcher */
/* --------------------------------------------- */
#select { position:fixed; top:130px; left:-141px; width:100px; z-index:1000; border: 3px solid #ccc; background-color: #fff; padding: 20px 15px 15px 20px; border-bottom-right-radius: 5px; }
#select  h3 { border-bottom: 1px dotted #e3e3e3; padding-bottom: 10px; margin-bottom: 12px; }
#select #toggle { position:absolute; top:-3px; right:-44px; display:block; width:41px; height:36px; background: url('../img/switcher-toggle.png') no-repeat 0 0; cursor:pointer; }
#select #toggle.active { background-position:0 -38px; } 

#select #styleswitcher li  { float: left; }
#select #styleswitcher li a { width: 25px; height: 25px; margin: 0 8px 8px 0; }
#select #styleswitcher li a.default { background-color: #00addc; }
#select #styleswitcher li a.red { background-color: #ef2541; }
#select #styleswitcher li a.yellow { background-color: #eca700; }
#select #styleswitcher li a.green { background-color: #11c65a; }
#select #styleswitcher li a.orange { background-color: #f38620; }
#select #styleswitcher li a.pink { background-color: #ff0066; }
	
/* ----------------------------------------------- */
/* Miscellaneous */
/* --------------------------------------------- */
	/* - Hides slider arrows for screen resolution 1050 and below - */
	@media only screen and (max-width: 1050px) {
		.arrowButton .prevArrow, .arrowButton .nextArrow { 
			display: none; 
		}
	}

	/* - IE7 - */
	.lt-ie8 #parallax li { z-index: -1; } .lt-ie8 .sf-menu li { z-index: 99; }

.clear { clear:both;}
.nomer { width:25px; margin-right:10px; float:left; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:5px; line-height:17px;  }
.nama_alamat { width:255px; margin-right:10px; float:left; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;  line-height:17px;}
.jenis_waralaba { width:150px; margin-right:10px; float:left; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;  line-height:17px;}
.merek_dagang { width:150px; float:left; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;  line-height:17px;}

.header_nomer { width:25px; margin-right:10px; float:left; font-weight:bold; color:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin-left:5px;  }
.header_nama_alamat { width:255px; margin-right:10px; float:left; font-weight:bold; color:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.header_jenis_waralaba { width:150px; margin-right:10px; float:left; font-weight:bold; color:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
.header_merek_dagang { width:150px; float:left; font-weight:bold; color:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif;}

.palang_header { width:620px; padding:5px 0px; background-color:#353535; border-bottom:1px solid #FFF; overflow:auto;}
.palang_ganjil { width:620px; padding:5px 0px; background-color:#d5d2d2; border-bottom:1px solid #FFF; overflow:auto;}
.palang_genap { width:620px; padding:5px 0px; background-color:#c4bfbf; border-bottom:1px solid #FFF; overflow:auto;}

.foot_bawah { font-size:12px; font-family:Arial, Helvetica, sans-serif;}


.tema { float:left; width:195px; margin-right:10px;color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:5px; line-height:17px;}
.aturan_lama {float:left; width:195px; margin-right:10px;color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;  line-height:17px; }
.revisi_aturan {float:left; width:195px;color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;  line-height:17px;}


.htema { float:left; width:195px; margin-right:10px;color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:5px; font-weight:bold; }
.haturan_lama {float:left; width:195px; margin-right:10px;color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.hrevisi_aturan {float:left; width:195px;color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }

.tebal { font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:10px;}

strong { font-weight:bold;}

em { font-style:italic;}