/* 1. General Page Styles and Main Container */

body { background-color: #eae8e9; background: url(http://bradclarkston.com/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: 30px; margin-bottom: 15px}
.dropshadow2 { 
	position: relative;
	background: url(http://bradclarkston.com/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(http://bradclarkston.com/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. */
	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; color: #666666; background: transparent; margin-left: 20px; margin-right: 20px}
a.topnav:visited { text-decoration: none; color: #666666; background: transparent; margin-left: 20px; margin-right: 20px}
a.topnav:hover { text-decoration: none; color: #9b2c32; background: transparent; margin-left: 20px; margin-right: 20px}	
.topnavcurrent { text-decoration: none; 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; color: #666666; background: transparent; margin-left: 20px; margin-right: 20px}
a.bopnav:visited { text-decoration: none; color: #666666; background: transparent; margin-left: 20px; margin-right: 20px}
a.bopnav:hover {text-decoration: none; color: #9b2c32; background: transparent; margin-left: 20px; margin-right: 20px}
.bopnavcurrent { text-decoration: none; color: #9b2c32; margin-left: 20px; margin-right: 20px}
		
/* 5. Copyright, Contact and Update Info Section */
#copyright { background-color: #ffffff; color: #9b2c32; text-align: center; font-size: 10px; padding: 10px 0px 10px 0px; border: 0px}
#copyright a:link { color: #9b2c32; ext-decoration: underline}
#copyright a:visited { color: #9b2c32; text-decoration: underline}
#copyright a:hover { color: #9b2c32; 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; color: #666666; background: transparent}
 	a.contents:visited { text-decoration: underline;	color: #666666; background: transparent}
 	a.contents:hover { text-decoration: underline; 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; text-align: left; font-weight: normal; font-size: 26px; margin-top: 15px; margin-bottom: 20px}
	.subheading {text-align: left; color: #cbcc66; font-weight: normal; font-size: 18px; margin-top: 15px; margin-bottom: 5px}
	.regulartext {text-align: justify; color: #666666; font-size: 12px; line-height: 18px; margin: 5px 15px 15px 0px}
	.regulartext1 {text-align: justify; color: #9b2d32; font-style:italic; font-size: 15px; line-height: 18px; margin: 5px 15px 15px 0px}
	.regulartext2 { text-align: justify; color: #000; font-size: 14px; line-height: 18px; margin: 5px 15px 15px 0px}
		
     /* B - Contact Page */
	#contactform {width: 460px; border: 0px; margin-left: 0px; margin-right: 10px}
	.contactformtext {text-align: left; color: #666666;	 font-weight: bold; font-size: 12px; line-height: 16px}
	.contactformbox {text-align: left}
	input, textarea, .contactformimage {border-width: 1px; border-style: solid; border-color: #cbcc66}
	.button {background-color: #cbcc66; color: #ffffff; text-align: center; font-weight: bold; font-size: 13px}

     /* C - FAQ Page */
	#dlist dt {text-align: justify; font-weight: normal; font-size: 14px; color: #67a6d2; margin: 5px 15px 15px 0px} 
	#dlist dd {text-align: justify; color: #666666; font-size: 12px; line-height: 16px; margin: 5px 15px 15px 20px}

/* 7. General Use Styles */
.centered {text-align: center}
.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;}		
