@charset "UTF-8";

html {
	font-size: 125%;
    }
body  {
	background-image: url(../images/background-repeat.jpg);
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 50%;
	background-color: #000000;
	background-repeat: repeat-x;
	}
body {behavior: url(../includes/csshover.htc);}

a {outline: none;}

/* LAYOUT WRAPPER STYLES
--------------------------------------------------------------------- */	
.pagewrapper #container { 
	width: 780px;
	background: #575a61;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	} 
.pagewrapper #header { 
	background: #000000; 
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	} 
.pagewrapper .headerlinks {
	background-image: url(../images/background-headerlinks.jpg);
	background-color: #000000;
	background-repeat: repeat-x;
	text-transform: uppercase;
	color: #FFFFFF;
	height: 35px;
	text-align: right;
	}
.pagewrapper #sidebar {
	float: right;
	width: 290px;
	padding: 15px 10px 15px 10px;
	}
.pagewrapper #mainContent { 
	margin: 12px 315px 0 20px;
	padding: 0 0px;
	} 
.pagewrapper #mainContenthome {
	margin: 12px 15px 15px 20px;
	padding: 0 0px;
	background-color: #000000;
	} 
.sidebarproducts {float:left; margin-bottom: 10px; width: 148px;}
.homecontentcontainer {
	margin: 0px;
	padding: 15px 10px 0px 10px;
	border: none;
	background-color: #000000;
	overflow: hidden;
	}

/* UTILITY LINKS STYLES
--------------------------------------------------------------------- */	
#utilitylinks {
	float: right;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #e7b538;
	line-height: 30px;
	margin: 0px 10px 0px 0px;
	}
#utilitylinks a:link {
	color: #ffffff;
	text-decoration: none;
	margin: 0px 5px 0px 5px;
	}
#utilitylinks a:visited {
	color: #ffffff;
	text-decoration: none;
	}
#utilitylinks a:hover {
	color: #e7b538;
	text-decoration: none;
	}
#utilitylinks a:active {
	color: #ffffff;
	text-decoration: none;
	}

/* HEADER IMAGE STYLES
--------------------------------------------------------------------- */	
.headerwindow {
	background-color: #000000;
	height: 195px;
	width: 780px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
.home .headerwindow {
	background-image: url(../images/background-header1.jpg);
	background-repeat: no-repeat;
	}
.about .headerwindow {
	background-image: url(../images/background-header2.jpg);
	background-repeat: no-repeat;
	}
.products .headerwindow {
	background-image: url(../images/background-header3.jpg);
	background-repeat: no-repeat;
	}
.contact .headerwindow {
	background-image: url(../images/background-header4.jpg);
	background-repeat: no-repeat;
	}

/* INTERFACE STYLES - MAIN MENU BAR
--------------------------------------------------------------------- */	
div#buttonbar {
	padding: 0px;
	width: 530px;
	position: relative;
	margin: 159px 0px 0px 31px;
	text-align: left; 
	display: block;
	height: 36px;
	}
div#buttonbar ul {
    margin: 0px; padding: 0px; 
	}
div#buttonbar li {
	display: block;
    float: left;
	position: relative;
	list-style-type: none;
	height: 36px;
	}
div#buttonbar li:hover { 
	background-position: 0px -36px;
	}			
div#buttonbar a {
    display: block;
	text-indent: -1000em;
	}
div#buttonbar a:hover { 
	background-position: 0px -36px;
	}
* html div#buttonbar ul {
    float: left;
	}	
.button {
	height: 36px;
	top: 0px;
	Left: 0px;
	}
.button1 {
    width: 132px;
	height: 36px;
	display: block;
	padding: 0px;
	background: url("../images/buttonbar1.gif") 0px -72px no-repeat;
	}
.button2 {
    width: 132px;
	height: 36px;
	display: block;
	padding: 0px;
	background: url("../images/buttonbar2.gif") 0px -72px no-repeat;
	}
.button3 {
    width: 132px;
	height: 36px;
	display: block;
	padding: 0px;
	background: url("../images/buttonbar3.gif") 0px -72px no-repeat;
	}
.button4 {
    width: 131px;
	height: 36px;
	display: block;
	padding: 0px;
	background: url("../images/buttonbar4.gif") 0px -72px no-repeat;
	}
div#buttonbar .selected {
	background-position: 0px 0px;
	}

/* PAGE LAYOUT STYLES
--------------------------------------------------------------------- */	
.bodytextwrap {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 440px;
	}
.contentcontainer {
	margin: 0px;
	padding: 0px;
	border: none;
	background-image: url(../images/background-content.jpg);
	background-repeat: repeat-x;
	}
