*{margin:0; padding:0;}
body{background:#ccc; font-family:Arial, Helvetica, sans-serif;}
img, div { behavior: url(iepngfix.htc) }

#wrapper{width:1000px; background:#fff;  margin:50px auto 0 auto;}
#wrapper_tp{background:url(images/wrapper_tp.gif); width:1000px; height:18px;}
#wrapper_bt{background:url(images/wrapper_bt.gif) no-repeat bottom; width:1000px; height:17px; padding:40px 0 0 0;}
#beads{background:url(images/pearls.jpg); width:970px; height:356px; margin:180px 0 0 0; padding:0 30px 0 0;}
#classes{background:url(images/classes.jpg); width:970px; height:356px; margin:180px 0 0 0; padding:0 30px 0 0;}
#home{background:url(images/home.jpg); width:970px; height:356px; margin:180px 0 0 0; padding:0 30px 0 0;}
#ourbeads{background:url(images/ourbeads3.jpg); width:970px; height:356px; margin:180px 0 0 0; padding:0 30px 0 0;}
#about{background:url(images/pearls2.jpg); width:970px; height:356px; margin:180px 0 0 0; padding:0 30px 0 0;}
#contact{background:url(images/contact.jpg); width:970px; height:356px; margin:180px 0 0 0; padding:0 30px 0 0;}
#pos{float:left; padding:0 0 0 20px;}
#logo{position:absolute; z-index:4; background:url(images/logo.png); width:172px; height:143px; top:132px;}
#content{background:url(images/text.png); width:528px; height:191px; float:right; margin:65px 0 0 0; direction:rtl; padding:10px 10px 0 20px;}
#content h1{color:#f2a831; font-size:32px; font-weight:bold; margin:0 0 20px 0;}
#content p{font-size:13px; font-weight:normal;}

#subscribe{width:252px; float:left;  margin:8px 0 0 0; padding:0 0 0 20px;}
label{font-weight:bold;}
#field{background:url(images/search.jpg) right; width:235px; height:32px; border:0; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:4px 10px 0 7px;}
#subscribe P{margin:15px 0 0 0;}

#menu{width:570px; height:41px; float:right; margin:20px 0 0 0;}
#menu ul li{ font-size:20px; float:left; list-style:none; margin:0 15px 0 0;}
#menu ul li a{color:#000; text-decoration:none; padding:10px 6px 9px 0; display:block; float:right;}
#menu ul li span{padding:10px 0 9px 16px;}
#menu ul li a:hover,.current_page_item{background:url(images/menu_rt.gif) no-repeat right; color:#fff;}
#menu ul li a:hover span,.current_page_item_s{background:url(images/menu_lt.gif) no-repeat left; color:#fff; }


/** Footer **/
#footer{width:930px; margin:5px auto 10px auto;text-align: right;}
#footer ul li{display:inline; font-size:11px;}
#footer ul li a{color:#000; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
p.rights{font-size:10px; color:#777; padding:0;}

/******* You can change the PIC on each page by using this style. You have to make individual IDs for each page and need to use it accordingly **********/
#id-name{background:url(images/image-name.jpg); width:970px; height:356px; margin:180px 0 0 0; padding:0 30px 0 0;}