div#homecontent{
	float: left;
	width: 746px;
}

div#homecontent a {
    font-weight: bold;
}

div#leftcontent{
	float: left;
	width: 586px;
}

div#rightcontent{  
	float: right;
	width: 155px;
}


div.homecol1 {
	width: 220px;
}

div.homecol3 {
	width: 150px;
}

div.homecol {
    width: 323px;
}

div.homecol, div.homecol1, div.homecol3{
	margin: 0 5px 5px 0;
	border: 0;
	padding: 0;
	float: left;
}

div.homecol h4, div.homecol1 h4, div.homecol3 h4, div#homepromo h4{
	font-weight: bolder;
	font-size: 1em;
}
div.homecol3 h4{ font-size: 0.8em; padding-top: 1.5em;}

div.homecol1 ul, div.homecol3 ul{list-style-type: none;}

div.homecol1 li, div.homecol3 li{
  	padding: 0 0 0.6em 0;
  	font-weight: bold;
  	line-height: 0.6em;
}

div.homecol1 a:link, div.homecol1 a:visited,
div.homecol3 a:link, div.homecol3 a:visited,
div.homecol a:link, div.homecol a:visited,
div#homepromo a:link, div#homepromo a:visited,
div#seo a:link, div#seo a:visited
{  	color: #511a25;
	text-decoration: none;
}
div.homecol1 a:hover, div.homecol1 a:active,
div.homecol3 a:hover, div.homecol3 a:active,
div.homecol a:hover, div.homecol a:active,
div#homepromo a:hover, div#homepromo a:active,
div#seo a:hover, div#seo a:active
{  	color: #ffc600;
	text-decoration: none;
}



div#homepromo{
	width: 143px;
	margin: 0 5px 5px 0;
	border: 0;
	padding: 0;
	float: left;	
}

div#homepromo p, div.homecol1 p, div.homecol p{ font-size: x-small;}

/* CSS for the right nav boxes starts here */
.box1 {
		float: left;
		width: 147px;
		padding:0 8px 0 0;
		margin: 0 0 5px 0;
		background:  url(/images/common/borders.gif) 100% 0 repeat-y;
}
* html .box1 {  /* This is the Tan hack */
	width: 155px; 
	w\idth: 147px; }

.bi { 	padding:0 0 0 8px;
		background:  url(/images/common/borders.gif) 0 0 repeat-y;
}

.bt {   height: 8px;
		margin:0 -8px;
		background:url(/images/common/curve_top.gif) 100% 0 no-repeat;}
		

.bt div {
		width:8px;
		height: 8px;
		background:url(/images/common/box.gif) 0 0 no-repeat;
}

.bb { 
		height: 5px;
		margin:0 -8px;
		background:url(/images/common/curve_bottom.gif) 100% 100% no-repeat;
}


.bb div {
		width: 8px;
		height: 5px;
		line-height: 0;
		background:url(/images/common/box.gif) 0 100% no-repeat;
}


.box1 .title {}

.box1 h2 {
		font-size: 1.2em;
		/*font-family: Verdana, Helvetica, Sans-serif;*/
		margin: 0 0 0 0;
		padding: 0;
}

* html .box1 h2 {  /* This is the Tan hack\*/
	margin:-0.4em 0 0 0;
	mar\gin: -0.4em 0 0 0; 
/*another comment to make it work*/
}
	
		
.box1 p {
		margin: 0;
		font-size: x-small;
		line-height: 1em;
		padding: 0.1em 0 0.5em 0;
}

div#seo {
		float: left;
		width: 746px;
		border-bottom: 3px solid #ffc600;
 		padding:  8px 0;
}

div#seoleft{float: left; display: block; width: 362px; margin: 0 0 0 6px; }
div#seoright{float: right; display: block;  width: 362px; margin: 0 6px 0 0; }

div#seo p{
		font-size: x-small;
		padding: 0;
		line-height: 0.8em;}

div#seo h4{ font-size: 0.8em; padding-top: 0; margin-top: 0;}

div#seo a,div#seo a:link,div#seo a:visited,div#seo a:hover,div#seo a:active {
    text-decoration: none;
    font-weight: bold;
}

div#footer { border-top: 0px solid #ffc600; padding: 0;}

div.quote{
		margin: 0 0 0.4em 0;
		display: block;
		height: 22px;
		background:  url(/images/buttons/get_quote_sml-over.gif) top right no-repeat;
}

* html div.quote {  /* This is the Tan hack\*/
	margin: 0 0 -0.4em 0;
	mar\gin: 0 0 -0.4em 0;	
	/*another comment to make it work*/
	}
	


