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

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	background-image:url(../images/contentBg.jpg);
	background-repeat:repeat-y;
	background-position:top;
	margin: 0;
	padding: 0;
	color: #000;
        
        font-weight: normal;
        font-family: verdana;
        
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.hidden{
	display:none;
	visibility:hidden;
}

.error{
	color:#900;
}

.listingPagenationContainer strong{
	color:#ff9900;
}
/* ~~ this fixed width container surrounds all other elements ~~ */
.container {
	width: 890px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	min-height:850px;
}
.roundCornerShadown{
	
	-moz-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/
.content {

	padding: 0;
	min-height:850px !important;
	
	
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.dotColor{
	
	font-size:12px;
	color:#FF8932;
}
.imgFloatLeft{ float:left; text-decoration:none; background-color:#fff;}

#flashContent{
	margin-top:5px;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	position:absolute;
	z-index:-1;
	
}
#flashContent a{
	text-decoration:none;
	background-color:#fff;
	
}
.upLetter{text-transform:uppercase;}

.wrap,
.footerWrap{
	width:890px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	
	float:left;
}

#HomeLeft{
	width: 180px;	
	margin-top:10px;
	display:block;
	text-decoration:none;
	background-color:#fff;
	float:left; 
}
#HomeLeft div{
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	color: #000;
	display:block; 
	width:180px;
	float:left;
	text-decoration:none;
	background-color:#fff; 
}

#HomeLeft div a:hover{color:#4f6af3; text-decoration:none; background-color:#fff;}

#homeVideo{
	float:left;
	margin-bottom:10px;
	text-decoration:none; 
	background-color:#fff;
}
#companyVideo{
	float:left;
	margin-top:10px;
	margin-left:-3px;
	text-decoration:none; 
	background-color:#fff;
}
#homeVideo a{
	color:#333;
}
#homeRight {
	width: 630px;
	margin-top:30px;
	margin-right:20px;	
	text-decoration:none; 
	background-color:#fff;
	padding-left:25px;
	border-left: dotted 1px #ccc;
	display:block;
	float:right;
}
#materialRight {
	width: 640px;
	margin-top:10px;
	margin-right:10px;	
	text-decoration:none; 
	background-color:#fff;
	padding-left:35px;
	border-left: dotted 1px #ccc;
	display:block;
	float:right;
}

#companyHomeRight {
	width: 630px;
	margin-top:30px;
	margin-left:20px;	
	text-decoration:none; 
	background-color:#fff;
	padding-left:25px;
	border-left: dotted 1px #ccc;
	display:block;
	float:right;
}


.arrowLeft{width:6px; float:left; margin-right:10px; margin-top:5px;}

.homeContMasHead{
	width: 620px;
	margin-bottom: 20px;
	text-decoration:none;
	background-color:#fff; 
	float:right;
}
.contactContMasHead{
	width: 620px;
	margin-bottom: 20px;
	text-decoration:none;
	background-color:#fff; 
	line-height:20px;
	float:right;
}
.materialContMasHead{
	width: 640px;
	margin-bottom: 20px;
	text-decoration:none;
	background-color:#fff;
	line-height:18px; 
	float:right;
}
.materialContMasHead2{
	width: 610px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 15px;
	text-decoration:none;
	background-color:#fff; 
	line-height:18px; 
	float:left;
}
.homeContLeft{
	float:left;
	width:310px;
	text-decoration:none;
	background-color:#fff; 
	
	
}
.homeContRight{
	float:right;
	width:295px;
	margin-left:15px;
	text-decoration:none;
	background-color:#fff; 
}

.homeTxt{
	width: 290px;
	float:left;
	font-size: 11px;
	text-align: left;
	line-height: 20px;
	color: #666;
	text-decoration:none;
	background-color:#fff; 
}
.homeTxt a{
	font-size: 11px;
	color:#FF8932;
	text-decoration:none;
	background-color:#fff;
}
.homeTxt a:hover{
	color:#4f6af3;
	text-decoration:none;
	background-color:#fff;
}
.homeTitle{
	font-size: 10px;
	font-weight:bold;
	margin-bottom:5px;
	color: #333;
	width:240px;
	text-decoration:none;
	background-color:#fff;
	text-transform:uppercase;
	float:left;
}
.homeTitle a{
	font-size: 10px;
	text-decoration:none;
	color:#333;
}
.homeTitle a:hover{
	color:#4f6af3;
}

.homeBigTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin-top:20px;
	margin-left:7px;
	width:883px;
	float:left;
}
.homeBigTitle a{
	text-decoration:none;

}
.homeTitleShort{
	font-size: 10px;
	font-weight:bold;
	margin-bottom:5px;
	color: #333;
	width:130px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}
.homeTitleShort a{
	font-size: 10px;
	text-decoration:none;
	color:#333;
}
.homeTitleShort a:hover{
	color:#4f6af3;
}


.materialBigTitle{
	font-size: 11px;
	font-weight:bold;
	margin-bottom:5px;
	color: #484848;
	width:290px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}
.imgFloatLeft{float:left;}

.homeTitleLong{
	font-size: 10px;
	font-weight:bold;
	margin-bottom:5px;
	color: #333;
	width:290px;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#fff;
	float:left;
}
.homeTitleLong a{
	font-size: 10px;
	text-decoration:none;
	color:#333;
}
.homeTitleLong a:hover{
	color:#4f6af3;
}

.materialTitleLong{
	margin-top:10px;
	font-size: 10px;
	font-weight:bold;
	margin-bottom:5px;
	color: #333;
	width:400px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}
.materialTitleLong a{
	font-size: 10px;
	text-decoration:none;
	color:#333;
}
.materialTitleLong a:hover{
	color:#4f6af3;
}


.homePic{
    float:left;
	margin-top:-25px;
	
	background-color:#fff;
	width:61px;

}
.homeTxtLong{
	width: 320px;
	float:left;
	font-size: 11px;
	text-align: left;
	line-height: 20px;
	color: #666;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#fff; 
}