.contentcontainer p {
	margin: 0px;
	padding: 15px;
	color: #b7c7d0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	}
.contentcontainer p sup {
	font-size: .8em;
	line-height: .8em;
	font-weight: normal;
	}
.homecontentcontainer p {
	margin: 0px;
	padding: 5px 15px 15px 15px;
	color: #b7c7d0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	}

/* FOOTER STYLES
--------------------------------------------------------------------- */	
.pagewrapper #footer { 
	height: 33px;
	padding: 0px 0px 0px 0px;
	background: url('../images/background-footer.jpg') repeat-x;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
	} 
.pagewrapper #footerProd { 
	height: 33px;
	padding: 0px 0px 0px 0px;
	background: url('../images/background-footer2.jpg') repeat-x;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
	} 
.pagewrapper #footer p {
	margin: 0;
	padding: 15px 0px 0px 0px;
	}
.pagewrapper #footerProd p {
	margin: 0;
	padding: 15px 0px 0px 0px;
	}
.footlink a:link {
	color: #666666;
	text-decoration: none;
	}
.footlink a:visited {
	color: #666666;
	text-decoration: none;
	}
.footlink a:hover {
	color: #fca313;
	text-decoration: underline;
	}
.footlink a:active {
	color: #666666;
	text-decoration: none;
	}
.pagewrapper #footer p sup {
	font-size: .8em;
	line-height: .8em;
	font-weight: normal;
	}
.pagewrapper #footerProd p sup {
	font-size: .8em;
	line-height: .8em;
	font-weight: normal;
	}
	
.copyrighttext {
	font: Arial, Helvetica, sans-serif;
	margin: 15px 0px 15px 0px;
	text-align: center;
	font-weight: normal;
	font-size: 9px;
	color: #CbCbCb;
	font-style: italic;
	}

/* GENERAL UTILITY STYLES
--------------------------------------------------------------------- */	
.fltrt { 
	float: right;
	margin-left: 8px;
	}
.fltlft { 
	float: left;
	margin-right: 8px;
	}
.clearfloat { 
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
	}
.right { float: right; }
.photoinlineleft {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #FF9900;
	}
.photoinlineicon {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	}

/* HOMEPAGE BOX STYLES
--------------------------------------------------------------------- */	
#mainContenthome .box {
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 351px;
	}
#mainContenthome .leftmarg { margin-left: 20px; }
#mainContenthome .box .title {
	background: url('../images/calloutheader.jpg') repeat-x;
	text-align: left;
	line-height: 30px;
	font-weight: bold;
	font-size: 12px;
	color: #fca313;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}
#mainContenthome .box .box-wrap {
	border: 5px solid #42464d; 
	margin: 0px;
	padding: 0px;
	}
#mainContenthome .box .box-cont {
    margin: 0px;
	padding: 5px 15px 5px 10px;
	background-color: #686B6F;
	background-image: url(../images/boxbacker.jpg);
	background-repeat: repeat-x;
	overflow: hidden;
	width: 316px;
	}
#mainContenthome .box .box-cont p {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	color: #b7c7d0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: normal;
	font-weight: normal;
	}
#mainContenthome .box .box-cont p span {
	color: #ffffff;
	}
#mainContenthome .box-foot {
	margin: 0px;
	padding: 0px 15px 0px 15px;
	font-size: 10px;
	line-height: 30px;
	height: 30px;
	background-color: #21242A;
	}

#mainContenthome .featuredimage {
    width: 85px;
	height: 135px;
	float: left;
	border: 1px solid #AABAC2;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#mainContenthome .box a:link {
	color: #ffffff;
	text-decoration: none;
	}
#mainContenthome .box a:visited {
	color: #ffffff;
	text-decoration: none;
	}
#mainContenthome .box a:hover {
	color: #fca313;
	text-decoration: underline;
	}
#mainContenthome .box a:active {
	color: #ffffff;
	text-decoration: none;
	}
#mainContenthome .smallarrow {
	color: #fca313;
	}
#mainContent p a:link {
	color: #ffffff;
	text-decoration: none;
	}
#mainContent p a:visited {
	color: #ffffff;
	text-decoration: none;
	}
#mainContent p a:hover {
	color: #fca313;
	text-decoration: underline;
	}
#mainContent p a:active {
	color: #ffffff;
	text-decoration: none;
	}

/* SIDEBAR BOX STYLES
--------------------------------------------------------------------- */	
#sidebar .box { 
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 280px;
	}
#sidebar .box .title {
	background: url('../images/calloutheader.jpg') repeat-x;
	text-align: left;
	line-height: 30px;
	font-weight: bold;
	font-size: 12px;
	color: #fca313;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}
#sidebar .box .box-wrap {
	border: 5px solid #42464d;
	margin: 0px;
	padding: 0px;
	background-color: #686B6F;
	background-image: url(../images/boxbacker.jpg);
	background-repeat: repeat-x;
	}
#sidebar .box .box-cont {
	padding: 5px 15px 5px 10px;
	display: block;
	width: 245px;
	}
#sidebar .box .box-cont p {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	color: #b7c7d0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: normal;
	font-weight: normal;
	}
#sidebar .box .box-cont p span {
	color: #ffffff;
	}
