@charset "UTF-8";

/*=============================>>>UNIVERSAL STYLES<<<=============================*/
/* only XHTML tag selectors */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(assets/images/bkg.png) repeat;
	color: #666;
	 }

p {
	font-size: 0.7em;
	line-height: 1.3em;
	margin-top: 1.5em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #822433;
	margin-top: 10px;
	margin-bottom: -0.6em;
	letter-spacing: -0.05em;
	font-weight: bold;
}

h2 {
	font-size: 0.9em;
	color: #002857;
	margin-top: 1em;
	margin-bottom: -1em;
}

h3 {
	font-size: 0.8em;
	color: #822433;
	font-weight: bold;
	margin-bottom: -1em;
	margin-top: 1em;
}

a {
	color: #21578A;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

img {
	border: none;
}

.intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.4em;
	letter-spacing: 0px;
	font-weight: lighter;
	margin-bottom: -0.4em;
}

ul {
	list-style: square;
	font-size: 0.8em;
	color: #666;
}
.clear,br {
	clear: both;
}/*The group class selector is to enable a break, shft+return, to clear a float.  Used to allow for two column layout, clearing at the page break after second, right, div. */

/*=============================>>>LIBRARY LAYOUT STYLES<<<=============================*/
/* use classes to style elements used repeatedly throughout site */

#left-column-div
 {
	float: left;
	width: 380px;
	margin-left: 25px;
	height: auto;
	padding-bottom: 15px;
}

#rightcolumn-div {
	width: 300px;
	height: auto;
	float: right;
	margin-right: 10px;
}

#left-column2-div
 {
	float: left;
	width: 380px;
	margin-left: 25px;
	height: auto;
	margin-top: 35px;
	padding-bottom: 15px;
}
.officername {
	font-size: 0.8em;
	color: #822433;
	margin-top: 1.1em;
	margin-bottom: 0em;
	font-weight: bold;
}
.officertitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: -0.3em;
	margin-bottom: -0.3em;
}

.photo_left {
	border: 1px solid #999999;
	margin-top: 15px;
	margin-right: 15px;
	padding: 2px;
	margin-bottom: 8px;
}
.caption {
	font-size: 0.8em;
	font-weight: bold;
	color: #002857;
	margin-top: -0.4em;
	margin-bottom: 0.8em;
}
.legend {
	font-size: 0.6em;
	color: #333333;
	margin-top: -0.7em;
	margin-right: 50px;
	margin-bottom: 25px;
	line-height: 1.2em;
}
.legend_lcolumn {
	font-size: 0.6em;
	color: #333333;
	margin-top: -0.7em;
	margin-right: 15px;
	margin-bottom: 25px;
	line-height: 1.2em;
}

.offleft {
	text-indent: -9999px;
}

.border {
	border: 2px solid #666;
}

/*=============================>>>TEMPLATE LAYOUT STYLES<<<=============================*/
/* wrap content of site and appear on most every page */

#container-div {
	background: #fff;
	margin: 0px auto;
	height: auto;
	width: 780px;
	border: 1px solid #666;/* 1px solid border for visual definition and supposedly to prevent collapse. */
	}
#header-div {
	background: url(assets/images/psychometric-bkg5.png) no-repeat;
	height: 121px;
	width: auto;
	border-bottom: 4px solid #822433;
	padding: 40px 0px 0px 5px;
}
#mainbody-div {
	height: auto;
	width: auto;
}

#nav-div {
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 15px;
	margin-left: 10px;
}

#nav-div ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#nav-div ul li {
	display: inline;
}

#nav-div ul li a {
	text-decoration: none;
	padding: 2px 4px;
	color: #002857;
	background: #f9f9f9;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	margin-right: -4px;
}

#nav-div ul li a:hover {
	color: #fff;
	background: #822433;
}

#nav-div ul li a.current, #nav-div ul li a.current:hover, #nav-div ul li a.current:active {
	background: #00FFCC;
}/*code to denote current page in navbar.  currently not working*/

#content-div {
	background: #FFFFFF;
	height: auto;
	width: auto;
	border: 1px solid #FFFFFF;
	margin-bottom: 15px;
}
#footer-div {
	height: 80px;
	width: 100%;
	border-top: 4px solid #002857;
	position: relative;
	padding-top: 5px;
}
#footer_contactinfo-div {
	height: auto;
	position: absolute;
	left: 360px;
	width: auto;
	text-align: center;
	top: 6px;
}
.footercontacttext {
	margin: 0px;
	line-height: 1.2em;
}

#footerinteract-div {
	height: auto;
	width: auto;
	position: absolute;
	right: 10px;
	top: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

#header_title   {
	height: 23px;
	width: 334px;
}

#header_logo {
	margin-left: 5px;
	margin-bottom: 6px;
}

.hdr_image {
	margin: 3px;
	border: 2px solid #666;
}
.img1  {
	margin-left: 10px;
}
.img2 {
	margin-left: 20px;
	margin-bottom: 4px;
}

.img3 {
	margin-left: 15px;
	margin-bottom: 10px;
}

.img4 {
	margin-left: 10px;
	margin-bottom: 3px;
}

#phone {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}

#serifital {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#emphred {
	color: #822433;
	line-height: 1.3em;
}