.h4{
	font-size: 10px;
	font-weight:bold;
	margin-bottom:5px;
	color: #333;
	min-width:180px;
	text-decoration:none;
	background-color:#fff;
	
}
.more{
	font-family:Verdana, Geneva, sans-serif;
	color:#FF8932;
	text-decoration:none;
}
.space{
	width:890px;
	float:left;
	margin-bottom:30px;
}
.space2{
	width:890px;
	float:left;
	margin-bottom:10px;
}
hr{color:#fff; background-color:#fff; border:0px; width:860px; }
.homePrjBlock{
	width:290px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
.homePrjBlockLast{
	width:290px;
	margin-bottom:10px;
	float:left;
}
.homePrjGreyBase{
	width:289px;
	height:30px;
	margin-top:1px;
	background-color:#aaaaaa;
	float:left;
	
}
.homePrjImage{
	width:289px;
	float:left;
	overflow:hidden;
}
.homePrjDescLeft{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	width:215px;
	margin-left:10px;
	margin-top:8px;
	
	float:left;
}
.homePrjDescRight{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align:right;
	width:45px;
	margin-right:10px;
	margin-top:8px;
	float:right;
}
.homePrjDescRight a{
	
	color:#fff;
	text-decoration:none;
	
}
.homePrjDescRight a:visit{
	
	color:#fff;
	text-decoration:none;
	
}
.downLoadPrjBlock{
	width:292px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}
.downLoadPrjBlockLast{
	width:292px;
	margin-bottom:5px;
	float:left;
}
.downLoadPrjGreyBase{
	width:292px;
	height:40px;
	
	background-color:#fff;
	float:left;
}
.downLoadPrjImage{
	width:292px;
	float:left;
	overflow:hidden;
}

.downLoadPrjDescription{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.5px;
	font-weight:bold;
	color:#333;
	text-align:right;
	width:280px;
	margin-right:5px;
	margin-top:15px;
	float:right;
}
.downLoadPrjDescription a{
	
	color:#333;
	text-decoration:none;
	
}
.downLoadPrjDescription a:visit{
	
	color:#333;
	text-decoration:none;
	
}
#companyLeft{
	width:180px;
	float:left;
	margin-left:20px;
	margin-top:30px;
	
	font-size: 10px;
	color:#000;
	text-align: left;
	text-decoration:none;
	background-color:#fff; 
}
#materialLeft{
	width:160px;
	float:left;
	margin-left:20px;
	margin-top:10px;
	
	font-size: 10px;
	color:#000;
	text-align: left;
	text-decoration:none;
	background-color:#fff; 
}
#subMenu,
#subMenuDown{
	width:160px;
	padding-left:20px;
	#padding-left:18px;
	padding-left:18px;
	list-style:none;
	text-decoration:none;
	cursor: pointer;
	background-color:#fff; 
	float:left;
	text-transform: uppercase;
	
}
#subMenu li a{text-decoration:none; cursor: pointer; background-color:#fff; color:#333; line-height:14px; text-transform: uppercase;}
#subMenu li a:hover{text-decoration:none; cursor: pointer; background-color:#fff; text-transform: uppercase;}
#subMenu li a:active{text-decoration:none; cursor: pointer; background-color:#fff; text-transform: uppercase;}
#subMenu li a:focus{text-decoration:none; cursor: pointer; background-color:#fff; text-transform: uppercase;}
#subMenu li a:visited{text-decoration:none; cursor: pointer; background-color:#fff;}
#subMenu li{
	
	line-height:14px;
	list-style:url(../images/i_arrow.gif);
	padding-bottom:20px;
	text-decoration:none;
	cursor: pointer;
	background-color:#fff; 
	text-transform: uppercase;
	
	
	
}
.leedList{
	width:600px;
	list-style-type: none;
padding: 0;
margin: 0;
text-align: left;

}
.leedList li{
	width:550px;
	line-height:14px;
	list-style:url(../images/i_arrow.gif); 
	list-style-position:inside;
	padding-bottom:20px;
	text-decoration:none;
	cursor: pointer;
	text-align:justify;
	background-color:#fff; 
	
}


#subMenuDown li{
	line-height:14px;
	list-style:url(../images/i_arrow.gif);
	padding-bottom:20px;
	text-decoration:none;
	cursor: pointer;
	background-color:#fff; 
	text-transform: uppercase;
	
}
#subMenuDown li a{text-decoration:none; cursor: pointer; background-color:#fff; text-transform: uppercase;}
#subMenuDown li a:hover{text-decoration:none; cursor: pointer; background-color:#fff; text-transform: uppercase;}
#subMenuDown li a:active{text-decoration:none; cursor: pointer; background-color:#fff; text-transform: uppercase;}
#subMenuDown li a:focus{text-decoration:none; cursor: pointer; background-color:#fff; text-transform: uppercase;}
#subMenuDown li a:visited{text-decoration:none; cursor: pointer; background-color:#fff; text-transform: uppercase;}

#companyRight {
	margin-top:30px;
	padding-left:30px;
	margin-left: 30px;
	width: 650px;
	float:left;
	display:block;
	text-decoration:none;
	background-color:#fff;
}
.companyContLeft{
	width:300px;
	float:left;
	text-decoration:none; 
	background-color:#fff;
}


.companyContRight{
	margin-left: 15px;
	width:290px;
	float:left;
	text-decoration:none;
	background-color:#fff;
}
.materialContLeft{
	width:310px;
	float:left;
	text-decoration:none; 
	background-color:#fff;
}
.materialContLeft2{
	width:650px;
	margin-bottom:15px;
	float:left;
	text-decoration:none; 
	background-color:#fff;
}

.materialContRight{
	margin-left: 15px;
	width:310px;
	float:left;
	text-decoration:none;
	background-color:#fff;
}

.companyPic{
    float:left;
	margin-top: -15px;
	margin-left: 5px;
	text-decoration:none;
	background-color:#fff;
}
.companyTxt{
	width: 250px;
	font-size: 11px;
	text-align: left;
	line-height: 20px;
	color: #333;
	display:block;
	float:left;
	text-decoration:none;
	
	background-color:#fff;
}
.companyTxt a{
	
	color: #FF8932;
	text-decoration:none;
	background-color:#fff;
}
.companyTxtLong a{
	color: #FF8932;
	text-decoration:none;
	background-color:#fff;
}
.companyTxtLong a:hover{
	color: #4f6af3;
	text-decoration:none;
	background-color:#fff;
}
.companyTxtLong{
	width: 300px;
	float:left;
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	color: #333;
	display:block;
	text-decoration:none;
	background-color:#fff;
	
}

.materialTxtLong a{
	color: #FF8932;
	text-decoration:none;
	background-color:#fff;
}
.materialTxtLong a:hover{
	color: #4f6af3;
	text-decoration:none;
	background-color:#fff;
}
.materialTxtLong{
	width: 400px;
	float:left;
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	color: #333;
	display:block;
	text-decoration:none;
	background-color:#fff;
}

#leftHeadingDown a:hover{ color:#FF8932; text-decoration:none; cursor: pointer; background-color:#fff;}
#left,
#leftHeading,
#leftHeadingDown{
	font-size: 10px;
	color:#000;
	line-height:20px;
	text-align: left;
	width: 180px;
	 wid\th: 180px;
	float: left;
	text-decoration:none;
	background-color:#fff;
	
}
#left{margin-top:20px; margin-left:15px; height:100%;}
#leftHeadingDown { margin-top:30px;}
.leftHeading,
#leftHeadingDown {
	 margin-bottom: 15px;
	 #margin-bottom: 20px;
	 _margin-bottom: 20px;
	 padding-bottom:3px;
	 border-bottom:1px dotted #ccc; 
	 font-weight:bold;
	 text-decoration:none;
	 cursor: pointer; 
	 text-decoration:none;
	 background-color:#fff;
}
.singleHeightSubmenu2{
	width:180px;
	line-height:24px;
	padding-bottom:5px;
	_padding-bottom:20px;
	font-size: 10px;
	color: #000;
	text-decoration:none;
	background-color:#fff;
	cursor: pointer;
	float:left; 
}
.singleHeightSubmenu2 a{
	text-decoration:none;
	background-color:#fff;
	cursor: pointer; 
}
.changeColor {
	background-color:#fff;
	font-size:10px;
	color:#000;
	width:180px;
	line-height:20px;
	_padding-bottom:8px;
	text-decoration:none;
    background-color:#fff;
	float:left; 
	
}
.mediaMenu{
	width:800px;

	float:left;

	margin-left:30px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:14px;
	
}
#mediaMenuNav {
	width:890px;
	display: inline;
	list-style: none;
	margin-left: 30px;
	#margin-left:30px;
	_margin-left:30px;
	margin-top:11px;	
	font-size: 11px;
	text-align:left;
	color:#fff;
	text-transform:uppercase;
	float:left;
	
}
#mediaMenuNav li {
	display: inline;
	padding-right:30px;	
	text-align:left;
	text-decoration:none;
	color:#fff;	
}

