/*CSS file Cultures Clothing Company

Copyright Jana Wülfing*/


body {width:100%;
     background-color:#c0c0c0;
	 margin:0px;
	 padding:0px;
	  }
	  
#site {width:780px;
       height:690px;
       margin-left:auto;
	   margin-right:auto;
	   background-color:#FFFFFF;
	   }
	   	
/*head*/
	   
#indexhead {width:780px;
            height:139px;
			margin-right:auto;
			margin-left:auto;
			
			background-image:url(images/indexhead.png);}	     
h1 {visibility:hidden;
}

.links1  {font-size:30px;
          word-spacing:4px;
		  margin-top:70px;
		  margin-left:45px;
		  padding:0px;
		  }
a:link  {cursor:pointer;
         text-decoration:none;
		 outline:none;
		 margin:0;
		 padding:0;}
.hidden   {visibility:hidden;}		 

a:visited  {cursor:pointer;
            text-decoration:none;
		 outline:none;}
		 
/*index site*/ 		 
.order   {background-image:url(images/order.png);
          width:288px;
		  height:248px;
		 
		  }		 
#order {float:left;
		  margin-top:10px;
		  margin-left:10px;
		  position:relative;}
		  
		  
		  
.community   {background-image:url(images/blogs.png);
          width:288px;
		  height:248px;}
		  
#community    {position:relative;
           float:left;
		  margin-top:10px;
		  margin-left:10px;}
		  
		  
.dresses   {background-image:url(images/dresses.png);
          width:166px;
		  height:245px;
		 
		  }		 
#dresses {float:left;
		  margin-top:10px;
		  margin-left:10px;
		  position:relative;}	
		  
		  
.about   {background-image:url(images/about.png);
          width:344px;
		  height:244px;}
		  
#about   {position:relative;
           float:left;
		  margin-top:10px;
		  margin-left:10px;}
		  
.gallery   {background-image:url(images/gallery.png);
          width:231px;
		  height:240px;
		 
		  }		 
#gallery {float:left;
		  margin-top:10px;
		  margin-left:5px;
		  position:relative;}
		  	
.tshirts   {background-image:url(images/t-shirts.png);
          width:178px;
		  height:240px;
		 
		  }		 
#tshirts {float:left;
		  margin-top:10px;
		  margin-left:5px;
		  position:relative;}	
		  		  		  		  	  	
#foot     {background-image:url(images/foot.png);
           float:left;
		   position:relative;
		   width:780px;
		   height:29px;
		   margin-top:10px;}
		   									  
	h4    	{visibility:hidden;
	         margin:0;}  
	
	
	
	/*Contact*/
	
	#site1 {width:780px;
       height:690px;
       margin-left:auto;
	   margin-right:auto;
	   background-color:#818181;
	   }
	
	#contacthead {width:780px;
            height:139px;
			margin-right:auto;
			margin-left:auto;			
			background-image:url(images/contacthead.png);}
			
	#alloyius  {position:relative;
           float:left;
		  margin-top:10px;
		  margin-left:5px;
		  background-image:url(images/alloyius1.png);
          width:260px;
		  height:406px;}
		  
	#contactinfo  {position:relative;
           float:left;
		  margin-top:11px;
		  margin-left:4px;
		  background-image:url(images/contact.png);
          width:506px;
		  height:504px;}
		  
		  #address  {margin:0px;}
		  
		#email   {font-size:33px;
		          margin-left:150px;
				  margin-top:152px;
				  }  
		  
	#faqinfo {position:relative;
           float:left;
		  margin-top:-98px;
		  margin-left:6px;
		  }	
		  
	.faqinfo {background-image:url(images/faq.png);
          width:257px;
		  height:98px;}	
		  
/*About*/

#abouthead  {width:780px;
            height:139px;
			margin-right:auto;
			margin-left:auto;			
			background-image:url(images/abouthead.png);}
			
#aboutcontent  {margin-top:10px;
                margin-left:auto;
				margin-right:auto;
				width:760px;
				height:506px;
				background-color:#000000;}
				
