/* CSS Document */
body {
	background-color: #666666;
	font-family: Arial;
}
a {
	color: #cc6600;
	text-decoration: none;
}
a:hover {
	color: #0033FF;
	text-decoration: underline;
}
#wrapper {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	padding: 10px;
}
#page {
	width: 740px;
	margin: auto;
}
.header {
	background-color: #FFFFFF;
	overflow: auto;
	width: 740px;
	line-height: 22px;
}
.header .name {
	float: left;
	font-size: 18px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #666666;
}
.header .title {
	float: left;
	font-size: 18px;
	color: #cc6600;
	font-weight: bolder;
	text-transform: uppercase;
	text-indent: 10px;
}
.header .contact {
	float: right;
	font-size: 10px;
	text-transform: lowercase;
	line-height: 22px;
	font-weight: bold;
	color: #333333;
}
.menu {
	background-image: url(images/menu_bg_ff9900.gif);
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
}
.menu a {
	color: #000000;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	text-decoration: none;
}
.menu a:hover {
	color: #0033FF;
}
.bannergraphic {
	position: relative;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	z-index: 0;
}
.infobox {
}
.infobox h1 {
	font-size: 16px;
	color: #FFFFFF;
}
.infobox p {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}
.brown_corner_bl {background: url(images/brown_corner_BL.jpg) 0 100% no-repeat #cc6600; width: 225px;}
.brown_corner_br {background: url(images/brown_corner_BR.jpg) 100% 100% no-repeat}
.brown_corner_tl {background: url(images/brown_corner_TL.jpg) 0 0 no-repeat}
.brown_corner_tr {background: url(images/brown_corner_TR.jpg) 100% 0 no-repeat; padding:10px; height: 125px;}
.blue_corner_bl {background: url(images/blue_corner_BL.jpg) 0 100% no-repeat #006699; width: 220px; }
.blue_corner_br {background: url(images/blue_corner_BR.jpg) 100% 100% no-repeat}
.blue_corner_tl {background: url(images/blue_corner_TL.jpg) 0 0 no-repeat}
.blue_corner_tr {background: url(images/blue_corner_TR.jpg) 100% 0 no-repeat; padding:10px; height: 125px;}
.clear {font-size: 1px; height: 1px}

.bottomtag {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
}
.bottomtag .brown{
	color: #666666;	
}
.bottomtag .blue{
	color: #333333;	
}
.tagfooter {
	text-align: center;
	width: 650px;
	font-size: 10px;
	color: #999999;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	margin-top: 25px;
}
.tagfooter .certs {
	font-size: 10px;
	color: #333333;
	font-weight: lighter;
}
#bannergraphicFLOAT {
	background-image: url(images/about_bannerimage.jpg);
    background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 250px;
}
#abouttimFLOAT {
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color:#746351;
	scrollbar-track-color:;
	scrollbar-darkshadow-color:;
	scrollbar-face-color: #746351;
	scrollbar-highlight-color:;
	scrollbar-shadow-color:;
	position: relative;
	left: 20px;
	top: 40px;
	background-color: #746351;
	overflow:auto;
	width: 420px;
	height: 180px;
}
#abouttimFLOATtext {
	width: 380px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;  
}
.pagebody {
	width: 740px;
	overflow: auto;
}
.pagebody h1 {
	font-size: 16px;
	font-weight: bolder;
}
.pagebody h2 {
	font-size: 14px;
	color: #333333;
}
.pagebody p {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	margin: 5px;
}
.imageboxLT {
	float: left;
	text-align: center;
	width: 420px;
	background-color: #CCCCCC;
	padding: 10px;
}
.IMGbox {
	display: inline;
	width: 100px;
	padding: 1px;
	height: 200px;
}
.pagetextRT {
	float: right;
	width: 280px;
	padding: 0px 10px;
}
.pagetextRT h1 {
	font-size: 16px;
	font-weight: bolder;
}
.pagetextRT li {
	font-size: 12px;
	color: #333333;
	list-style-type: circle;
	list-style-position: outside;
}
.clientlist {
	width: 140px;
	float: right;
	font-size: 10px;
	color: #333333;
	text-align: right;
}
.clientlist h1{
	font-weight: bold;
	color: #000000;
	font-size: 10px;
	text-decoration: underline;
}
.clientboxLT {
	width: 550px;
	text-align: right;
	font-size: 10px;
	color: #000000;
	border: 1px dashed #333333;
	padding: 15px;
	margin: 5px;
	overflow: auto;
}
.clientboxRT {
	width: 550px;
	text-align: left;
	font-size: 10px;
	color: #000000;
	border: 1px dashed #333333;
	padding: 15px;
	margin: 5px;
	overflow: auto;
}
.clientlogoLT {
	float: left;
	margin: 5px;
}
.clientlogoRT {
	float: right;
	margin: 5px;
}			
.clientname {
	font-weight: bold;
	line-height: 20px;
}
.bannergraphicCONTACT {
	background-image: url(images/contact_bannerimage.jpg);
	height: 250px;
	width: 740px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
.bannergraphicCONTACT .body {
	position: relative;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
	left: 450px;
	top: 140px;
	overflow:auto;
}
.bannergraphicCONTACT .bold {
	font-size: 14px;
	font-weight: bolder;
}
.bannergraphicCONTACT .body a{
	color: #FFFFFF;
}
.contactform {
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
}
.contactform table {
}
.contactform th {
	background-color: #006699;
	text-align: center;
}
.contactform td {
	text-align: left;
}
.contactform input {
	font-size: 10px;
}
.contactform textarea {
	font-size: 10px;
}
.videoboxRT {
	overflow: visable;
	float: right;
	width: 340px;
	text-align: center;
	background-color: #FFFFFF;
	padding: 10px;
	color: #FFFFFF;
	font-size: 10px;
}
.videoboxRT a {
	color: #cc6600;
}
.videoboxRT a:hover {
	text-decoration: underline;
	color: #cc6600;
}
.pagetextLT {
	float: left;
	width: 340px;
	padding: 0px 10px;
	color: #666666;
}
.pagetextLT h1 {
	font-size: 16px;
	font-weight: bolder;
}
.pagetextLT li {
	font-size: 10px;
	list-style-type: none;
	text-indent: 5px;
	font-weight: lighter;
}
.pagetextLT li a {
	font-size: 12px;
}
.pagetextLT ul {
	font-size: 14px;
	font-weight: bold;
}

.video {
	width: 320px;
}

.blue_corner_bl_v {background: url(images/blue_corner_BL.jpg) 0 100% no-repeat #006699; }
.blue_corner_br_v {background: url(images/blue_corner_BR.jpg) 100% 100% no-repeat}
.blue_corner_tl_v {background: url(images/blue_corner_TL.jpg) 0 0 no-repeat}
.blue_corner_tr_v {background: url(images/blue_corner_TR.jpg) 100% 0 no-repeat; padding:10px;}

.pagebody1 {
	margin: 20px;	
}
.pagebody1 li {
	font-size: 10px;
	color: #333333;
	list-style-type: none;
	list-style-position: inside;
}
.pagebody1 h1 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.infobox a {
	color: #FFFFFF;
}
.prodheader {
	text-align: center;
	color: #cc6600;
	font-size: 24px;
	font-weight: bold;
	text-decoration: underline;
}
.ProdInfo {
	font-size: 12px;
	text-align: justify;
	vertical-align: top;
	padding: 2px;
}
.ProdHead {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	background-color: #cc6600;
	text-decoration: underline;
}
.mback {
	font-size: 16px;
	font-weight: bolder;
	line-height: 25px;
	text-align: center;
}
.mback2 {
	font-size: 12px;
	font-weight: bolder;
	text-align: center;
	width: 70%;
	padding: 5px;
}
.TBHead {
	text-align: left;
	color: #9999ff;
}
.ProdDesc {
	font-size: 12px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
}