/*
* Framework
* 
* @package WP Pro Real Estate 3
* @subpackage CSS
*

WARNING! DO NOT EDIT THIS FILE!

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

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

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

Stylesheet Guide

    2.1 Base 1200 Grid
	2.2 960 Grid
    2.2 Tablet (Portrait)
    2.3 Mobile (Portrait)
    2.4 Mobile (Landscape)
    2.5 Clearing

/* ============================================================================== */
/* 2.1 Base 1200 Grid
/* ==============================================================================

.container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0;}
    .column, .columns                           { float: left; display: inline; margin: 0 0 0 20px;}
    .row                                        { margin-bottom: 20px;}

    /* Nested Column Classes 
    .column.alpha, .columns.alpha               { margin-left: 0;}
    .column.omega, .columns.omega               { margin-right: 0;}

    /* Base Grid 
    .container .one.column                      { width: 40px;}
    .container .two.columns                     { width: 125px;}
    .container .three.columns                   { width: 200px;}
    .container .four.columns                    { width: 275px;}
    .container .five.columns                    { width: 340px;}
    .container .six.columns                     { width: 425px;}
    .container .seven.columns                   { width: 490px;}
    .container .eight.columns                   { width: 565px;}
    .container .nine.columns                    { width: 640px;}
    .container .ten.columns                     { width: 715px;}
    .container .eleven.columns                  { width: 790px;}
    .container .twelve.columns                  { width: 865px;}
    .container .thirteen.columns                { width: 940px;}
    .container .fourteen.columns                { width: 1015px;}
    .container .fifteen.columns                 { width: 1090px;}
    .container .sixteen.columns                 { width: 1160px;}

    .container .one-third.column                { width: 365px;}
    .container .two-thirds.column               { width: 385px;}

    /* Offsets 
    .container .offset-by-one                   { padding-left: 60px;}
    .container .offset-by-two                   { padding-left: 135px;}
    .container .offset-by-three                 { padding-left: 240px;}
    .container .offset-by-four                  { padding-left: 285px;}
    .container .offset-by-five                  { padding-left: 360px;}
    .container .offset-by-six                   { padding-left: 435px;}
    .container .offset-by-seven                 { padding-left: 510px;}
    .container .offset-by-eight                 { padding-left: 585px;}
    .container .offset-by-nine                  { padding-left: 660px;}
    .container .offset-by-ten                   { padding-left: 735px;}
    .container .offset-by-eleven                { padding-left: 810px;}
    .container .offset-by-twelve                { padding-left: 885px;}
    .container .offset-by-thirteen              { padding-left: 940px;}
    .container .offset-by-fourteen              { padding-left: 1035px;}
    .container .offset-by-fifteen               { padding-left: 1110px;}
	
/* ============================================================================== */
/* 2.2 960 Grid
/* ============================================================================== */


.container { position: relative; width: 1014px; _width: 1014px; margin: 0 auto; padding: 0; }
.column { float: left; display: inline; margin: 0 0 0 20px; }
.columns { float: left; display: inline; margin: 0 0 0 0px; }
.row { margin-bottom: 20px; }
/* Nested Column Classes */
	        .column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
	        .container .one.column { width: 20px; }
.container .two.columns { width: 80px; }
.container .three.columns { width: 158px; }
.container .four.columns { width: 195px; }
.container .five.columns { width: 260px; }
.container .six.columns { width: 335px; }
.container .seven.columns { width: 385px; }
.container .eight.columns { width: 440px; }
.container .nine.columns { width: 500px; }
.container .ten.columns { width: 565px; }
.container .eleven.columns { width: 620px; }
.container .twelve.columns { width: 680px; }
.container .thirteen.columns { width: 740px; }
.container .fourteen.columns { width: 800px; }
.container .fifteen.columns { width: 860px; }
.container .sixteen.columns { width: 974px; }
.container .one-third.column { width: 285px; }
.container .two-thirds.column { width: 605px; }
/* Offsets */
	        .container .offset-by-one { padding-left: 40px; }
.container .offset-by-two { padding-left: 100px; }
.container .offset-by-three { padding-left: 160px; }
.container .offset-by-four { padding-left: 220px; }
.container .offset-by-five { padding-left: 280px; }
.container .offset-by-six { padding-left: 340px; }
.container .offset-by-seven { padding-left: 400px; }
.container .offset-by-eight { padding-left: 460px; }
.container .offset-by-nine { padding-left: 520px; }
.container .offset-by-ten { padding-left: 580px; }
.container .offset-by-eleven { padding-left: 640px; }
.container .offset-by-twelve { padding-left: 700px; }
.container .offset-by-thirteen { padding-left: 760px; }
.container .offset-by-fourteen { padding-left: 820px; }
.container .offset-by-fifteen { padding-left: 880px; }
/* ============================================================================== */
/* 2.6 Clearing
/* ============================================================================== */

    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,  .clearfix:after,  .row:before,  .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,  .clearfix:after { clear: both; }
.row,  .clearfix { zoom: 1; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
* html .clear { height: 1%; } /* Hides from IE-mac */
.clear { display: block; }