@charset "utf-8";
/* CSS Document */

/* PORTFOLIO TILES */

section.article-block {
    max-width:1000px;
    margin:0px auto;
    padding:20px;
}

section article.tile {
    float:left !important;
    width:30% !important;
    margin:20px 5% 30px 0px !important;
    background:#fff;
    color:#333;
    padding:0px !important;
    clear:none !important;
}

section article.tile p.title {
    font-size:125%;
    font-weight:bold;
}

section article.tile iframe {
    border:none;
}

section article.tile:nth-child(3n){
    margin-right:0px !important;
}

section article.tile:nth-child(3n + 1){
    clear:both !important;
}

section div:last-child {
    clear:both;
}

section > article.tile > div {
    border:1px solid #ccc;
}

section > article.tile > div > a:first-child {
    display:block;
    line-height:100px;
    text-align:center;
    text-decoration:none;
}

section article.tile p {
    margin:20px;
}

section article.tile p.in-progress {
    font-weight:bold;
    margin:0px;
    padding:10px;
    background:url('/_images/gear_in.png') no-repeat;
    background-color:#aaa;
    border-top:5px solid #aaa;
    border-left:5px solid #aaa;
    padding-left:40px;
    line-height:16px;
}

a.dns-pallets {
    background:url('/_images/tiles/dnspallets.jpg') no-repeat center center;
    background-size:cover;
}

a.invisible-finish {
    background:url('/_images/tiles/invisible-finish.jpg') no-repeat center center;
    background-size:cover;
}

a.bob-turel {
    background:url('/_images/tiles/bob-turel.jpg') no-repeat center center;
    background-size:cover;
}

a.auto-school {
    background:url('/_images/tiles/auto-school.jpg') no-repeat center center;
    background-size:cover;
}

a.corebusinesssolutions {
    background:url('/_images/tiles/corebusinesssolutions.jpg') no-repeat center center;
    background-size:cover;
}

a.robbie-vasquez {
    background:url('/_images/tiles/robbie-vasquez.jpg') no-repeat center center;
    background-size:cover;
}

a.pinpoint-click {
    background:url('/_images/tiles/pinpoint-click.jpg') no-repeat center center;
    background-size:cover;
}

a.lemons-life {
    background:url('/_images/tiles/lemons-life.jpg') no-repeat center center;
    background-size:cover;
}

a.termplay {
    background:url('/_images/tiles/termplay.jpg') no-repeat center center;
    background-size:cover;
}

a.make-php-sites {
    background:url('/_images/tiles/make-php-sites.jpg') no-repeat center center;
    background-size:cover;
}

a.simple-time-travel {
    background:url('/_images/tiles/simple-time-travel.jpg') no-repeat center center;
    background-size:cover;
}

a.linkedin {
    background:url('/_images/tiles/linkedin.jpg') no-repeat center center;
    background-size:cover;
}

a.twitter {
    background:url('/_images/tiles/twitter.jpg') no-repeat center center;
    background-size:cover;
}

a.when-it-was-fun {
    background:url('/_images/tiles/when-it-was-fun.jpg') no-repeat center center;
    background-size:cover;
}

a.not-that-republican {
    background:url('/_images/tiles/not-that-republican.jpg') no-repeat center center;
    background-size:cover;
}

a.hustle-singles {
    background:url('/_images/tiles/hustle-singles.jpg') no-repeat center center;
    background-size:cover;
}

a.marketer-city {
    background:url('/_images/tiles/marketer-city.jpg') no-repeat center center;
    background-size:cover;
}

a.validator {
    background:url('/_images/tiles/validator.jpg') no-repeat center center;
    background-size:cover;
}

a.klein-media-works {
    background:url('/_images/tiles/klein-media-works.jpg') no-repeat center center;
    background-size:cover;
}

a.tampa-bay-networkers {
    background:url('/_images/tiles/tampa-bay-networkers.jpg') no-repeat center center;
    background-size:cover;
}

a.cloud-force {
    background:url('/_images/tiles/cloud-force.jpg') no-repeat center center;
    background-size:cover;
}

a.mwoh {
    background:url('/_images/tiles/mwoh.jpg') no-repeat center center;
    background-size:cover;
}

a.marathon-resort {
    background:url('/_images/tiles/marathon-resort.jpg') no-repeat center center;
    background-size:cover;
}

a.sunwest {
    background:url('/_images/tiles/sunwest.jpg') no-repeat center center;
    background-size:cover;
}

a.campbells-tutorial {
    background:url('/_images/tiles/campbells-tutorial.jpg') no-repeat center center;
    background-size:cover;
}

a.twistitllc {
    background:url('/_images/tiles/twistitllc.jpg') no-repeat center center;
    background-size:cover;
}

/* END PORTFOLIO TILES */

article {
    max-width:1000px;
    margin:0px auto;
    clear:both;
    padding:20px;
}

article.text {
    background:#fff;
}

article.white {
    max-width:1000px;
    padding:20px 0px 0px 0px;
    font-size:150%;
}

section {
    padding:20px 0px 20px 0px;
}

section.green {
    /*background:#484;
    color:#fff;*/
    background:#eee;
    border:1px solid #e0e0e0;
    border-left:none;
    border-right:none;
}

section.green a {
    color:#fff;
}

section article.three div {
    float:left;
    width:30%;
    margin:0px 5% 20px 0px;
}

