/*default*/
body {
	font-type:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:1.4;
	margin: 0;
	padding: 0;
	color: #000;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}
a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
/*default*/


/*.................part 1.........................*/
/*..top bar.. */
.top-bar-wrapper{
	width:100%;
	max-width:1280px;
	height:36px;
	background-color:#000;	
}
.top-bar{
	width:1135px;
	height:36px;
	background-color:#000;
	margin:0 auto;	
}
.left-inner-bar{
	width:50%;
	height:36px;
	float:left;
}
.left-inner-bar p{
	color:#fff;
	width:55px;
	height:36px;
	float:left;
	font-size:0.9em;
	margin-top:5px;
}
.left-inner-bar img{
	height:20px;
	margin-top:7px;
}
.right-inner-bar{
	width:50%;
	height:36px;
	float:left;
}
.top-bar ul {
	margin-top:5px;
		float:right;
}
.top-bar ul li{
	list-style:none;
	display:inline;
	margin-right:20px;
}
.top-bar ul li img{
	width:26px;
}
/*end of top bar*/
/*................. end of part 1.........................*/

/*................Website container......................*/
.main-wrapper{
	width:1135px;
	height:1980px;
	background-color:#ffffff;
	margin:0 auto;
}
/*................Website container......................*/


/*.................part 2.........................*/
/*banner area with logo and menu*/
.banner{
	width:100%;
	height:150px;
	background-color:#fff;
	border-bottom:2px #E2E2E2 solid;
	margin-bottom:20px;
}
.logo-div{
	width:35%;
	height:111px;
	float:left;	
}
.logo{
	width:180px;
	margin-top:25px;
}
.nav-div{
	width:65%;
	height:111px;
	float:left;
}
.nav-div ul{
	margin-right:100px;
	float:right;
	margin-top:50px;
}
.nav-div ul li{
	list-style:none;
	display:inline;
	margin-right:10px;	
}
.nav-div ul li a{
	text-decoration:none;
	color:black;
}
.nav-div ul li:first-child a{
	color:#F4961F;
}
/*...............end of part 2.............................*/

/*...............part 3.............................*/
/*.........main page image.............................*/
.main-image-div{
	width:100%;
	height:auto;
	padding-bottom:15px;
	border-bottom:2px #E2E2E2 solid;
}
.main-image{
	width:100%;
}
/*..................end of part 3..........................*/


/*.............article div.................................*/
.articles-div{
	width:100%;
	height:auto;
	margin-top:30px;
	border-bottom:2px #E2E2E2 solid;
}
/*..........................................................*/

/*..............part 4 .....................................*/
.material{
	width:897px;
	height:auto;
	margin:0 auto;
}
.cedar-div, .pressure-div, .composite-div{
	width:269px;
	height:auto;
	margin:0 15px 0 15px;
	float:left;
}
.cedar-font{ /*for all the material names*/
	text-align:center;
	 font-family: 'Open Sans', sans-serif;
	 font-size:0.7em;
	 color:#585551;
}
.article-title{
	font-size:1em;
	color:#BE6325;
    font-family: 'Open Sans', sans-serif;
}
.article{
	font-size:0.9em;
	color:#585551;
	line-height:1.5;	
}
/*.............end of part 4............................*/


/*..........part 5................................ */
.brand-title{
	color:#585551;
	margin-top:15px;
}
.brand-div{
	width:100%;
	height:213px;
	border:2px solid #CCC;	
}
.brand-div-1{
	float:left;
	margin:40px 6.5px 0 6.5px;
}
/*.............end of part 5............................*/

/*.............footer...................................*/
.footer{
	width:100vw;
	height:80px;
	background-color:#454545;
	color:#ADADAD;
	clear:both;
	text-align:center;
	padding-top:20px;	
}	
/*..............end of footer....................................*/


/*........cellphone ....................*/
.cell-wrapper{
	width:100%;
	height:1000px;
	display:none;
}
.cell-footer{
	display:none;
	
}

/*........ about page..................*/
.main-wrapper-2{
	width:1135px;
	height:auto;
	margin:0 auto;
}

.about-wrapper{
	width:80%;
	height:auto;
	margin:20px auto;

}

.lightbox-wrapper{
	width:100%;
	height:auto;
}
.example-image{
	margin:20px 11px 20px 11px;	
}

/* contact form*/
.main-wrapper-3{
	width:1135px;
	height:950px;
	background-color:#ffffff;
	margin:0 auto;
}
.contact-div{
	width:556px;
	height:690px;
	margin-left:9.5vw;
	margin-top:20px;
	color:#3a3a3a;
	border-bottom:1px black solid;
}
.contact-header{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight: 100;
}
.red-stars{
	color:red;
}
.grey-thin-line{
	width:100%;
	height:4px;
	background-color:#cccccc;
	margin-top:10px;
	margin-bottom:5px;
}
.ul-form{
	list-style-type:none;
}
label{
	font-size:16px;
}
textarea {
	width:99%;
    height: 150px;
	
}
.form-input{
	width:99%;
	height:28px;
	margin-bottom:20px;
}

input[type="submit"]{
	float:right;
	margin-top:15px;
	font-size:1em;
	color:#666;
}
.submit-button:hover{
	border:1px solid #0080C0;
}

/*............thanks page..............*/
/*.....................................*/
.thanks-div{
	width:100%;
	height:623px;
	margin:30px auto 0 auto;
}
.domain-bar{
	width:100%;
	height:64px;
	background-color:#007ABD;
	padding-top:0.1px;
}
.domain{
	text-align:center;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	margin-top:18px;
	font-weight:100;
}
	
.message{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:69px;
	font-size:2.2em;
	text-align:center;
}
.thanks-div ul{
	list-style-type:none;
	margin-top:71px;
	text-align:center;
		
	}
.thanks-div ul li{
	display:inline;
}
.thanks-div ul li a{
	font-size:36px;
	text-decoration:none;
	color:#007ABD;
	
}











/* about us page*/