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

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

	#F32B46
	#E7E7E7
	#252525
	#333333
      
================================================== */
	
/* #GLOBALS
================================================== */
	
	body {background: url('../images/bgatm1.jpg') }

	/* 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 blue;
		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: #215bc6;
		padding: 0 20px;
	}
	
	.subpage-heading {
		padding: 50px 0;
		border-bottom: 1px solid #e7e7e7;
		margin-bottom: 32px !important;
		margin-top: 16px !important;
		background: url('../images/header_canli.jpg');
	}
	

	.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: #215bc6;
	}
	
	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.3;}

	.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, .popular-posts
.blog-posts .date-posted, .blog-singlepost .date-posted, .section-border, .post-desc clearfix, .add-bottom,.scale-with-grid, .blog-posts clearfix twelve columns {
	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, .section-border, .post-desc clearfix, .scale-with-grid, .blog-posts clearfix twelve columns { color: #215bc6; }

.buy, .sf-menu a, .features div .feature-title, .news-desc .news-title a, .latest-news-slide .flex-control-nav a, .popular-posts,
.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,
.blog-posts h2 a, .blog-singlepost h2 a, .plan-header h2, .table-row ul li div, .signup-btn, .section-border, .post-desc clearfix, .add-bottom, .scale-with-grid, .blog-posts clearfix twelve columns { 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: #215bc6 !important; }
.sf-menu li ul li a:hover { color: #fff !important; }

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

/* MAIN MENU COLOR */

.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: #E3B701; }

.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: #3F3F3F;
	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: #000000;
	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: #000;
	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-image: url('../images/bg-top-light.gif'); width: 100%; height: 60px; position: relative; z-index: 50; }
	
	
	.section-border {margin-top: 20px; }
	.subimg-container {margin-top: 20px; }
	



	.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: #215bc6 url(../images/doc-arrow.jpg) no-repeat 0 0;
		display: inline-block;
		width: 24px;
		height: 24px;
		position: absolute;
		top: 0;
		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;
	}

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

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

	.ie7 .logo { margin-top: 24px; }
	
	/* main navigation */ 
	
	.main {background: none; margin: 0 auto;margin-top: 0px;width: 960px;position: relative;box-shadow: 0px 0px 10px #cecece;}
	.current { background: url('../images/nav-pointer.png') no-repeat center 46px; }
	
	
	.sf-menu { 
		margin-top: 22px;
		float: left;
	}

	.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: 100px; 
		border-top: none; 
	}
	
	.sf-menu ul li { 
		width: 100%; 
		margin: 0; 
	}
	
	.sf-menu li:hover { 
	    visibility: #FDEC01; 
		
		}

	.sf-menu li {
		float: left;
		position: relative;
		margin: 0 0 0 20px;
	}
	
	.sf-menu li ul li { padding: 0 10px; }
	
	.sf-menu li ul li a:hover { 
		background-color: #FDEC01;
		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: 30px;
		-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-yellow.png') no-repeat center 17px; }

	.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: 50px;
	}
	
	/* footer */
	#footer {
		position: relative;
		margin-top: 25px;
		height: 0px;
		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: #215bc6; }

	#footer .recent-posts li a {
		margin-bottom: 0px;
		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 #215bc6; }

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


	.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; }	
		
  

	/* 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: #1f5fc4; **/
		background-image: url('../images/datebase.png');
		padding: 8px 18px;
	}

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

	.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: #215bc6; }
	
	
	/* 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;
	}



	.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 -23px !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; }
	

	.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 #215bc6;
		border-left: 3px solid #215bc6;
		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: #215bc6; }
	.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: #215bc6; }
	.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) {
	
	.main {background: none;margin: 0 auto;margin-top: 0px;width: 768px;position: relative;box-shadow: 0px 0px 10px #cecece;}
		.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: 8px 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: 60px; }
		.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) {
	
	
		.main {background: none;margin: 0 auto;margin-top: 0px;width: 440px;position: relative;box-shadow: 0px 0px 10px #cecece;}
		.caption-wrap { display: none; }
		
	   #top-header-bg { background-color: #252525; height: 24px; }
	   #bottom-header-bg {background-image: url('../images/bg-top-light.gif'); height: 60px; position: relative; z-index: 50; }

	  .sf-menu > li:hover > a { background: url('../images/nav-pointer-yellow.png') no-repeat center 17px; }
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
			
		body { display: left; background: url(../images/bgatm1.jpg) repeat; } 
		
		.main {background: none;margin: 0 auto;margin-top: 0px;width: 320px;position: relative;box-shadow: 0px 0px 10px #cecece;}
		
		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; }
		
	}