body
{
    margin: 0;
    padding: 0;
    font-size: 62.5%; /* Provides us with a base of 10px. E.g. 1em == 10px. */
    font-family: "Trebuchet MS", Helvetica, Arial;
}


#container
{
	position: relative;
	width: 955px;
	margin: 0 auto;
    padding: 0;
    font-size: 1.1em;
}

#row_one
{
}

    #row_one h1
    {
        float: left;
        padding: 10px 0px 10px 0px;
        margin: 0;
    }

    #row_one_banner
    {
        float: right;
        padding: 10px 0px 10px 0px;
        margin: 0;
    }


#row_two
{
	clear: both;
    float: left;
    background: #bdbec1;
    padding: 10px 10px 10px 10px;
}

    #row_two_breadcrumb_trail
    {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 515px;
    }
    
        #row_two_breadcrumb_trail li
        {
            float: left;
            margin: 0;
            padding: 0;
        }

    #row_two_news
    {
        float: left;
        width: 420px;
        text-align: left;
    	margin: 0;
		padding: 0;
		_border: 1px solid #bdbec1;
	}
    
        #row_two_news_header
        {
			color: white;
			font-weight: bold;
			padding-right: 10px;
        }
        
		#row_two_newsticker {
			margin: 0;
			padding: 0;
			display: inline;
			list-style-type: none;
		}

		#row_two_newsticker li {
			display: inline;
		}

		#row_two_newsticker li a {
			text-decoration: none;
			color: #23408e;
		}

		#row_two_newsrevealbar {
			position: absolute;
			background-color: #bdbec1;
			color: black;
			font-weight: bold;
			text-decoration: underline;
			display: none;
			text-align: left;
			margin: 0;
			padding: 0;
		}


#row_three
{
    clear: both;
    background: #AADDFF url(/images/index/tree.jpg) top left no-repeat;
	height: 224px;
	position:relative;
}

	/* Bottom align the content in this row */
    #row_three_content
	{
		position: absolute;
		bottom: 0;
		left: 0;
	}	

        #row_three_content_header
        {
            color: white;
            font-size: 3em;
            letter-spacing: 0.9px;
            margin: 0px 0px 10px 0px;
            padding: 0px 0px 0px 11px;
        }

        #row_three_content_textbox
        {
            color: #23408e;
            width: 450px;
            height: 100px;
            margin: 15px 0px 0px 0px;
            padding: 0px 0px 0px 20px;
        }


