/* CSS Document */

* {
	padding:15;
	font-size:10pt;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: top;
}
navmenu {
	padding:0;
	font-size:10pt;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#navmenu ul
{
	margin:0px; padding:0px;
	}
#navmenu ul li
{
	display:inline; 
	height:55px;
	width:125px;
	float:left;
	text-align:center;
	font:Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:#000;
	list-style:none;
	vertical-align:middle;
	position:relative;
	background-image:url(images/menubutton.png)
	}
#navmenu ul li a
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	list-style:none;
	font-size:11px;
	}
	
#navmenu ul li a:hover
{
	display:inline; 
	height:55px;
	width:125px;
	float:left;
	text-align:center;
	font:Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFF;
	list-style:none;
	vertical-align:middle;
	background-image:url(images/menubutton_hover.png)
	}
#navmenu li ul
{ 
margin:0px;
padding:0px;
display:none;
position:absolute;
visibility:hidden;
left:0px;
top:55px;
}

#navmenu li:hover ul
{
	display:list-item;
	width:194px;
	visibility:visible;
	position:absolute;
	left:0px;
	top:55px;
	z-index:2;
}

#navmenu li:hover ul ul
{
	display:block;
	width:194px;
	visibility:hidden;
	position:absolute;
	left:100%;
	top:0px;
	z-index:2;
}

#navmenu li li
{ 
list-style:none;
display:block;
text-align:left;
padding-left:6px;
width:194px;
height:30px;
background-image:url(images/submenubutton.png)
}

#navmenu li li:hover
{ 
list-style:none;
display:block;
width:194px;
background-image:url(images/submenubutton_hover.png)
}

#navmenu li li:hover a:hover
{
	list-style:none;
	display:list-item;
	width:194px;
	background-image:url(images/submenubutton_hover.png)
}

#navmenu li li:hover li
{
	list-style:none;
	display:block;
	width:194px;
	background-image:url(images/submenubutton.png);
	visibility: visible;
}
#navmenu li li:hover li:hover
{
	list-style:none;
	display:block;
	width:194px;
	background-image:url(images/submenubutton_hover.png);
	visibility: visible;
}

#navmenu li li:hover li:hover a:hover
{
	display:list-item;
	width:194px;
	visibility: visible;
	list-style-type: none;
	background-image:url(images/submenubutton_hover.png);
	text-decoration: none;
	position:absolute;
}


body{
	background:#161717;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

prodhead { font:Verdana, Geneva, sans-serif;
			font-size:16px;
			text-align:center;
			}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#CCC;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#FFF;
	outline:none;
}
h3 a {color:#fff; outline:none; text-decoration:none;}
a:hover{text-decoration:none;}

h1 a,h2,h3,h4,h5,h6 {
	line-height:1.2em;
	font-weight:normal;
	}
h1 a {
	font-size:44px;
	color:#fff;
	letter-spacing:-1px;
	display:inline-block;
	}
h2 {
	
	font-size:17px;
	color:#fff;
	line-height:18px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	text-decoration: none;
	a:hover{text-decoration:none;}
	
	}
h3 {
	font-size:16px;
	color:#fff;
	padding:10px 0 5px;
	text-decoration:none;

	a:hover{text-decoration:none;}
	}
hr {border:0; border-top:1px solid #494949; margin:20px 0 5px; color:#383838; line-height:1px;}

/* ============================= main layout ====================== */
#main {background:#383838 url(images/bg.jpg) no-repeat center 21px;}
.col1, .col2, .col3 {padding-left:20px; padding-right:15px;}

.imgindent {margin:0 15px 0 0; float:left;}
.fright {text-align:right;}
.block {
	margin-bottom:15px;
	overflow:visible;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}
.block  p{
	margin-bottom:15px;
	overflow:visible;
	text-align: left;
	font-weight: 200;
	font-size: 12px;
}
/* ============================= header ====================== */
#header {
	text-align:center}
#header li, .row li {display:inline;}
object {outline:none;}
/*row, status bar*/
#header .row {
	background:#323232;
	color:#CCC;
	font-size:10px;
	padding:4px 15px 7px 19px;
	text-align:left;
	overflow:hidden;
}
#prodgallery .header .row {
	background:#323232;
	color:#CCC;
	font-size:10px;
	padding:4px 15px 7px 19px;
	text-align:left;
	overflow:hidden;
}
.row a {
	margin:0 5px;
	color:#CCC;
	text-decoration:none;
}
.row a span,.row a.active, .row a.active:hover {color:#b5b5b5; text-decoration:underline;}
.row a:hover,.row a:hover span {
	color: #666;
}
#header .menu {
	margin:0 5px;
	color:#CCC;
	text-decoration:none;
	text-align:left;
	font-size:16px;
	font-weight:600;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
}
#prodgallery .header .menu{
	margin:0 5px;
	color:#CCC;
	text-decoration:none;
	text-align:left;
	font-size:16px;
	font-weight:600;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
}


