@charset "utf-8";
/* CSS Document */

@import url("/public/_css/layout2.css");
@import url("/home/_css/counter_style.css");
@import url("/_includes/colorbox/example1/colorbox.css");
@import url("/_includes/ext/jcarousel/skins/tango/skin.css");

#products_slidedown, #sustainable_slidedown, #resources_slidedown{
display:none;
}

 #ct_feature {
  background-color: #000; 
  margin:0;
  padding:0;
  height:420px;
  overflow:hidden;
}
 
.feature {
  margin:0 auto;
  width:919px;
  height:420px;
  display:none;
}
 
.featureTabs {
  width:50px;
  margin:0 auto;
  padding:0;
  position: absolute;	
  top: 440px;
  left: 900px;
}
 
.featureTabs li {
	float: left;
  margin:0;
  padding:0 5px 0 0;
  list-style:none;
  display:inline;
}
 
.featureTabs li a {
  color:#666;
  text-decoration:none;
  outline:none;
}


/* ============================*/
/*  TITLE AREA */
/* ============================*/

#titleArea{width:450px;}
#titleArea h2{
	background-image: url(../_img/titles/mjr_contact.jpg);
}
#contactLink{
	margin-top: 20px;
}

#aboutDIRTT{
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	margin-top: 0px;
	position: absolute;
	top: 565px;
	left: 0px;
}

#returnHome{
	display: none;
}

/* ============================*/
/*  MENU AREA */
/* ============================*/

#menuContent{
	z-index: 20;
}
#menuContent h5{
	font-size: 14px;
	color: #336699;
}
#menuContent ul{
	margin-top: 5px;
	margin-left: 15px;
}

#menuContent li{
	margin-bottom: 5px;
	font-size: 12px;
}
#menuContent li a:link,
#menuContent li a:visited{}
#menuContent li a:hover,
#menuContent li a:focus{}

#mm_walls {
	width: 115px;
	background-image: url(../_img/mm/mm_walls.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	overflow:hidden;
	padding: 20px 0 0 0; 
	height:0px !important;
	height /**/:20px; /* for IE5/Win only */
}

#mm_doors {
	width: 115px;
	background-image: url(../_img/mm/mm_doors.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	overflow:hidden;
	padding: 20px 0 0 0; 
	height:0px !important;
	height /**/:20px; /* for IE5/Win only */
}

#mm_floors {
	width: 115px;
	background-image: url(../_img/mm/mm_floors.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	overflow:hidden;
	padding: 20px 0 0 0; 
	height:0px !important;
	height /**/:20px; /* for IE5/Win only */
}

#mm_accessories {
	width: 115px;
	background-image: url(../_img/mm/mm_accessories.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	overflow:hidden;
	padding: 20px 0 0 0; 
	height:0px !important;
	height /**/:20px; /* for IE5/Win only */
}

.actionLinkmenu{
	background-image: url(../_img/btn/smallBtn.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	color: #FFCC33;
	font-size: 11px;
	margin-bottom: 3px;
}
.actionLinkmenu:hover{
	background-image: url(../_img/btn/smallBtnhover.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
}

.actionLinkmenu a:link,
.actionLinkmenu a:visited{
	color: #FFCC33;
	text-decoration: none;
}
.actionLinkmenu a:focus,
.actionLinkmenu a:hover{
	border-bottom: dotted 1px #FFCC33;
}

/* ============================*/
/*  CONTENT AREA: Feature */
/* ============================*/
#ct_feature{
	position: absolute;
	height: 433px;
	width: 750px;
	top: 0px;
	left: 203px;
	border: solid 1px #000;
	overflow: hidden;
}


/* ============================*/
/*  CONTENT AREA: myDIRTT */
/* ============================*/
#ct_myDIRTT{
	position: absolute;
	height: 23px;
	width: 198px;
	top: 0px;
	right: 0px;
	background-color: #333;
	border: solid 1px #000;
	overflow: hidden;
	z-index: 10;
}
#ct_myDIRTT a{
	margin-left: 90px;
	margin-top: 5px;
	padding:13px 0 0 0;
	display:block;
	overflow:hidden;
	height:0px !important;
	height /**/:13px; /* for IE5/Win only */
	background-image: url(../_img/homepage/btn_myDIRTT.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#ct_myDIRTT a:hover{
	background-position: 0px -13px;
}

