body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	color: #000000;
	background: url(/images/backgrounds/mi_lobby.jpg) no-repeat #404040;
	background-attachment: fixed;
}
a, a:link, a:visited, a:active {
	color: #336699;
}
h1,h2,h3,h4,h5 {margin:0;padding:0;font-weight:100;}
#container {
	margin: auto;
	margin-top: 10px;
	padding: 0px;
	width: 1000px;
}
#top {
	height: 165px;
	width: 100%;
	display: block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/backgrounds/black_bg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#top[id] {
  background:url(/images/backgrounds/black_bg.png) repeat;
}

div#top_box {
     position: relative;
     width: 100%;
}
div#bottom_box {
     position: relative;
     width: 100%;     
}

#top_left {
	float: left;
	margin: 20px;
	padding-bottom: 20px;
}
#top_left #m_logo {
	float: left;
}
#top_left #menu {
	float: left;
	margin-left: 15px;
}
#top_left #sep {
	float: left;
}
#top_left #menu ul {
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	list-style: none;
}
#top_left #menu ul li {
	margin: 0px;
	margin-top: 2px;
	padding: 3px;
	list-style: none;
	display: block;
	width: 110px;
	color: #ffffff;
	font-weight: bold;
	
}
#top_left #menu ul li a{
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 110px;
}
#top_left #main_nav {
	float: left;
	padding: 2px;
}
#top_left #sub_nav {
	float: left;
}
#top_right {
	float: right;
	margin: 20px;
	width: 293px;
}
#top_right #search {
	width: 293px;
}
#top_right #txtbox {
	float: left;
	margin: 0px;
	margin-right: 5px;
	padding: 5px;
	width: 200px;
	/*background: url(/images/searchbar.png) no-repeat;*/
}
#top_right .txtbox{
	margin: 1px;
	margin-top: -5px;
	padding: 2px;
	border: 0px;
	font-size: 12px;
	color: #666666;
	width: 204px;
	height: 16px;
	text-align: left;
	font-weight: 100;
	font-family: Arial;
}
.btnSearch {
	float: right;
	background: url(/images/search.png) no-repeat;
}
.btnSearch:hover {
	background: url(/images/search_over.png) no-repeat;
}
#extra {
	margin: 0px;
	padding:0px;
	text-align: right;
	vertical-align: bottom;
	background: url(/images/infotitle.png) no-repeat left bottom;
	width: 280px;
}
#extra ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
#extra ul li {
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
	list-style: none;
	display: inline;
}
#extra ul li a img {
	border: 0px;
 vertical-align: top;
}
.info {
	margin-top: 5px;
	display: none;
	background-color: #aaaaaa;
	padding: 3px;
	color: #000000;
	border: 1px solid #404040;
	text-align: center;
	float: right;
}
#extra ul li:hover .info {
	display: block;
}
#middle {	
	margin: 0px;
	margin-top: 20px;
	padding: 20px;
	padding-top: 0px;
	padding-left: 0px;
	display: block;
	min-height: 450px;
	clear: both;
	/*margin-bottom: 20px;*/
}

#middle #content {
	float: left;
	width: 450px;
	color: #000000;
	font-size: 14px;
}

#middle #content_full {
	float: left;
	width: 950px;
	color: #000000;
	font-size: 14px;
}
div#content_box {
     position: relative;
     width: 100%;
     min-height: 206px;
     padding: 25px;
}
#content_full div#content_box {
     position: relative;
     width: 100%;
     min-height: 406px;
     padding: 25px;
}
div#content_box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
div#content_box_background {
     background-color: #ffffff;
     height: 100%;
     filter: alpha(opacity=85); /* IE's opacity*/
     -moz-opacity:.85;
     opacity: 0.85;
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     z-index: 99;
}
#content_full div#content_box_background {
     background-color: #ffffff;
     height: 100%;
     filter: alpha(opacity=90); /* IE's opacity*/
     -moz-opacity:.90;
     opacity: 0.90;
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     z-index: 99;
}
#middle #content h1 {
	color: #000000;
	font-size: 24px;
	font-weight: lighter;
}
#middle #content h2 {
	color: #000000;
	font-size: 14px;
	font-weight: lighter;
}
#middle .content_button {
	border: 0px;
	border: 0px;
	padding: 4px;
}
#copy {
	padding: 5px;
	width: 445px;
	text-align: left;
	font-size: 14px;
}
#copy h1, #middle #content_full h1 {
	padding: 0px;
	color: #5e865c;
	font-size: 26px;
	font-weight: 100;
}
#copy h2, #middle #content_full h2 {
	padding: 0px;
	color: #c94631;
	font-size: 20px;
	font-weight: 100;
}
#copy h3, #middle #content_full h3 {
	padding: 0px;
	color: #c94631;
	font-size: 16px;
	font-weight: 100;
	margin: 0px;
	padding: 0px;
}