#mediaMenuNav li:last-child{
	padding-right:0px;	
}

#mediaMenuNav a{
	color:#fff;
	text-decoration:none;
}
#mediaMenuNav a:hover{
	color:#FF8932;
}
.changeColor:hover {
	background-color:#f5ecfa;
	
	font-size:10px;
	text-decoration:none;
    background-color:#fff;
} 
.seperators{
	color:#FF8932;
	padding-left:35px;
}
.pageIndicator{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	color:#FF8932;
}
#rightColumn {
	width:630px;
	wid\th: 650px;
	margin-top:20px;
	margin-left:20px;
	_margin-left:20px;
	text-decoration:none;
	background-color:#fff;
	float:left;

}
#rightHeading{
	width:650px;
	margin-bottom: 10px;
	padding-bottom:3px;  
	font-size: 10px;
	font-weight: bold;
	line-height:20px; 
	color: #000;
	border-bottom:1px dotted #ccc;
	text-align:left;
	text-decoration:none;
	background-color:#fff;

}
.rightColumnMasHead{
	width:650px;
	font-size:11px;
	text-align:left;
	color:#666;
	line-height:20px;
	clear:both;
	text-decoration:none;
	background-color:#fff;
	float:left;
	margin-left:20x;
	margin-bottom:20px;
	z-index:-2;
}

.rightMasWrap{
	width:650px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#484848;
	margin-bottom:15px;
	padding-top:15px;
	line-height:18px;
	float:left;

	
}
.rightMasWrap a{
	
	color:#333333;
	text-decoration:none;
	
}
.masBoxLeft,
.masBoxRight{
	width:300px; 
	float:left; 
	
}
.masBoxLeft{
	margin-right:35px;
}
.rightLongTitle{
	width:650px;
	font-family:Verdana, Geneva, sans-serif;
	color:#54432a;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
	float:left;
}


.qualityList{
	width:650px;
	float:left;
	padding-top:3px;
}

.rightshortTitle{
	width:350px;
	font-family:Verdana, Geneva, sans-serif;
	color:#54432a;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	float:right;
}
.rightshortTitle2{
	width:300px;
	font-family:Verdana, Geneva, sans-serif;
	color:#54432a;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	float:right;
	line-height:16px;
	height:35px;
}
.contentsTxtShort2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:18px;
	width:300px;
	float:right;
	text-align:justify;
	margin-bottom:15px;
}
.leedTitle{
	width:300px; 
	padding-top:5px; 
	
	color:#009900;
	font-weight:bold;
	border-bottom:1px dotted #99CC00;  
	background-color:#f1f1f1; 
	height:25px;
	text-decoration:none;
	background-color:#fff;
	margin-bottom:10px;
	float:left; 
}
.leedBigTitle{
	
	
	color:#009900;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;

	float:left; 
}
.leftshortTitle{
	width:250px;
	font-family:Verdana, Geneva, sans-serif;
	color:#54432a;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	float:left;
	line-height:16px;
	height:35px;
}
.leftshortTitle2{
	width:250px;
	font-family:Verdana, Geneva, sans-serif;
	color:#54432a;
	font-weight:bold;
	font-size:11px;
	margin-bottom:8px;
	float:right;
	text-align:right;
	line-height:16px;
	height:35px;
}
.aboutUsContWrap{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:18px;
	width:350px;
	float:left;
	margin-left:10px;
	margin-bottom:15px;
}

.contentsTxtShortLeft{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:18px;
	width:300px;
	float:left;
	margin-bottom:15px;
}
.contentsTxtShortLeft2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:18px;
	width:300px;
	float:right;
	text-align:justify;
	margin-bottom:15px;
}
.contentsTxt{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:18px;
	width:645px;
	float:left;
	margin-bottom:15px;
}
.contentsTxtShort{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:18px;
	width:350px;
	float:left;
	
	margin-bottom:15px;
}

.greenHr{
	width:650px;
	height:1px;
	color:#7eb400;
	background:#7eb400;
	border:0px;
	float:left;
}
.organgeHr{
	width:650px;
	height:1px;
	color:#f88c17;
	background:#f88c17;
	border:0px;
	margin-top:20px;
	float:left;
}
.videoDisplayArea{
	width:350px; 
	float:left; 
	padding-top:20px; 
	text-align:center;
	text-decoration:none;
	background-color:#fff;	
	z-index:-2;
}
.videoCaption{
	width:320px; 
	float:left; 
	margin-bottom:30px; 
	margin-left:150px;
	#margin-left:150px;
	_margin-left:100px;
	text-align:center; 
	border-top:1px solid #ccc;
	font-size:12px; 
	font-weight:bold;
	text-decoration:none;
	background-color:#fff; 
	color:#8c6249;
}
.videoComments{
	width: 720px;
	margin-bottom:30px;
	font-size:11px;
	color:#666;
	line-height:18px;
	text-decoration:none;
	background-color:#fff;
	float:left;
	
}
.videoTitle{
	width:150px;
	float:left;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	float:left;
	
}
.videothumbFirst{
	width:150px;
	font-size:11px;
	line-height:18px;
	text-align:left;
	margin-top:15px;
	margin-left:35px;
	margin-right:40px;
	height:150px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}

.videothumb{
	width:150px;
	font-size:11px;
	line-height:18px;
	text-align:left;
	margin-top:15px;
	margin-right:40px;
	height:150px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}
