/*============================================================================
Geneva Marketing Associates Screen Stylesheet

version:	1.0
date:		3/15/2008
author:		Ian Obermiller
email:		ian320@gmail.com
website		genevamarketing.com
colors:		#fcfcfc off-white
				#003366 dark-blue background top
				#879FB7 grey-blue background end
				#660200 maroon headings
				#1d1d1d off-black
=============================================================================*/
/*=============================================================================
==	Standard
=============================================================================*/
/*--------------------------------------------------------
--	Standard - Neutralize/Fix styling
--------------------------------------------------------*/
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset 
{
	margin: 0;
	padding: 0;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
	margin: 0 0 18px 0;
	padding: 0;
}
ul, ol
{
	margin-left:.25em;
}
ul ul, ol ul, ol ol, ul ol
{
	margin:0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote 
{
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label 
{
	cursor: pointer;
}
fieldset 
{
	border: none;
}
input, select, textarea 
{
	font-size: 100%;
	font-family: inherit;
}
a img 
{
	border:none;
}

/*--------------------------------------------------------
--	Standard - Floating and Clearing
--------------------------------------------------------*/
.clear {clear:both;}
	br.clear {line-height:1px;height:0;}
.right {float:right;}
	img.right { margin: 0 0 0 18px; }
.left {float:left;}
	img.left { margin: 0 18px 0 0; }

/*=============================================================================
==	Fonts
=============================================================================*/
h1, h2, h3, h4, h5, h6 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*=============================================================================
==	Body & Container
=============================================================================*/
body, html 
{
	
}
body 
{
	background:#879FB7 url("../img/bg_gradient.png") repeat-x;
	color:#1d1d1d;
}
#container 
{
	margin: 0 auto;
	position:relative;
	text-align:center;
	width:80%;
}

/*=============================================================================
==	Header
=============================================================================*/
#header 
{
	background:#1d1d1d;
	color:#ddd;
	height:65px;
	margin:20px 0 20px 0;
	position:relative;
	text-align:left;
}
	#header h1 
	{
		background:transparent url("../img/bg_header.gif") no-repeat;
		height:65px;
		float:left;
		text-indent:-10000px;
		width:600px;
	}
	#header div 
	{
		background:#1d1d1d;
		font-size:11px;
		line-height:18px;
		padding:5px 10px;
		position:absolute;
		right:0;
		text-align:right;
	}
	
/*=============================================================================
==	Content
=============================================================================*/
#content 
{
	background:#fcfcfc;
	border:solid 5px #1d1d1d;
	margin:0 0 10px 170px;
	padding:20px 20px 0 20px;
	position:relative;
	text-align:left;
}
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 
	{
		color:#660200;
		margin:0 0 18px 0;
		line-height:18px;
	}
	#content h1 
	{
		font-size: 24px;
	}
	#content h2 
	{ 
		font-size: 18px; 
	}
	#content h3 
	{ 
		font-size: 12px; 
	}
	#content dt 
	{
		font-weight:bold;
	}

/*=============================================================================
==	Navigation
=============================================================================*/
#navigation 
{
	float:left;
	text-align:left;
	width:150px;
}
	#navigation ul 
	{
		margin:0;
		padding:0;
		overflow:hidden;
	}
		#navigation ul li 
		{
			display:block;
			list-style:none;
			margin:0 0 20px 0;
			padding:0;
		}
			#navigation ul li a, #navigation ul li span 
			{
				background:transparent url(../img/bg_nav.gif);
				color:#ccc;
				cursor:pointer;
				display:block;
				height:25px;
				line-height:25px;
				padding:0 5px;
				text-decoration:none;
				width:140px;
			}
			#navigation ul li a:hover,
			#about .about, #insurance .insurance, #privacy .privacy, #contact .contact , #profile .profile
			{
				background:transparent url(../img/bg_nav_over.gif);
				color:#fff;
			}
			#navigation ul li ul 
			{
				margin-left:1em;
			}
				#navigation ul li ul 
				{
					
				}
				#navigation ul li:hover ul 
				{
					
				}
/*=============================================================================
==	Footer
=============================================================================*/
#footer 
{
	clear:right;
	font-size:10px;
	margin:0x auto;
	padding-left:170px;
	text-align:center;
}

/*=============================================================================
==	Insurance
=============================================================================*/
.providers 
{
	text-align:center;
	width:200px;
}
	.provider 
	{
		border:solid 1px #ccc;
		float:left;
		margin:0 10px 10px 0;
		text-align:center;
	}
	
/*=============================================================================
==	Forms
=============================================================================*/
/*--------------------------------------------------------
--	Forms - General
--------------------------------------------------------*/
form fieldset {
	padding:0;
}
form legend {
	color:#333;
	margin:0;
	padding:0;
}
form ol {
	list-style:none;
	margin:0;
	padding:0;
}
	form ol li {
		clear:both;
		margin-top:.5em;
	}
/*--------------------------------------------------------
--	Forms - Labels
--------------------------------------------------------*/
form label {
	float:left;
	width:9em;
}
	form li.long label {
		display:block;
		float:none;
		margin-bottom:.25em;
		width:auto;
	}
	form fieldset.vehicle fieldset.box label {
		width:13em;
	}
	form li.run label, form legend label, form label.standalone {
		float:none;
		width:auto;
	}
/*--------------------------------------------------------
--	Forms - Inputs, Textareas
--------------------------------------------------------*/
form input {
	width:15em;
}
	form label input {
		border:none;
	}
	form input.small {
		width:3em;
	}
	form li.long input {
		margin-left:9em;
	}
	form input.date, form input.zip, form input.medium {
		width:8em;
	}
	form input.ssn {
		width:7em;
	}
	form input.dln {
		width:11em;
	}
	form input#deductible_other_value {
		float:left;
		width:4em;
	}
	form legend label input {
		margin-left:2em;
		width:auto;
	}
	form label.standalone input {
		width:auto;
	}
/* form textarea {
	padding:2px;
	width:20em;
} */
input.text, textarea, select {
  padding: 2px 2px 2px 5px;
  border: 1px solid #999;
}
.focus {
  border-color: #0a0 !important;
}
/*--------------------------------------------------------
--	Forms - Other Misc.
--------------------------------------------------------*/
form a.add {
	line-height:2em;
	margin-left:1em;
}
#log {
	display:none;
}
/*--------------------------------------------------------
--	Forms - Error Messages
--------------------------------------------------------*/
 form label.error {
	background:#ffc !important;
	border:solid 1px #999 !important;
	clear:none !important;
	color:#f00 !important;
	display:inline;
	float:none !important;
	margin:0 !important;
	padding:2px 5px !important;
	position:absolute !important;
	right:-50px !important;
	text-align:right !important;
	width:auto !important;
} 
/*--------------------------------------------------------
--	Forms - Fieldset.main
--------------------------------------------------------*/
form fieldset.main {
	border:solid 1px #999;
	margin-top:1em;
	padding:.5em .5em 1em 0;
}
	form fieldset.main legend {
		background:#999;
		color:#fff;
		margin-left:1em;
		padding:.25em;
	}
