@charset "utf-8";
/* CSS Document */

body {
	margin:0; 
	padding:0;
	background: #eae7e5 url(images/body-bkgd.jpg) repeat-x; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
}

/******** TEXT FORMATTING ***************/

p { margin: 0px 0px 0px 0px; }

em { font-style:italic; }
strong { font-weight:bold; }
b  { font-weight:bold; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size:150%; font-weight:bold; color:#000000; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size:125%; font-weight:bold; color:#000000; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size:110%; font-weight:bold; color:#000000; }

.smaller { font-size: smaller; }
.monospace { font-family:"Courier New", Courier, monospace; }
.attention { color:#FF9900; background-color:#FFFFCC; font-weight: bold; font-size: larger; }

.hinto_opacity { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.lilbit_opacity { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.half_opacity { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.full_opacity { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

.float-left { float:left; }

/******** LINK FORMATTING **********************/

a:link { 
	color: #0066CC;
	text-decoration:underline;
	}
a:visited { 
	color: #996699;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #CC3333;
	}
	
/******** IMAGE FORMATTING **********************/

img { border:1px solid #000000; }
.imgnoborder { border:0px; }

/******** LAYOUT ELEMENTS ***********************/

#container { 
	width: 1000px;  /* Think about: using 20px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #564c53;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	border: 4px solid #564c53;
	border-top:none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header {
	margin: 0;
	padding: 0;
	height: 72px;
	background: #564c53; 
	border:none;
	text-align:left;
	}

#logo { margin:0; border: none; width:112px; float:left; }

ul.navButtons { float:left; margin:15px 0 0 15px; padding:0; width: 800px; list-style-type:none; color: #746e72; font-size: 90%; white-space:nowrap; }
.navButtons li { list-style-type:none; display:inline; }
.navButtons a { float:left; padding-left: 20px; padding-right:20px; color:#aeaeae; text-decoration:none; font-weight:bold; }
.navButtons a:hover,active { float:left; color:#c9e691; text-decoration:none; font-weight:bold; }

.headerLinks { margin: 2px; padding: 0; text-align: right; float:right; color: #746e72; font-size:.65em; line-height:1.5em; }
.headerLinks a { color:#c0cac0; font-size:1.3em; line-height:1.5em; }
.headerLinks a:hover,active { color:#c9e691; font-size:1.3em; line-height:1.5em; }

.box-top { margin:0; padding:0; width:246px; height: 19px; background:url(images/box-t.gif) no-repeat; }
.box-bot { margin:0; padding:0; width:246px; height: 19px; background:url(images/box-b.gif) no-repeat; }
.box-mid { margin:0; padding: 0 15px; width: 214px; background-color: #c9e691; border-left:1px solid #b3cf7c; border-right: 1px solid #b3cf7c; color:#3f570f; font-size: 2em; }

#footer {
	margin: 0;
	padding: 15px 20px 10px 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif
	font-size: 80%;
	line-height:1.1em; 
	color: #999999;
	background-color: #cfcfa2;
	border-top:#c0c096 solid 1px;
	}
	
#footer p { font-size: 80%; }
#footer a { color:#999966; }
#footer a:hover,active { color: #f3f3b8; }
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
	line-height:0px;
	font-size: 1px; 
}

/********* FORMATTING FOR HOME PAGE ELEMENTS *******************/

#welcome {
	position: relative;
	margin: 0;
	padding: 0;
	width: 1000px; 
	height: 460px;
	background: url(images/home-upper-bkgd.jpg) no-repeat #eae7e5; 
	border:none; 
	}

.homeContactInfo { margin: 5px 23px 0 0; float:right; text-align:right; font-size:80%; font-family:"Times New Roman", Times, serif; color:#a1939d; }
.homePhone { font-size: 2em; font-weight:bold; color: #a0b17c; }
	
#logoname { margin:0; border:none; }
#welcomeText { margin: 13px 23px; }
#under-name-text { padding: 7px; width:536px; color: #663366; background-color: #dbccbc; font-size: 90%; font-weight:bold; }

#welcome h2 { margin-bottom: 10px; width:536px; color:#6e636b; font-size:180%; font-weight:bold; }

#welcomeP1 { margin-bottom: 15px; width:536px; color:#7e737b; font-size: 105%; font-weight:bold; }

#welcomeP2 { width:536px; color:#7e737b; font-size: 100%; }

#shields-box { width:450px; height:192px; margin:25px 0; padding:0; background:url(images/bkgd-shield-group.gif) no-repeat; }
td.shield-first:hover { background:url(images/bkgd-shield-group-first.gif) no-repeat; }
/* td.shield-mid:hover { background:url(images/bkgd-shield-group-mid.gif) no-repeat; } */  /* NOT IN USE */
td.shield-last:hover { background:url(images/bkgd-shield-group-last.gif) no-repeat; }

.shield-text { font-size:1em; color:#cfcfa2; font-weight:bold; }
.shield-text a { color:#8ba25d; text-align:center; text-decoration: none; }
.shield-text a:hover,active { color:#fdfae2; text-align:center; text-decoration: none; }

.shield-text-first { margin-top: 32px; }
.shield-text-mid { margin-top: 51px; }
.shield-text-last { margin-top: 32px; }

/********* FORMATTING FOR SUB PAGE ELEMENTS ***************/

#subContent {
	margin: 0;
	padding: 0 0 20px 0;
	background: url(images/subpage-upper-bkgd.jpg) no-repeat #e4dad1; 
	}

#subNameNumber { float:right; margin:0; padding:0; border:none; }

#subContent h1 { margin: 0; padding: 20px; color:#564c53; }
#subContent h2 { margin: 0; padding: 10px 20px; color:#564c53; }
#subContent p { padding:10px 20px; }

.bottomLinks { margin:0; padding:0; text-align:center; font-size:75%; }

/********* FORMATTING FOR ABOUT PAGE *********************/

#profileBradside { margin: 15px 7px 0 0; }

/********* FORMATTING FOR PROFILE PAGES *********************/

#profilePhotoleft { margin: 0 20px 0 0; }

/********* FORMATTING FOR GALLERY PAGE *********************/

#trademarkTable { margin: 5px 25px; }

#trademarkTable td { padding: 2px 5px; font-size:80%; }

#patentsTable { margin: 5px 25px; }

#patentsTable td { padding: 2px 5px; }

/********* FORMATTING FOR 3-COLUMN AREAS *****************/

td.subContentLeft {
	padding: 0px 20px 20px 40px;
	vertical-align: top; 
	width: 33%;
	}

h2.subContentLeft { margin-top: 0; padding-top: 0; }

td.subContentMiddle {
	padding: 20px;
	vertical-align: top; 
	width: 33%;
	border-left: 4px solid #CCCCCC;
	border-right: 4px solid #CCCCCC;
	}

td.subContentRight {
	padding: 0px 40px 20px 20px;
	vertical-align: top; 
	width: 33%;
	}

h2.subContentLeft { margin-top: 0; padding-top: 0; }