/* 1. General Page Styles and Main Container */
body { background-color: #eae8e9;
	background: url(images/cloth022.jpg);
	color: #000000;			
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
	font-size: 12px }
	

	
/* The following styles are for dropshadowing around the outercontentcontainer */
.outer { width: 760px; 
	margin-left: auto;		
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px }
.dropshadow2 { position: relative;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 760px;
	padding: 0px }
.innerbox { position: relative;
	bottom: 6px;
	right: 6px;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px }
.innerbox { \margin: 0px 0px -3px 0px;	/* IE5 hack - I don't know exactly the reason for this, but am told IE5 needs it. */
	ma\rgin:  0px 0px 0px 0px }
	
#outercontentcontainer { width: 760px;		/* this table centers the pages, sets the page widths, sets any outer borders, margins, etc */
	text-align: center;
	background-color: #ffffff;
	border: 0px } 

/* 2. Title Bar Section Styles */
#titlebar { width: 760px;			/* container for title bar */
	background-color: #ffffff;	
	color: #666666;
	padding: 10px 0px 10px 0px;
	border: 0px } 

#lang { text-align: right;
	background-color: #ffffff;	
	color: #666666;
	padding: 10px 20px 0px 0px;
	border: 0px;
	font-size: 10px;} 
#lang a { color: #ccc; }
	
/* 3. Top Navigation Bar Section Styles */
#topnavbar { width: 740px;			/* container for top horizontal navigation bar */
	background-color: #ffffff;	
	color: #666666;
	text-align: center;
	font-family: "Trajan Pro", "Palatino Linotype", "Palatino", "Georgia", "Book Antiqua", Times, serif; 
	font-weight: bold;
	font-size: 14px;
	padding: 0px 0px 5px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #000000;
	margin: 0px 10px 0px 10px }
/* link styles */
a.topnav:link { text-decoration: none;		/* top unvisited links */
  	color: #666666;
  	background: transparent;
	margin-left: 20px;
	margin-right: 20px }
a.topnav:visited { text-decoration: none;		/* top visited links */
  	color: #666666;
  	background: transparent;
	margin-left: 20px;
	margin-right: 20px }
a.topnav:hover { text-decoration: none;		/* top hover links */
	color: #9b2c32;
	background: transparent;
	margin-left: 20px;
	margin-right: 20px }	
.topnavcurrent { text-decoration: none;		/* top current page link */
	color: #9b2c32;
	margin-left: 20px;
	margin-right: 20px }		

/* 4. Bottom-Of-Page Navigation Bar Section Styles */
#bopnavbar { width: 740px;			/* container for b-o-p horizontal navigation bar */
	background-color: #ffffff;	
	color: #666666;
	text-align: center;
	font-family: "Trajan Pro", "Palatino Linotype", "Georgia", "Palatino", "Book Antiqua", Times, serif; 
	font-weight: normal;
	font-size: 14px;
	padding: 5px 0px 20px 0px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #000000;
	margin: 0px 10px 0px 10px }
/* link styles */
a.bopnav:link { text-decoration: none;		/* b-o-p unvisited links */
  	color: #666666;
  	background: transparent;
	margin-left: 20px;
	margin-right: 20px }
a.bopnav:visited { text-decoration: none;		/* b-o-p visited links */
  	color: #666666;
  	background: transparent;
	margin-left: 20px;
	margin-right: 20px }
a.bopnav:hover { text-decoration: none;		/* b-o-p hover links */
	color: #9b2c32;
	background: transparent;
	margin-left: 20px;
	margin-right: 20px }	
.bopnavcurrent { text-decoration: none;		/* b-o-p current page link */
	color: #9b2c32;
	margin-left: 20px;
	margin-right: 20px }
		
/* 5. Copyright, Contact and Update Info Section */
#copyright { background-color: #ffffff;		/* container for the section */
	color: #9b2c32;
	text-align: center;
	font-size: 10px;
	padding: 10px 0px 10px 0px;
	border: 0px }	
#copyright a:link { color: #9b2c32;			/* copyright unvisited links */
	text-decoration: underline }
#copyright a:visited { color: #9b2c32; 		/* copyright visited links */
	text-decoration: underline }
#copyright a:hover { color: #9b2c32; 		/* copyright mouseover links */
	text-decoration: underline  }