section article.three div:nth-child(4n){
    margin:0px;
}

section article.three div:nth-child(4n+1){
    clear:both;
}

section article.three h2 {
    clear:both;
    font-size:200%;
    margin:0px 0px 20px 0px;
    padding:0px 0px 10px 0px;
    /*border-bottom:5px solid #151;*/
    border-bottom:5px solid #555;
}

article#home section#video, article#benefits section#video {
	width:58%;
	float:left;
	padding:20px 0px 20px 0px;
}

article#home section#video iframe, article#benefits section#video iframe, article#tbn-power-meetings section:first-child iframe {
	width:100%;
	height:380px;
}

article#about-us section:nth-child(-n+2){
	float:left;
	width:48%;
}

article#about-us section:nth-child(2){
	padding-left:4%;
}

article#about-us section iframe {
	width:100%;
	height:300px;
}

article#about-us section:nth-child(3){
	clear:both;
	float:left;
	width:58%;
}

article#listings section ul#business-categories {
	list-style:none;
	margin:0px;
	padding:0px;
}

article#listings section ul#business-categories li {
	line-height:30px;
	float:left;
	width:33%;
	text-transform:capitalize;
}

article#listings section.listing ul {
	margin:30px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

article#listings section.listing ul li {
	clear:both;
	padding:20px;
	background:#eee;
}

article#listings section.listing ul li h3 {
	font-size:200%;
	margin:0px 0px 10px 0px;
}

article#listings section.listing ul li p {
	margin-top:0px;
	padding-top:0px;
}

article#listings section.listing ul li img {
	width:300px;
	margin:0px 20px 20px 0px;
	float:left;
	border:1px solid #000;
}

article#listings section.listing ul li p.contact {
	clear:both;
}

article#listings section.listing ul li a {
	background:#81014c;
	border-radius:5px;
	padding:7px;
	color:#fff;
	text-decoration:none;
}

article#listings section.listing ul li a:hover {
	background:#b59;
}

article#listings section.listing ul li div:last-child {
	clear:both;
}

article#contact section:first-child {
	float:left;
	width:59%;
}

article#benefits section#video h2 {
	margin:10px 0px 10px 0px;
}

article#benefits section#video form {
	text-align:center;
}

section.with-button-block {
	float:left;
	max-width:59%;
}

section.buttons-block {
	width:37%;
	float:left;
	padding:20px 0px 20px 4%;
}

section.buttons-block img {
	width:100%;
}

/*
section.buttons-block a {
	display:block;
	line-height:20px;
	background:#484;
	color:#fff;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	font-size:175%;
	padding:20px;
	font-weight:bold;
}

section.buttons-block a:hover {
    background:#c84;
}
*/
form#search-page {
	margin:10px 0px 10px 0px;
}

form#search-page input {
	width:75%;
	padding:5px;
}

a#holiday-party {
    display:block;
    text-decoration:none;
    font-size:125%;
    font-weight:bold;
    text-align:center;
    padding:10px 0px 10px 0px;
    color:#fff;
    background:#3a3;
    margin:0px 0px 20px 0px;
    text-shadow:1px 1px #700;
}

a#holiday-party:hover {
    background:#a33;
    text-shadow:1px 1px #050;
}

a#holiday-party span {
    color:#d22;
}

a#holiday-party:hover span {
    color:#3a3;
}

span#robo-check {
    border-radius:2px 2px;
    cursor:pointer;
}

span.robot {
    border:2px solid #000;
    background:#ddd;
}

span.person {
    border:2px solid #7f7;
    background:#aff;
    color:#000;
}


@media(max-width:850px){
	article {
		max-width:100%;
	}
	
	section {
		padding:0px;
		max-width:98%;
		margin:0px auto;
	}
	
	article#home section#video, article#benefits section#video {
		width:100%;
		float:none;
	}
	
	article#about-us section:nth-child(-n+2){
		float:none;
		width:100%;
	}
	
	article#about-us section:nth-child(2){
		margin:10px 0px 10px 0px;
		padding:0px;
	}
	
	article#about-us section:nth-child(3){
		float:none;
		width:93%;
		padding:10px 0px 10px 10px;
	}
	
	article#listings section {
		padding:10px;
	}
	
	article#listings section ul#business-categories li {
		float:none;
		width:100%;
	}
	
	article#listings section.listing ul li h3 {
		font-size:125%;
	}
	
	article#listings section.listing ul li img {
		margin:0px 0px 20px 0px;
		float:none;
		display:block;
	}
	
	article#listings section.listing ul li p.contact a {
		line-height:40px;
	}
	
	article#contact section:first-child, section.with-button-block {
		float:none;
		width:100%;
	}
	
	section.buttons-block p {
		font-weight:bold;
		font-size:175%;
		color:#a37;
		padding:10px;
	}
	
	section.buttons-block {
		width:100%;
		float:none;
		padding:0px;
	}
	
	section.with-button-block {
		float:none;
		max-width:98% !important;
	}
	
	article#login section h1, article#login section p, article#login form {
		padding:10px;
	}
	
	section#profile-content h1, section#profile-content h2, section#profile-content h3 {
		padding:10px 0px 0px 0px;
	}
	
	form.standard-form input {
		width:90%;
	}
	
	form.standard-form button {
		min-width:50%;
	}
        
        section article.three div {
            float:none;
            width:100%;
            display:block;
        }
}