#row_four
{
    margin: 0;
	float: left;
    width: 955px;
}

    #row_four ul
    {
        list-style: none;
        margin: 0;
        padding: 0 0 0 110px;
		width: 140px;
		_margin-left: 10px;
    }

    #row_four li
    {
        background: #bdbec1; /* gray */
        margin: 0 0 2px 0;
		_margin: 0;			/*IE6 hack to close the gaps between the LI elements */
		font-size: 0.9em;
		line-height: 1.4em;
		height: 28px;
    }

	/* IE7 hack */
	*:first-child+html #row_four li
	{
		margin: 0 0 -2px 0;
	}

	#row_four li a:link, #row_four li a:visited
	{
		text-decoration: none;
		color: white;
		display: block;
		margin: 0;
		padding: 0 3px 0 3px;
	}
	
	#row_four p
	{
		margin: 10px;
		width: 240px;
		_padding-left: 10px;
	}

    #row_four_letting_agents
    {
        float: left;
        width: 250px;
        margin: 0;
		_margin: 0 0 0 -10px; /* IE6 hack */
        padding: 0;
    }
    
        #row_four_letting_agents_header
		{
			float: left;
			width: 220px;
			background-color: #f47732;
			color: white;
			margin: 20px 0 20px 10px;
			padding: 5px 10px 5px 10px;
		}
	
			#row_four_letting_agents_header h3
			{
				float: left;
				width: 150px;
				height: 43px;
				line-height: 43px;
				margin: 0;
        		font-size: 1.2em;
			}

			#row_four_letting_agents_header a
			{
				float: right;
				width: 40px;
				padding: 5px;
				border: 1px solid white;
				text-decoration: none;
				text-align: center;
				color: white;
			}

		#row_four_letting_agents ul
        {
        	clear: both;
			background: #e7e7e8 url(/images/index/letting-agent.gif) 10px 0 no-repeat;
        }

		#row_four_letting_agents p
        {
            color: #f47732;
        }

		#row_four_letting_agents ul li a:hover, .row_four_letting_agents_hl
		{
			background-color: #f47732;
		}

    #row_four_tenants_contents
    {
        float: left;
        width: 250px;
        margin: 0;
		_margin: 0 0 0 -20px; /* IE6 hack */
        padding: 0;
    }

		#row_four_tenants_contents_header
        {
           	float: left; 
			width: 220px;
			background-color: #84a72d;
            color: white;
			margin: 20px 0 20px 10px;
            padding: 5px 10px 5px 10px;
        }

            #row_four_tenants_contents_header h3
            {
				float: left;
                width: 150px;
                height: 43px;
                line-height: 43px;
                margin: 0;
                font-size: 1.2em;
            }

			#row_four_tenants_contents_header a
			{
				float: right;
                width: 40px;
                padding: 5px;
                border: 1px solid white;
                text-decoration: none;
                text-align: center;
                color: white;
			}
    
        #row_four_tenants_contents ul
        {
            clear: both;
            background: #e7e7e8 url(/images/index/tenant.gif) 10px 0 no-repeat;
        }

		#row_four_tenants_contents p
		{
			color: #84a72d;
		}
		
		#row_four_tenants_contents ul li a:hover, .row_four_tenants_contents_hl
		{
			background-color: #84a72d;
		}

    #row_four_landlords_insurance
    {
        float: left;
        width: 455px;
        margin: 0;
		_margin: 0 0 0 -20px; /* IE6 hack */
        padding: 0;
    }

        #row_four_landlords_insurance_header
        {
			float: left;
            width: 220px;
            background-color: #23408e;
            color: white;
            margin: 20px 0 20px 10px;
            padding: 5px 10px 5px 10px;
		}

            #row_four_landlords_insurance_header h3
            {
				float: left;
                width: 150px;
                height: 43px;
                line-height: 43px;
                margin: 0;
                font-size: 1.2em;
            }

			#row_four_landlords_insurance_header a
			{
				float: right;
                width: 40px;
                padding: 5px;
                border: 1px solid white;
                text-decoration: none;
                text-align: center;
                color: white;	
			}

		#row_four_landlords_insurance ul
        {
            clear: both;
			background: #e7e7e8 url(/images/index/landlord.gif) 10px 0 no-repeat;
			padding-right: 205px;
        }

		#row_four_landlords_insurance p
        {
            color: #23408e;
        }

		#row_four_landlords_insurance ul li a:hover, .row_four_landlords_insurance_hl
		{
			background-color: #23408e;
		}



/* Row five is the button bar at the left of the screen, and does not appear in the normal flow */
#row_five
{
	clear: both;
    position: absolute;
	top: 310px;
	left: 760px;
	margin: 0;
    padding: 0;
	width: 195px;
}

    #row_five_options
	{
		position: relative;
        margin: 0;
        padding: 0;
		width: 195px;
	}
		
		#row_five_options h3
		{
			margin: 0;
            padding: 10px 0px 12px 30px;
            font-size: 1.1em;
            color: #23408e;
			background: url(/images/index/longcurve_top.gif) top left no-repeat;
		}
	
        #row_five_options_content
        {
            margin: 0;
            margin-top: -15px;
            padding: 10px 30px 10px 30px;
            width: 135px;
            background: url(/images/index/longcurve_bottom.gif) bottom left no-repeat;
        }

		#row_five_options_content dl
		{
			margin: 0 0 10px 0;
			padding: 0;
		}

		#row_five_options_content dl dt
		{
			font-weight: bold;
			margin: 0 0 3px 0;
			padding: 0;
		}

		#row_five_options_content dl dd
		{
			border: 1px solid white;
			text-align: center;
			margin: 0 0 5px 0;
			padding: 0;
		}

		#row_five_options_content dd a
		{
			text-decoration: none;
			display: block;
			padding: 7px;
			color: white;
		}
		
		
