body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:20px;
}
div.item-white {

	background-color: #FFF;
	border: 1px solid #cbccce;
	padding: 0.8em;
}
.top {
	background-image:url(../images/shadow_top.jpg);
	background-repeat:no-repeat;
	width:990px;
	height:33px;
}
.top_main {
	background-color:#FFF;
	width:969px;
	height:76px;
}
#bg_main {
	background-image:url(../images/bg_middle.png);
	background-repeat:repeat-y;
	width:999px;
	padding-left:0px;
	margin-left:0px;
}

#home_container
{
	padding-right:0px;
}

#leftFloat
{
  float: left;
  padding-left:41px;
  padding-right:0px;
  margin-left:0px;
  padding-top:0px;
  width: 679px;
  text-align:left;
}

#rightFloat
{
  float: right;
  width: 277px;
  padding-left:0px;
  padding-right:0px;
  text-align:left;
}

#inside_content 
{
	  text-align:left;	  
  padding-left:41px;
  padding-right:40px;
  padding-bottom:20px;
}

/****************************************
CLEARING
****************************************/

.clearDiv {
	clear: both;
	height: 0px;
	line-height: 0px;
}

.clearText {
	display: block;
	text-indent: -999999em;
}

.clear /* For IE/MAC. */
{
	display: inline-block;
}

.clear:after /* For Non-IE browsers. */
{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
}

* html .clear /* For IE6 and below, trigger hasLayout. */
{
	height: 1%;
}

.clear /* For IE/Win. */
{
	display: block;
}




a { font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}
a:hover { font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#9a6928;
}
a.imagelinks {
	display:block;
	border:2px solid #FFF;
}

a.imagelinks img {
	margin-top:0px;
	border:0px;
}

a.imagelinks:hover {
	border:2px solid #b5853b;
}
.mainlink { font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}
.mainlink:hover { font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#9a6928;
}
	
.bottomtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c4c4c4;
	line-height:18px;
	text-decoration:none;
}
.bottomtextlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c4c4c4;
	line-height:18px;
	text-decoration:none;
}
.bottomtextlinks:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c4c4c4;
	line-height:18px;
	text-decoration:none;
}
.bottomtextlinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height:18px;
	text-decoration:underline;
}
.small_text_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height:18px;
}
.small_text_black_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height:18px;
}
.small_text_black_link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height:18px;
	text-decoration:underline;
	font-weight:bold;
}
.small_text_black_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9a6928;
	line-height:18px;
		text-decoration:none;
	font-weight:bold;
}
.text_cart {
	color: #9a6928;
}


/*--NAVIGATION--*/

ul.topnav {
    width: 100%;  
    margin: 0;
    padding: 0;
    list-style: none;
	
}

ul.topnav li {
	float:left;
	background-repeat:no-repeat;
	background-position:right;
	position: relative; /*--Declare X and Y axis base--*/	
	color: #9a6928; }

ul.topnav li a{
	display: block;
    text-decoration: none;
    font-weight: bold;
	color: #FFF;
 }

ul.topnav li a.buttons{
	display: block;
    padding: 8px 21px;
    text-decoration: none;
    font-weight: bold;
	color: #fff;
	background-image:url(../images/nav_spacer.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color: #bb8844;  }

ul.topnav li a.buttons2{
	display: block;
    padding: 8px 21px;
    text-decoration: none;
    font-weight: bold;
	color: #fff;
	background-image:url(../images/nav_spacer.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color: #5b0b37;  }


ul.topnav li a.buttons:hover{
    color: #9a6928;
    background-color: #e9dbb9; }
	
ul.topnav li a.buttons2:hover{
    color: #5b0b37;
    background-color: #d9b0c7; }	
	
	ul.topnav li .selected{
		display: block;
    padding: 8px 21px;
    text-decoration: none;
    font-weight: bold;
	background-repeat:no-repeat;
	background-position:right;
	 background-color: #efe8d6;
    color: #9a6928;
    }

ul.topnav li a.select{
display: block; padding: 8px 21px; text-decoration: none; font-weight: bold;color: #9a6928; background-color: #efe8d6; background-image:none;}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 39px;
	float: left;
	background-color: #e9dbb9;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 38px;
	background: #e9dbb9;
	margin: 0; padding: 0;
	display: none;
	text-align:left;
	float: left;
	width: 165px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #cea977; /*--Create bevel effect--*/
	border-bottom: 1px solid #aa7631; /*--Create bevel effect--*/
	clear: both;
	width: 165px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 123px;
	background: #bb8844 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #e9dbb9 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	color:#9a6928; 
}
ul.topnav li ul.subnav2 {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 38px;
	background: #5b0b37;
	margin: 0; padding: 0;
	display: none;
	text-align:left;
	float: left;
	width: 165px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
ul.topnav li ul.subnav2 li{
	margin: 0; padding: 0;
	border-top: 1px solid #7d1e52; /*--Create bevel effect--*/
	border-bottom: 1px solid #3e0022; /*--Create bevel effect--*/
	clear: both;
	width: 165px;
}

html ul.topnav li ul.subnav2 li a {
	float: left;
	width: 123px;
	background: #5b0b37 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	
}
html ul.topnav li ul.subnav2 li a:hover { /*--Hover effect for subnav links--*/
	background: #d9b0c7 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	color:#5b0b37; 
}



.shadow_right {
	background-image: url(../images/shadow_right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.shadow_left {
	background-image: url(../images/shadow_left.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg_rightpanel {
	background-image: url(../images/bg_rightpanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:right;
}
.address_cell {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bb8844;
	padding-left:10px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9a6928;
}

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url("highslide/graphics/zoomin.cur"), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url("highslide/graphics/loader.white.gif");
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: gray;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url("highslide/graphics/controlbar-white.gif") 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url("highslide/graphics/controlbar-white.gif") right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url("highslide/graphics/controlbar-white.gif");
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

.hidden-container {
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position:  -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

.button_machinery {
	background-image:url(../images/home_button_right.gif);
	height: 89px;
	width:223px;
}

.button_epson {
	background-image:url(../images/img_bg_epson.jpg);
	height: 89px;
	width:349px;
}

.button_matcutting {
	background-image:url(../images/img_bg_matcutting.jpg);
	height: 89px;
	width:349px;
}


/****************************************
FOOTER - SOCIAL MEDIA
****************************************/

#contContainer {
	width: 58px;
	height: 16px;
	padding-top: 5px;
	padding-right:28px;
	float:right;
}

#socialMedia {
	margin: 0;
	padding: 0;
	position: relative;
}

#socialMedia li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#socialMedia li, #socialMedia a {
	display: block;
	height: 16px;
	/*text-indent: -999999em;*/
}

#socialMedia a {
	background-image: url(/images/ico_social-media.gif);
}

#linkedIn {
	left: 0px;
	width: 21px;
}
#linkedIn a {
	background-position:  0px 0px;
}
#linkedIn a:hover, #linkedIn a.active {
	background-position: 0px -16px;
}

#twitter {
	left: 21px;
	width: 21px;
}
#twitter a {
	background-position: -21px 0px;
}
#twitter a:hover, #twitter a.active {
	background-position: -21px -16px;
}

#facebook {
	left: 42px;
	width: 16px;
}
#facebook a {
	background-position: -42px 0px;
}
#facebook a:hover, #facebook a.active {
	background-position: -42px -16px;
}