.jobTitle{
	
	width:650px; 
	height:25px;
	padding-top:3px; 
	font-weight:700;
	text-decoration:none;
	background-color:#fff;
	
}
.specBg{
	width:206px;
	height:251px;
	background-image:url(../images/specBg.jpg);
	margin-right:15px;
	margin-bottom:15px;
	float:left;
}
.specBg a{
	text-decoration:none;
	font-size:10px;
}
.specTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	width:115px;
	height:38px;
	
	margin-left:43px;
	margin-top:100px;
	float:left;
	text-align:center;
	color:#666;
	
}
.organgeFont{color:#f88c17;}

 .brochureLeft {
	float:left;
	width:317px;
	text-align: left;
	text-decoration:none;
	background-color:#fff;
	margin-bottom: 20px;
}
 .brochureLeft a{
	float:left;
	width:317px;
	text-align: left;
	text-decoration:none;
	background-color:#fff;

	
}
.brochureRight {
	float:left;
	width:317px;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 20px;
	text-decoration:none;
	background-color:#fff;
	
}
.typicalDrawingRight {
	float:left;
	width:317px;
	text-align: left;
	padding-left: 10px;
	margin-top: 100px;
	
	
	text-decoration:none;
	background-color:#fff;
	
}
 .typicalDrawingRight a{
	float:left;
	width:317px;
	text-align: left;
	text-decoration:none;
	background-color:#fff;
	
	margin-bottom: 5px;
}
 .typicalDrawingRight a:hover{
	
	color:#ff9900;
	
	
}

.advertisingContLeft{
	width:310px;
	margin-top:10px;
	margin-right:10px;
	font-size: 12px;
	text-align:left;
	color:#333;
	border: 1px solid #ccc;
	text-decoration:none;
	background-color:#fff;
	float:left;

}
.advertisingContRight{
	width:310px;
	margin-top:10px;
	font-size: 12px;
	text-align:left;
	color:#333;
	border: 1px solid #ccc;
	text-decoration:none;
	background-color:#fff;
	float:left;
}
.advertisingImgBox{
	width: 150px;
	margin-top: 15px;
	margin-left: 10px;
	_margin-left:8px;
	margin-right:5px;
	padding-bottom:10px;
	#padding-bottom:15px;
	_padding-bottom:15px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}

.advertisingTitle{
	
	margin-top:80px;
	text-decoration:none;
	background-color:#fff;
	color:#333;
	font-size:11px;
	font-weight:bold;
}
.downloadPdf{
	margin-top: 15px;
	text-decoration:none;
	background-color:#fff;
	font-size:11px;
 }
 #usContactRight {
	width: 620px;
	height:720px;
	overflow:scroll;
	margin-top:30px;
	margin-right:20px;	
	text-decoration:none; 
	background-color:#fff;
	padding-left:25px;
	border-left: dotted 1px #ccc;
	display:block;
	float:right;
}
#monthFeatureCont{
	font-size:11px;
	color:#9f7a4d;
	width: 300px;
	margin-left:20px;
	
	text-align:justify;
	text-decoration:none;
    background-color:#fff;
	margin-bottom: 15px;
	float:left;
}
#monthFeatureCont2{
	font-size:11px;
	color:#9f7a4d;
	width: 310px;
	margin-left:20px;
	margin-top:40px;
	text-align:justify;
	text-decoration:none;
    background-color:#fff;
	margin-bottom: 15px;
	float:left;
}

#monthFeatureCont3{	
	font-size:11px;
	color:#666;
	width: 310px;
	text-align:justify;
	text-decoration:none;
    background-color:#fff;
	line-height: 20px;
	float:right;
	
}
#monthFeatureCont4{
	width: 720px;	
	font-size:11px;
	line-height:20px;
	color:#666;
	text-decoration:none;
    background-color:#fff;
	text-align:justify;
	float:left;
}

#monthFeatureHightlights{
	width: 720px;	
	padding-top:20px;
	padding-bottom:20px;
	text-decoration:none;
    background-color:#fff;
	text-align:left;
	float:left;
}
.applicationImg{
	width:720px;
	padding: 4px;
	border: solid 1px #ccc;
	text-decoration:none;
    background-color:#fff;
	float:left;
}

.dubaiImg{
	width: 350px;
	text-decoration:none;
    background-color:#fff;    
	margin-bottom: 20px;
	float:left;
}
.steelCaseImg{
	width: 60px;
	border: 1px solid #ccc; 
	padding:4px;
	text-decoration:none;
    background-color:#fff; 
	float:left;
	
}
.dubaiImg2{
	width: 300px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding:4px;
	border: solid 1px #ccc;
	text-decoration:none;
    background-color:#fff; 
	float:right;
}
.overLapping{
	margin-left:175px;
	margin-bottom: -80px;
	border: 1px solid #ccc; 
	padding:4px;
	text-decoration:none;
    background-color:#fff; 
	
}
.overlappingBlock{
	width:720px;
	text-decoration:none;
    background-color:#fff; 
	float:left;
	 
}
.green{
	color:#c1d72d;
	background-color: #c1d72d;
	height:2px; 
	width: 650px; 
	float:left; 
	margin-top: 10px; 
	clear:both;
}
.green2{
	color:#ff9900;
	background-color: #ff9900;
	height:2px; 
	width: 650px; 
	float:left; 
	margin-top: 10px; 
	clear:both;
}

/*---------------------------------------------------------------------------------------------------------------------*/
/*
   PROJECT PAGE CSS
*/
/*---------------------------------------------------------------------------------------------------------------------*/
.show{
	display:block;
}

.hidden{
	display:none;
}

.headerSelected{
	color:#FF8932 !important;
	font-weight:bold;
}
.projectHeader2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#2388ff;
    clear: both;
   
    width: 890px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	
}

#projectHeader{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#2388ff;
    clear: both;
   
    width: 890px;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	
}


.projectLeftColumn{
	width:200px;
	float:left;
	margin-right:15px;
}

.projectLeftColumn h2{
	font-size:12px;
	font-weight:bold;
	border-bottom:dotted 1px #CCC;
	padding-bottom:5px;
}

.projectLeftColumn  a:link, a:visited, a:hover, a:active, a:focus{
	text-decoration:none;
}

.projectLeftColumn li{
	list-style-type: none;
	font-size:11px;
	margin-bottom:10px;
	margin-left:10px;
}

.projectRightColumn{
	width:650px;
	wid\th: 670px;
	margin-top:20px;
	margin-left:20px;
	_margin-left:20px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}

.width800{
	width:800px;
}

.projectRightHeading{
	width:650px;
	margin-bottom: 10px;
	padding-bottom:3px;  
	font-size: 10px;
	font-weight: bold;
	line-height:20px; 
	color: #000;
	border-bottom:1px dotted #ccc;
	text-align:left;
	text-decoration:none;
	background-color:#fff;
	text-transform:uppercase;	
}

.projectRightColumn  a:link, a:visited, a:hover, a:active, a:focus{
	text-decoration:none;
}

.projectRightColumn .projectView{
	width:100%;
	font-size:11px;
	float:left;
}
.projectRightColumn .projectView a:hover{
	color:#ff9900;
}
.listingShow{
	widows:300px;
	float:right;
	}
.projectRightColumn li{
	font-size:11px;
	list-style-type: none;
	width:400px;
	
	margin-bottom:5px;
	margin-top:5px;
	border-bottom:dotted 1px #CCC;

}

.projectRightColumn .thumbContainer{
	width:100%;
	margin-top:10px;
	float:left;
}

.projectRightColumn .thumbContainer .entry{
	width:120px;
	height:95px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:13px;
	
}

.projectRightColumn .thumbContainer .entry .imageContainer{
	width:120px;
	height:75px;
	overflow:hidden;
	float:left;
}

.projectRightColumn .thumbContainer .entry .imageDescription{
	width:120px;
	height:40px;
	overflow:hidden;
	float:left;
	font-size:10px;
}

#projectHeader ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	width:890px;
	
	float:left;
}

#projectHeader a:link, a:visited, a:hover, a:active, a:focus{
	text-decoration:none;
}

#projectHeader ul li{
	display: inline;
}

#scroll-content {
	position:absolute;
	top:0;
	left:10
}
.navTab2{
   
    float: left;
    overflow: visible;
	margin-right:15px;
    z-index: 1000;
	text-decoration:none;
	color:#2388ff;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-left:15px;
}
.navTab3{
   
    float: left;
    overflow: visible;
    
	margin-left:5px;
    z-index: 1000;
	text-decoration:none;
	color:#8a8a8a;
	width:400px;
	padding-top:3px;
}
.navTab2 a{
    
	text-decoration:none;
	color:#2388ff;
	font-size:12px !important;
}

