/* resets styles */
@import url(reset.css);

/* CSS document for Grosvenor Lettings Portal
build: PR 13/08/2009 

----------=>layout styles

----------=>navigation styles 

----------=>header styles

----------=>content styles
=>p
=>links
=>h1
=>h2
=>h3
=>h4
=>hr
=>images
=>lists
=>tables
=>forms
=>flash
=>misc

----------=>module styles

----------=>tool styles
=>utility styles
=>debug styles

--------------------=>layout styles */
html, body
{
    height: 100%;
    font-family: Arial, Verdana;
}

body
{    
    background: #222222 url(../images/bg_main_gradient.jpg) repeat-x 0px 0px;
    color: #fff;
}

#master_container
{
    width: 908px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    margin: 0 auto;    
}

#content
{
    padding: 43px 0px 180px;
}

/* --------------------=>navigation styles */
/* navigation header */
#navigation_header_list
{
    float: left;
    padding-top: 2px;
}

#navigation_header_list li
{
    float: left;
    font-size: 0.687em; /* 11px */  
    padding-left: 14px;  
}

#navigation_header_list li a
{
    color: #777777;
}

#navigation_header_list li a:hover
{
    text-decoration: underline;
}


/* --------------------=>header styles */
#logo
{
    padding-top: 28px;
}

#navigation_header
{
    float: right;
}


/* --------------------=>content styles */
/* =>p */
/* =>links */
/* =>h1 */
h1
{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.125em; /* 18px */
	line-height: 20px;
	width: 600px;
	/* visibility: hidden; to hide html text */
}

/* =>h2 */
/* =>h3 */
/* =>h4 */
/* =>hr */
/* =>images */
/* =>lists */
/* =>tables */
/* =>forms */
/* =>flash */
/* =>misc */


/* --------------------=>module styles */
.module_container
{
    float: left;
    margin-top: 67px;
    padding: 12px 0px 12px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.module_container .module
{
    float: left;
    width: 298px;
    height: 345px;
    margin-right: 7px;
}

.module_container .module_last
{
    margin-right: 0px;
}

.module_container .module .navigation_list
{ 
    position: relative;
    width: 298px;
    z-index: 0;
}

.module_container .module .navigation_list li.text
{
    position: absolute;
    top: 10px;
    left: 10px;    
    width: 149px;
    font-size: 0.75em; /* 12px */
    line-height: 15px; 
    z-index: 10;   
}

.module_container .module .navigation_list li.text:hover, .module_container .module .navigation_list a.image_link:hover
{
    cursor: pointer;
}

.module_container .module .navigation_list a.image_link 
{    	
    position: absolute;
    display: block;
    width: 298px;
    height: 345px;
    background-color: #3d3d3d;
    padding-bottom: 12px;
}

.module_container .module .navigation_list a.image_link span
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.js .module_container .module .navigation_list a.image_link span
{
    display: block;
}

.module_container .module .navigation_list li.head_link
{ 
    position: relative;
    z-index: 0;
}

.module_container .module .navigation_list li.head_link ul
{
    padding-top: 13px;
    position: absolute;
    top: 345px;
    left: 0px;
    width: 298px;
    z-index: -10;
    background: url(../images/bg_dropdown.gif) repeat 0px 0px;
}

.js .module_container .module .navigation_list li.head_link ul
{
    top: 150px;
}

.module_container .module .navigation_list li.head_link ul li
{
    font-size: 0.687em; /* 11px */
    border-bottom: 1px solid #d0f5e9;
    padding: 4px 0px;
}

.module_container .module .navigation_list li.head_link ul li a
{
    color: #fff;
    text-transform: uppercase;
}

.module_container .module .navigation_list li.head_link ul li a:hover
{
    color: #d0f5e9;
}


/* --------------------=>tool styles */
/* =>utility */

.floatleft
{
    float: left !important;
}

.floatright
{
    float: right !important;
}

.clearer
{
    clear: both !important;
    height: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
}

.clear
{
    clear: both;
}

.spacer
{
    clear: both;
    height: 8px;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.clearfix:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* End hide from IE-mac */

.noborder
{
    border: none !important;
}

.nodisplay
{
    display: none;
}

/* =>debug */
.debug
{
    border: 1px solid red;
}

.pending
{
    color:#f00;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */