/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body {
      font-size: 100%;
      font-weight:bold;
      font-family: Arial, 'Lucida Sans Unicode';
	  text-align:center;
      line-height: 1.5;
      background-image:url('wool.jpg');
	  background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center;
      background-size: cover;
      overflow:hidden;
      -webkit-text-size-adjust: none;
	 
	  
      
     }   
.p {
   background-color: #000;
   height:auto%;
   width:98%;
   margin-top: 2%;
   padding: 1% 1% 1% 1%;
   background: rgb(0, 0, 0);
   background: rgba(0,0 ,0, 0.7);
   color: #fff;
   line-height: 1.1;
   font-family:georgia;
   text-align: left;
   font-size:130%;
   border: solid white 3px;
   border-radius: 10px;   
   resize: none;
   z-index:-1;
  
   }
   

   .maincontent {
   width:100%;
   text-align:center;
   
   }
   
   #sidebar {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width: 50px;
    height:300px;
    /* check for a longer sidebar */
    background:#000;
}
  
  .subpara{
   background-color: #000;
   height:auto;
   width:98%;
   display:inline-block;
   margin-top: 2%;
   margin-bottom: -1%;
   position: relative;
   padding: 1% 1% 1% 1%;
   background: rgb(0, 0, 0);
   background: rgba(0,0 ,0, 0.7);
   color: #fff;
   line-height: 1.1;
   font-family:georgia;
   text-align: left;
   font-size:140%;
   border: solid white 3px;
   border-radius: 5px; 
      
  }
  
  .subpara2{
   background-color: #000;
   height:auto;
   width:98%;
   margin-top: 2%;
   margin-bottom: -1%;
   position: relative;
   padding: 1% 1% 20% 1%;
   background: rgb(0, 0, 0);
   background: rgba(0,0 ,0, 0.7);
   color: #fff;
   line-height: 1.1;
   font-family:georgia;
   text-align: left;
   font-size:140%;
   border: solid white 3px;
   border-radius: 5px;   
     
  }
  
  .subpara3{
   background-color: #000;
   height:auto;
   width:98%;
   margin-top: 2.5%;
   margin-bottom: 1%;
   margin-left: 2%;
   position: relative;
   padding: 2% 0% 2% 0%;
   background: rgb(0, 0, 0);
   background: rgba(0,0 ,0, 0.7);
   color: #fff;
   line-height: 0.7;
   font-family:georgia;
   text-align: center;
   font-size:130%;
   border: solid white 3px;
   border-radius: 5px;   
   
  }
    
  .table  {
   background-color: #000;
   height:auto;
   width:100.9%;
   margin-top: 0%;
   margin-bottom:1%;
   position: relative;
   padding: 1% 1% 1% 1%;
   background: rgb(0, 0, 0);
   background: rgba(0,0 ,0, 0.7);
   color: #fff;
   line-height: 1.2;
   font-family:georgia;
   text-align: left;
   font-size:140%;
   border: solid white;
   border-width:0px 3px 3px 3px;
   border-radius:0px 0px 5px 5px;  
  
    }

	.mailer{
	float:left;
	padding-top: 1%;
	margin-top: 3.3%;
	margin-left: 1.2%;
	margin-right: 1%;
	margin-bottom: 1%;
	background:url(fabric.jpg);
	border: solid white 3px;
	border-radius: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.0;
	color: #FFFFFF;	
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;

	
		
	}
	@media only screen and ( max-width: 65em ) { /* 1000 */
		 
		p{
	font-size: 125%;
	padding-top: 25%;
	}
       .mailer{
	float: left;
	position: relative;
	padding-right: 10%;
	padding-left: 10%;
	text-align:center;
	margin-top: 4%;
	margin-left: 14%;
	margin-right: 1%;

	}	
	.header3{
		float:right;
		font-size: 80%;
		}
	
		
	.header4{
		float:right;
		font-size: 80%;
		}
	.txtbox {
		float:left;
		margin-left: 10%;
	}
	.imageright{
		width: 20%;
		height: auto;
	
	}
	.subpara{
		padding-bottom: 4.2%;
	}
	}
			 
		.button {
	color: #FFF;
	background-color: #D7AC00;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

	.txtbox {
		float:left;
		margin-left: 10%;
		
	}


.fgblue{
	font-family: Georgia, Helvetica, Sans serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFF;
	
}
	
	

.mailertxt{
	font-family: Georgia, Helvetica, Sans serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFF;
}

      
a {
      text-decoration: none;
}

       
.body{
       margin: auto;
       padding:0 2% 0 2%;
       width: 70%;
       overflow: auto;
       resize:none;
       overflow-y:scroll;
	   
}
.mainheader img {
       width: 60%;
       height: auto;
       margin-top: 2.5%; 
       position: relative;
       border:solid;
       border-color: white; 
       overflow:hidden;            
}   
@media only screen and (max-width:40em) {	

    .mainheader
	{
	 display:none;
  }
  .mailer
  {
	  padding-right: 3%;
	  padding-left: 1%;
	  margin-left: 2%;
	  margin-right: 0%;
}
 .mailertxt{
	 font-size: 110%;
 }
  .imageright
  {
	  width: 40%;
	  height: auto;
 
  }
  
  }
h2{
       text-align:centre;
	  
       
}

   .header { 
	   position:relative;
       background-color: #000;
       height:auto;
       width:100%;
       margin-top: 1%;
	   margin-bottom: -1%;
	   background: rgb(0, 0, 0);
       background: rgba(0,0 ,0, 0.7);
       color: #fff;
       font-family:georgia;
       font-size:200%;
	   border: solid white 3px;
	   border-radius: 5px;
	   text-shadow: 1px 1px #cc9900;
	   resize:none;
       overflow:hidden;
}

.contactheader { 
	   position:relative;
       background-color: #000;
       height:auto;
       width:100%;
       margin-top: -7%;
	   margin-bottom: -1%;
	   background: rgb(0, 0, 0);
       background: rgba(0,0 ,0, 0.7);
       color: #fff;
       font-family:georgia;
       font-size:200%;
	   border: solid white 3px;
	   border-radius: 5px;
	   text-shadow: 1px 1px #cc9900;
	   resize:none;
       overflow:hidden;
}

a.glow {
	   color: #fff;
       text-shadow: 0 0 1px #D7AC00;
	   text-decoration: underline;
}
	   
.rightpara {
	float: right;
	display: inline-block;
	margin-top: 1%;
	
}

@media only screen and (max-width:40em) {	
    .header
	{
	background-color:#001F17;
	margin-top:1%;
  }
}

.header2 { 
	   position:relative;
       background-color: #000;
       height:auto;
       width:99.3%;
	   margin-bottom: 0%;
	   margin-top: 2%;	   
       padding-top:1%;
	   background: rgb(0, 0, 0);
       background: rgba(0,0 ,0, 0.7);
       color: #fff;
       font-family:georgia;
       text-transform:uppercase;
       font-size:140%;
	   border: solid white;
       border-width:3px 3px 0px 3px;
       border-radius:5px 5px 0px 0px;
       text-shadow: 1px 1px #cc9900;
	   resize:none;
       
}

.header3 { 
	   position:relative;
	   text-align:center;
       height:auto;
       width:100%;
	   margin-left: 25.5%;
       color: #fff;
       font-family:georgia;
       text-transform:uppercase;
       font-size:140%;
	   text-shadow: 1px 1px #cc9900;
	   resize:none;
}

.header4 { 
	   position:relative;
	   text-align:center;
       height:auto;
       width:100%;
	   margin-left: 15%;
       color: #fff;
       font-family:georgia;
       text-transform:uppercase;
       font-size:140%;
	   text-shadow: 1px 1px #cc9900;
	   resize:none;
}

.header5 { 
	   position:relative;
	   text-align:center;
       height:auto;
       width:100%;
	   margin-left: 28.5%;
       color: #fff;
       font-family:georgia;
       text-transform:uppercase;
       font-size:140%;
	   text-shadow: 1px 1px #cc9900;
	   resize:none;
}

.header6 { 
	   position:relative;
	   text-align:center;
       height:auto;
       width:100%;
	   margin-left: 23%;
       color: #fff;
       font-family:georgia;
       text-transform:uppercase;
       font-size:140%;
	   text-shadow: 1px 1px #cc9900;
	   resize:none;
}

.header7 { 
	   position:relative;
	   text-align:center;
       height:auto;
       width:100%;
	   margin-left: 17%;
       color: #fff;
       font-family:georgia;
       text-transform:uppercase;
       font-size:140%;
	   text-shadow: 1px 1px #cc9900;
	   resize:none;
}



.imageleft {
	border:2px solid white;
    border-radius:5px;
	background-color:#D7AC00;
	padding:5px;
	margin-left:0px;
	margin-right:5px;
	float:left;
   

}

.imageyarn {
	border:2px solid white;
    border-radius:5px;
	background-color:#D7AC00;
	padding:5px;
	margin-left:1px;
	margin-right:1px;
    margin-top: 1%;
	margin-bottom: 1%;	
	position:relative;
}

.imageleft2 {
	border:2px solid white;
    border-radius:5px;
	background-color:#D7AC00;
    padding:5px;
	margin-left:0px;
	margin-right:0px;
    margin-top:10px;


}
.imageright {
	border:2px solid white;
    border-radius:5px;
	background-color:#D7AC00;
	padding:5px;
	margin-left:2px;
	margin-right:4px;
    margin-top: 3%;
	float:right;
	position: relative;
	width: 150px;
	height: 150px;
	   
}

.imagecentre {
	margin-left:auto;
	margin-right:auto;
	display: block;
}
.imagecentre2 {
	border:2px solid white;
    border-radius:5px;
	background-color:#D7AC00;
	padding:5px;
	margin-left:0px;
	margin-right:40px;

}

#emailform {
	clear: both;
	padding-left: 8px;
}



"Slide Show Left"

.container {
  position:absolute;
  float:left;
  overflow:hidden;
  width: 13.65%;
  height: 25%;
 }

#slideshow {
  margin: 1.75% auto;
  position:absolute;
  width: 13.55%;
  height: 24%;
  margin-bottom:5%;
  border-left:solid;
  border-right:solid;
  border-top:solid;
  border-color: white;             
  border-top-left-radius: 5px;
  overflow:hidden;
  z-index:-1;
  }
  

@media only screen and (max-width:40em) {	
    #slideshow
	{
	display:none;
  }
}

#slideshow > div {
  position:absolute;
  padding-bottom: 10px;
  overflow:hidden;
}

#slideshow > div > img {
	
	height:100%;
	width:100%;
	
}
	
	
"Slide Show Right"

.container2 {  
  position:absolute;
  float:none;   
  width: 13.65%;
  height: 25%;
  overflow:hidden;
 }

#slideshow2 {
  margin:1.75% auto;
  position: absolute;
  right: 14.64%;
  width: 13.90%;
  height: 24%;
  top:0%;
  margin-bottom:5%;
  border-left:solid;
  border-right:solid;
  border-top:solid;
  border-color: white;             
  border-top-right-radius: 5px;
  overflow:hidden;
  z-index:-1;
  }
  
  .slides{
         height: 160px;
         width: 190px;
	 max-height:100%;
	 max-width :100%;
	 
}

	 
}

