/** TITLES */

.title {
	/* height: 19px;*/
	/* margin-bottom: 13px;*/
}

.title b {
	/* position: absolute; */
	/*left: -10000px;*/
}

#title1 { background: url(../images/homepage17.jpg) no-repeat left top; }
#title2 { background: url(../images/homepage18.jpg) no-repeat left top; }
#title3 { background: url(../images/subpage1_01.jpg) no-repeat left top; }
#title4 { background: url(../images/subpage2_01.jpg) no-repeat left top; }

/** BASIC */

html, body {
	height: 100%;
}

/** WRAPPER */

#wrapper {
	width: 778px;
	margin: 0px auto;
	
}

#wrapper-left {
	float: left;
	width: 35px;
	height: 689px;
	background: url(../images/bg01.jpg) no-repeat left top;
}

#wrapper-right {
	float: left;
	width: 35px;
	height: 689px;
	background: url(../images/bg02.jpg) no-repeat left top;
}

#container {
	float: left;
	width: 708px;
	height: 689px;
	min-height: 689px;

}

html>body #container {
	height: auto;
}

/** HEADER */

#header {
	height: 178px;
}

#headerA {
	float: left;
	width: 178px;
	height: 178px;
	background: url(../images/logo06.jpg) no-repeat left top;
	
}

#headerA h1 {
    font-size: 16px;
    margin-top: 120px;
    margin-left: 20px;
}

#headerA h2 {
    font-size: 10px;
    margin-left: 20px;
}

#logo, #slogan {
	/*position: absolute; */
	/* left: -10000px; */
}

#headerB {
	float: left;
	width: 530px;
	height: 178px;
}

/** TOP-MENU */

#top-menu {
	height: 101px;
	background: url(../images/bg05.jpg) no-repeat left top;
}

#top-menu ul {
	margin: 0px;
	padding: 0px 0px 0px 338px;
	list-style: none;
}

#top-menu li {
	display: inline;
}

#top-menu a {
	display: block;
	float: left;
	height: 101px;
	
	text-decoration: none;
	text-align: center;
}

#top-menu b {
    display: block;
	padding-top: 50px;
	
	/* position: absolute;*/
	/* left: -10000px; */
}

#top-menu1 { width: 61px; background: url(../images/homepage02.jpg) no-repeat left top; }
#top-menu2 { width: 59px; background: url(../images/homepage03.jpg) no-repeat left top; }
#top-menu3 { width: 72px; background: url(../images/homepage04.jpg) no-repeat left top; }

/** MAIN-MENU */

#main-menu {
	height: 77px;
}

#main-menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#main-menu li {
	display: inline;
}

#main-menu a {
	display: block;
	float: left;
	/*height: 77px;*/
	height: 48px;
	
	text-decoration: none;
	text-align: center;
	padding-top: 28px;
	color: #323522;
}

#main-menu a:hover {
    color: #919a63;
}

#main-menu b {
	/* position: absolute; */
	/* left: -10000px; */
}

#main-menu1 { width: 117px; background: url(../images/homepage05.jpg) no-repeat left top; }
#main-menu2 { width: 100px; background: url(../images/homepage06.jpg) no-repeat left top; }
#main-menu3 { width: 100px; background: url(../images/homepage07.jpg) no-repeat left top; }
#main-menu4 { width: 100px; background: url(../images/homepage08.jpg) no-repeat left top; }
#main-menu5 { width: 113px; background: url(../images/homepage09.jpg) no-repeat left top; }

/** LEFT & RIGHT */

#left {
	float: left;
	width: 178px;
}

#right {
	float: left;
	width: 530px;
}

/** LEFT-MENU */

#left-menu {
	height: 189px;
}

#left-menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#left-menu li {
	display: inline;
}

#left-menu a {
	display: block;
	width: 178px;
	
	text-decoration: none;
}

#left-menu a:hover {
    color: #ffe85b;
}

#left-menu b {
    display: block;
	padding-left: 17px;
	padding-top: 8px;
	font-size: 11px;
	
	/* position: absolute;*/
	/* left: -10000px;*/
}