/* 6. Contents Section Styles  - ie. the central section of all pages, which includes the flash movie and text sections.
	/* A - All Pages */
	/* link styles */
	a.contents:link { text-decoration: underline;		/* normal contents unvisited links */
  		color: #666666;
  		background: transparent }
 	a.contents:visited { text-decoration: underline;	/* normal contents visited links */
  		color: #666666;
  		background: transparent }
 	a.contents:hover { text-decoration: underline;		/* normal contents mouseover links */
  		color: #00a8ec;
  		background: transparent }
	/* container styles */
	#contentsarea { width: 740px; 	/* Containter for main page contents area - contains everything between the navigation bars */
		overflow: hidden;
		background-color: #ffffff;
		text-align: left;
		padding: 0px 10px 0px 10px;
		border-width: 0px;
		border-style: solid;
		border-color: #000000; }
	#topflashmovie { width: 740px;			/* Containter for Home and Company page Flash movie sections */
		border: 0px;
		margin: 10px 0px 0px 0px }
	#horizontaltext { width: 595px; 	/* Containter for Company page text section */
		background-color: #ffffff;
		text-align: left;
		margin-left: 144px }
	#leftskyscraper { width: 235px; 	/* Container for FAQ page skyscraper Flash movie */
		float: left;
		overflow: hidden;	
		background-color: #d0e3f0;
		color: #666666;
		border: 0px;
		padding-bottom: 2000px;
		margin: 10px 5px -2000px 0px }
	#rightskyscraper { width: 235px; 	/* Container for Contact page skyscraper Flash movie */
		float: right;
		overflow: hidden;	
		background-color: #d0e3f0;
		color: #666666;
		border: 0px;
		padding-bottom: 2000px;
		margin: 10px 0px -2000px 5px }
	#leftverticaltext { width: 475px;			/* Containter for Contact page text/form section */
		float: left;
		overflow: hidden;	
		background-color: #ffffff;	
		color: #666666;
		border: 0px;
		padding-bottom: 2000px;
		margin: 10px 5px -2000px 0px }
	#rightverticaltext { width: 475px;		/* Containter for FAQ page text section */
		float: right;
		overflow: hidden;	
		background-color: #ffffff;	
		color: #666666;
		border: 0px;
		padding-bottom: 2000px;
		margin: 10px 0px -2000px 5px }
		
	/* other text styles */
	.pagetitle { color: #cbcc66;		/* contents section page titles */
		text-align: left;
		font-weight: normal;
		font-size: 26px;
		margin-top: 5px;
		margin-bottom: 10px }
	.subheading { text-align: left;		/* contents section subheadings */
		color: #cbcc66;
		font-weight: normal;
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 5px }
	.regulartext { text-align: justify;	/* contents section regular text */
		color: #666666;	
		font-size: 12px;
		line-height: 18px;
		margin: 5px 15px 15px 0px }

	.regulartext1 { text-align: justify;	/* contents section regular text */
		color: #9b2d32;	
		font-style:italic;
		font-size: 15px;
		line-height: 18px;
		margin: 5px 15px 15px 0px }

	.regulartext2 { text-align: justify;	/* contents section regular text */
		color: #000;	
		font-size: 14px;
		line-height: 18px;
		margin: 5px 15px 15px 0px }
		
     /* B - Contact Page */
	#contactform { width: 460px;					/* container for contact form */
		border: 0px;				
		margin-left: 0px;
		margin-right: 10px } 		
	.contactformtext { text-align: left;			/* contact form labels */
		color: #666666;	
		font-weight: bold;
		font-size: 12px;
		line-height: 16px }	
	.contactformbox { text-align: left }			/* contact form text boxes */
	input, textarea, .contactformimage { border-width: 1px; 	/* contact form input boxes */
		border-style: solid;
		border-color: #cbcc66 }
	.button { background-color: #cbcc66;			/* contact form Clear and Send buttons */
		color: #ffffff;
		text-align: center;
		font-weight: bold;
		font-size: 13px }

     /* C - FAQ Page */
	.clicker { cursor: pointer }			/* Used by FAQ page toggle javascript to determine toggling element (ie. the questions) */
	#dlist dt { text-align: justify;		/* FAQ page question text (also referred to as .clicker by javascript - see above */
		font-weight: normal;
		font-size: 14px;
		color: #67a6d2;
		margin: 5px 15px 15px 0px }
	#dlist dd { text-align: justify;		/* FAQ page answer text */
		color: #666666;	
		font-size: 12px;
		line-height: 16px;
		margin: 5px 15px 15px 20px }

/* 7. General Use Styles */
.centered { text-align: center } 	/* This is used for cenering anything I need centered */
.clear { clear: both }
.emphasis { font-weight: bold }
.contactlink { 
	color: #67a6d2;
	font-family: "Trajan Pro", "Palatino Linotype", "Palatino", "Georgia", "Book Antiqua", Times, serif; 
	font-weight: bold;
	font-size: 16px;
	}