/*=============================>>>INDIVIDUAL PAGE STYLES<<<=============================*/

/*===================>>>INDEX PAGE<<<===================*/

#indexbannerdiv-left-div {
	height: 197px;
	width: 261px;
	position: relative;
	float: left;
	border: 2px solid #666;
	background: url(assets/images/tower-bkg.jpg);
	margin-left: 4px;
	margin-bottom: 15px;
}

#indexbannerdiv-mid-div {
	background: #CCCCCC;
	height: 197px;
	width: 298px;
	float: left;
	border: 2px solid #666;
	margin-left: 4px;
	margin-bottom: 15px;
}

#indexbannerdiv-right-div {
	height: 197px;
	width: 191px;
	float: left;
	border: 2px solid #666;
	background: url(assets/images/markets-bkg.gif);
	margin-left: 4px;
	margin-bottom: 15px;
}
#index-lcolumn-div {
	height: auto;
	width: 413px;
	float: left;
	margin-bottom: 15px;
	padding-top: 10px;
	background: #E6E6E6;
	margin-left: 20px;
}

#index-rcolumn-div {
	float: right;
	height: auto;
	width: 260px;
	margin-right: 45px;
	padding-left: 20px;
}

#index-rcolnews-div {
	float: right;
	height: auto;
	width: 260px;
	padding-left: 5px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	margin: 25px 45px 5px 15px;
	padding-bottom: 10px;
}
.promo_img {
	margin-bottom: 10px;
	margin-left: 10px;
	border: 2px solid #666;
}
.promodiv-hd {
	color: #822433;
	margin-top: 5px;
	margin-bottom: -0.9em;
	text-align: center;
	font-size: 1em;
}
.promodiv-p {
	font-size: 0.7em;
	color: #FFFFFF;
	text-align: center;
	margin-top: 160px;
	font-weight: bold;
}
.indexbanner-title {
	color: #FFFFFF;
	position: absolute;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-top: 4px;
	margin-left: 17px;
}
.indexbanner-list {
	color: #FFFFFF;
	position: absolute;
	font-size: 0.8em;
	line-height: 2em;
	margin-top: 38px;
	text-align: center;
	margin-left: 23px;
}
.intro_emph {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.2em;
	letter-spacing: 0px;
	color: #002857;
	margin-top: .7em;
}
.intro_ccs {
	font-size: 0.9em;
	letter-spacing: 0px;
	font-weight: bold;
	color: #822433;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 1.5em;
}
.divtitle {
	font-size: 0.9em;
	font-weight: bold;
	color: #002557;
	margin-top: 6px;
	letter-spacing: -.05em;
}
.newstext {
	color: #822433;
	font-size: 0.7em;
	line-height: 1.2em;
	margin-top: 0.2em;
}

/*===================>>>SALES PAGE<<<===================*/
.salestitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: -0.3em;
	margin-top: .9em;
}
.salescontact {
	font-size: 0.8em;
	color: #822433;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: -.6em;
}
#rcolumn-sales-div {
	width: 300px;
	height: auto;
	float: right;
	margin-top: 65px;
	padding-left: 30px;
	border-left: 1px dotted #666;
}
.salesmgrhead {
	font-size: 0.9em;
	color: #002857;
	margin-top: 2em;
	margin-bottom: -1em;
	font-weight: bold;
}

/*===================>>>PHOENIX PAGE<<<===================*/
#rcolumn-phoenix-div {
	width: 300px;
	height: auto;
	float: right;
	margin-right: 10px;
	margin-top: 100px;
}

/*===================>>>PEGASUS PAGE<<<===================*/
#rcolumn-pegasus-div {
	width: 300px;
	height: auto;
	float: right;
	margin-right: 10px;
	margin-top: 140px;
}

/*===================>>>FIRE RATING PAGE<<<===================*/
#fm_img {
	margin-left: 70px;
}
#rcolumn-firerating-div {
	width: 300px;
	height: auto;
	float: right;
	margin-right: 20px;
	margin-top: 100px;
}

/*===================>>>PATENTS PAGE<<<===================*/
#drawing_img {
	margin-left: 100px;
}
.patent_no {
	font-size: 0.9em;
	color: #002857;
	margin-top: 1.2em;
	margin-bottom: -1em;
	font-weight: bold;
} 
.patent_name {
	font-size: 0.8em;
	color: #822433;
	font-weight: bold;
	margin-bottom: 1.5em;
	margin-top: 1em;
}
#rcolumn-patents-div {
	width: 300px;
	height: auto;
	float: right;
	margin-right: 30px;
	margin-top: 80px;
}

/*===================>>>PARTS PAGE<<<===================*/
#parts_img {
	margin-left: 40px;
} 
#rcolumn-parts-div {
	width: 300px;
	height: auto;
	float: right;
	margin-right: 30px;
	margin-top: 120px;
}

/*===================>>>CONTACT PAGE<<<===================*/
.contact {
	font-size: 0.8em;
	color: #822433;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .2em;
}

/*===================>>>NEWS PAGE<<<===================*/
#news-column-div
 {
	float: left;
	width: 380px;
	margin-left: 140px;
	height: auto;
	padding-bottom: 10px;
}

/* Warren Ludwig 2009 */