#cultures  {position:relative;
           float:left;
		   margin-left:20px;
		  background-image:url(images/aboutculture.png);
          width:338px;
		  height:506px;}
		  
#founder  {position:relative;
           float:left;
		  margin-left:30px;
		  background-image:url(images/founder.png);
          width:339px;
		  height:506px;}	
		  
/*Community*/
#site2 {width:778px;
       height:690px;
       margin-left:auto;
	   margin-right:auto;
	   background-color:#FFFFFF;
	   }
#communityhead {width:780px;
            height:139px;
			margin-right:auto;
			margin-left:auto;			
			background-image:url(images/communityhead.png);}
				
.comlinks  {font-size:30px;
          word-spacing:5px;
		  margin-top:70px;
		  margin-left:25px;
		  }		
			
#linkscom {position:relative;
           float:left;
		  margin-top:10px;
		  margin-bottom:13px;
		  margin-left:5px;
		  }	
		  
	.linkscom {background-image:url(images/linkscom.png);
          width:238px;
		  height:489px;}
		  
#joinus    	{position:relative;
           float:left;
		  margin-left:5px;
		  margin-top:10px;
		  background-image:url(images/joinus.png);
          width:524px;
		  height:328px;}
		  
.joinlinks		{font-size:35px;
          word-spacing:38px;
		  margin-top:280px;
		  margin-left:45px;
		  } 
		   	  				  	  									      	  			
.mayhem   {background-image:url(images/mayhem.png);
          width:170px;
		  height:162px;
		 
		  }		 
#mayhem {float:left;
		 margin-left:5px;
		  position:relative;}	 
		  
		  
.etsy   {background-image:url(images/etsy.png);
          width:173px;
		  
		  height:160px;
		 
		  }		 
#etsy {float:left;
		 margin-left:7px;
		 
		 position:relative;}	  
		  
		  
.Blog   {background-image:url(images/blog.png);
          width:169px;
		  height:162px;
		  
		 
		  }		 
#Blog {float:left;
		 margin-left:7px;
		  position:relative;
		  margin-top:-1px;}	 
		  
		  
		  
/*gallery*/


#galleryhead	{width:780px;
            height:139px;
			margin-right:auto;
			margin-left:auto;			
			background-image:url(images/galleryhead.png);}
			
			
.culturesgallery   {background-image:url(images/culturesgallery.png);
                    width:194px;
		            height:265px;
		 
		  }		 
#culturesgallery {float:left;
		          margin-left:3px;
				  margin-top:10px;
		          position:relative;}			
				   		  		   
.video   {background-image:url(images/videofootage.png);
                    width:176px;
		            height:265px;
		 
		  }		 
#video           {float:left;
		          margin-left:2px;
				  margin-top:10px;
		          position:relative;}
				  
				  
.showpics   {background-image:url(images/showpictures.png);
                    width:399px;
		            height:265px;
					background-repeat:no-repeat;					
		 
		  }		 
#showpics        {float:left;
		          margin-left:2px;
				  margin-top:10px;
		          position:relative;}
				  
				  
.artwork   {background-image:url(images/artwork.png);
                    width:370px;
		            height:235px;
					
		 
		  }		 
#artwork        {float:left;
		          margin-left:3px;
				  margin-top:10px;
		          position:relative;}	
				  
.backstage   {background-image:url(images/backstage.png);
                    width:399px;
		            height:256px;
					
		 
		  }		 
#backstage      {float:left;
		          margin-left:3px;
				  margin-top:-10px;
		          position:relative;}
				  
				  
/*order*/

#ordersite {width:780px;
       height:950px;
       margin-left:auto;
	   margin-right:auto;
	   background-color:#FFFFFF;
	   }

#orderhead {width:780px;
            height:139px;
			margin-right:auto;
			margin-left:auto;			
			background-image:url(images/orderhead.png);}
			
.hoodies   {background-image:url(images/hoodies.png);
                    width:186px;
		            height:285px;
					
		 
		  }		 
#hoodies      {float:left;
		          margin-left:10px;
				  margin-top:7px;
		          position:relative;}
				  
