/*  <company name> Main Stylesheet  */
/*  Copyright, <company name>.  All rights reserved  */

/*  #################################  */
/*		GOBAL element styling			*/
/*  #################################  */	
body { 	font-family: arial, verdana, sans-serif; font-size: 100%; color: #5F5959; background-color: #970F00; }
* { margin: 0;  padding: 0;}
a { color: #ff0000; }

	/*  END :: Alsett clearing method  */
			.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
			.clearfix { display: inline-table; }
			/*  Hiding from IE Mac  \*/
			* html .clearfix { height: 1%; }			
			.clearfix { display: block; }
			/*  End hiding from IE Mac  */
	/*  END :: Alsett clearing method  */
/*  #################################  */
/*		END :: GOBAL element styling			*/
/*  #################################  */	


/*  #################################  */
/*		master-container styling			*/
/*  #################################  */	
div#master-container { width: 800px; /* for IE 6 */ margin: 0 auto; font-size: 0.8em; /* master font size */  } 
		html>body #master-container {width: 800px; }	 /* for all other browsers */

/*  #################################  */
/*		END :: master-container styling			*/
/*  #################################  */	


/*  #################################  */
/*		Content  styling			*/
/*  #################################  */	
div#content-container { position: absolute; top: 235px; width: 784px; background-color: #fff; }    /* top measure should match Flash/masthead height */

div#content-position { width: 784px; margin: 0 auto; } 

div#content { width: 784px; margin: 0 auto; font-size: 11px;}
	#content img { margin: 7px; }  


div#internal-content { width: 555px; padding: 25px 3px 10px 8px; margin-left: 10px; font-size: 13px; }
	#internal-content p { margin-bottom: 12px; letter-spacing: 2px; line-height: 20px; }
	#internal-content p strong { color: #560900; }

div#right { float: right; width: 187px; height: 590px; background: url(../images/right-bg.jpg) top left repeat-x; color: #560900;
				margin: 0 5px 0 0; /*  for IE 6 */ }
		html>body #right { margin: 0 10px 0 0; }	 /* for all other browsers */
		
	#right h3 { text-align: center; margin: 12px 0; font-size: 15px; font-family: "Times New Roman", times, serif; }
	#right p { padding: 5px; }
	
	#right form { margin: 3px 5px; }
	#right form input { background-color: #CCBEB6; color: #560900; }
	#right ul { list-style: none; margin: 10px 0 0 10px; }
	#right li { margin-bottom: 5px; }
	#right li.label { font-weight: bold; margin: 12px 0 2px 0;  }
	li.button { margin: 12px 0 0 30px; }

div#staff-email { text-align: center; }
	#staff-email a { color: #970F00; font-weight: bold; font-size: 14px; font-family: "Times New Roman", times, serif; }	

.pullquote { background-color: #970F00; color: #fff; padding: 14px; text-align: center; width: 460px; margin: 30px auto; font-family: "Times New Roman", times, serif; border-top: 3px solid #DA5142; border-right: 3px solid #670C02; border-left: 3px solid #DA5142; border-bottom: 3px solid #670C02; }

h4#pullquote { font-size: 21px; }
h5#pullquote { font-size: 16px; }


/*  Contact Page Specific  */
	div#contact-head span { display: none; }
	h1#contact { height: 45px; background: url(../headers/contact-us.jpg) top left no-repeat; }
	h1#auto { height: 45px; background: url(../headers/auto-insurance.jpg) top left no-repeat; }
	h1#home { height: 45px; background: url(../headers/home-insurance.jpg) top left no-repeat; }
	h1#business { height: 45px; background: url(../headers/business-insurance.jpg) top left no-repeat; }
	h1#life { height: 45px; background: url(../headers/life-health-insurance.jpg) top left no-repeat; }
/*  END :: Contact Page Specific  */

/*  Thanks page specific  */
div#thanks { width: 400px; margin: 0 auto; }
	#thanks p { line-height: 26px; font-size: 14px; letter-spacing: 4px; margin-bottom: 20px; }
/*  END :: Thanks page specific  */

/*  #################################  */
/*		END :: Content  styling			*/
/*  #################################  */	


/*  #################################  */
/*		Bottom Links  styling			*/
/*  #################################  */	
div#bot-links { width: 700px; margin: 35px auto 5px auto; font-size: 8px; font-family: verdana, arial, sans-serif; } 

	#bot-links ul { list-style: none; text-align: center; }
	#bot-links li { display: inline; padding-right: 3px;}
	#bot-links a { color: #88888C; font-weight: bold; text-decoration: none; }
	#bot-links a:hover { color: #970F00; text-decoration: underline; }
/*  #################################  */
/*		END :: Bottom Links  styling			*/
/*  #################################  */	


/*  #################################  */
/*		Bottom Area styling			*/
/*  #################################  */	
div#bottom-area { width: 744px; background-color: #970F00; margin-top: 10px; padding: 10px 20px; height: 30px;}
	#bottom-area ul { list-style: none; font-size: 10px; color: #fff; }
	#bottom-area a { font-size: 9px; text-decoration: none; color: #fff;}
	
	div.left-bottom { float: left; width: 45%; text-align: center;} 
	div.left-bottom ul strong, div.right-bottom ul strong { font-size: 12px; }

	div.right-bottom { float: right; width: 45%; text-align: center;}  
	
div#copyright { width: 754px; background-color: #970F00; text-align: center; padding: 15px 30px 0 0; }
	#copyright ul { list-style: none; font-size: 10px; color: #fff; }
	#copyright a { font-size: 9px; text-decoration: none; color: #fff;}
	
/*  #################################  */
/*		Bottom Area styling			*/
/*  #################################  */	


/*  #################################  */
/*		masthead styling			*/
/*  #################################  */	
div#masthead { width: 800px;  height: 235px; margin: 0 auto;}  /* height needs to match Flash/masthead graphic height */
div#flashcontent { width: 800px;  height: 235px; margin-left: -2px;} 
/*  #################################  */
/*		END :: masthead styling			*/
/*  #################################  */