.navTab4{
	float: left;
	overflow: visible;
	padding:5px 15px;
	margin-right:10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#FFF));
	background: -moz-linear-gradient(bottom,  #ebebeb,  #FFF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#FFFFFF');
	border-radius: 5px;
	border:1px solid #ccc;
	background-color:#ebebeb;
	z-index: 1000;
}
.navTab4 a{
    
	text-decoration:none;
	color:#333;
}
.navTab4 a:hover{
    
	text-decoration:none;
	color:#FEB41C;
}

.navTab{
    float: left;
    overflow: visible;
    padding-top:4px;
	margin-right:10px;
    z-index: 1000;
	
}
.navTab a{
    
	text-decoration:none;
	color:#2388ff;
}
.navTab a:hover{
    
	text-decoration:none;
	color:#FEB41C;
}
.navTab5{
   
    float: left;
    overflow: visible;
	margin-right:15px;
    z-index: 1000;
	text-decoration:none;
	color:#2388ff;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	
}

#segmentsNav{
	//background-image:url(../images/segementsbackground.jpg);
	background-color:#fff;
	width:480px;
	height:294px;
	overflow:hidden;

	border-bottom:8px solid #333;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	
}

.navDropDown {
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10000;
}

.primaryNav {
    /*float: left;*/
    list-style-type: none;
    margin-top: 20px;
	margin-left:20px;
    padding: 5px 0;

}

.primaryNav .navCatagory {
    float: left;
    line-height:14px;
	font-size:11px;
    width: 100%;
	margin-top: 20px;
    margin-left: 20px;
	list-style:none;
    padding: 0;
    overflow: hidden;
	
}

.scroll-pane{
    height: 285px;
    width: 600px;
    left: 190px;
    top: 0;

    overflow: auto;

    position: absolute;
}
.catItem{
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}




.imageThumbnails{
    float: left;
    left: 50%;
    position: relative;
	padding-top:5px;
	padding-bottom:15px;
}

.imageThumbnails .center{
    float: left;
    left: -50%;
    position: relative;
}