#sidebar .box-foot {
	padding: 0px 15px 0px 15px;
	font-size: 10px;
	line-height: 30px;
	height: 30px;
	background-color: #21242A;
	}
#sidebar .featuredimage {
    width: 85px;
	height: 135px;
	float: left;
	border: 1px solid #AABAC2;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#sidebar .box a:link {
	color: #ffffff;
	text-decoration: none;
	}
#sidebar .box a:visited {
	color: #ffffff;
	text-decoration: none;
	}
#sidebar .box a:hover {
	color: #fca313;
	text-decoration: underline;
	}
#sidebar .box a:active {
	color: #ffffff;
	text-decoration: none;
	}
#sidebar .smallarrow {
	color: #fca313;
	}

/* MISC FONT STYLES
--------------------------------------------------------------------- */	
.bluetext {
	color: #99CCFF;
}
.pagewrapper #bullist1 {
	margin: 15px 15px 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
.pagewrapper #bullist1 ul {
	margin: 0px 0px 0px -10px;
	}
.pagewrapper #bullist1 ul li {
    margin: 5px 0px 5px 0px;
	list-style-image: url(../images/bullet_square.gif);
	color: #b7c7d0;
	}
.pagewrapper #bullist1 ul ul li {
    margin: 5px 0px 5px -10px;
    list-style-image: url(../images/bullet_smlsquare.gif);
	color: #b7c7d0;
	}
.nowrap { white-space: nowrap;}	
.charttitle {
    margin: 0px 15px 0px 15px;
	padding: 0px 0px 3px 0px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
	}

/* TITLEBAR STYLES
--------------------------------------------------------------------- */	
.pagewrapper .homehead {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 61px;
	text-indent: -1000em;
	background-color: #000000;
	background-image: url(../images/titlebar-home.jpg);
	background-position: 0px 0px;
	} 
.pagewrapper .homeheadblank {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 61px;
	text-indent: -1000em;
	background-color: #000000;
	background-image: url(../images/titlebar-home_blank.jpg);
	background-position: 0px 0px;
	} 
.pagewrapper .abouthead {
	margin: 0px;
	padding: 0px;
	height: 61px;
	text-indent: -1000em;
	background-color: #000000;
	background-image: url(../images/titlebar_about.jpg);
	background-position: 0px 0px;
	} 
.pagewrapper .contacthead {
	margin: 0px;
	padding: 0px;
	height: 61px;
	text-indent: -1000em;
	background-color: #000000;
	background-image: url(../images/titlebar_contact.jpg);
	background-position: 0px 0px;
	} 
.pagewrapper .blankhead {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	height: 61px;
	color: #FF9900;
	font:normal 24px/61px Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(../images/titlebar_blank.jpg);
	background-position: 0px 0px;
	text-transform: uppercase;
	} 

/* LINK BUTTON STYLES
--------------------------------------------------------------------- */	
#downloadbar {
	width: 125px;
	float: right;
	margin: 0px 20px 10px 0px;
	padding: 0px;
	}
#downloadbar ul {
	width: 125px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#downloadbar li {
	float: left;
	margin: 0px 0px 0px 0px;
	height: 25px;
	display: block;	
	}
#downloadbar a.pdfbutton {
    width: 125px;
	height: 25px;
	display: block;
	padding: 0px;
	background: url("../images/button-pdf.jpg") 0px -25px no-repeat;
	text-decoration: none;
	}
#downloadbar a:hover.pdfbutton {
	background-position: 0 0px;
	}
	

.pagewrapper #bullist2 {
	margin: 15px 0px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
.pagewrapper #bullist2 ul {
	margin: 0px 0px 0px -10px;
	}
.pagewrapper #bullist2 ul li {
    margin: 15px 0px 5px 0px;
	list-style-image: url(../images/bullet_square.gif);
	color: #b7c7d0;
	}
.pagewrapper #bullist2 ul ul li {
    margin: 5px 0px 5px -10px;
    list-style-image: url(../images/bullet_smlsquare.gif);
	color: #b7c7d0;
	}
#bullist2 .inlinelink a:link {
	color: #b7c7d0;
	text-decoration: none;
}
#bullist2 .inlinelink a:visited {
	color: #b7c7d0;
	text-decoration: none;
}
#bullist2 .inlinelink a:hover {
	color: #fca313;
	text-decoration: underline;
	background-color: #111111;
}
#bullist2 .inlinelink a:active {
	color: #b7c7d0;
	text-decoration: none;
}

.inlinelink2 a:link {
	color: #FBA804;
	text-decoration: none;
}
.inlinelink2 a:visited {
	color: #FBA804;
	text-decoration: none;
}
.inlinelink2 a:hover {
	color: #ffffff;
	text-decoration: underline;
	background-color: #111111;
}
.inlinelink2 a:active {
	color: #FBA804;
	text-decoration: none;
}

.camobacker {
	background: url(../images/camo-backer.jpg) no-repeat left top;
	display: block;
	position:relative;
	height:100%;
	overflow:hidden;
}