/* ============================= content ====================== */
#content {background:url(images/content_bg.gif) no-repeat bottom center;}


#product_page.content li {
	line-height:27px;
	font-size:14px;
	padding-left:20px;
	
}


#prodgallery li {
	font-size:14px;
	padding-left:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
}


#content li {
	line-height:27px;
	font-size:14px;
	padding-left:5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
}
.link {font-size:15px;}

#content ul.left,#content ul.right {width: 205px;margin:8px 0 12px;}

.title1 {background:url(images/page_ic1.jpg) no-repeat left 12px; padding-left:43px;} 
.title2 {background:url(images/page_ic2.jpg) no-repeat left 12px; padding-left:43px;}
.title3 {background:url(images/page_ic3.jpg) no-repeat left 12px; padding-left:43px;}
.title4 {background:url(images/page_ic4.jpg) no-repeat left 12px; padding-left:55px;}

#page1 .acryliprint{background:url(images/apfpwithsamples.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left; a:text-decoration=none} 
#page1 .laser_engraver {padding-left:5px; padding-right:0px; text-align:left} 
#page1 .engraving_machines {background:url(images/cnc-mini.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left} 
#page1 .supporttitle {background:url(images/customers-mini.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left} 
#page1.article {font-size:16px; text-align:left; font-weight:bold;}
#page4 .acryliprint {background:url(images/apfpwide.png) no-repeat left 12px; padding-left:5px;	padding-right:0px; text-align:left;	font-size: 16px; a:text-decoration:none}
#page4 .laser_engraver {background:url(images/laserwide.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left; font-size: 16px; a:text-decoration:none}
#page4 .engraving_machines {background:url(images/cncwide.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left; font-size: 16px; a:text-decoration:none}
#page4 .supporttitle {background:url(images/customers-mini.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left} 

#page4 .visionlight {padding-left:5px; padding-right:0px; text-align:left} 
#page4 .laser_engraver {background:url(images/laserwide.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left}
#page4 .engraving_machines {background:url(images/cncwide.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left} 
#page4 .supporttitle {background:url(images/customers-mini.png) no-repeat left 12px; padding-left:5px; padding-right:0px; text-align:left} 


#content ul.single{width: 410px;margin:8px 0 12px;}


/*black block*/
.black {
	background: url(images/black_bg.gif) repeat-y top center; 
	margin-bottom:28px;
	}
.black .wrapper {
	background: url(images/black_bg_bottom.gif) no-repeat bottom center;
	padding:0 0 33px;
	text-decoration:none;
	}