.projectBar{
	background-image:url(../images/project_bar.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height: 28px;
    width: 880px;
    margin-left:10px;
	float:left;
}

.projectBarTitle{
	font-size:12px;
	font-weight:bold;
	color:#000;
	width:600px;
	margin-left:50px;
	padding-top:5px;
	float:left;
}

.projectThumbnail{
	width:50px;
	height:50px;
	padding:2px;
	margin-right:1px;
	float:left;
	border:3px solid #fff;
}

.companyThumbnail{
	width:50px;
	height:50px;
	padding:2px;
	margin-right:1px;
	float:left;
}

.projectDescriptionContainer{
	background-image:url(../images/project_info_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFF;
	width:870px;
	
	margin-left:10px;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:15px;
	float:left;
}

.projectDescriptionTitle{
	font-size:10px;
	color:#9d102d;
	font-weight:bold;
	width:80px;
	padding-top:45px;
	padding-left:45px;
	float:left;
}

.tabContainer{
   
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
	line-height:18px;
	float:left;
}

.tabContainer .leftColumn{
	float:left;
	width:100px;
	min-height:75px;
	margin-top:10px;
	margin-left:40px;
	
}

.tabContainer .rightColumn{
	float:left;
	width:600px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-bottom:20px;
	
}
.tabContainer .rightColumn ul{
	list-style:none;
	display:inline;
	width:600px;
	float:left;
}
.tabContainer .rightColumn ul li{
	list-style:none;
	display:inline;
	float:left;
	line-height:20px;
}
.prjBlueTitle{
	color:#06F;
	font-weight:600;
	font-size:11px;
	width:95px;
	float:left;
}
.prjDesList{
	
	width:500px;
	float:left;
}
.copyBlock{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#484848;
	width:730px;
	margin-left:60px;
	margin-top:20px;
	
	float:left;
}
.projectImage{
	background-image:url(../images/project_image_bg.png);
	width:870px;
	height:640px;
	margin-left:10px;
	float:left;
}
.projectImageIE9{
	
	width:858px;
	min-height:640px;
	
	
	margin-left:10px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	height:auto;
	margin-left:14px;
	background-color:#f1f1f1;
	float:left;
}
.largeimage{
	width:820px;
	height:520px;
	margin:0 auto;
	
}

.prjCenterImg{
	padding-top:15px;
	width:auto;
	
	text-align:center;	
	
	
}
.prevnextbutton
{
	border:0; 
	background:transparent;
	text-align:right;
	float:right;
	padding-right:1px;
	width:200px;
}

 
.prevNextButtonBlock{
	width:350px;
	margin-top:10px;
	#margin-top:5px;
	_margin-top:5px;
	padding-right:8px;
	#padding-right:20px;
	_padding-right:20px;
	float:right;
	text-align:right;
	height:25px;
}
.application{
	width:620px;
	margin-left:20px;
	float:left;
}
.myZeilcontentLeft{
	width:290px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin-top:50px;
	margin-right:20px;
	float:left;
}
.myZeilcontentLeft img{
	border:1px solid #ccc;
	padding:4px;

}

.myZeilcontentThirdLeft{
	width:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	margin-top:20px;
	
	float:left;	
}
.myZeilcontentThirdLeft img{
	border:1px solid #ccc;
	padding:4px;
	
}
.myZeilcontentLeft2{
	width:300px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	margin-top:20px;
	float:left;
}
.myZeilcontentLeft2 img{float:right; border:1px solid #ccc; padding:4px;}
.myZeilcontentRight{
	width:290px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	margin-top:30px;
	margin-left:15px;
	float:left;
}
.myZeilcontentRight img{float:right; border:1px solid #ccc; padding:4px;}

.myZeilcontentRight2{
	width:350px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	float:left;	
}
.myZeilcontentRight2 img{border:1px solid #ccc; padding:4px;}

.myZeilcontentRight3{
	width:360px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;

	
	float:left;	
}
.myZeilcontentRight4{
	width:350px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;

	
	float:left;	
}
.myZeilRightTxtButtonTitle{
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	margin-top:25px;
	margin-left:20px;
	font-weight:bold;
	color:#0066CC;
	float:left;
	
}
.myZeilRightTxtButtonTitle2{
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	margin-top:35px;
	margin-left:20px;
	font-weight:bold;
	color:#0066CC;
	float:left;
	
}
.myZeilRightTxtButtonTitle3{
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	margin-top:25px;
	margin-left:20px;
	font-weight:bold;
	color:#0066CC;
	float:left;
	
}
.myZeilRightTxtButtonTitle3{
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	margin-top:65px;
	margin-left:20px;
	font-weight:bold;
	color:#0066CC;
	float:left;
	
}
.myZeilRightTxtButton{
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;	
	margin-left:20px;
	float:left;
	
}
.myZeilcontentRightImg{
	float:left;
}
.myZeilcontentRightImg2{
	margin-top:10px;
	float:left;
}
.myZeilcontentRightTxt{
	width:300px;
	float:left;
}
/*--------------------my zeil our work first block ----------------*/
.myZeilOurWorkLeft{
	width:350px;
	margin-top:20px;
	float:left;
}
.myZeilOurWorkLeftImg{
	width:340px;
	padding:4px;
	border:1px solid #ccc;
	float:left;	
}
.myZeilOurWorkRightCont{
	width:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin-left:30px;
	margin-top:50px;
	float:left;
	
}
.myZeilOurWorkRightCont2{
	width:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin-top:30px;
	float:left;
	
}
.myZeilOurWorkRight{
	width:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	padding-bottom:20px;
	float:right;
}
.myZeilOurWorkRight2{
	width:320px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #007a7b;	
}
.myZeilOurWorkRight3{
	width:320px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #007a7b;	
}
.myZeilOurWorkRightNoBorder{
	width:320px;
	padding-bottom:20px;

}
/*--------------------my zeil our work first block ----------------*/


.myZeilOurWorkLeftImg2{
	width:317px;
	margin-top:10px;
	margin-bottom:25px;
	padding:4px;
	border:1px solid #ccc;
	
}
.myZeilOurWorkRightMidImg{
	width:340px;
	margin-top:20px;
	float:right;
}
.myZeilOurWorkRightImg{
	width:340px;
	padding:4px;
	border:1px solid #ccc;
	
}
.myZeilOurWorkMidLeft{
	width:310px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;	
	padding-top:40px;
	padding-bottom:20px;
}
.myZeilOurWorkMidLeftNoBorder{
	width:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;	
	padding-top:20px;
	
}

.myZeilOurWorkLeftCont{
	width:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin-top:20px;
	float:left;
}
.myZeilHr{
	width:720px;
	margin-top:15px;
	margin-bottom:15px;
	float:left;
}
.myZeilHr2{
	width:720px;

	margin-bottom:15px;
	float:left;
}
.blue{
	color:#546f83;
	background-color: #546f83;
	height:1px; 
	width: 650px; 
	float:left; 
	margin-top: 20px; 
	
	clear:both;
}
.monthfeatureleftImg{
	width:320px;
	float:left;
	margin-left:0px;
	padding-left:0px;
	text-decoration:none;
    background-color:#fff;
}
.monthFeatureRightCont{
	width:290px;
	text-align:justify;
	margin-left:20px;
	margin-top:40px;
	font-size:11px;
	color:#553c22;
	text-decoration:none;
    background-color:#fff;
	float:left;
}
.monthFeatureRightContSteelCase{
	width:650px;
	text-align:justify;
	
	margin-top:10px;
	font-size:11px;
	color:#553c22;
	text-decoration:none;
    background-color:#fff;
	float:left;
}
.monthFeatureRightContMumbai{
	width:650px;
	text-align:justify;
	
	margin-top:10px;
	font-size:14px;
	color:666;
	text-decoration:none;
        background-color:#fff;
	float:left;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 15px;
}
#monthFeatureCont{
	font-size:11px;
	line-height:20px;
	color:#666;
	width: 310px;
	margin-left:20px;
	text-align:justify;
	text-decoration:none;
    background-color:#fff;
	float:left;
}

#monthFeatureCont3{	
	font-size:11px;
	color:#666;
	width: 350px;
	text-align:justify;
	text-decoration:none;
    background-color:#fff;
	line-height: 20px;
	float:right;
	
}
#monthFeatureCont4{
	width: 720px;	
	font-size:11px;
	line-height:20px;
	color:#666;
	text-decoration:none;
    background-color:#fff;
	text-align:justify;
	float:left;
}

#monthFeatureHightlights{
	width: 720px;	
	padding-top:20px;
	padding-bottom:20px;
	text-decoration:none;
    background-color:#fff;
	text-align:left;
	float:left;
}
.prevAndNext{
	width:300px;
	float:right;
	text-align:right;
	margin-right:17px;	
}
.segmentWidth{
	width:150px;
	float:left;
	font-size:12px !important;
}


/*---------------------------------------------------------------------------------------------------------------------*/
/*
   KEVIN PAGE CSS
*/
/*---------------------------------------------------------------------------------------------------------------------*/
.imageContainerBGSmll{
	width:292px;
	height:177px;
	float:left;
	background-color:#f1f1f1;
	
	//background-image:url(../images/galleryBg.jpg);
	//background-repeat:no-repeat;
	border-bottom:1px solid #ccc;
}
.imageContainerBG{
	width:650px;
	height:500px;
	float:left;
	background-color:#f1f1f1;
	
	//background-image:url(../images/galleryBg.jpg);
	//background-repeat:no-repeat;
	border-bottom:1px solid #ccc;
}
.imageContainerBG_big{
	width:890px;
	height:450px;
	float:left;
	
	background-image:url(../images/galleryBg_big.jpg);
	background-repeat:no-repeat;
	background-color:#f1f1f1;
}

.MaterialImageContainerSmll{
	width:292px;
	height:177px;
	margin:0px;
	text-align:center;
	overflow:hidden;
	float:left;
}
.MaterialImageContainer{
	width:650px;
	height:405px;
	margin:0px;
	text-align:center;
	overflow:hidden;
	float:left;
}
.MaterialImageContainer_big{
	width:842px;
	height:310px;
	margin:30px auto 0;
	text-align:center;
	overflow:hidden;
	
}
.MaterialImage{
	position:relative;
	
}
.MaterialImageNameSmll{
	background-color:#000;
	/* for IE */
	  filter:alpha(opacity=65);
	/* CSS3 standard */
	  opacity:0.65;
	color:#fff;
	height:25px;
	width:auto;
	min-width:80px;
	text-align:right;
	font-weight:bold;
	line-height:24px;
	padding-top:5px;
	padding-right:15px;
	padding-left:15px;
	position:absolute;
	top:147px;
	right:0px;
	-moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
	
}
.MaterialImageNameSmll a{
	
	color:#fff;
	text-decoration:none;
	
	
}
.MaterialImageName{
	background-color:#fff;
	/* for IE */
	  filter:alpha(opacity=75);
	/* CSS3 standard */
	  opacity:0.75;
	color:#333;
	height:30px;
	width:650px;
	
	font-weight:bold;
	line-height:30px;
	padding-top:5px;
	padding-left:15px;
	position:absolute;
	top:370px;
	left:0px;
	
}
.MaterialImageName_big{
	background-color:#fff;
	/* for IE */
	  filter:alpha(opacity=75);
	  /* CSS3 standard */
	  opacity:0.75;
	
	color:#333;
	height:30px;
	width:827px;
	font-weight:bold;
	line-height:30px;
	padding-top:5px;
	padding-left:15px;
	position:absolute;
	bottom:0;
	left:24px;
	
}

.MaterialImageNavigation{
    float: left;
	top:25px;
    left: 50%;
    position: relative;
}

.MaterialImageInnerNavigation{
    float: left;
    left: -50%;
    position: relative;
}

.MaterialImageThumbnail{
	float:left;
	width:40px;
	height:40px;
	border:4px solid #fff;
	padding-right:1px;
	
}

.MaterialArrowThumbnail{
	float:left;
	width:40px;
	height:40px;
	border:4px solid #fff;
	
}

.listingPagenationContainer{
    font-size: 10px;
    font-weight: bold;
	margin-right:17px;
	float:right;
	
}

.listingPagenationContainer .entry{
	width:15px;
	height:15px;
	margin:2px;
	border:1px solid #ccc;
	background-color:#fff;
	float:left;
	display:block;
	text-align:center;
	cursor:pointer;
}
.pagination{
	
	float:right;
	
}
.listingPagenationContainer .entryNoBorder{
	margin:5px;
	padding:3px;
	float:left;
	display:block;
	text-align:center;
}

.listingPagenationContainer .entrySelected{
	width:15px;
	height:15px;
	margin:2px;
	border:1px solid #ccc;
	background-color:#fafafa;
	float:left;
	display:block;
	color:#46b9d5;
	text-align:center;
}

#faq{
	width:750px;
	
	float:left;
}
#faq ol{
	width:750px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
         color:#333;
	margin-bottom:20px;
	line-height:18px;
	margin-left:50px;
       
}
#faq ol li{
	padding-bottom: 5px;
       
}
#faq ol a{
	text-decoration:none;
	
}
#faq ol a:hover{
	color:#000;
	
}
#faq ul{
	width:750px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-bottom:20px;
	line-height:24px;
	margin-left:50px;
	list-style:none;
}
#faq ul li{
	width:750px;

	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
       
	
	list-style:none;
}