.facebook{
	margin-bottom: 2%;
	margin-right: 1%;
	font-family: Georgia, Helvetica, Sans serif;
	font-size: 120%;
	color: white;
	float: left;
}


  @media only screen and (max-width:40em) {	
    #slideshow2
	{
	display:none;
  }
}

#slideshow2 > div {
  position: absolute;
  padding-bottom:10px;
  overflow:hidden; 
  
  }



"Nav Bar"
 
#nav{
			width: 60em; /* 1000 */
			font-family: "Times New Roman", Georgia, Serif;
			font-weight: 400;
			position: absolute;
			list-style-type: none;
			z-index:999;
			
	
		}

			#nav > a
			{
				display: none;
               list-style-type: none;
                
			}
            
            
 
			#nav li
			{
				position: relative;
				font-family: "Times New Roman", Georgia, Serif;
				list-style-type: none;
				z-index:1;
                
			}
				#nav li a
				{
					color: #fff;
					display: block;
					margin-left:-10%;
                    list-style-type: none;
					overflow:hidden;
					max-width:100%;
					min-width:100%;
					
				}
				#nav li a:active
				{
					background-color: #D7AC00;
					
					
					
				}
                
                 li.has-child > a:after {
   color: #D7AC00;
   content: '▼';
   }
               

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #fff;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
				
                
			}

			/* first level */

			#nav > ul
			{
				height: 3.75em; /* 60 */
				width: 95.7%;
				background-color: #001F17;
				border: solid white;
				border-radius: 0 0 5px 5px;
				
				
				
				
				                
			}
				#nav > ul > li
				{
					width: 25%;
					height: 100%;
					float: left;
				
                    
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 1.5em; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
                        background-color: #001F17;
					}
						#nav > ul > li > a
						{
							border-right: 1px solid #fff;
							border-left: 1px solid #fff;
						}
						#nav > ul > li:hover> a,
						
						
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #D7AC00;
							-webkit-transition: background-color 1s ease-out;
                            -moz-transition: background-color 1s ease-out;
                            -o-transition: background-color 1s ease-out;
                            transition: background-color 1s ease-out;
							
						
						}


				/* second level */

				#nav li ul
				{
					background-color: #001F17;
					display: none;
					position: absolute;
					top: 100%;
					z-index: 1;
										
					}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						z-index: 1;
						
					}
					
					}

						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							border-top: 2px solid #fff;
							border-bottom: 1px solid #fff;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #D7AC00;
								background-color: #D7AC00;
							-webkit-transition: background-color 1s ease-out;
                            -moz-transition: background-color 1s ease-out;
                            -o-transition: background-color 1s ease-out;
                            transition: background-color 1s ease-out;
								
							
							}
							
		@media only screen and ( max-width: 80em )
		{
			#nav
			{
				width:98.4%;
				position: static;
				margin: 0;
			}
			
		@media only screen and ( max-width: 65em ) /* 1000 */
		{
			#nav
			{
				width:97.5%;
				position: static;
				margin: 0;
			}
			
			#nav ul
			{
				font-size:94%;
			}
			#nav li ul
		    {
				font-size: 95%;
				width: 120%;
		}

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				position:relative;
				margin-top: 1%;
				left:-19%;
				margin-right:-80%;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #001F17;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
                        
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						background-color: #001F17;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #fff;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
				
				
		}