/* =====================================================================================================================
	Use this file to customize the template, note that other styles such as reset and specific elements are in base.css.
	If you have questions or suggestions please don't hesitate to contact me, i'll be glad to help.
======================================================================================================================== */

/* #TABLE OF CONTENTS
===================================================
	
	#GLOBALS
	#LAYOUT
	#TYPOGRAPHY
	#GENERAL
	#PAGES
	#MEDIA QUERIES

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

/* #COLOR PALETTE
===================================================

	#F32B46
	#E7E7E7
	#252525
	#333333

================================================== */
	
/* #GLOBALS
================================================== */

	/* style switcher */
	#select { position:fixed; top:130px; left:-210px; width:170px; z-index:1000; border: 2px solid #e7e7e7; background-color: #fff; padding: 20px 15px 15px 20px; border-bottom-right-radius: 5px; }
	#select  h3 { color: #666; border-bottom: 1px dotted #e3e3e3; padding-bottom: 10px; margin-bottom: 12px; }
	#select #toggle { position:absolute; top:-2px; right:-41px; display:block; width:41px; height:36px; background: url('../images/switcher-toggle.png') no-repeat 0 0; cursor:pointer; }

	#select #styleswitcher li  { float: left; }
	#select #styleswitcher li a { width: 25px; height: 25px; display: block; margin: 0 8px 8px 0; }
	#select #styleswitcher li a.default { background-color: #f32b46; }
	#select #styleswitcher li a.blue { background-color: #01addb; }
	#select #styleswitcher li a.yellow { background-color: #fca918; }
	#select #styleswitcher li a.green { background-color: #11c65a; }
	#select #styleswitcher li a.pink { background-color: #ff0066; }

	/* headings */
	h3 {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
	}
	
	.section-border {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 7px;
		margin-bottom: 28px;
	}

	.section-border h3 {
		border-bottom: 1px solid red;
		display: inline;
		padding-bottom: 10px;
	}

	.header-large {
		text-align: center;
		text-transform: uppercase;
		background: url('../images/heading-border.jpg') repeat-x 0 25%;
		margin: 50px 0 35px 0;
	}
	
	.header-large h2 {
		font-weight: 400;
		display: inline-block;
		letter-spacing: 3px;
		background-color: #fff;
		color: #999;
		padding: 0 20px;
	}
	
	.subpage-heading {
		padding: 20px 0;
		border-bottom: 1px solid #e7e7e7;
		margin-bottom: 40px !important;
	}

	.subpage-heading h2 {
		text-transform: uppercase;
		letter-spacing: 3px;
		font-weight: 400;
		color: #999;
	}
	
	/* buttons */
	.s-button, .m-button, .l-button, #filters li a {
		-webkit-transition: background-color 120ms linear;
		-moz-transition: background-color 120ms linear;
		-o-transition: background-color 120ms linear;
		transition: background-color 120ms linear;
	}
	
	.s-button, #filters li a {
		display: inline-block;
		background-color: #333;
		padding: 0 10px;
		color: #fff !important;
		font-size: 10px;
		font-weight: bold;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}

	.s-button:hover, .m-button:hover, .l-button:hover, #filters li a:hover, #filters li a.selected {
		color: #fff !important;
		background-color: #f32b46;
	}
	
	button.s-button {
		border: 0;
		padding: 4px 10px;
		background: #333;
		text-shadow: none;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.m-button {
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #fff !important;
		display: inline-block;
		padding: 4px 20px;
		background-color: #333;
		text-align: center;
		text-transform: uppercase;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	
	.l-button {
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #fff !important;
		display: inline-block;
		padding: 8px 40px;
		background-color: #333;
		text-align: center;
		text-transform: uppercase;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	
	/* image overlay */
	.overlay img {
		position: relative;
		z-index: 2;
		display: block;
		
		-webkit-transition: opacity 120ms linear;
		-moz-transition: opacity 120ms linear;
		-o-transition: opacity 120ms linear;
		transition: opacity 120ms linear;
	}

	.overlay:hover img {opacity: 0.1;}

	.overlay {
		position: relative;
		overflow: hidden;
	}
	
	.overlay span {
		background: url('../images/img-overlay.png') repeat scroll center center;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
	}
	
	/* flexible video */
	.embed {
		position: relative;
		padding: 0;
		padding-bottom: 70%; /* 16:9 ratio */
		height: 70%;
		overflow: hidden;
	}
	
	.embed iframe,
	.embed object,
	.embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	select { 
		appearance:none;
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		background: #fff url('../images/select-nav-bg.jpg') no-repeat 100% -1px;
		border: 1px solid #e7e7e7;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	
	select:hover { background-position: 100% -30px; cursor: pointer }
	
/* #LAYOUT
================================================== */

.alignleft { float: left; }
.alignright { float: right !important; }
.uppercase { text-transform: uppercase; }

.slide-desc {
	padding-left: 25px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.ie7 .slide-desc {
	padding-left: 0 !important;
	margin: 0 !important;
}

.blog-posts, .blog-singlepost {
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.ie7 .blog-posts, .ie7 .blog-singlepost { padding-right: 0; }

.contact-details div.twelve {
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.ie7 .contact-details div.twelve { padding-right: 0; }

/* #TYPOGRAPHY
================================================== */

.buy, .sf-menu a, .service-list dt, .recent-blog-posts p.date-posted, .blog-posts-grid p.date-posted, .team .employee-name,
.blog-posts .date-posted, .blog-singlepost .date-posted {
	font-family: 'Open Sans', Arial, sans-serif !important;
}

.buy-info-wrap h3 span, .accordion .accordion-active, .categories ul li a:hover, .popular-posts li p a:hover, .plan-header h2, .vcard .email a,
.error-box p, .error-box p strong, #footer .recent-posts li a:hover, #footer .recent-posts li a:hover, #footer .copyright p a { color: #f32b46; }

.buy, .sf-menu a, .features div .feature-title, .news-desc .news-title a, .latest-news-slide .flex-control-nav a,
.testimonials .testimonial-desc p.client-name, .work-desc p a, .service-list dt, .thumb-post-desc h2.remove-bottom, .tab-desc p a, .accordion dt,
.team .employee-name, .blog-posts h2 a, .blog-singlepost h2 a, .plan-header h2, .table-row ul li div, .signup-btn { font-weight: bold; }

.buy {
	font-size: 9px !important;
	color: #999 !important;
}

.buy:hover, .buy:hover span { color: #ccc !important; }
h1.logo { line-height: 0; }

h1.logo a { 	
	font: 0/0 a;
	text-shadow: 0;
	color: transparent; 
}

.current { color: #f32b46 !important; }
.sf-menu li ul li a:hover { color: #fff !important; }

.sf-menu a {
	color: #999;
	font-size: 11px;
}

.sf-menu > li > a, .sf-menu > li:hover > a { color: #ffffff; }
.features > div { text-align: center; }
.features div .feature-title, .testimonials .testimonial-desc p.client-name, .service-list dt, .team .employee-name { color: #333; }

.latest-news-slide .flex-control-nav a {
	font-size: 10px;
	color: #fff;
}

.testimonials .testimonial-desc span {
	color: #999;
	font-size: 11px;
}

.testimonials .flex-direction-nav a, .latest-work .flex-direction-nav a {
	font: 0/0 a;
	color: transparent;
}

.work-desc { text-align: center; }
.work-desc span { color: #999; font-size: 11px; }

.recent-blog-posts p.date-posted, .blog-posts-grid p.date-posted {
	color: #fff;
	font-size: 10px;
}

.thumb-post-desc { text-align: center; }
.thumb-post-desc h2.remove-bottom { font-size: 12px; }

.accordion dt {
	color: #666;
	text-shadow: 0 1px 0 #fff;
}

.slide-desc h2 {
	color: #999;
	font-size: 20px;
	font-weight: 400;
}

.company .company-desc, .team-intro, .employee-desc  { text-align: center; }
.team .employee-name { font-size: 14px; }
.team span { font-size: 10px; }

.blog-posts .date-posted, .blog-singlepost .date-posted {
	color: #fff;
	font-size: 18px;
}

.blog-posts h2 a, .blog-singlepost h2 a { font-size: 14px; }

.blog-posts .date-posted span, .blog-singlepost .date-posted span {
	color: #ccc;
	font-size: 10px;
}

.postmetadata p { font-size: 10px; }
.categories ul li a { color: #666; }
.popular-posts li p a { color: #666; }
.popular-posts li span { font-size: 10px; }

.pagination .pages li a, .pagination .pagination-controls li a {
	color: #fff;
	font-size: 11px;
}

.filter-active a { color: #fff !important; }
.table-row { text-align: center; }
.plan-header h3 { color: #fff; }

.plan-header h2 span {
	color: #fff;
	font-size: 12px;
}

.plan-features ul li { text-align: left !important;	}
.table-row ul li img { vertical-align: text-top; }
.signup-btn { color: #fff; }
.signup-btn:hover, .recommended .plan-header h2 { color: #fff; }
.success-box p, #success p { color: #5ccc76; }
.success-box p strong, #success p strong { color: #5ccc76; }
.warning-box p { color: #f5cf1d; }
.warning-box p strong { color: #f5cf1d; }
.info-box p { color: #55cde7; }
.info-box p strong { color: #55cde7; }

.dropcap1 span, .dropcap2 span {
	color: #fff;
	font-family: Georgia, serif;
	font-size: 24px;
}

.highlight1, .highlight2 { color: #fff; }
#footer { color: #999; }
#footer .section-border h3 { color: #fff; }
#footer .recent-posts li a { color: #666; }
	
/* #GENERAL
================================================== */
	
	/* header */
	#top-header-bg { background-color: #252525; height: 24px; }
	#bottom-header-bg { background-color: #333333; height: 80px; position: relative; z-index: 50; }

	.buy { 
		background-color: #000;
		position: relative;
		padding: 2px 15px 1px 15px; 
		
		-webkit-transition: color 120ms linear;
		-moz-transition: color 120ms linear;
		-o-transition: color 120ms linear;
		transition: color 120ms linear;
	}

	.buy:hover, .buy:hover span { background-position: 0 -24px; }

	.buy span {
	background: #f32b46 url(../images/doc-arrow.jpg) no-repeat 0 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -24px;
	margin-left: 15px;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
	left: 187px;
	}

	h1.logo { margin: 5px 0 0 0; }

	h1.logo a {
	display: block;
	background: url('../images/logo.png') no-repeat;
	width: 1000px;
	height: 75px;
	}

	.ie7 .logo { margin-top: 24px; }
	
	/* main navigation */ 
	.current { background: url('../images/nav-pointer.png') no-repeat center 46px; }
	
	.sf-menu { 
		margin-top: 28px;
		float: right;
	}

	.sf-menu ul {
		position: absolute;
		top: -999em;
		width: 14.4em;
		background-color: #fff;
		border: 1px solid #e7e7e7;
		border-bottom: 3px solid #e7e7e7;
		padding: 10px 0;
	}
	
	.sf-menu > li > ul { 
		margin-top: 22px; 
		border-top: none; 
	}
	
	.sf-menu ul li { 
		width: 100%; 
		margin: 0; 
	}
	
	.sf-menu li:hover { visibility: inherit; }

	.sf-menu li {
		float: left;
		position: relative;
		margin: 0 0 0 30px;
	}
	
	.sf-menu li ul li { padding: 0 10px; }
	
	.sf-menu li ul li a:hover { 
		background-color: #f32b46;
		width: 12em; 
		-webkit-transition: background-color 120ms linear;
		-moz-transition: background-color 120ms linear; 
		-o-transition: background-color 120ms linear; 
		transition: background-color 120ms linear; 
	}
	
	.sf-menu li ul li a { 
		padding: 3px 10px;
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px;
		-o-border-radius: 3px; 
		border-radius: 3px; 
	}

	.sf-menu a {
		display: block;
		position: relative;
	}
	
	.sf-menu > li > a { 
		padding-bottom: 31px;
		-webkit-transition: color 120ms linear;
		-moz-transition: color 120ms linear;
		-o-transition: color 120ms linear;
		transition: color 120ms linear;
	}
	
	.sf-menu > li:hover > a { background: url('../images/nav-pointer.png') no-repeat center 46px; }

	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left: 0;
		top: 2.5em; /* 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: 14.4em; /* match ul width */
		top: 0;
	}

	.sf-sub-indicator { display: none; }
	
	#navigation select {
		display: none;
		margin: 0 auto;
		width: 100%;
		height: 27px;
	}
	
	/* footer */
	#footer {
		position: relative;
		margin-top: 75px;
		height: 364px;
		clear: both;
	}
	
	
	
	.footer-primary-bg {
		background-color: #333333;
		padding: 50px 0;
	}

	#footer .section-border { border-bottom: 1px solid #464646; }

	#footer .section-border h3 { border-bottom: 0; }

		/* flickr */
		div#flickrImages img {
			float: left;
			width: 62px;
			height: 62px;
			margin: 2px;
			border: 3px solid #464646;
			
			-webkit-transition: border-color 120ms linear;
			-moz-transition: border-color 120ms linear;
			-o-transition: border-color 120ms linear;
			transition: border-color 120ms linear;
		}
		
		div#flickrImages img:hover { border-color: #f32b46; }

	#footer .recent-posts li a {
		margin-bottom: 15px;
		display: block;
	}

	#footer .copyright {
		background-color: #252525;
		padding: 20px 0;
	}
	
	
/* #PAGES
================================================== */

	/* home - default */
	.features {
		border-bottom: 3px solid #e7e7e7;
		padding-bottom: 40px;
		margin-bottom: 50px !important;
	}

	.features > div {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-transition: border 120ms linear;
		-moz-transition: border 120ms linear;
		-o-transition: border 120ms linear;
		transition: border 120ms linear;
		
		padding: 25px 20px;
		border: 1px solid #e7e7e7;
		border-top: 4px solid #e7e7e7;
	}

	.ie7 .features > div { width: 178px !important; }
	.features div .feature-title { margin-bottom: 7px; }
	.features > div:hover { border-top: 4px solid #f32b46; }

	.features .feature-img {
		width: 51px;
		height: 51px;
		margin: 0 auto;
		margin-bottom: 12px;
	}

	.features > div:hover .feature-img { background-position: 0 -53px; }
	.feature1 .feature-img1 { background: transparent url('../images/feature-img1.png') no-repeat 0 0; }
	.feature2 .feature-img2 { background: transparent url('../images/feature-img2.png') no-repeat 0 0; }
	.feature3 .feature-img3 { background: transparent url('../images/feature-img3.png') no-repeat 0 0; }
	.feature4 .feature-img4 { background: transparent url('../images/feature-img4.png') no-repeat 0 0; }
	.news-desc { position: relative; }

	.news-desc .news-title {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 7px;
	}

	.latest-news {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 28px;
	}

	.latest-news-slide { position: relative; }

	.latest-news-slide .flex-control-nav {
		right: 0;
		top: -58px;
	}

	.latest-news-slide .flex-control-nav li {
		margin: 0 0 0 1px; 
		display: inline-block; 
		zoom: 1; 
		*display: inline;
	}

	.latest-news-slide .flex-control-nav a {
		background-color: #333;
		padding: 2px 5px;
		margin: 0;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}

	.latest-news-slide .flex-control-nav a:hover, .latest-news-slide .flex-control-nav a.flex-active {
		background-color: #f32b46;
		cursor: pointer;
	}

	.testimonials {
		position: relative;
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 26px;
	}

	.testimonials .testimonials-slide img {
		float: left !important;
		padding-right: 16px;
	}

	.testimonials-slide span.arrow {
		background: transparent url('../images/testimonial-arrow.png') no-repeat;
		display: block;
		width: 15px;
		height: 16px;
		position: absolute;
		left: 2px;
		top: 35px;
	}

	.testimonials .testimonial-box {
		overflow: hidden;
		position: relative;
		padding-left: 15px;
		right: 0;
	}

	.testimonials .testimonial-desc {
		padding: 15px 25px;
		border: 1px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		background-color: #fff;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}

	.testimonials .testimonial-desc span {
		margin-bottom: 7px;
		display: block;
	}

	.testimonials .flex-direction-nav, .latest-work .flex-direction-nav {
		top: 0;
		right: 0;
		position: absolute;
	}

	.testimonials .flex-direction-nav li, .latest-work .flex-direction-nav li {
		float: left;
		margin: 0 0 0 1px;
	}

	.testimonials .flex-direction-nav a, .latest-work .flex-direction-nav a {
		display: block;
		background: url('../images/testimonials-nav.png') no-repeat 0 0;
		width: 17px;
		height: 16px;
	}

	.testimonials .flex-direction-nav .flex-prev:hover, .latest-work .flex-direction-nav .flex-prev:hover { background-position: 0 -18px; }
	.testimonials .flex-direction-nav .flex-next, .latest-work .flex-direction-nav .flex-next { background-position: -19px 0; }
	.testimonials .flex-direction-nav .flex-next:hover, .latest-work .flex-direction-nav .flex-next:hover { background-position: -19px -18px; }

	.latest-work {
		margin-top: 40px;
		position: relative;
	}

	.latest-work .slides li { margin: 0 10px; }
	.latest-work .slides li:first-child { margin-left: 0; }

	.work img, .work .overlay span {
		-webkit-border-top-left-radius: 5px;
		-moz-border-top-left-radius: 5px;
		-o-border-top-left-radius: 5px;
		border-top-left-radius: 5px;

		-webkit-border-top-right-radius: 5px;
		-moz-border-top-right-radius: 5px;
		-o-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
	}

	.work-desc {
		border: 1px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		border-top: 0;
		padding: 17px 15px;
		
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-o-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
		
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-o-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	/* home - style2 */
	.buy-box {
		padding: 35px 30px;
		border: 3px solid #e7e7e7;
		background: #fff;
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}

	.buy-info-wrap {
		float: left;
		padding-left: 53px;
		background: url('../images/info.png') no-repeat 0 50%;
	}

	.buy-box .l-button { float: right }
	.service-list > div { margin-bottom: 30px; }
	.service-list dt { margin-bottom: 5px; }
	.service-list .service-wrap { padding-left: 45px; }
	.service-list .service1 .service-wrap { background: url('../images/service-icon1.png') no-repeat 0 50%; }
	.service-list .service2 .service-wrap { background: url('../images/service-icon2.png') no-repeat 0 50%; }
	.service-list .service3 .service-wrap { background: url('../images/service-icon3.png') no-repeat 0 50%; }
	.service-list .service4 .service-wrap { background: url('../images/service-icon4.png') no-repeat 0 50%; }
	.recent-blog { margin-top: -30px; }

	.recent-blog-posts p.date-posted, .blog-posts-grid p.date-posted  {
		position: absolute;
		z-index: 3;
		bottom: 0;
		right: 0;
		background-color: #333;
		padding: 0 8px;
	}

	.thumb-post-desc {
		background-color: #fff;
		border: 1px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-o-border-bottom-left-radius: 5px;
		-o-border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.thumb-post-desc h2.remove-bottom {
		border-bottom: 1px dotted #e7e7e7;
		padding: 10px 15px;
		clear: both;
	}

	.thumb-post-desc .thumb-post-entry { padding: 15px; }
	.blog-posts-grid ul li { clear: left; }
	.blog-posts-grid ul li article { margin-bottom: 20px; }	

	/* home - style3 */
	.tab-accordion {
		border-top: 3px solid #e7e7e7;
		padding-top: 50px;
	}

	.tab-img-slide-container { float: left; }

	.tab-desc {
		width: 198px;
		float: left;
		margin-left: 15px;
	}

	.tab-desc p.add-bottom {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 7px;
	}

	.accordion dt {
		cursor: pointer;
		position: relative;
		border: 1px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		background-color: #f7f7f7;
		padding: 7px 15px;
		margin-bottom: 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}

	.accordion dd {
		padding: 0 10px;
		margin-top: 20px;
	}

	.accordion .accordion-active { background-color: #fff; }

	.accordion dt span {
		background: url('../images/accordion-buttons.png') no-repeat 0 0;
		width: 7px;
		height: 7px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 14px;
	}

	.accordion dt.accordion-active span { background-position: 0 -41px; }
	section.video { margin-bottom: 50px !important; }

	#home-3 #main .l-button {
		display: block;
		clear: both;
		width: 110px;
		margin: 0 auto;
	}

	/* home - boxed slider */
	.slide-desc h2 {
		display: inline-block;
		border-bottom: 3px solid #e7e7e7;
		padding-bottom: 15px;
	}

	#home-5 .banner {
		border-bottom: 3px solid #e7e7e7;
		margin-bottom: 50px;
	}

	#home-5 .slide-desc .l-button { margin: 10px 0 30px 0; }

	/* about */
	.company img {
		margin: 0 auto;
		display: block;
	}

	.company .company-desc {
		padding: 35px;
		border: 3px solid #e7e7e7;
		margin-bottom: 70px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}

	.company .company-desc p { margin: 20px 0; }

	/* team */
	.team {
		margin-top: 20px;
		float: left;
	}

	.team > div img {
		display: block;
		
		-moz-opacity: 0.80;
		opacity: 0.80;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
		
		-webkit-transition: opacity 120ms linear;
		-moz-transition: opacity 120ms linear;
		-o-transition: opacity 120ms linear;
		transition: opacity 120ms linear;
		
		-webkit-border-top-left-radius: 5px;
		-moz-border-top-left-radius: 5px;
		-o-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		
		-webkit-border-top-right-radius: 5px;
		-moz-border-top-right-radius: 5px;
		-o-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
	}

	.team > div img:hover {
		-moz-opacity: 1;
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	}

	.employee-desc {
		border: 1px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		border-top: 0;
		padding: 25px;
		
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-o-border-bottom-left-radius: 5px;
		-o-border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.team span {
		margin-bottom: 15px;
		display: block;
	}

	/* blog - right sidebar */
	#search { background: url('../images/search.png') no-repeat 96% 8px; }

	.blog-posts.right {
		padding-right: 0;
		padding-left: 20px;
	}

	.blog-posts article, .blog-singlepost article { margin-bottom: 40px; }

	.blog-posts .date-posted, .blog-singlepost .date-posted {
		position: absolute;
		z-index: 3;
		background-color: #333;
		padding: 8px 18px;
	}

	.blog-posts .date-posted span, .blog-singlepost .date-posted span {
		display: block;
		margin-top: -3px;
	}

	.blog-posts article img, .blog-singlepost article img {
		position: relative;
		display: block;
	}

	.post-desc {
		border: 1px solid #e7e7e7;
		border-bottom: 2px solid #e7e7e7;
		border-top: 0;
		padding: 35px 30px;
		clear: left;
		
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-o-border-bottom-left-radius: 5px;
		-o-border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.postmetadata { margin-top: 50px; }
	.sidebar section { margin-bottom: 35px; }

		/* categories */
		.categories { border-bottom: 1px solid #e7e7e7; }
		.categories .section-border { margin-bottom: 0; }
		
		.categories ul li {
			padding: 8px 0;
			border-bottom: 1px dotted #e7e7e7;
		}
		
		.categories ul li a {
			background: url('../images/cat-icon.png') no-repeat 0 50%;
			padding-left: 15px;
		}
		
		/* popular posts */
		.popular-posts { border-bottom: 1px solid #e7e7e7; }
		.popular-posts .section-border { margin-bottom: 0; }
		
		.popular-posts li {
			padding: 15px 0;
			border-bottom: 1px dotted #e7e7e7;
		}
		
		.popular-posts li img { padding-right: 18px; }
		#newsletter { background: url('../images/email.png') no-repeat 96% 9px; }

		/* pagination */
		.pagination .pages li, .pagination .pagination-controls li {
			float: left;
			margin-right: 3px;
		}
		
		.pagination .pages li a, .pagination .pagination-controls li a {
			background-color: #333;
			padding: 4px 8px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			
			-webkit-transition: background-color 120ms linear;
			-moz-transition: background-color 120ms linear;
			-o-transition: background-color 120ms linear;
			transition: background-color 120ms linear;
		}
		
		.pagination .pages li a:hover, .pagination .pagination-controls li a:hover, .pagination .pages li .active { background-color: #f32b46; }
	
	
	/* blog - grid */
	.blog-posts-grid article { margin-bottom: 20px; }

	/* blog - singlepost */
	#comments > h3, #comment-form > h3 {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 10px;
		margin-bottom: 40px;
	}

	.comment {
		border-bottom: 1px dotted #e7e7e7;
		margin-bottom: 40px;
		padding-bottom: 20px;
	}

	.comment img {
		margin-right: 5px;
		clear: both;
	}

	#comment-form form #message {
		width: 700px !important;
		max-width: 100% !important;
		height: 170px;
	}

	/* portfolio */
	.portfolio .subpage-heading ul li {
		float: left;
		margin-left: 3px;
	}

	.portfolio-3cols li > div, .portfolio-2cols li > div, .portfolio-4cols li > div { margin-bottom: 20px !important; }
	.portfolio .pagination { margin-top: 20px; }

	.portfolio-2cols, .portfolio-3cols, .portfolio-4cols   {
		width: 960px;
		float: left !important;
	}

	.filter-active a { background-color: #f32b46 !important; }

	.project-share li {
		float: left;
		margin-right: 10px;
	}

	/* pricing tables */
	.plan-features { width: 222px !important; }
	.table-row { width: 179px; }
	.plan-header { min-height: 94px !important; }

	.plan-header h3 {
		background-color: #252525;
		padding: 10px 0;
		
		-webkit-border-top-left-radius: 5px;
		-moz-border-top-left-radius: 5px;
		-o-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		
		-webkit-border-top-right-radius: 5px;
		-moz-border-top-right-radius: 5px;
		-o-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
	}

	.plan-header h2 {
		background-color: #333;
		padding: 15px 0;
	}

	.plan-features ul { border-right: 0 !important; }

	.table-row ul {
		border: 1px solid #e7e7e7;
		margin-top: -1px;
	}

	.table-row ul, .plan-signup { margin-left: -1px; }

	.table-row ul li {
		border-bottom: 1px solid #e7e7e7;
		padding: 10px 14px;
	}

	.table-row ul li div { display: none; }
	.plan-features .plan-signup { border: 0; }

	.plan-signup {
		border: 1px solid #e7e7e7;
		border-top: 0;
		padding: 25px 0;
		
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-o-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
		
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-o-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.signup-btn {
		background-color: #ccc;
		padding: 8px 30px;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-transition: background-color 120ms linear;
		-moz-transition: background-color 120ms linear;
		-o-transition: background-color 120ms linear;
		transition: background-color 120ms linear;
	}

	.signup-btn:hover { background-color: #f32b46; }

	.recommended .plan-header h3 {
		background-color: #d8142f;
		padding: 14px 0;
	}

	.recommended .plan-header h2 { background-color: #f32b46; }
	.recommended .plan-signup { padding: 29px 0; }
	.recommended .signup-btn { background-color: #f32b46; }

	.recommended {
		margin-top: -8px;
		-webkit-box-shadow: 0px 3px 20px rgba(50, 50, 50, 0.20);
		-moz-box-shadow:    0px 3px 20px rgba(50, 50, 50, 0.20);
		box-shadow:         0px 3px 20px rgba(50, 50, 50, 0.20);
	}

	.pricing-table-2 { margin-top: 70px !important; }

	.pricing-table-2 .recommended {
		margin-top: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;
	}

	.pricing-table-2 .recommended .plan-header h3 { padding: 10px 0; }
	.pricing-table-2 .recommended .plan-signup { padding: 25px 0; }
	
	.plan-features-list li span {
		background: url('../images/feature-check.png') no-repeat; 
		display: block;
		width: 16px;
		height: 15px;
		padding: 3px 0;
		margin: 0 auto;
	}

	/* contact */
	#contact .subpage-heading {
		margin-bottom: 0 !important;
		border: 0;
	}

	#map {
		width: 93% !important;
		height: 408px;
		border: 3px solid #e7e7e7;
		margin: 0 auto;
		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
	}

	.contact-details { margin-top: 70px !important; }

	.contact-details form #contact_msg {
		width: 700px !important;
		max-width: 100% !important;
		height: 170px;
	}

	.contact-details .s-button { float: left; }
	.vcard .country-name { display: block; }

	.error {
		color: #f32b47;
		border-color: #fab3bd !important; 
		-webkit-transition: all 120ms linear;
		-moz-transition: all 120ms linear;
		-o-transition: all 120ms linear;
		transition: all 120ms linear;
	}
		
	#success { 
		display: none; 
		width: 100%; 
		border: 1px solid #5ccc76;
		border-left: 3px solid #5ccc76;
		background-color: #effef2;
	}
	
	#success p { margin-bottom: 0; }

	/* shortcodes */
	#shortcodes .row {
		border-bottom: 1px dotted #e7e7e7;
		padding-bottom: 40px;
	}

	.icons-shortcode ul.social li:first-child a { margin-left: 0; }
	.icons-shortcode ul.social li a { margin: 0 0 9px 9px; }
	.social li { display: inline; }

	.social li a {
		width: 26px;
		height: 24px;
		display: block;
		float: left;
		
		-webkit-transition: background-position 100ms linear;
		-moz-transition: background-position 100ms linear;
		-o-transition: background-position 100ms linear;
		transition: background-position 100ms linear;
	}

	.social li a:hover  { background-position: 0 -24px !important; }
	.social li a.facebook { background: url('../images/facebook.jpg') no-repeat 0 0; }
	.social li a.twitter { background: url('../images/twitter.jpg') no-repeat 0 0; }
	.social li a.dribbble { background: url('../images/dribbble.jpg') no-repeat 0 0; }
	.social li a.forrst { background: url('../images/forrst.jpg') no-repeat 0 0; }
	.social li a.flickr { background: url('../images/flickr.jpg') no-repeat 0 0; }
	.social li a.digg { background: url('../images/digg.jpg') no-repeat 0 0; }
	.social li a.amazon { background: url('../images/amazon.jpg') no-repeat 0 0; }
	.social li a.delicious { background: url('../images/delicious.jpg') no-repeat 0 0; }
	.social li a.gowalla { background: url('../images/gowalla.jpg') no-repeat 0 0; }
	.social li a.bebo { background: url('../images/bebo.jpg') no-repeat 0 0; }
	.social li a.aim { background: url('../images/aim.jpg') no-repeat 0 0; }
	.social li a.mixx { background: url('../images/mixx.jpg') no-repeat 0 0; }
	.social li a.readernaut { background: url('../images/readernaut.jpg') no-repeat 0 0; }
	.social li a.technorati { background: url('../images/technorati.jpg') no-repeat 0 0; }
	.social li a.stumbleupon { background: url('../images/stumbleupon.jpg') no-repeat 0 0; }
	.social li a.spotify { background: url('../images/spotify.jpg') no-repeat 0 0; }
	.social li a.skype { background: url('../images/skype.jpg') no-repeat 0 0; }
	.social li a.tumblr { background: url('../images/tumblr.jpg') no-repeat 0 0; }
	.social li a.yahoo { background: url('../images/yahoo.jpg') no-repeat 0 0; }
	.social li a.wordpress { background: url('../images/wordpress.jpg') no-repeat 0 0; }
	.social li a.cargo { background: url('../images/cargo.jpg') no-repeat 0 0; }
	.social li a.ember { background: url('../images/ember.jpg') no-repeat 0 0; }
	.social li a.rdio { background: url('../images/rdio.jpg') no-repeat 0 0; }
	.social li a.apple { background: url('../images/apple.jpg') no-repeat 0 0; }
	.social li a.windows { background: url('../images/windows.jpg') no-repeat 0 0; }
	.social li a.email { background: url('../images/email.jpg') no-repeat 0 0; }
	.social li a.rss { background: url('../images/rss.jpg') no-repeat 0 0; }

	.error-box, .success-box, .warning-box, .info-box, #success {
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}

	.error-box strong, .success-box strong, .warning-box strong, .info-box strong, #success strong { padding-left: 25px; }

	.error-box {
		border: 1px solid #f32b46;
		border-left: 3px solid #f32b46;
		background-color: #ffe9ec;
	}

	.error-box p { background: url('../images/error-icon.png') no-repeat 0 center; }

	.success-box {
		border: 1px solid #5ccc76;
		border-left: 3px solid #5ccc76;
		background-color: #effef2;
	}

	.success-box p, #success p { background: url('../images/success-icon.png') no-repeat 0 center; }

	.warning-box {
		border: 1px solid #f5cf1d;
		border-left: 3px solid #f5cf1d;
		background-color: #fffcee;
	}

	.warning-box p { background: url('../images/alert-icon.png') no-repeat 0 center; }

	.info-box {
		border: 1px solid #55cde7;
		border-left: 3px solid #55cde7;
		background-color: #ebfbff;
	}

	.info-box p { background: url('../images/note-icon.png') no-repeat 0 center; }

	.dropcap1 span, .dropcap2 span {
		padding: 5px 10px;
		margin-right: 15px;
	}

	.dropcap1 span { background-color: #f32b46; }
	.dropcap2 span { background-color: #333; }

	.highlight1, .highlight2 {
		padding: 2px 4px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}

	.highlight1 { background-color: #f32b46; }
	.highlight2 { background-color: #333; }

/* #MEDIA QUERIES
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	
		.buy-box .l-button {
			clear: left;
			margin: 20px 0 0 54px;
			float: none;
		}
		
		.tab-desc {
			width: 150px;
			float: left;
			margin-left: 15px;
		}
		
		.portfolio-2cols, .portfolio-3cols, .portfolio-4cols { width: 768px; }
		.plan-features { display: none !important; }
		.table-row ul li div { display: block; }
		.table-row { width: 186px; }
		.comment img { margin-bottom: 10px; }
		
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		
		h1.logo { margin: 28px 0 0 0 !important; }
		
		h1.logo a { 
			text-align: center; 
			margin: 0 auto; 
		}
		
		.current, .sf-menu > li:hover > a { background: url('../images/nav-pointer.png') no-repeat center 35px; }
		.sf-menu > li > ul { margin-top: 11px; }
		.sf-menu > li > a { padding-bottom: 20px; }
		
		.sf-menu {
			float: none;
			margin-top: 78px !important;
		}
		
		#bottom-header-bg { height: 119px; }
		.news-desc, .testimonials, .latest-work { margin-top: 20px !important; }
		#footer .copyright p {
			float: none !important;
			text-align: center;
		}
		
		.buy-box .l-button {
			clear: left;
			margin: 20px 0 0 54px;
			float: none;
		}
		
		.recent-blog-posts .four, .mobile-add, .tab-shortcode, .table-row .plan-signup, .blockquotes-shortcode div.alpha, .highlights-shortcode div.alpha 
		{ margin-bottom: 20px !important; }
		
		.tab-shortcode .three.columns {
			width: 358px;
			margin-bottom: 20px;
		}
		
		.tab-desc {
			width: 100%;
			float: none;
			margin-left: 0;
		}

		.postmetadata p, #blog-search { float: none !important; }
		#blog-search, .sidebar { margin-top: 40px !important; }
		
		.portfolio .subpage-heading ul {
			float: none !important;
			clear: left;
			margin-top: 40px;
		}
		
		.portfolio .subpage-heading ul li { margin-bottom: 3px; }
		.portfolio-2cols, .portfolio-3cols, .portfolio-4cols { width: 320px; }
		.plan-features { display: none !important; }
		.table-row ul li div { display: block; }
		.table-row { width: 208px; }
		.blog-posts, .contact-details div.twelve { padding-right: 0; }
		.blog-posts.right, .slide-desc { padding-left: 0; }
		.slide-desc, #elements .tab-shortcode, #elements .icons-shortcode, #elements .alerts-shortcode, #elements .blockquotes-shortcode,  #elements .dropcaps-shortcode,
		#elements .buttons-shortcode,  #elements .highlights-shortcode { margin-top: 20px !important; }
		.comment img { margin-bottom: 10px; }
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.portfolio-2cols, .portfolio-3cols, .portfolio-4cols { width: 440px; }
		.caption-wrap { display: none; }
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		h1.logo { margin-bottom: 25px !important; }
		
		#navigation .sf-menu { display: none; }
		
		#navigation select {
			display: block;
			clear: left;
		}
		
		.feature-img, .flexslider .flex-control-nav { display: none; }
		
		.buy-box .l-button {
			clear: left;
			margin: 20px 0 0 25px;
			float: none;
		}
		
		.tab-shortcode .three.columns { width: 238px; }
		#blog-search #search { width: 95%; }
		.table-row { width: 299px; }
		.caption-wrap { display: none; }
		
	}