#faq ul a{
	text-decoration:none;
	
}
.legalSubList{
	width:700px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-bottom:20px;
	line-height:24px;
	margin-left:50px;
	list-style:outside !important;
}
.legalSubList li{
	width:600px;
	float:left;
	list-style:outside !important;
	margin-left:50px;
}



.backbutton{
	cursor:pointer;
}
.projectLinks{
	text-align:right;
	float:right;
	
	width:650px;
	
	color:#000;
}
.projectLinksTxt a{
	text-decoration:none;
	color:#000;

	
}
.projectLinksTxt a:hover{
	text-decoration:none;
	color:#ff9900;
	
	
}
.projectLinksTxt{
	width:600px;
	float:right;
	text-align:right;
}
.arrow{
	width:8px;
	padding-top:3px;
	margin-left:5px;
	float:right;
	
}
.arrow2{
	padding-top:9px;
	margin-left:5px;
	float:right;
	
}


.contentsLeft{
	width:340px; 
	margin-top:20px;
	margin-bottom:15px;
	text-decoration:none;
	background-color:#fff;	
	float:left;
}
.contentsRight{
	width:340px;
	margin-top:20px;
	margin-bottom:15px; 
	margin-left:35px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}
.contentsRightNarrow{
	width:300px; 
	margin-left:10px;
	text-decoration:none;
	background-color:#fff;
	float:left;
}
.contentsRightNarrow .h2{
	margin-top:50px;
	text-decoration:none;
	background-color:#fff;
	font-size:28px;
	color: #333;
	margin-bottom:15px;
}
.contentsRightNarrow .h3{
	margin-top:40px;
	margin-bottom:20px;
	text-decoration:none;
	background-color:#fff;
}
.contentsRightNarrow a img{
	margin-top:20px;
	float:left;
	text-decoration:none;
	background-color:#fff;
	cursor: pointer; 
}
.advContentsTxt{
	width:300px; 
	text-align:left;
	font-size:11px;
	color:#666;
	line-height:18px;
	text-decoration:none;
	background-color:#fff;
	margin-bottom:-10px;
	float:left;
	
}
.topImg{

	float:left;
	margin-top:5px;
	text-decoration:none;
	background-color:#fff;

}
.downloadLeft{
	width:235px;
	float:left;
}
.techDownload{
	width:15px;
	float:left;
}
.contactIntro{
	margin-top:10px;
	margin-left:15px;
	line-height:20px;
	width:250px;
	float:left;
}
.contactIntroRight{
	margin-top:10px;
	margin-left:35px;
	line-height:18px;
	width:250px;
	float:left;
}
.downloadIcon{
	padding-top:5px;
	float:left;
}
.materialDownloadLinks{
	width:250px; 
	float:left; 
	padding-bottom:3px; 
	border-bottom: 1px dotted #ccc; 
	margin-right:30px; 
	margin-bottom:20px;
}
.sampleSEO{
	width:460px;
	float:left;
	line-height:18px;
	margin-top:10px;
}
.siteMapTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin-top:20px;
	margin-left:7px;
	margin-right:10px;
	width:280px;
	float:left;
}
.siteMapTitle a{
	text-decoration:none;


}
.siteMapTitleLast{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin-top:20px;
	margin-left:7px;
	
	width:280px;
	float:left;
}
.siteMapTitleLast a{
	text-decoration:none;

}
.siteMapColumns,
.siteMapColumnsLast{
	width:280px;
	float:left;
	margin-left:7px;
	margin-right:10px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:24px;
	font-size:12px;
	
}
.siteMapColumns a{
	text-decoration:none;
	text-transform:capitalize;
	color:#39F;
	
}
.siteMapColumns a:hover{
		color:#ff9900;
	
}
.siteMapColumnsLast{
	margin-right:0px !important;
	
}
.siteMapColumnsLast a{
	text-decoration:none;
	text-transform:capitalize;
	color:#39F;
	
}
.siteMapColumnsLast a:hover{
		color:#ff9900;
	
}
.signUpLeft{
	width:400px;
	margin-top:30px;
	margin-left:50px;
	padding-right:20px;	
	
	float:left;
}
.formRow{
	width:450px;
	margin-bottom:10px;	
	float:left;
}
.signUpTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#e66210;
	font-weight:normal;
	margin-bottom:15px;
	
}
.signUpFormTxt,
.signUpPrivacy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#484848;
	line-height:12px;
	text-decoration:none;
	
}

.signUpPrivacy{	
	width: 600px;
	float:left;
	font-size:16px !important;
	margin-left:140px;
	margin-top:30px;
	margin-bottom:30px;
	text-decoration:none;
	text-align:center;
	
}
.signUpPrivacy a{	
	
	text-decoration:underline;
	
}
.formEntry{
	width:150px;
	float:left;
	text-align:left;
	margin-right:15px;
}
.formEntrySignIn{
	width:150px;
	float:left;
	text-align:right;
	margin-right:15px;
}
.formTxtbox{
	width:250px;
	float:left;
	text-align:left;
}
.formTxtboxSignIn{
	width:200px;
	float:left;
	text-align:right;
}

.signUpRight{
	width:320px;
	margin-top:20px;
	margin-left:20px;
	
	float:left;
	border:1px dotted #ccc;
}
.benefitTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#e66210;
	line-height:20px;
	font-weight:normal;
	
	width:300px;
	margin-top:16px;
	margin-left:20px;
	float:left;
	
}
.benefitsList{
	font-family:Verdana, Geneva, sans-serif;
	width:250px;
	float:left;
	margin-top:20px;
	margin-left:30px;
	margin-bottom:30px;
	
	
}
.benefitsList ul{
	width:230px;
	float:left;
	margin-left:10px;
	list-height:14px;
	list-height:16px;
	font-family:Verdana, Geneva, sans-serif;
}
.benefitsList ul li{
	width:230px;
	list-style-image:url(../images/listStyle.jpg);
	float:left;
	padding-bottom:10px;
	list-height:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#484848;
}

.optoutTitle{
	width:650px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:400;
	
	color:#e75f15;
	margin-left:50px;
	margin-top:50px;
	margin-bottom:20px;
}
.optoutTxt{
	width:650px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#525252;
	margin-left:50px;
	margin-bottom:20px;
	float:left;
}
.optoutTextInput, 
.optoutTextInput2{
	width:650px; 
	margin-left:50px;
	float:left; 
}
.optoutTextInput2{
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
}
.optoutPhoneNumbersLeft{
	width:150px; 
	float:left; 
}
.optoutPhoneNumbersRight{
	width:450px; 
	float:left;
}
.optoutMailLeft{
	width:150px;
	text-align:right; 
	margin-right:15px;
	margin-bottom:10px;
	float:left; 
}
.optoutMailRight{
	width:450px; 
	margin-bottom:10px;
	float:left;
}