#bottom {
	width: 100%;
	display: block;
	padding: 0px;
	margin: auto;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/backgrounds/black_bg.png');
	height: 135px;
	clear: both;
}

/* IE ignores styles with [attributes], so it will skip the following. */
#bottom[id] {
  background:url(/images/backgrounds/black_bg.png) repeat;
}
#bottom #area {
	float: left;
	margin-top: 100px;
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: bottom;
	color: #ffffff;
}
#bottom #area a {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}
#bottom #copyright {
	float: right;
	margin-top: 35px;
	margin-right: 20px;
	vertical-align: bottom;
}
#camera #cmenu {
	margin: 0px;
	padding: 0px;
	padding-left: 38px;
	display: block;
}
#right_side {
	float: right;
	margin: 0px;
	padding: 0px;
}
#camera {
	width: 409px;
	height: 1px;
	min-height: 1px;
	position: relative;
	bottom: 405px;
	left: 505px;
	z-index: 105;
	
	/* HIDDEN FOR THE CONSTRUTION */
	
}
.cam_findouroffice {
	float: left;
	width: 139px;
	height: 24px;
	background: url(/images/findouroffice.png) no-repeat;
}
.cam_findouroffice:hover {
	background: url(/images/findouroffice_over.png) no-repeat;
}
.cam_contactus {
	float: left;
	width: 113px;
	height: 24px;
	background: url(/images/contactus.png) no-repeat;
}
.cam_contactus:hover {
	background: url(/images/contactus_over.png) no-repeat;
}
.cam_bored {
	float: left;
	width: 86px;
	height: 24px;
	background: url(/images/bored.png) no-repeat;
}
.cam_bored:hover {
	background: url(/images/bored_over.png) no-repeat;
}
#cam_box {
	clear: both;
}
#cam_top {
	margin: 0px;
	margin-bottom: -3px;
	padding: 0px;
}
#cam_photo {
	margin: 0px;
	padding: 0px;
	background: url(/images/cam_bg.png) repeat-y;
	text-align: center;
}
.cam_bg {
	margin-left: 10px;
	background: url(/images/cam_bg.gif) no-repeat;
}

#news #title[id] {
  background-image:url(/images/white_bg.png) repeat;
}
#news .newsitem {
	margin-top: 2px;
	padding: 3px;
	display: block;
	width: 374px;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/white_bg.png');
}
#news .newsitem[class] {
	background-image:url(/images/white_bg.png) repeat;
}
#news .newsitem .newstitle {
	font-size: 14px;
}
#news .newsitem .newsdate {
	font-style: italic;
}
#news .newsitem a.newslink {
	float: right;
	text-align: center;
	color: #ffffff;	
}

/* Samples Section */
.samples,.menus {
	margin: 0px;
	padding: 10px;
	width: 926px; /* image width is 996px */
	background: url(/images/samples_bg.gif) repeat;
	height: 39px; /* image height is 416px */
	min-height: 396px;
	color: #ffffff;
	position:relative;
	z-index: 0;
}
.homepage { background: url(/images/home_bg.gif) repeat-y; color: #000000; }
.samples #up {
	clear: both;
	display: block;
	position: relative;
	z-index: 99;
}
/*.samples #up a{
	float: left;
	margin-right: 10px;
	position: relative;
	z-index: 99;
}*/
#menuback {
	display: block;
	background: url(/images/spacer.gif) repeat;
	position: absolute;
	top: 23px;
	left: -4px;
	width: 350px;
	height: 300px;	
}
#printsubmenu {
	position: absolute;
	top: 23px;
	left: 0px;
	border: 1px solid #303030;
	padding: 0px;
	margin: 0px;
	display: none;
	background: #404040;
}
#printsubmenu ul {
	list-style: none;
	background: #404040;
	margin: 0px;
	padding: 0px;
}
#printsubmenu ul li a {
	padding: 5px 10px 5px 5px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