.suit  {background-image:url(images/suit.png);
                    width:185px;
		            height:285px;
					
		 
		  }		 
#suit      {float:left;
		          margin-left:5px;
				  margin-top:7px;
		          position:relative;}
				  
				  
.polos  {background-image:url(images/polos.png);
                    width:186px;
		            height:285px;
					
		 
		  }		 
#polos      {float:left;
		          margin-left:5px;
				  margin-top:7px;
		          position:relative;}	
				  
				  
.tops  {background-image:url(images/tops.png);
                    width:186px;
		            height:285px;
					
		 
		  }		 
#tops      {float:left;
		          margin-left:5px;
				  margin-top:7px;
		          position:relative;}
				  
.orderdresses   {background-image:url(images/orderdresses.png);
                    width:175px;
		            height:285px;
					
		 
		  }		 
#orderdresses      {float:left;
		          margin-left:10px;
				  margin-top:7px;
		          position:relative;}	
				  
				  
.vests  {background-image:url(images/vests.png);
                    width:186px;
		            height:286px;
					
		 
		  }		 
#vests      {float:left;
		          margin-left:5px;
				  margin-top:6px;
		          position:relative;}	
				  
.men  {background-image:url(images/men.png);
                    width:186px;
		            height:234px;
					
		 
		  }		 
#men     {float:left;
		          margin-left:5px;
				  margin-top:7px;
		          position:relative;}	
				  
				  
.women  {background-image:url(images/women.png);
                    width:197px;
		            height:292px;
					
		 
		  }		 
#women     {float:left;
		          margin-left:5px;
				  margin-top:6px;
		          position:relative;}
				  
				  
.artworksale  {background-image:url(images/artworksale.png);
                    width:368px;
		            height:211px;
					
		 
		  }		 
#artworksale     {float:left;
		          margin-left:10px;
				  margin-top:4px;
		          position:relative;}
				  
.accessories  {background-image:url(images/accessories.png);
                    width:184px;
		            height:262px;
					
		 
		  }		 
#accessories      {float:left;
		          margin-left:4px;
				  margin-top:-47px;
		          position:relative;			  
				  }	
				  
.custom  {background-image:url(images/custom.png);
                    width:197px;
		            height:201px;
					
		 
		  }		 
#custom    {float:left;
		          margin-left:7px;
				  margin-top:10px;
		          position:relative;}				  
/*Mailing List*/				  				  	
#mailingsite   {width:780px;
                height:550px;
            margin-left:auto;
	   margin-right:auto;
	   background-color:#818181;
	   padding-bottom:20px;
	   }
									
#mailinghead	{width:780px;
            height:140px;
			margin-right:auto;
			margin-left:auto;			
			background-image:url(images/mailing.png);}
											
#mailing    {margin-top:130px;
             margin-bottom:130px;}								
											  					  									   
/*FAQ*/

#faqhead {width:780px;
            height:139px;
			margin-right:auto;
			margin-left:auto;			
			background-image:url(images/faqhead.png);}
			
			
			
.faqlinks  {font-size:30px;
          word-spacing:10px;
		  margin-top:70px;
		  margin-left:45px;
		  }	
		  
#girl		{background-image:url(images/girl.png);
             width:298px;
			 height:506px;
			 margin-left:5px;
			 margin-top:10px;
			 float:left;} 
			 
			 
			 
#questions {background-image:url(images/questions.png);
             width:471px;
			 height:347px;
			 margin-left:3px;
			 margin-top:10px;
			 float:left;} 
			 
.question1   {background-image:url(images/question1.png);
               width:472px;
			   height:75px;
			   margin-top:12px;}
			   
.question2   {background-image:url(images/question2.png);
               width:472px;
			   height:75px;}

.question3   {background-image:url(images/question3.png);
               width:472px;
			   height:75px;
			   margin-top:7px;}			   			   	 				 																											  
.question4   {background-image:url(images/question4.png);
               width:472px;
			   height:37px;
			   margin-top:7px;}			   
			   