/*==================== sample listing page =========================*/

.sampleTitle{
	font-size:21px;
	color:#696c71;
	font-family:Arial, Helvetica, sans-serif;

	width:300px;
	margin-top:20px;
	margin-bottom:5px;
	width:600px;
	float:left;
}
.sampleTitle2{
	font-size:21px;
	color:#696c71;
	font-family:Arial, Helvetica, sans-serif;

	width:300px;
	margin-left:18px;
	margin-top:20px;
	margin-bottom:5px;
	width:600px;
	float:left;
}

.sampleTitleLeft{
	width: 300px;
	float:left;
}
.sampleTitleRight{
	width: 250px;
	float:right;
	text-align:right;
}
.sampleTitleRight a{
	text-decoration:none;
}
.sampleTitleHline,
.sampleTitleHline2{
	
	margin-bottom:20px;
	float:left;
}
.sampleTitleHline2{
	
	width:200px;
	margin-bottom:10px !important;
	
}
.threeTypeSamples{
	width:600px;
	float:left;
}
.sampleType{
	width:175px;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #c3ced0;
	
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	
	margin-left:10px;
	margin-right:12px;
	float:left;
}
.sampleType:hover{
	border:1px solid #ff9900;
}
.sampleTypeImg{
	text-align:center;
	margin-top:20px;
}
.sampleTypeName{
	text-align:center;
	font-weight:bold;
	margin-top:10px;
}
.sampleTypeName a{
	text-decoration:none;
	
}
.sampleTypeQuantity{
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
}
.sampleLayoutLeft{
	width:600px;
	margin-left:20px;
	padding-right:40px;
	float:left;
	background-image:url(../images/sampleListBg.jpg);
	background-position:top right;	
	background-repeat:repeat-y;
}
.sampleListOuter{
	width:600px; 
	float:left; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #c3ced0;
	
	
}
.samplePageNation{
	width:580px;
	margin-top:20px;
	float:left;
}
.pageNationArrow{
	margin-top:5px;
	width:12px;
}
.sampleList{
	width: 680px;
	float:left;
	
}
.sampleRow{
	width:600px;
	padding-top:20px;

	float:left;
}
.sampleFirstCell,
.sampleSecondCell,
.sampleLastCell{
	width:199px;
	
	float:left;
	
}
.sampleBtns{
	width:196px;
	height:50px;
	float:left;
	background-image:url(../images/sampleBtnBg.jpg);
	background-repeat:repeat-x;
	padding-left:1px;
	padding-right:1px;
}
.sampleFirstCell{
	border: 1px solid #C3CED0;
	margin: 10px;
	padding-top: 20px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.sampleSecondCell{
	margin-right:0px;
	border-right:1px solid #c3ced0;
	
}
.sampleLastCell{
	margin-right:0px;
}
.sampleInfoHeight{
	text-align:center;
}
.sampleImage{
	
	height:105px;
	width:165px;
	overflow:hidden;
	text-align:center;	
}
.sampleDesc{
	margin-left: auto; 
	margin-right: auto;
	margin-top:8px;
	font-weight:bold;
	line-height:12px;
	width:160px;
	min-height:35px;
	text-align:left !important;

	
}
.sampleId{
	width:160px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom:10px;
	text-align:left !important;
}
.btnDevider{
	float:left;  
	margin-top:15px; 
	width:2px;
}
.AddToGalleryBtn{
	width:63px;
	text-align:center;
	font-size:11px;
	line-height:12px;
	margin-top:15px;
	
	float:left;
	
}
.AddToGalleryBtn a{
	text-decoration:none;
	color:#000;
	
}
.AddToGalleryBtn a:hover{
	text-decoration:none;
	color:#ff9900;
}

.sampleLayoutRight{
	width:230px;
	
	
	float:left;
}
.sampleLayoutRightWrap{
	width:200px;
	margin-left:25px;
	
	float:left;
}
.refineSearchTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-top:30px;
	margin-bottom:5px;
	
	width:200px;
	float:left;
}
.searchCriteria{
	margin-top:10px;
	margin-bottom:5px;
	
	width:200px;
	float:left;
	
}
.searchTitle{
	font-weight:bold;
}
.searchList{
	list-style:none;
	margin:0px;
	padding:0px;
}
.searchList li{
	text-transform:uppercase;
	line-height:18px;
	font-size:10px;
}
.searchList li a{
	text-decoration:none;
	color:#333;
}
.searchList li a:hover{
	text-decoration:none;
	color:#ff9900;
}
.searchListOuter{
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
}
#leftHeading, #leftHeadingDown {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #CCCCCC;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 3px;
    text-decoration: none;
}

.sampleTableItemColumn{
	text-align:center;
}

.wrapNoBorder{
	background-color:#fff; 
	border:1px solid #ccc; 
	float:left; 
	padding-bottom:20px;
	margin-bottom:5px;
	margin-top:10px;
	width:100%;
}

.formTitle{
	width:700px;
	float:left;
	margin-top:20px;
	margin-left:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#F60;
	vertical-align:middle;
	background-color:#fff;
}

.halfColumn{
	width:420px;
	margin:5px;
	padding:5px;
	float:left;
	background-color:#FFF;
	border-radius: 10px 10px 10px 10px;
	border:1px solid #ccc;
}

.leftContTitle{
	color:#E75F15;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:10px;
}

.addressContainer{
	font-size: 10px;
	margin: 10px;
	width: 400px;	
}

.sampleCounts{
	width:950px;

	margin-top:20px;
	margin-left:20px;
}
.sampleCounts ul{
	width:950px;
	display:inline;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
}
.sampleCounts ul li{

	display:inline;
	text-align:left;
	padding-right:5px;
	margin-right:10px;
}

.sampleListTable{
	width:100%;
	border:1px solid #ccc;
	/*float:left;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.sampleListTH{
	font-size:11px; 
	text-align:center; 
	padding:10px; 
	font-family:Arial, Helvetica, sans-serif; 
	border-right: 1px solid #ccc;
	text-transform:uppercase;
	font-weight:bolder;
}
.brochureIcon{
	width:33px;
	float:left;
	
}
.brochureTitle{
	width:300px;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:5px;
	margin-top:10px;
}
.brochureTitle2{
	width:300px;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:5px;
	margin-top:10px;
	
	color:#7c7b80 !important;}
.brochureDivBar{
	width:584px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
}
.currentBrochureTop{
	width:650px;
	float:left;
}
.currentBrochureTop2{
	width:650px;
	float:left;
	margin-top:10px;
}
.currentBrochureBottom{
	width:650px;
	float:left;
}
.currentBrochureBottom2{
	width:650px;
	float:left;
	margin-bottom:10px;
	margin-top:-10px;
}
.brochureFirstIcon{
	width:260px;
	float:left;
	margin-left:5px;
}
.redMark{
	width:3px; margin-right:3px; color:#C00;
}
.legalHeading{
	width:890px;
	float:left;
}