#printsubmenu ul li a:hover {
	background: #333;
}

#websubmenu {
	position: absolute;
	top: 23px;
	left: 99px;
	border: 1px solid #303030;
	padding: 0px;
	margin: 0px;
	display: none;
	background: #404040;
}
#websubmenu ul {
	list-style: none;
	background: #404040;
	margin: 0px;
	padding: 0px;
}
#websubmenu ul li a {
	padding: 5px 10px 5px 5px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
#websubmenu ul li a:hover {
	background: #333;
}
/* ******** */
.samples img { border: 0px; }
.samples #sampleimage {
	clear: both;
	float: left;
}
.samples #samplecontent { margin-top: 25px; }
.samples #samplecontent .item { width: 90px; }
.samples #samplecontent { float: left; }
.samples #samplecontent #viewimages { display: block; margin-top: 10px; }
.samples #down {
	clear: both;
	float: left;
	position: relative;
	z-index: 100;
	top: -20px;
	left: 0px;
	width: 100%;
}
.samples #down_home {
	clear: both;
	float: left;
	position: relative;
	z-index: 100;
	top: -15px;
	left: 60px;
	width: 100%;
	
}
.samples #down .previous { float: left; }
.samples #down .next { float: right; }
.samples #down #lbl { float: left; padding: 10px 0 0 410px; font-size: 10px; text-align: center; }

.samples .print {
	position: relative;
	top: -38px;
	z-index: 1;
}
.menus .samplemenu1 {
	float: left;
	width: 455px;
}
.menus .samplemenu2 {
	float: right;
	width: 455px;
}
#printbg {
	background: url(/images/samples/print.png) no-repeat;
	display:block;
	padding: 65px 0 0 35px;
	height: 275px;
	min-height: 275px;
	position: relative;
	top:-72px;
}
#printbg ul li { width: 325px; border-bottom: 1px solid #dddddd; }
#webbg {
	background: url(/images/samples/web.png) no-repeat;
	display:block;
	padding: 35px 0 0 35px;
	height: 331px;
	min-height: 331px;
	position: relative;
	top:-30px;
}
#webbg ul li { width: 340px; border-bottom: 1px solid #dddddd; }
.sampleh1 { color:#f5f0d6; }
.menus ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.menus ul li {

}
.menus ul li a {
	color: #404040;
	text-decoration: none;
	font-size: 12px;
}
.menus ul li a:hover {
	color: #404040;
}
.menucopy {
	float: right;
	width: 480px;
}
/* ***** classes ***** */
.clear {
	clear: both;
	height: 1px;
	min-height: 1px;
	max-height: 1px;
	padding: 0px;
	margin: 0px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#product_link a {
	display: block;
	width: 150px;
	border: 5px solid #dddddd;
	background: #efefef;
	padding: 15px;
	text-align: center;
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}

#product_link a:hover {
	display: block;
	width: 150px;
	border: 5px solid #bbbbbb;
	background: #efefef;
	padding: 15px;
	text-align: center;
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}
.SearchDialog { float: left; }
.SearchResults  {
	float: right; 
	padding: 0 20px 0 45px; 
	border-left: 1px solid #dddddd; 
	display: block; 
	width: 500px;
}

.SearchResult { margin-bottom: 25px; }
.ResultTitle { font-size: 14px; font-weight:bold; }
.ResultPath { color: #bbbbbb; font-size: 11px; }
.message { padding: 10px; margin: 10px 0 10px 0; border: 1px solid #cccccc; background: #efefef; color: #666666; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.red {color:#c94631}
.feature_ribbon {position:absolute;z-index:500;top:0px;left:0px;}

.spacer { display:block; text-indent: -9999px; height: 20px; min-height:20px; margin:0;padding:0; }
.news_text { font-size: 12px; }
.news_text a {text-decoration:none; }

/* SAMPLES */
.sample_block { display:block; float: left; width: 180px; border: 10px solid #efefef; height: 180px; margin: 0 15px 15px 0; cursor: pointer; padding: 10px; background: url(/images/no_thumb.jpg); text-indent: -9999px; }
.sample_block:hover { border: 10px solid #dddddd; }