.question5   {background-image:url(images/question5.png);
               width:472px;
			   height:49px;}
			   
			   
#questions2   {background-image:url(images/questions2.png);
                width:472px;
			   height:160px;
			   float:left;
			   margin-left:3px;}
			   
.contactbutton  {font-size:50px;
                 margin-top:38px;
				 margin-left:233px;}
				 
/*answers*/				 
				 
#answersite {width:780px;
       padding-bottom:10px;
       margin-left:auto;
	   margin-right:auto;
	   background-color:#000000;
	   }				 
				 
#refund {background-image:url(images/faq-refund.jpg);
         width:557px;
		 height:608px;
		 margin-right:auto;
		 margin-left:auto;
		 margin-top:10px;}
		 
#washing {background-image:url(images/faq-washing.jpg);
         width:557px;
		 height:646px;
		 margin-right:auto;
		 margin-left:auto;
		 margin-top:10px;}
		 
#services {background-image:url(images/faq-other-services.jpg);
         width:557px;
		 height:618px;
		 margin-right:auto;
		 margin-left:auto;
		 margin-top:10px;}
		 
#designs {background-image:url(images/faq-designs.jpg);
         width:557px;
		 height:618px;
		 margin-right:auto;
		 margin-left:auto;
		 margin-top:10px;}		 		 		 
		 
#customized {background-image:url(images/faq-customized.jpg);
         width:556px;
		 height:695px;
		 margin-right:auto;
		 margin-left:auto;
		 margin-top:10px;}
		 		 
#faqback  {margin-top:10px;
           margin-left:260px;}		 		 				 
/*links*/


#linksite {width:800px;
       height:820px;
       margin-left:auto;
	   margin-right:auto;
	   background-color:#000000;
	   }
	   
#linkhead  {float:right;
             margin-right:10px;	   				 			   			   			   
			 background-image:url(images/linkhead.png);
			 width:445px;
			 height:167px;
			 position:relative;
			 
			 }
.linking  {margin-top:107px;
           font-size:20px;
		   position:relative;} 
		 		 
  * {margin:0;padding:0;}

		 
			 
#foot1     {background-image:url(images/foot.png);
           float:left;
		   position:relative;
		   width:780px;
		   height:29px;
		   margin-top:10px;
		   margin-left:10px;
		   }
		   
		   
.natalie  {background-image:url(images/natalie.png);
           float:left;
		   width:556px;
		   height:564px;
		   margin-top:-167px;
		 }	
		   
#cori     {position:relative;
           float:right;
		   margin-top:-380px;}

.cori     {background-image:url(images/cori.png);
           width:479px;
		   height:111px;}
		   
#girlicious {position:relative;
           float:right;
		   margin-top:-260px;}

.girlicious    {background-image:url(images/girlicious.png);
           width:478px;
		   height:146px;}
		   
#charleen {position:relative;
           float:right;
		   margin-top:-100px;}

.charleen    {background-image:url(images/charleen.png);
           width:478px;
		   height:66px;}	
		   
		   
#nataliem {position:relative;
           float:left;
		  }

.nataliem    {background-image:url(images/natalielink.png);
           width:439px;
		   height:49px;
		   margin-top:-20px;
		   margin-left:10px;}
		   
#one5 {  margin-left:5px;     
		float:left;
		margin-top:-20px; 
		  }

.one5    {background-image:url(images/2one5.png);
           width:339px;
		   height:63px;}	
		   		   		   
#talent {  margin-left:10px;     
		float:left;
		margin-top:-5px;
		 
		  }

.talent    {background-image:url(images/modeltalent.png);
           width:428px;
		   height:89px;}							   		   	   
		   
#mmg {  margin-left:16px;     
		float:left;
		margin-top:15px; 		  }

.mmg    {background-image:url(images/mmg.png);
           width:336px;
		   height:69px;}			   
		   
		   
#thanks   {margin-left:12px;
           margin-top:10px;
		   background-image:url(images/specialthanks.png);
		   width:778px;
		   height:110px;
		   float:left;}