.black .cols {
	padding-top:28px;
	overflow:hidden;
	background-image: url(images/black_bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration:none;
	text-align:left;
}
.black .cols.p {
	text-align:left;
	

}
.black .cols div {
	padding:0 15px 14px 20px;
	width:207px;
	float:left;
}
.black1col {
	padding-top:28px;
	overflow:hidden;
	background-image: url(images/black_bg_top.gif);
	background-repeat:no-repeat;
	background-position: center top;
}
.black1col .prodtitle {
	padding:0 15px 14px 20px;
	width:935px;
	float:none;
	background-image: url(images/black_bg_solid.gif);
	background-repeat:repeat-y;
	background-position: center top;
}
.black1col .prodcontent {
	padding:0 15px 14px 20px;
	width:935px;
	float:none;
	background-image: url(images/black_bg_solid.gif);
	background-repeat:repeat-y;
	background-position: center top;
}
.black1col .prodcontent div {
	padding:25px 100px 10px 100px;
	text-align:justify;
	width:650px;
	float:none;
	background-image: url(images/black_bg_solid.gif);
	background-repeat:repeat-y;
	background-position: center top;
}
#page2 .black .cols div {
	padding:0 15px 14px 20px;
	width:276px;
	float:left;
	background:url(images/black_bg_top.gif) repeat-y top center;
}
#page4 .black .cols div {
	padding:0 15px 14px 20px;
	width:276px;
	float:left;
	background:url(images/black_bg_top.gif) repeat-y top center;
	text-decoration:none;
	
}
* html .black .cols div {padding-right:14px;}
.black p {
	font-size:15px;
	line-height:20px;
	padding-bottom:30px;
	color:#CCC;
}
.black .btn {margin-top:7px;}

#page6 .row1 p {
	
	text-align:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	
}

/*buttons*/
a.btn {
	background:url(images/btn_middle.gif) repeat-x top center;
	display:inline-block;
	font-size:10px;
	line-height:27px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}

a.btn:hover {
	background:url(images/btn_middle.gif) repeat-x bottom center;
	display:inline-block;
}

/*Prod buttons for BOFA air filtration left Nav*/

a.prodleftbofa {
	width:115px;
	display:inline-block;
	font-size:12px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:8px;
	color:#3E3E3E;
}

a.prodleftbofa {
	background:url(images/prodbtn_middle_red.gif) repeat-x top center;
	width:115px;
	display:inline-block;
	font-size:10px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:8px;
}

a.prodleftbofa:hover {
	background:url(images/prodbtn_middle_red_hover.gif) repeat-x bottom center;
	display:inline-block;
	color:#d20000;
}
/*END OF Prod buttons for BOFA air filtration left Nav*/

/*Prod buttons for UV Printers left Nav*/

a.prodleftuvprinter {
	width:115px;
	display:inline-block;
	font-size:12px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:8px;
	color:#3E3E3E;
}

a.prodleftuvprinter {
	background:url(images/prodbtn_middle_purple.gif) repeat-x top center;
	width:115px;
	display:inline-block;
	font-size:10px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:8px;
}

a.prodleftuvprinter:hover {
	background:url(images/prodbtn_middle_purple_hover.gif) repeat-x bottom center;
	display:inline-block;
	color:#4c4da0;
}

/*END OF Prod buttons for UV Printer left Nav*/


/*Prod buttons for Wide Format Printer left Nav*/

a.prodleftwideformatprinter {
	width:115px;
	display:inline-block;
	font-size:12px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:8px;
	color:#3E3E3E;
}

a.prodleftwideformatprinter {
	background:url(images/prodbtn_middle_green.gif) repeat-x top center;
	width:115px;
	display:inline-block;
	font-size:10px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:8px;
}

a.prodleftwideformatprinter:hover {
	background:url(images/prodbtn_middle_green_hover.gif) repeat-x bottom center;
	display:inline-block;
	color:#090;
}

/*END OF Prod buttons for Wide Format Printer left Nav*/

/*Prod buttons for Universal Laser left Nav*/

a.prodleftlaser {
	width:115px;
	display:inline-block;
	font-size:12px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:8px;
	color:#3E3E3E;
}