/*--------------------------------------------------------
--	Forms - Fieldset.smallbox
--------------------------------------------------------*/
form fieldset.smallbox ol {
	border-left:solid 1px #999;
}
	form fieldset.smallbox legend {
		background:transparent;
		color:#333;
		margin:0;
		padding:0;
	}
/*--------------------------------------------------------
--	Forms - Fieldset.yesno
--------------------------------------------------------*/
form fieldset.yesno {}
	form fieldset.yesno legend {
		background:transparent;
		color:#333;
		margin:0;
		padding:0;
	}
	form fieldset.yesno label {
		display:block;
		float:none;
		margin-left:9em;
		width:auto;
	}
	form fieldset.yesno input {
		width:auto;
	}
	form fieldset.yesno span {
		display:block;
		margin-top:.5em;
	}
		form fieldset.yesno span label {
			display:block;
			float:left;
			margin:0;
			width:9em;
		}
		form fieldset.yesno span input {
			width:3em;
		}
/*--------------------------------------------------------
--	Forms - Fieldset.box
--------------------------------------------------------*/
form fieldset.box {
	background:#f5f5f5;
	border:solid 1px #999;
	padding-bottom:.5em;
}
	form fieldset.box legend {
		background:transparent;
		color:#333;
		margin-left:1em;
		padding:0;
	}
	form fieldset.box fieldset.box {
		background:#f9f9f9;
		width:33em;
	}
	form fieldset.box legend {
		background:transparent;
		color:#333;
		margin-left:1em;
		padding:0;
	}
/*--------------------------------------------------------
--	Forms - Fieldset.submit
--------------------------------------------------------*/
form fieldset.submit {
	text-align:center;
}
	form fieldset.submit legend {
		display:none;
	}
	form fieldset.submit input {
		margin:1em 0;
		padding:.5em 1em;
		width:auto;
	}
/*--------------------------------------------------------
--	Forms - Tabs
--------------------------------------------------------*/
form .tabs-container {
	margin-top:0;
}
	form .tabs-container legend.tabs {
		display:none;
	}
form ul.tabs-nav, form ul.tabs-nav li {
	clear:none;
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
form ul.tabs-nav li {
	border:solid 1px #999;
	border-width:1px 1px 0 1px;
	margin-left: 0 !important;
	margin-right: 2px;
	position:relative;
}
form ul.tabs-nav li.active {
	background:#f5f5f5;
	margin-bottom:-1px;
	outline:none;
	z-index:900;
}
	form ul.tabs-nav li input {
		display:block;
		float:left;
		margin:5px 0 0 10px;
		width:auto;
	}
	form ul.tabs-nav li a {
		color:#999;
		display:block;
		float:left;
		outline:none;
		padding:5px 10px 5px 10px;
		text-decoration:none;
	}
		form ul.tabs-nav li.active a {
			color:#666;
			padding-bottom:6px;
		}
/*=============================================================================
==	About
=============================================================================*/
#about ul#staff {
	clear:both;
}
#about ul#staff li {
	clear:both;
	display:block;
	float:left;
	list-style:none;
	margin:.25em 0;
}
#about ul#staff span, #about ul#staff a {
	display:block;
	float:left;
}
#about ul#staff span.name {
	width:12em;
}
#about ul#staff span.title {
	font-size:11.5px;
	width:13em;
}
#about ul#staff a.email {
	background:url('images/email.png') no-repeat center;
	outline:none;
	text-indent:-20000px;
	width:6em;
}
/*=============================================================================
==	Contact
=============================================================================*/

/*=============================================================================
==	Companies
=============================================================================*/
#insurance .company {
	float:left;
	margin-bottom:30px;
	text-align:center;
	width:49%;
}
	#insurance .company img {
		border:solid 1px #ccc;
		clear:both;
		padding:3px;
	}