/*
Theme Name: WP Pro Real Estate 4
Theme URI: http://themeforest.net/user/contempoinc?ref=contempoinc
Description: Responsive Real Estate Theme, designed by <a href="http://www.contempographicdesign.com">Contempo</a>.
Author: Chris Robinson
Author URI: http://www.contempographicdesign.com
Version: 1.1.7
Tags: responsive, premium, real estate, business, grey, white, clean, grid, fixed width, widgets, video, blog, cms, maps

License:
License URI:

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit this file. Instead use 
the Child Theme Generator in WP Admin > Appearance > Child Theme

View the screencast: http://www.screenr.com/tbos

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

Stylesheets Guide

1. Base (css/base.css)
	1.1 Reset
	1.2 General
	1.3 Typography
	1.4 Margins & Padding
	1.5 Links
	1.6 Lists
	1.7 Images & Video
	1.8 Buttons
	1.9 Tabs
	1.10 Forms
	1.11 Tables
	1.12 Notifications
	1.13 Widgets
	1.14 Misc
2. Framework (css/framework.css)
	2.1 Base 960 Grid
	2.2 Tablet (Portrait)
	2.3 Mobile (Portrait)
	2.4 Mobile (Landscape)
	2.5 Clearing
3. Layout (css/layout.css)
	3.1 Site Styles
	3.2 Page Styles
	3.3 Media Queries
		
*/

#tileContainer{
	font-family:arial;
	align:center;
	width:100%;
}

#timTile{
	background-color: #2980b9;
	width: 30%; 
	height: 250px; 
	color:#ffffff; 
	padding:10px; 
	float: left;
	margin: 2.5px;
	text-align:left;
}
#timTile:hover {
	background-color: #3498db;
}

#projectsTile{
	background-color: #c0392b;
	width: 30%; 
	height: 250px; 
	color:#ffffff; 
	padding:10px;
	float: left;	
	margin: 2.5px;
	text-align:left;
}
#projectsTile:hover {
	background-color: #e74c3c;
}

#contactTile{
	background-color: #2c3e50;
	width: 30%; 
	height: 250px; 
	color:#ffffff; 
	padding:10px; 
	float: left;
	margin: 2.5px;
	text-align:left;
}
#contactTile:hover {
	background-color: #34495e;
}

#home div #wrap {
  margin: 200px 0 0 0 !important;
}


@media screen and (max-width: 500px) {
 #timTile {
        float:none;
	width:95%;
	margin:0px;
	margin-bottom:2px;
    }
#contactTile {
        float:none;
	width:95%;
	margin:0px;
	margin-bottom:2px;
    }
#projectsTile {
        float:none;
	width:95%;
	margin:0px;
	margin-bottom:2px;
	
    }
}