/* ============================*/
/*  CONTENT AREA: Feature */
/* ============================*/
#ct_resources{
	position: absolute;
	height: 75px;
	width: 198px;
	top: 200px;
	left: 0px;
	background-color: #3f0f36;
	border: solid 1px #000;
	background-image: url(../_img/homepage/bkg_floral.png);
	background-repeat: no-repeat;
	background-position: 0px -185px;
}
#ct_resources h3{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 192px;
	background-image: url(../_img/homepage/pixel_70trans.png);
	background-repeat: repeat;
	font-size: 9px;
	text-transform: uppercase;
	color: #999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#ct_resources ul{
	font-size: 11px;
	margin-left: 5px;
	margin-top: 18px;
}
#ct_resources li{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;	
}
#ct_resources li a:link,
#ct_resources li a:visited{
	text-decoration: none;
	color: #CCC;
	border-bottom: dotted 1px #CCC;
}
#ct_resources li a:focus,
#ct_resources li a:hover{
	color: #FFF;
	border-bottom: solid 1px #FFF;
}
/* ============================*/
/*  CONTENT AREA: Feature */
/* ============================*/
#ct_applications{
	position: absolute;
	height: 80px;
	width: 198px;
	top: 115px;
	left: 0px;
	background-color: #600;
	background-image: url(../_img/homepage/bkg_floral.png);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	border: solid 1px #000;
}
#ct_applications h3{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 192px;
	background-image: url(../_img/homepage/pixel_70trans.png);
	background-repeat: repeat;
	font-size: 9px;
	text-transform: uppercase;
	color: #999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#ct_applications ul{
	font-size: 11px;
	margin-left: 5px;
	margin-top: 22px;
}
#ct_applications li{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;	
}
#ct_applications li a:link,
#ct_applications li a:visited{
	text-decoration: none;
	color: #CCC;
	border-bottom: dotted 1px #CCC;
}
#ct_applications li a:focus,
#ct_applications li a:hover{
	color: #FFF;
	border-bottom: solid 1px #FFF;
}


/* ============================*/
/*  CONTENT AREA: Feature */
/* ============================*/
#ct_products{
	position: absolute;
	height: 110px;
	width: 198px;
	top: 0px;
	left: 0px;
	background-color: #3d1f0b;
	background-image: url(../_img/homepage/bkg_floral.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: solid 1px #000;
}
#ct_products h3{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 192px;
	background-image: url(../_img/homepage/pixel_70trans.png);
	background-repeat: repeat;
	font-size: 9px;
	text-transform: uppercase;
	color: #999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#ct_label_walls,
#ct_label_doors,
#ct_label_accessories{
	margin-left: 10px;
	margin-top: 11px;
	margin-bottom: 5px;
	padding:9px 0 0 0;
	display:block;
	overflow:hidden;
	height:0px !important;
	height /**/:9px; /* for IE5/Win only */
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#ct_label_walls{background-image: url(../_img/homepage/label_walls.png);}
#ct_label_doors{background-image: url(../_img/homepage/label_doors.png);}
#ct_label_accessories{background-image: url(../_img/homepage/label_accessories.png);}

#ct_products ul{
	margin-top: 25px;
}
#ct_products li{
	color: #CCC;
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 15px;
	margin-bottom: 4px;
	font-weight: bold;
}

#ct_products li a:link,
#ct_products li a:visited{
	text-decoration: none;
	color: #CCC;
}
#ct_products li a:focus,
#ct_products li a:hover{
	color: #FFF;
	border-bottom: dotted 1px #FFF;
}


/* ============================*/
/*  CONTENT AREA: Links */
/* ============================*/
#ct_counter{
	position: absolute;
	height: 60px;
	width: 198px;
	top: 373px;
	left: 0px;
	background-color: #6c7221;
	border: solid 1px #000;
	color: #999;
	font-size: 11px;
	background-image: url(../_img/homepage/bkg_floral.png);
	background-repeat: no-repeat;
	background-position: 0px -363px;
}
#ct_counter h3{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 192px;
	background-image: url(../_img/homepage/pixel_70trans.png);
	background-repeat: repeat;
	font-size: 9px;
	text-transform: uppercase;
	color: #999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#ct_counter ul{
	margin-top: 10px;
	margin-left: 15px;
}
#ct_counter li{
	margin-bottom: 3px;
}
#numbers{
	position: absolute;
	top: 20px;
	left: 5px;
}
#counterLBS{
	position: absolute;
	top: 30px;
	left: 182px;
	color: #CCC;
}
#counterTime{
	position: absolute;
	top: 44px;
	left: 15px;
	padding-right: 5px;
	color: #CCC;
	font-style:italic;
	font-size: 9px;
}
#counterTime a:link,
#counterTime a:visited{
	color: #9C0;
	text-decoration: none;
}
#counterTime a:focus,
#counterTime a:hover{
	border-bottom: dotted 1px #9C0;
}
#ct_counter_x h3{
	margin-top: 10px;
	margin-left: 7px;
	padding:11px 0 0 0;
	display:block;
	overflow:hidden;
	height:0px !important;
	height /**/:11px; /* for IE5/Win only */
	background-image: url(../_img/homepage/label_co2saved.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* ============================*/
/*  CONTENT AREA: Links */
/* ============================*/
#ct_slideshow{
	position: absolute;
	height: 77px;
	width: 198px;
	top: 301px;
	right: 0px;
	background-color: #333;
	border: solid 1px #000;
}

/* ============================*/
/*  CONTENT AREA: Links */
/* ============================*/
#ct_links{
	position: absolute;
	height: 185px;
	width: 198px;
	top: 111px;
	right: 0px;
	background-color: #3f0f36;
	border: solid 1px #000;
}
#ct_links h3{display:none;}

