/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - RI4rent.com
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found in 
*   their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MasterPage Layout Styles
-------------------------------------------------------------------------------*/
*            { margin: 0px; padding: 0px; }
body        { background: #EBEBEB; font-size: 12px; margin: 8px 0px 8px 0px; text-align: center;
               font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif; }
#wrapper     { position: relative; width: 955px; margin-left: auto; margin-right: auto; 
			   text-align: left; 
               background: url("../../images/background.gif") repeat-y; }

/* Typography Styles
-------------------------------------------------------------------------------*/
h1 { color: #F9A253; font-size: 20px; margin: 7px 0px 7px 0px; }
h2 { color: #1C3996; font-size: 16px; margin: 7px 0px 7px 0px; }
h3 { color: #666666; margin: 5px 0px 5px 0px; }
hr { margin: 5px 0px 5px 0px; }
textarea { font-size: 12px; font-family: Tahoma; }
.highlight { color: #000000; }
.SiteMapPath { display: block; margin: 0px 0px 10px 11px; }
.error_summary li { margin: 0px 0px 15px 30px; }
.CheckBox label { margin-left: 5px; vertical-align: top; }
.RadioButtonList label { margin: 0px 10px 0px 5px; }

/* Custom Styles
-------------------------------------------------------------------------------*/

/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master_header { width: 955px; height: 106px; background-color: #FFFFFF; }
#loginform { width: 265px; float: right; margin-top: 5px; }

/* Main Navigation Styles
-------------------------------------------------------------------------------*/
#master_navigation { width: 955px; height: 25px; }
#mainnav_left   { float: left; width: 38px; height: 25px; 
    background: url("../../images/mainnav_left.gif") no-repeat; }
#mainnav_right  { float: left; width: 454px; height: 25px; background-color: #868377; }

/* Master Body Styles
-------------------------------------------------------------------------------*/
#master_content { }

/* Side Navigation Styles
-------------------------------------------------------------------------------*/
#sidenav { float: left; position: relative; width: 208px; left: 16px; }
#sidenav_header { margin: 20px 0px 0px 177px; height: 35px; }
    
/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master_footer { width: 955px; height: 58px; background: #FFFFFF; margin-top: 14px; }
#master_footernav { width: 955px; height: 20px; font-size: 12px;
    background: url("../../images/master_footernav.gif") no-repeat; }
#subpage_footer { width: 955px; height: 58px; background: #FFFFFF; margin-top: 9px; }

/* Copyright & Site Design Styles
-------------------------------------------------------------------------------*/   
#copyright { position: relative; top: 12px; left: 49px; color: #868377; width: 870px;
    font-size: 10px; }
#copyright a { font-weight: normal; text-decoration: none; font-size: 10px; }
#copyright_left { float: left; }
#copyright_right { float: right; }    

/* CSS Hacks Section Styles
-------------------------------------------------------------------------------*/       

/* ----------------------------------------------------------------------------
    P.I.E. FLOAT CLEARING
    See http://www.positioniseverything.net/easyclearing.html 
-------------------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */