/* 100*//*-----------------------------------------------------------------------------
Base Style Sheet

version:   1.0
author:    Adam Myhre
email:     myhrea@olympiatrust.com
website:   http://www.olympiabenefits.com/
-----------------------------------------------------------------------------*/

@import "layout.css";
/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
    margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
p, pre, blockquote, form, fieldset, table, ul {
    margin: 1em 0;
}

.step fieldset {
 	margin: 0;
 	}
    
/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	display: block;
	border: 0;
}

.right {
	float: right;
    }
    
#line2 {
	background: #fff url('../images/line2-bg.jpg') no-repeat top;
	}


#line3 {
	background: #fff url('../images/line3-bg2.jpg') no-repeat top;
	}

#line4 {
	background: #fff url('../images/footer-bg.jpg') no-repeat top;
	}

.step {
	background: #fff url('../images/title-bg.png') repeat top;
	}

#about {
	background: #fff url('../images/title-bg.gif') no-repeat top;
    min-height: 308px;
	}

/* =Typography
-----------------------------------------------------------------------------*/
.content p.gold {
	color: #b4913b;
    }

.content p.bigger {
	font-size: 1.2em;
    font-weight: strong;
    }

.content p, td, li	{
	color: #000;
	font: .9em baskerville,"palatino linotype","times new roman",serif;
	}

#paragraph1 div.content p	{
	color: #271c01;
	font: .9em baskerville,"palatino linotype","times new roman",serif;

	}
ol	{
	color: #474220;
	font: 1.1em baskerville,"palatino linotype","times new roman",serif;
	padding: 0px 55px 0px 66px;
	margin-top: 1em;
	}

#footer div.content {
 	text-align: right;
	}
	
#footer div.content p, #footer div.content li {
	color: #000;
	font: .7em baskerville,"palatino linotype","times new roman",serif;
	}
p.error {
	color: #900;
    font-weight: bold;
    }
    	
/* =Headings
-----------------------------------------------------------------------------*/
h1	{
	color: #474220;
	font: 1.6em baskerville,"palatino linotype","times new roman",serif;
	}
h2	{
	color: #474220;
	font: 1.5em baskerville,"palatino linotype","times new roman",serif;
	}
h3	{
	color: #474220;
	font: 1.5em baskerville,"palatino linotype","times new roman",serif;
	padding: 0px 55px 0px 66px;
	margin-top: 1em;
	}
h4	{
	color: #474220;
	font: 1.3em baskerville,"palatino linotype","times new roman",serif;
	font-weight: bold;
	font-style: italic;
	padding: 10px 55px 0px 66px;
	}
h5	{
	color: #474220;
	font: 1.2em baskerville,"palatino linotype","times new roman",serif;
	font-style: italic;
	padding: 10px 55px 0px 66px;
	}
h6, h7	{
	color: #474220;
	font: 1em baskerville,"palatino linotype","times new roman",serif;
	font-style: italic;
	padding: 20px 55px 0px 0px;
	}
h4#employee2 {
	cursor: pointer;
    }
/* =Links
-----------------------------------------------------------------------------*/
a {
  color: #463304;
  }
  
/* =Language Selectors
-----------------------------------------------------------------------------*/
/* =Branding
-----------------------------------------------------------------------------*/
/* =Main Nav
-----------------------------------------------------------------------------*/



/* =Sub Nav
-----------------------------------------------------------------------------*/
/* =Search Box and Ads/Logo
-----------------------------------------------------------------------------*/
/* =Main Content */
/*-----------------------------------------------------------------------------*/
#paragraph1 div.content p, #paragraph1 div.content ol {
  padding: 0 61px 0 43px;
  line-height: 150%;
}

#mainContent div.content p, #mainContent div.content table {
  padding: 0 55px 0 100px;
}

#costs tr {
    background-color: #fbf6e9;
    padding: 2px;
    }

#costs td, #costs th {
    padding: 5px;
    border: 1px solid grey;
    }


#mainContent div.content p {
  line-height: 150%;
}

#mainContent div.content ul, #mainContent div.content ol {
  padding: 0 55px 0 136px;
}

#mainContent div.content ol {
  padding: 0 55px 0 136px;
}

#mainContent div.content ol li {
  padding: 0 0 10px 0;
}

#mainContent div.content ul.list {
  color: #766334;
}

#signupContent div.content p, #signupContent div.content table {
  padding: 0 55px 0 100px;
}

#signupContent div.content ul {
  padding: 0 55px 0 136px;
}

#signupContent div.content ul.list {
  color: #766334;
}

#spacer {
	height: 100px;
	}
	
/* =Secondary Content
-----------------------------------------------------------------------------*/
/* =Footer
-----------------------------------------------------------------------------*/
#footer ul, #footer li {
	display: inline;
	text-align: right;
	}
#footer li {
	padding-left: 10px;
	}

#footer ul {
	padding-right: 90px;
	}

#footer p {
	padding-right: 90px;
	}

/* =Forms
-----------------------------------------------------------------------------*/
form p {
	text-align: left;
	}
label {
	display: block;
	}
input {
	padding: 2px;
	width: 200px;
	}	
fieldset {
	border: none;
    }
#qualifier label, #options label, #agent label, #terms label {
	float: none;
    display: inline;
    }
#qualifier input, #options input, #terms input {
	padding: 2px;
	margin-right: 10px;
    width: 10px;
	}	
#about-business label {
	float: left;
    width: 200px;
    }
#about-business input {
	padding: 2px;
    width: 200px;
    display: inline;
	}	
  
#about-employees label {
	float: left;
    width: 200px;
    }
#about-employees input {
	padding: 2px;
    width: 200px;
    display: inline;
	}	
#terms ol {
	padding-bottom: 20px;
    }
  
/* =Tables
-----------------------------------------------------------------------------*/
.calculator label {
	float: left;
	width: 15em;
	}	

.calculator table {
	width: 100%;
	margin-bottom: 10px;
	}
.calculator th {
	border-bottom: 1px solid black;
	padding: 10px;
	border: 1px solid black;
	}

.calculator td, .calculator th  {
	color: black;
	margin: 5px;
	padding: 10px;
	border: 1px solid black;
	text-align: center;
	background: url(../../images/forms2.jpg) left top no-repeat;
	}
.header, .company_saves {
	background: #fff;
	}
.company_saves {
	font-size: 1.5em;
	}	

/* =Misc 1
-----------------------------------------------------------------------------*/
.terms {
	height: 200px;
    padding: 10px 55px 10px 100px;
	overflow: scroll;
	margin: 0 40px 10px 40px;
    background-color: #fff;
	}
.table-header {
	border-bottom: 1px solid black;
    margin-bottom: 5px;
    }
.owner-row td {
	background-color: white;
    border: 1px solid #7f9db9;
    padding: 2px;
}       
/* =Misc 2
-----------------------------------------------------------------------------*/
.pop {
	font-size: 1.4em;
    }
.pop2 {
	font-size: 1.4em;
    font-style: italic;
    font-weight: bold;
    }
    
    
/* Tooltips */