@font-face {
    font-family: font;
    src: url("font1.ttf");
    }
    

@import url(http://fonts.googleapis.com/css?family=Oswald);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  background-color: #0e8ecd;
  border-radius: 3px; 
  line-height: 1;

  
}

#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 20px 25px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: white;
}
#cssmenu #menu-indicator {
  position: absolute;
  bottom: 0;
  display: block;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom-color: #fd8a17;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center > ul > li {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
  padding: 18px 25px;
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 18px 25px;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fd8a17;
  background: url('bg.png');
}
#cssmenu.small-screen #menu-button.menu-opened {
  color: #444444;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 19.5px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid ;
  border-bottom: 2px solid ;
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid ;
  border-bottom: 2px solid ;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 29.5px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fd8a17;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #444444;
}
#cssmenu.small-screen #menu-indicator {
  display: none;
}

body {
    background-image: url("background.jpg");
font-family: font;
font-weight:normal;
margin-left:auto;
margin-right:auto;
 }
	#logo {
margin-left:27.5%;
margin-right:27.5%;
width:45%;
border-radius:5px;
}

#title {
text-align:center; 
}

a {text-decoration:none;}

 @import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */

[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}

#testimonials {
	   width:300px;
	   margin-top: 18%;
	   margin-left: ;
	   border-radius:5px;
	   padding: 20px;
	   background-color: #0e8ecd;
	   overflow-x:hidden;
	   height: 600px;
       position: relative;
   }

#testimonials3 {
	   width:300px;
	   margin-top: -5%;
	   margin-left: ;
	   border-radius:5px;
	   padding: 20px;
	   background-color: #0e8ecd;
	   overflow-x:hidden;
	   height: 600px;
       position: relative;
   }
      
   #wrapper {
   min-width: 750px;
   max-width: 10240px;
   margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: auto;
	overflow: hidden;
     }
     
     #icons {
     position:relative;
     
      }
    
     #icons2 {
     position:relative;
     float: right;
      }
        
     .rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#aboutus {
	background-color: #0e8ecd;
	float: right;
	width: 60%;
	border-radius: 5px;
	padding: 10px;
margin-top:-8%;
margin-right:3%;
	
}


#aboutus2 {
	background-color: #0e8ecd;
	float: right;
	width: 60%;
	border-radius: 5px;
	padding: 10px;
margin-top:5%;
margin-right:3%;
	
}

#homepageimages {
 position:relative;
 margin-top:-68%;
}

#interiors {
	background-color: #0e8ecd;
	float: right;
	width: 63%;
	border-radius: 5px;
	padding: 10px;
margin-top:-62.5%;
margin-right:%;
	}
	
	#trimmings{ 
	background-color: #0e8ecd;

    width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}



#tracksandpoles{ 
	background-color: #0e8ecd;

    width: 80%;
  
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}

#wallcoverings{ 
	background-color: #0e8ecd;

    border-width: 5px;
    width: 80%;
    
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}


#fabrics{ 
	background-color: #0e8ecd;

    width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}

#Decorative{ 
	background-color: #0e8ecd;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}


/* Styles for dialog window */
#small-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

#trimmingstitle {
margin-top: 30%;
	margin-bottom: -30%;
	margin-left: -11%;
	color: black;
}

#trackstitle {
margin-top: 28.5%;
	margin-bottom: -30%;
	margin-left: 32%;
	color: black;
}

#wallcoveringstitle {
margin-top: 28%;
	margin-bottom: -30%;
	margin-left: 79%;
	color: black;
}

#fabricstitle {
margin-top: 66%;
	margin-bottom: -57%;
	margin-left: 5%;
	color: black;
}

#decorativetitle {
margin-top: 55%;
	margin-bottom: -64%;
	margin-left: 59%;
	color: black;
}




#clicktitle {
margin-top: 15%;
	margin-bottom: -22%;
	margin-left: 35%;
	color: black;	
}

#contact {
	background-color: #0e8ecd;
	float: right;
	width: 60%;
	border-radius: 5px;
	padding: 10px;
margin-top:-62%;
margin-right:3%;
	
}

#contact2 {
	background-color: #0e8ecd;
	float: right;
	width: 46%;
	border-radius: 5px;
	padding: 10px;
margin-top:-35%;
margin-right:14%;
position: relative;
	
}

#trimmingstitle {
margin-top: 30%;
	margin-bottom: -30%;
	margin-left: -11%;
	color: black;
}

#trackstitle {
margin-top: 28.5%;
	margin-bottom: -30%;
	margin-left: 32%;
	color: black;
}

#wallcoveringstitle {
margin-top: 28%;
	margin-bottom: -30%;
	margin-left: 79%;
	color: black;
}

#fabricstitle {
margin-top: 70%;
	margin-bottom: -57%;
	margin-left: 5%;
	color: black;
}

#decorativetitle {
margin-top: 56%;
	margin-bottom: -64%;
	margin-left: 59%;
	color: black;
}




#trimmings1{ 
	background-color: #0e8ecd;

    width: 80%;
  
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}

#tracksandpoles2{ 
	background-color: #0e8ecd;

    border-width: 5px;
    width: 80%;
    
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}


#wallcoverings3{ 
	background-color: #0e8ecd;

    width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}

#fabrics4{ 
	background-color: #0e8ecd;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}





#decorative2{ 
	background-color: #0e8ecd;

    width: 80%;
  
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}

#tracksandpoles3{ 
	background-color: #0e8ecd;

    border-width: 5px;
    width: 80%;
    
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}


#tracksandpoles4{ 
	background-color: #0e8ecd;

    width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	border-radius: 15px;
}