@charset "UTF-8";

/* CSS Document */

/*appearances*/

body{

	margin: 0;

	padding: 0;

	font-family:Arial, Helvetica, sans-serif;

	background-image: url(textdust.jpg);

}



#wrapper{

width: 700px;



margin: 5px auto 0 auto;

background-color: #79c;

text-align: left;

border: solid 1px;

position: relative;

}



#header{

border-bottom: solid red 5px;

width: 700px;

height: 120px;

}



#topDiv {

	width: 540px;

	height: 162px;

	float: left;

	text-align: right;
        position: relative;

	}
        

        
    #aaPhoto {
            
         width: 162px;
         height: 122px;
            margin: 15px 0 0 15px;
            float:left;
            
        }
                
                
     #topRdiv  {
            
            	width: 350px;

	height: 160px;

	float: right;

	text-align: right;
        position: relative;
            
        }

	

	#aaPhoto img {
            
            
		border: solid black 1px;

	}

	

h1{
 
    margin: 20px 95px 0 20px;

font-size:22px;


float:right;





}



h2{
 

font-size: 18px;

margin: 15px 10px 0 20px;

}



h1, h2 { 

color: #222222;
float:right;
}



h3{
  

font-size: 16px;

margin: 20px 105px 0 0;

color: #993333;
float:right;
}





#mainText {

position: relative;
width: 535px;
float: left;
font-size: 16px;

}

#soap1 {
   width: 535px;
   height: 156px;
         
}

#soap2 {
   width: 535px;
   height: 156px;
         
}

#soap3 {
   width: 535px;
   height: 156px;
         
}

#soap4 {
   width: 535px;
   height: 156px;
         
}

#soap5 {
   width: 535px;
   height: 156px;
         
}

#soap6 {
   width: 535px;
   height: 156px;
         
}

.productImg  {
     width: 138px;
     height: 156px;
    
     float: left;
     
}

.soapText  {
          width: 290px;
     height: 126px;
      margin: 20px 0 10px 35px;
     float: left;
     
}

#soap1 img  {
   border: 1px solid black;
   margin: 12px 0 12px 15px;
     
}

#soap2 img  {
   border: 1px solid black;
   margin: 12px 0 12px 15px;
     
}

#soap3 img  {
   border: 1px solid black;
   margin: 12px 0 12px 15px;
     
}

#soap4 img  {
   border: 1px solid black;
   margin: 12px 0 12px 15px;
     
}

#soap5 img  {
   border: 1px solid black;
   margin: 12px 0 12px 15px;
     
}

#soap6 img  {
   border: 1px solid black;
   margin: 12px 0 12px 15px;
     
}





#mainText p{

margin-left: 15px;

font-size: 15px;
}

#mainText ul{
    
 font-size:16px;
    
}



#soapPics {

margin: 20px 0 0 30px;	

}



#soapPics img {

border: 1px solid black;	

}








.sidebar{

width: 150px;

float: right;

margin: 0;



}

ul.nav{

list-style-type: none;

padding-left: 0;

margin-left: 0;

}



ul.nav a{

display: block;

width: 6em;



	text-decoration: none;

	display: block;

	margin: 10px;

	padding: 8px;

	color: #474F49;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #CED2B6;

	border-bottom-color: #CED2B6;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #CED2B6;

	border-left-color: #CED2B6;

}

ul.nav a:hover{

background-color: #FBFCF9;

}



#copyright {

	color: black;

	font-size: 12px;

	height: 15px;

	width: 600px;

	margin: 25px 50px 15px 0;

	float: left;

	clear: both;

	

	}



.clear {

clear: both;

}