﻿body 
{
    background: #e7d688 url('Images/bg.png') repeat-x;
    padding: 0; margin: 0;
    font-family: Lucida Sans, Gill Sans MT, Sans-Serif;
}
ul { margin: 0 0 0 30px; padding: 15px 0 0 0; }
#wrapper 
{
    width: 900px;
    margin: auto;
}
#menu { height: 60px; }
#menu a
{
    display: block;
    float: left;
    font-family: Gill Sans MT, Arial, Sans-Serif;
    color: White; text-decoration: none;
    font-size: 11pt; padding: 10px 0 0 30px; height: 36px;
    margin: 10px 20px 0 0;
}
.a-home { background: url('Images/i.png') no-repeat; }
.a-home:hover { background: url('Images/i_on.png') no-repeat; }
.a-motor { background: url('Images/motor.png') no-repeat; }
.a-motor:hover { background: url('Images/motor_on.png') no-repeat; }
.a-house { background: url('Images/house.png') no-repeat; }
.a-house:hover { background: url('Images/house_on.png') no-repeat; }
.a-travel { background: url('Images/travel.png') no-repeat; }
.a-travel:hover { background: url('Images/travel_on.png') no-repeat; }
.a-marine { background: url('Images/marine.png') no-repeat; }
.a-marine:hover { background: url('Images/marine_on.png') no-repeat; }
.a-commercial { background: url('Images/commercial.png') no-repeat; }
.a-commercial:hover { background: url('Images/commercial_on.png') no-repeat; }
.a-mortgages { background: url('Images/mortgage.png') no-repeat; }
.a-mortgages:hover { background: url('Images/mortgage_on.png') no-repeat; }
.a-contact { background: url('Images/phone.png') no-repeat; }
.a-contact:hover { background: url('Images/phone_on.png') no-repeat; }
#header 
{
    clear: both; padding-top: 12px;
}
#insurance-1 { clear: both; padding: 20px 0 0 0; }
#insurance-2 { clear: both; padding: 10px 0 0 0; margin: 0;}
#insurance-1 a, #insurance-2 a { float: left; margin: 0 15px 0 0;}
/*Position Main Items*/
#house { padding-left: 2px; }
#travel { padding-left: 2px;}
#marine { padding-left: 4px; }
#mort { position: relative; left: -2px; }

#about, #products 
{
	font-size: .7em; color: #625413;
}
#about 
{
	float: left; height: 125px; width: 539px; margin:  10px 15px 0 2px; 
	padding: 15px; background: url('Images/panel-1.png') no-repeat; 
}

#products 
{
	float: left; height: 125px; width: 253px; margin-top: 10px;
	padding: 15px; background: url('Images/panel-2.png') no-repeat; 
}
#products table { font-size: .9em; margin-top: 7px; }
#products ul { margin: 0 0 0 15px; padding: 0; }
#products p { margin: 7px 0 0 0; }

/*Motor Insurance*/
#motor-insurance { clear: both; padding: 20px 0 0 0; }
#motor-image { float: left; height: 171px; width: 280px; }
#motor-content 
{
	background: url('Images/panel-a.png') no-repeat;
	height: 144px; width: 527px; float: left;
	padding: 20px 0 0 40px; position: relative;
	margin-left: 15px; color: #625413; font-size: 1em;
}
#motor-action { position: absolute; bottom: 15px; right: 15px; }

/*Travel Insurance*/
#travel-insurance { clear: both; padding: 10px 0 0 0; margin: 0; }
#travel-image { float: left; height: 171px; width: 280px; }
#travel-content 
{
	background: url('Images/panel-b.png') no-repeat;
	height: 134px; width: 527px; float: left;
	padding: 30px 0 0 40px; position: relative;
	margin-left: 15px; color: #625413; font-size: 1em;
}
#travel-action { position: absolute; bottom: 15px; right: 15px; }

/*House Insurance*/
#house-insurance { clear: both; padding: 10px 0 0 0; margin: 0; }
#house-image { float: left; height: 171px; width: 280px; }
#house-content 
{
	background: url('Images/panel-c.png') no-repeat;
	height: 144px; width: 527px; float: left;
	padding: 20px 0 0 40px; position: relative;
	margin-left: 15px; color: #625413; font-size: 1em;
}
#house-action { position: absolute; bottom: 15px; right: 15px; }

/*Marine Insurance*/
#marine-insurance { clear: both; padding: 20px 0 0 0; }
#marine-image { float: left; height: 171px; width: 280px; }
#marine-content 
{
	background: url('Images/panel-a.png') no-repeat;
	height: 134px; width: 537px; float: left;
	padding: 30px 0 0 30px; position: relative;
	margin-left: 15px; color: #625413; font-size: 1em;
}
#marine-action { position: absolute; bottom: 15px; right: 15px; }

/*Commercial Insurance*/
#commercial-insurance { clear: both; padding: 10px 0 0 0; margin: 0; }
#commercial-image { float: left; height: 171px; width: 280px; }
#commercial-content 
{
	background: url('Images/panel-top-b.png') no-repeat;
	width: 507px; float: left;
	padding:  30px 30px 0 30px; position: relative;
	margin-left: 15px; color: #625413; font-size: 1em;
}
#commercial-foot 
{
	background: url('Images/panel-bot.png') no-repeat; 
	width: 567px; position: absolute; left: 0; height: 21px; 
}
#commercial-action { position: absolute; bottom: 0; right: 15px; }

/*Mortgages*/
#mortgages { clear: both; padding: 10px 0 0 0; position: relative; top: 30px; }
#mortgages-image { float: left; height: 171px; width: 280px; }
#mortgages-content 
{
	background: url('Images/panel-top.png') no-repeat;
	width: 537px; float: left;	padding: 15px 0 0 30px;
	position: relative;	margin-left: 15px; 
	color: #625413; font-size: 1em;
}
#mortgages-foot 
{
	background: url('Images/panel-bot.png') no-repeat;
	width: 567px; position: absolute; left: 0; bottom: 0; height: 21px;
}
#mortgages-action { position: absolute; bottom: 15px; right: 15px; }

#mortgages-note 
{
	clear: both; padding: 10px 0 0 0; position: relative; top: 60px; 
	background: url('Images/panel-3.png') no-repeat; height: 66px; width: 852px;
	padding: 10px; text-align: center; line-height: .8em; font-size: .7em;
}
#footer
{
	clear: both; padding: 10px 0 0 0; position: relative; top: 20px; 
	background: url('Images/panel-3.png') no-repeat; height: 66px; width: 852px;
	padding: 10px; text-align: center; line-height: .8em; font-size: .7em;
	margin-bottom: 100px;
}
#footer-2
{
	position: relative; top: 90px; 
	background: url('Images/panel-3.png') no-repeat; height: 66px; width: 852px;
	padding: 10px; text-align: center; line-height: .8em; font-size: .7em;
	margin-bottom: 100px;
}
.message { position: absolute; top: 110px; left: 300px; border: solid 1px black; padding: 10px; background-color: white; }

.message .success {}