a.prodleftlaser {
	background:url(images/prodbtn_middle_red.gif) repeat-x top center;
	width:115px;
	display:inline-block;
	font-size:10px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-align:left;
	padding-left:8px;
}

a.prodleftlaser:hover {
	background:url(images/prodbtn_middle_red_hover.gif) repeat-x bottom center;
	display:inline-block;
	color:#d20000;
}


/*END OF Prod buttons for Universal Laser left Nav*/

a.prodbtn {
	background:url(images/prodbtn_middle.gif) repeat-x top center;
	width:120px;
	display:inline-block;
	font-size:10px;
	line-height:27px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}
a.prodbtn span{
	background:url(images/prodbtn_left.gif) no-repeat left top;
	color:#010101;
	display:inline-block;
	cursor:pointer;
}
a.prodbtn span span{
	background:url(images/prodbtn_right.gif) no-repeat right top;
	padding:0 8px;
}

a.prodbtn:hover {
	background:url(images/prodbtn_middle.gif) repeat-x bottom center;
	display:inline-block;
}
a.prodbtn:hover span {background:url(images/prodbtn_left.gif) no-repeat left bottom;}
a.prodbtn:hover span span {background:url(images/prodbtn_right.gif) no-repeat right bottom;}


/*phone*/
.phone span {display:inline-block; width:95px; font-weight:normal;}
.phone a {color:#747474;}
.phone a:hover {color:#fff;}

.row1 {padding:10px 0 45px;}
#page5 .row1 .wrapper {background:url(images/line_bg.gif) repeat-y 485px top;}

.row3  {padding-bottom:13px;}
#page1 .row3, #page3 .row3, #page8 .row1 .wrapper  {background:url(images/line_bg.gif) repeat-y 485px top;}
#page2 .row3,#page8 .row3 {background:url(images/line_bg.gif) repeat-y 242px top; padding-bottom:0;}
#page2 .row3 .border,#page4 .row3 .border, #page5 .row3 .border,#page8 .row3 .border {background:url(images/line_bg.gif) repeat-y 727px top; padding-bottom:13px;}

#page4 .row3,#page7 .row3, #page5 .row3 {background:url(images/line_bg.gif) repeat-y 485px top; padding-bottom:0;}
#page4 .col3 h3 {padding-top:0;}
#page4 .col2  ul { margin:8px 0 4px;}
#page8 .black p {padding-bottom:5px;}
.first {padding-top:0;}
.blocks .block {margin-bottom:5px;}
/* ============================= footer ====================== */
#footer {
	color:#383838;
	font-size:10px;
	text-transform:uppercase;
	text-align:left;
	padding:30px 0 0 25px;
	width:975px;
	margin:0 auto;
	background:url(images/footer_bg.jpg) no-repeat top center;
}
#footer p {padding:5px 0 0 10px; color:#505050}
#footer a {text-decoration:none; color:#505050}
#footer a.active, #footer a.active:hover {color:#505050; cursor:default;}
#footer a:hover {color:#fff;}
#footer li {display:inline; font-size:13px;}
#footer li a {
	color:#adadad;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}
#prodgallery .footer {
	color:#383838;
	font-size:10px;
	text-transform:uppercase;
	text-align:left;
	padding:30px 0 0 25px;
	width:975px;
	margin:0 auto;
	background:url(images/footer_bg.jpg) no-repeat top center;
}
#prodgallery .footer p {padding:5px 0 0 10px; color:#505050}
#prodgallery .footer a {text-decoration:none; color:#505050}
#prodgallery .footer a.active, #footer a.active:hover {color:#505050; cursor:default;}
#prodgallery .footer a:hover {color:#fff;}
#prodgallery .footer li {display:inline; font-size:13px;}
#progallery. footer li a {
	color:#adadad;
	margin:0;
}

/* ============================= forms ============================= */


#ContactForm label {height:30px; display:block;}

.input {width:175px; height:18px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:175px; height:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}