#ct_label_info,
#ct_label_subsidiaries{
	margin-left: 10px;
	margin-top: 18px;
	margin-bottom: 5px;
	padding:9px 0 0 0;
	display:block;
	overflow:hidden;
	height:0px !important;
	height /**/:9px; /* for IE5/Win only */
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#ct_label_info{background-image: url(../_img/homepage/label_informationFor.png);}
#ct_label_subsidiaries{background-image: url(../_img/homepage/label_subsidiaries.png);}

#ct_links ul{}
#ct_links li{
	color: #CCC;
	font-size: 11px;
	margin-left: 15px;
	margin-bottom: 3px;
}

#ct_links li a:link,
#ct_links li a:visited{
	text-decoration: none;
	color: #CCC;
}
#ct_links li a:focus,
#ct_links li a:hover{
	color: #FFF;
	border-bottom: dotted 1px #FFF;
}


/* ============================*/
/*  CONTENT AREA: Feature */
/* ============================*/
#ct_what{
	position: absolute;
	height: 100px;
	width: 220px;
	top: 333px;
	left: 530px;
	background-color: #544527;
	border: solid 1px #000;
}
#ct_what h2{
	background-image: url(../_img/homepage/pixel_70trans.png);
	background-repeat: repeat;
	font-size: 9px;
	text-transform: uppercase;
	color: #999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#ct_what p{
	font-size: 9px;
	line-height: 11px;
	margin: 5px;
	color: #CCC;
}

/* ============================*/
/*  CONTENT AREA: News */
/* ============================*/
#ct_news{
	position: absolute;
	height: 88px;
	width: 198px;
	top: 280px;
	left: 0px;
	/*background-color: #a62f03;*/
	background-color: #544527;
	border: solid 1px #000;
	color: #999;
	font-size: 11px;
	overflow: hidden;
	background-image: url(../_img/homepage/bkg_floral.png);
	background-repeat: no-repeat;
	background-position: 0px -270px;
}
#ct_news h3{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	background-image: url(../_img/homepage/pixel_70trans.png);
	background-repeat: repeat;
	font-size: 9px;
	text-transform: uppercase;
	color: #999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#news1_temp{
	margin-top: 5px;
	margin-left: 105px;
	margin-right: 25px;
	color: #CCC;
}
#news1_temp_more{
	color: #FF0;
	margin-left: 105px;
	margin-top: 5px;
}
#news1_temp_more a:link,
#news1_temp_more a:visited{
	text-decoration: none;
	color: #FC0;
}

#news1_temp_more a:focus,
#news1_temp_more a:hover{
	border-bottom: dotted 1px #FC0;
}
.newsItem{
	position: relative;
	height: 75px;
	width: 185px;
	overflow: hidden;
}
.newsItem .tbImage{
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 8px;
	border: solid 1px #333;
	float: left;
}
.newsItem h4{
	margin-top: 3px;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
}
.newsItem .newsLink{
	padding-top: 3px;
	font-size: 9px;
	font-style: italic;
}
.newsItem h4 a:link,
.newsItem h4 a:visited{
	text-decoration: none;
	color: #FFF;
}
.newsItem h4 a:focus,
.newsItem h4 a:hover{
	border-bottom: dotted 1px #FFF;
}

.newsItem .newsLink a:link,
.newsItem .newsLink a:visited{
	text-decoration: none;
	color: #FC0;
}
.newsItem .newsLink a:focus,
.newsItem .newsLink a:hover{
	border-bottom: dotted 1px #FC0;
}

/* ============================*/
/*  CONTENT AREA: About */
/* ============================*/
#ct_dirtt{
	position: absolute;
	height: 23px;
	width: 750px;
	left: 0px;
	top: 0px;
	background-color: #333;
	border: solid 1px #000;
	color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../_img/homepage/bar.jpg);
	background-position: 0px 0px;
}
#ct_dirtt h3{
	padding:13px 0 0 0;
	display:block;
	overflow:hidden;
	height:0px !important;
	height /**/:13px; /* for IE5/Win only */
	background-repeat: no-repeat;
	background-image: url(../_img/homepage/dirttTitle.png);
	background-position: 0px 0px;
	margin-left: 25px;
	margin-top: 5px;
}


/* ==================================*/
/*  CONTENT AREA: Homepage Slideshow */
/* ==================================*/

.jPaginate {
	position:absolute;
	top: 398px;
	left: 640px;
	width: 165px;
	height:20px;
}

.jPag-pages li{
	display:block;
	float:left;
	width: 20px;
	height: 20px;	
}

span.jPag-off{
    float:left;
	height:20px;
    padding:0 10px;
    float:left;
	background: transparent url(../../_img/page_off.png) no-repeat top center;
	color:none;
	font-size: 6px;
	cursor: pointer;
}
span.jPag-current{
    cursor:default;
	height:20px;
    padding:0 10px;
    float:left;
	background: transparent url(../../_img/page_on.png) no-repeat top center;
	color:none;
	font-size: 6px;
}

#slider .show {
	z-index:5;
	}
#slider .caption {
	background-image: url(../_img/sliderOverlay.png);
	background-repeat: repeat;
	color:#ffffff; 
	width:350px;
	padding:20px;
	position:absolute;
	-moz-opacity:.0;
	filter:alpha(opacity=0);
	opacity:.0;
}