/* Copyright 2008 Spire Resources Inc. All Rights Reserved.

Main Style Sheet  www.spire-resources.com  */

/*-----------------------------------
Structure
-------------------------------------*/

body  {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: georgia, "Times New Roman", times, serif;
	}
	
body#vp	{
	background: #fff url(../images/openfolder.jpg) top left no-repeat;
	}
	
body#g2g	{
	background: #fff url(../images/g2gbkgd.jpg) top left no-repeat;
	}
	
#leftcol	{
	padding-left: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
	width: 550px;
	float: left;
	}

#farright	{
	width: 300px;
	margin-left: 650px;
	}
	
#singleleft	{
	margin-left: 100px;
	width: 350px;
	margin-bottom: 50px;
	float: left;
	}
	
#g2gmasthead	{
	width: 350px;
	background: url(../images/g2gmasthead2.gif) 0 0 no-repeat;
	margin-top: 25px;
	}
	
#g2gmasthead h1	{
	text-indent: -9999px;
	padding-bottom: 125px;
	}

#vpfooter	{
	clear: both;
	margin-left: 100px;
	margin-top: 25px;
	padding: 0;
	width: 550px;
	}
	
#vpfooter p	{
	font-size: 9px;
	font-family: tahoma, arial, sans serif;
	color: #666;
	letter-spacing: 1px;
	margin-bottom: 50px;
	}
	
#vpfooter span	{
	color: #8E191B;
	font-weight: bold;
	}

/* frontnav and copyright only for current home page */

.frontnav	{
	text-align: center;
	color: #666;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 4px;
	padding: 0;
	}
	
.frontnav span	{
	color: #282B74;
	}
	
.copyright	{
	font-size: 9px;
	line-height: 0;
	font-family: tahoma, arial, sans serif;
	color: #666;
	letter-spacing: 1px;
	margin-bottom: 50px;
	}
	
/* below header only used on contact page */

#header	{
	width: 400px;
	margin: 18px 0;
	padding: 0;
	background: url(../images/spire.gif) 75px 50% no-repeat;
	text-align: left;
}

#header h1	{
	margin: 0;
	padding: 0 0 10px 25px;
	text-indent: -9999px;
	}
	
/* singlecenter used on expanded view pages  */

#singlecenter	{
	margin: 0 auto;
	text-align: center;
	}
	


	
/*-----------------------------------
Visitor Packets Masthead
-------------------------------------*/

/* should be replaced with image and replacement text in future */

.masthead	{
	color: #8E191B;
	font-weight: bold;
	font-size: 350%;
	letter-spacing: -.015em;
	margin-bottom: 10px;
	}
	
.masthead span	{
	color: #000;
	}
	
.curvy	{
	color: #333;
	font-style: italic;
	font-weight: normal;
	font-size: 140%;
	letter-spacing: -.02em;
	margin-top: 0px;
	}
	
/*-----------------------------------
Product Area Sub-Heading
-------------------------------------*/

.subhead	{
	color: #666;
	font-family: tahoma;
	font-weight: normal;
	font-size: x-small;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-top: 40px;
	}
	
/*-----------------------------------
Typographical
-------------------------------------*/

h2,h3	{
	padding: 5px 0;
	margin-top: 5px;
	}
	
p	{
	line-height: 1.5em;
	}
	
p.next	{
	text-align: center;
	color: #666;
	font-family: tahoma;
	font-size: x-small;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 2em;
	}
	
/*-----------------------------------
Links
-------------------------------------*/

a 	{
	font-weight: bold;
	}
	
a:link	{ 
	color: #8E191B; 
	text-decoration: none; 
	} 
a:visited	{ 
	color: #8E191B; 
	text-decoration: none; 
	} 
a:active	{ 
	color: #8E191B;  
	text-decoration: none;
	} 
a:hover	{ 
	color: #8E191B;  
	text-decoration: underline;
	}
	
/*-----------------------------------
Lists
-------------------------------------*/

ul	{
	list-style-type: circle;
	padding: 0;
	margin-left: 2em;
	line-height: 1.5;
	}
		
ol	{
	font-size: 2em;
	font-family: georgia;
	font-weight: bold;
	color: #8E191B;
	}
	
ol p {
	font-size: 50%;
	font-weight: normal;
	color: #000;
	}
	
/*-----------------------------------
Images
-------------------------------------*/

img	{
	margin: 0;
	padding: 0;
	border-style: none;
	}
	
img.left	{
	margin: 0 10px 0 0;
	padding: 0;
	clear: both;
	float: left;
	border: none;
	}
	
img.right  {
	margin: 0 0 5px 5px;
	padding: 0;
	float: right;
	border: none;
	}

img.env  {
	margin: 0;
	padding: 5px;
	border: 1px #baaea0 solid;
	}
	
/*-----------------------------------
Frequently Asked Questions Structure

To be eliminated, enfolded into main structure

-------------------------------------*/

#faq	{
	margin-left: 100px;
	width: 400px;
	margin-bottom: 25px;
	float: left;
	}
	
#faq dt	{
	margin: 20px 0 5px 0;
	font-size: 115%;
	font-weight: bold;
	}
	
#faq dd	{
	margin: 0;
	padding: 0;
	line-height: 1.5;
	}
	
/*-----------------------------------
Sample Request Form
-------------------------------------*/

.formlabel	{
	margin: 0;
	padding: 0;
	font-family: georgia;
	font-weight: bold;
	line-height: 1em;
	color: #000;
	}

	
.little	{
	margin-left: 10px;
	font-size: 90%;
	font-style: italic;
	line-height: 1.2;
	}

#form	{
	width: 350px;
	margin: 0;
	}
	
#form h2 {
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	font-family: georgia;
	border-bottom: 1px dotted #baaea0;
	}
	
#form a, #form a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #A80C35;
	}
	
#form a:hover {
	text-decoration: underline;
	}
	
#form dt, #form li	{	
	padding: 0 0 2px 0;
	margin: 0;
	font-family: tahoma;
	font-weight: normal;
	color: #333;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
	
#form dt strong {
	font-style: italic;
	font-size: 0.8em;
	letter-spacing: 0;
	}
	
#form dd	{
	padding: 0;
	margin: 0 0 0.8em 0;
	}
	
#form input[type="text"], input[type="password"], textarea, select { 
	background: #f2f0ee;
 	border: 2px solid; 
 	border-color: #999 #D9D9D9 #D9D9D9 #999;
 	width: 100%;
 	 }
 	 
#form ul {
	margin: 0;
	padding: 0;
	}
	
#form li {
	list-style: none;
	color: #000;
	padding: .25em 0;
	}

#form .button	{
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	}