#row_six
{
	margin: 0 0 10px 0;
	float: left;
    width: 955px;
}

    #row_six h4
	{
		padding: 0;
        margin: 0;
		font-weight: normal;
		font-size: 1em;
	}
	
		#row_six h4 a:link, #row_six h4 a:visited
		{
			display: block;
			margin: 0;
			padding: 0 3px 0 3px;
			text-decoration: none;
			color: white;
			font-weight: bold;
			outline: none;
		}
	
	#row_six ul
	{
		list-style: none;
		margin: 0.5em 0 0 0;
		padding: 0;
	}

	#row_six li
	{
		margin: 0 0 2px 0;
		_margin: 0;			/*IE6 hack to close the gaps between the LI elements */
		font-size: 0.9em;
		line-height: 1.4em;	
		height: 2em;
	}

	/* IE7 hack */
	*:first-child+html #row_six li
	{
		margin: 0 0 -2px 0;
	}
	
	#row_six li a:link, #row_six li a:visited
	{
		display: block;
		margin: 0;
		padding: 0 3px 0 3px;
		color: white;
	}
	
	#row_six_letting_agents
    {
        float: left;
        width: 250px;
        margin: 0;
		_margin: 0 0 0 -10px; /* IE6 hack */
        padding: 0;
    }
	
		#row_six_letting_agents_container
		{
			float: left;
			width: 220px;
			background-color: #f47732;
			color: #000000;
			margin: 5px 0 0 10px;
			padding: 5px 10px 5px 10px;
		}
		
			#row_six_letting_agents_container ul
			{
				height: 13.3em;
			}
	
	#row_six_tenants_contents
    {
        float: left;
        width: 250px;
        margin: 0;
		_margin: 0 0 0 -10px; /* IE6 hack */
        padding: 0;
    }
	
		#row_six_tenants_contents_container
        {
           	float: left; 
			width: 225px;
			background-color: #84a72d;
            color: #000000;
			margin: 5px 0 0 10px;
            padding: 5px 10px 5px 5px;
        }
		
			#row_six_tenants_contents_container ul
			{
				height: 13.3em;
			}
	
	#row_six_landlords_insurance
    {
        float: left;
        width: 250px;
        margin: 0;
		_margin: 0 0 0 -10px; /* IE6 hack */
        padding: 0;
    }
	
		#row_six_landlords_insurance_container
        {
			float: left;
            width: 225px;
            background-color: #23408e;
            color: #000000;
            margin: 5px 0 0 10px;
            padding: 5px 10px 5px 5px;
		}
		
			#row_six_landlords_insurance_container ul
			{
				height: 13.3em;
			}


#row_seven
{
    clear: both;
	margin: 0 0 10px 0;
	background-color: #23408e;
}

	#row_seven ul
	{
		margin: 0;
		padding: 0;
		text-align: center;
	}

	#row_seven li
	{
		display: inline;
		list-style: none;
		margin: 0;
		background: url(/images/index/homelet_frontpage_spacer.gif) top left repeat-y;
	}

	#row_seven li a
	{
		text-decoration: none;
		color: white;
		padding: 0 20px 0 20px;
	}

    #row_seven_last_link
    {
        background: url(/images/index/homelet_frontpage_spacer.gif) top right repeat-y;
    }


#footer
{
	margin: 0 0 10px 0;
	color: #757575;
}

.orange
{
	background-color: #f47732;
}

.green
{
	background-color: #84a72d;
}

.blue
{
	background-color: #23408e; 
}