#left-menu #left-menu1 b {
    padding-top: 16px;
}

#left-menu1 { height: 41px; background: url(../images/homepage10.jpg) no-repeat left top; }
#left-menu2 { height: 31px; background: url(../images/homepage11.jpg) no-repeat left top; }
#left-menu3 { height: 31px; background: url(../images/homepage12.jpg) no-repeat left top; }
#left-menu4 { height: 31px; background: url(../images/homepage13.jpg) no-repeat left top; }
#left-menu5 { height: 55px; background: url(../images/homepage14.jpg) no-repeat left top; }


/** SPLASH */

#splash { width: 530px; height: 189px; background: url(../images/splash01.jpg) no-repeat left top; }

#splash h2 {
    display: block;
}

#splash #slogan2 {
    padding-left: 40px;
    padding-top: 110px;
    font-size: 10px;
}

#splash #slogan3 {
    padding-left: 40px;
    font-size: 16px;
}

/* <img src="images/homepage15.jpg" alt="" width="530" height="189" /> */

/** BOX1 */

#box1 {
	padding: 20px 17px;
}

/** BOX2 */

#box2 {
	height: 303px;
	min-height: 303px;
	padding: 19px 0px 0px 0px;
}

html>body #box2 {
	height: auto;
}

#box2A {
	float: left;
	width: 225px;
	padding: 0px 20px 0px 20px;
}

#box2B {
	float: left;
	width: 225px;
	padding: 0px 20px 0px 20px;
}

/** BOX3 */

#box3 {
	padding: 19px 20px 0px 20px;
}

/** FOOTER */

#footer {
	display: block;
	clear: both;
	width: 778px;
	height: 110px;
	margin: 0px auto;
	padding-top: 25px;
}

/** MISC */
.label {
    color:#323522;
    /*color:#596831;*/
}


/* quote form */
.qform fieldset {
    padding:10px 0 10px 0 !important /*Non-IE6*/; 
    padding:0 0 10px 0 /*IE6*/;
    margin:0 0 20px 0; 
    }
.qform fieldset legend {
    margin:0 0 0 5px !important /*Non-IE*/; 
    margin:0 0 5px 5px /*IE6*/; 
    padding:0 2px 0 2px;
    font-weight: bold;
    color: #919a63;
    }
.qform label {
    float:left; 
    width:150px;
    /*color: #323522;*/
    color: #57662f;
    font-weight: bold;
    margin:0 0 0 10px; 
    padding:2px;
    }
    
.qform select {
    width:280px; 
    padding:2px; 
    color: #000;
    border:solid 1px #323522;
    }
.qform input.field {
    width:275px; 
    padding:2px; 
    color: #000;
    border:solid 1px #323522;
    }
.qform textarea {
    width:275px; 
    padding:2px; 
    color: #000;
    border:solid 1px #323522;
    }
.qform input.button {
    float:right; 
    width:150px; 
    margin-right:20px; 
    margin-bottom:20px; 
    padding:1px !important /*Non-IE6*/; 
    padding:0 /*IE6*/; 
    border:solid 1px #323522; 
    text-align:center; 
    color: #fff;
    font-weight: bold;
    background-color: #919a63;
    }
.qform input.button:hover {
    cursor: pointer; 
    border:solid 1px #323522;
    color:#000;
    font-weight: bold;
    }
.qform .flag {
    float:left; 
    width:15px;
    color: #323522;
    }
    
/* quote form ends */
/* --------------------------------------------------------------------*/
/*f8bdb5*/
.fieldWithErrors {
  padding: 2px;
  background-color: #f89d95;
  display: inline;
  float: left;
  margin-bottom: 8px;
}

#errorExplanation {
  width: 400px;
  border: 1px solid #f89d95;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-left: 10px;
  background-color: #fff;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #f89d95;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  margin-top: 5px;
  padding: 5px;
}

#errorExplanation ul li {
  color: #333;
  font-size: 12px;
  list-style: square;
  margin-left: 20px;
}
/* --------------------------------------------------------------------*/