div.quote a:link, div.quote a:visited {
		float: right;
		width: 108px;		
		height: 22px;
		display: block;
		background:  url(/images/buttons/get_quote_sml.gif) top left no-repeat;
		overflow: hidden;
		text-indent: -2000px; /*image replacement bit*/
}

div.quote a:hover, div.quote a:active
{background: transparent;} /*allows view of the rollover state underneith on the main div - no flicker in IE*/

/* news feed*/

div#newsFeedTop {
		float: left;
		width: 746px;
		height: 10px;
 		padding:  0;
 		margin: 0;
 		background:  url(/images/news/boxTop.gif) top right no-repeat;
}

div#newsFeed .Left {
		float: left;
		width: 362px;
		padding: 0 0 0 10px;
}

div#newsFeed .Right {
		float: left;
		width: 362px;
}

div#newsFeed {
		float: left;
		width: 746px;
		height: 66px;
		margin: 0;
		padding: 0;
 		background:  url(/images/news/boxBottom.gif) bottom right no-repeat;
}

div#newsFeed p{
		font-size: x-small;
		padding: 0;
		line-height: 0.7em;
		 color: #666;}
		 
div#newsFeed a, div#newsFeed a:link, div#newsFeed a:visited, div#newsFeed a:active{  	
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}

div#newsFeed a:hover{  	
	color: #003366;
	text-decoration: underline;
}

div#newsFeed h4{ font-size: 0.8em; padding-bottom: 2px; margin: 0; color: #666;}

/*main proposition area*/

div#mainproposition h1{ /*main header proposition*/
	margin: 0;
  	padding: 0 0 5px 0;
  	float: left;
  	display: block;
  	background:  url(/images/headers/header_home.jpg) top left no-repeat;
  	
}

div#mainproposition h1 a:link, div#mainproposition h1 a:visited{
  	width: 586px;
  	height: 220px;
  	float: left;
  	display: block;
  	border-bottom: 3px solid #ffc600;
  	background:  url(/images/headers/header_home.jpg) top left no-repeat;
	overflow: hidden;
	text-indent: -2000px;
}
div#mainproposition h1 a:hover, div#mainproposition h1 a:active
{  background: transparent;}





div.quotelarge{
		margin: 0 0 3px 0;
		display: block;
		height: 22px;
		background:  url(/images/buttons/get_quote_sml-over.gif) top right no-repeat;
		z-index: 1000;
}

div.quotelarge a:link, div.quotelarge a:visited {
		float: right;
		width: 108px;		
		height: 22px;
		display: block;
		background:  url(/images/buttons/get_quote_sml.gif) top left no-repeat;
		overflow: hidden;
		text-indent: -2000px; /*image replacement bit*/
}

div.quotelarge a:hover, div.quotelarge a:active
{background: transparent;} /*allows view of the rollover state underneith on the main div - no flicker in IE*/



div#headpromo {
  position: relative;
  width: 576px;
  margin: 0;
  padding: 0;
  border:0;
}

/*button large get a quote*/

div#button2 {
  position: absolute;
  margin: 176px 0 0 430px ;
  width: 144px;
  height: 28px;
  border: 0;
  padding: 0;
  z-index: 500;
}

#button2 li {
  float: left;
  margin: 0;
  padding: 0;
  border:0;
  list-style-type: none;
  background:  url(/images/buttons/home_get_quote_on.gif) no-repeat top left;
}

#button2 a:link, #button2 a:visited{
  display: block;
  width: 144px;
  height: 31px;
  margin: 0;
  border: 0;
  padding: 0;
  text-decoration: none;
  background: url(/images/buttons/home_get_quote_off.gif) no-repeat top left;
  text-indent: -2000px; 
}

#button2 a:hover, #button2 a:active{
  background: transparent;
  text-decoration: none;
}


/*button large retrieve a quote*/

div#button1 {
  position: absolute;
  margin: 176px 0 0 245px ;
  width: 178px;
  height: 28px;
  border: 0;
  padding: 0;
  z-index: 300;
}

#button1 li {
  float: left;
  margin: 0;
  padding: 0;
  border:0;
  list-style-type: none;
  background:  url(/images/buttons/home_retrieve_quote_on.gif) no-repeat top left;
}

#button1 a:link, #button1 a:visited{
  display: block;
  width: 178px;
  height: 28px;
  margin: 0;
  border: 0;
  padding: 0;
  text-decoration: none;
  background: url(/images/buttons/home_retrieve_quote_off.gif) no-repeat top left;
  text-indent: -2000px; 
}

#button1 a:hover, #button1 a:active{
  background: transparent;
  text-decoration: none;
}
