/*  
Style sheet for Details Philadelphia
Author: Ralph Leonen
Author URI: http://www.ralphworlddesign.com/

*/

/***** reset defaults *****/
body, h1, h2, h3, h4, h5, h6, blockquote, p{
	margin: 0;
	padding: 0;
  }

/***** end reset defaults *****/

html{
  height: 100%;
  }

body{
  background-color: #f3f3f3;
	font-family: Arial,Helvetica,Verdana,Sans-serif;
	font-size: 14px;
	height: 100%;
  text-align: center;  
  }
  	
a:link, a:visited{
	text-decoration: underline;
	color: #336699;
  }

#container{
  background-color: #ffffff;
  margin: 0 auto;
  padding: 0 0 216px 0;
  width: 938px;
  text-align: left;
  }

/***** set up for sticky footer *****/
#nonfooter{
  background-color: #ffffff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin: 0 auto;
  padding: 0;
  width: 938px;
  text-align: left;
  position: relative;
  min-height: 100%;
  }

* html #nonfooter{
  height: 100%; 
  }  
/***** end set up for sticky footer *****/

/***** header section *****/  
#header{
  background:#fff url(../images/header2a.jpg) no-repeat top left;
  height: 246px;
  margin: 0;
  padding: 2px 0 0 0;
  text-align: left;
  width: 938px;
  }  

  #header h1{
    }  

  #header ul#topnav{
  	width:900px;
   	height: 26px;
  	margin: 2px 70px 0 0;
  	padding:0;
  	list-style: none;
  	font: 13px Arial, Helvetica, sans-serif;
  	text-align: right;
    }   

  #header ul#topnav li#blogtab{
    background: transparent url(../images/blogtab.gif) no-repeat top center; 
    display: inline;
  	float: right;  
  	height: 34px;
  	margin: 0;   
  	overflow: visible;
    width: 62px;    
    }  
    
      #header ul#topnav li#blogtab a{
        display: block;
        height: 34px;
        }
       

  #header ul#topnav li#twittertab{
    background: transparent url(../images/twittertab.gif) no-repeat top center; 
    display: inline;
  	float: right;  
  	height: 34px;
  	margin: 0;   
  	overflow: visible;    
    width: 94px; 
    }
      #header ul#topnav li#twittertab a{
        display: block;
        height: 34px;
        }

  #header ul#topnav li#facebooktab{
    background: transparent url(../images/facebooktab.gif) no-repeat top center; 
    display: block;
  	float: right;  
  	height: 34px;
  	margin: 0 32px 0 0;   
  	overflow: visible; 
    width: 81px;   
    }
      #header ul#topnav li#facebooktab a{
        display: block;
        height: 34px;
        }
            
          #header ul#topnav li#facebooktab a span, li#twittertab a span, li#blogtab a span{
            display: none;
            }

  #header ul#topnav li a{
    background: transparent;
    color: #3E4147;
    display: block;
    padding-top: 8px;
    }    

  #header ul#mainmenu{
  	width:900px;
   	height: 26px;
  	margin: 18px 0 30px 65px;
  	padding:0;
  	list-style: none;
  	font: 13px Arial, Helvetica, sans-serif;
    }     

  #header ul#mainmenu li{
  	display: inline;
  	float: left;  
  	font-size: 14px;
  	height: 36px;
  	margin: 8px 26px 0 0;   
  	overflow: visible;    
    } 
    
  #header ul#mainmenu li a{
    background: transparent;
    color: #3E4147;
    display: block;
    padding-top: 8px;
    text-decoration: none;
    }

	#header ul#mainmenu li a#current{
	  background: transparent url(../images/arrowdown.gif) no-repeat top center;
    color: #000;
    display:block;
    }
				
	#header ul#mainmenu li a:hover{
				background: transparent url(../images/arrowdown.gif) no-repeat top center;
				color: #000;
        display: block;
        text-decoration: underline;
        }    

  #header .address{ 
    font-size: 11px;
    line-height: 12px;
    margin: 0px 70px 0 0;
    padding-top: 12px;
    text-align: right;
    }  
  
/***** end header section *****/  
  
/***** content section *****/
#content{
  padding-top: 20px;
  text-align: left;
  min-height: 380px;
  }

  #content img#frontpage{
    float: right;
    height: 370px;
    margin: 0 74px 0 0;
    }

/***** frontpage specific styles *****/
#frontpage #content h2, h3{
  font-size: 16px;
  margin: 0 0 0 60px;
  padding-top: 6px;
  padding-right: 520px; 
  text-align: right;
  }    

#frontpage #content h2#h2front{
  padding: 91px 0 0 0;
  overflow: hidden;
  background-image: url(../images/ourphilosophy.jpg);
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:91px;
  text-align: right;
  }  
    
  
  #content p#frontpage{
    line-height: 29px;
    margin: 10px 0 36px 100px; 
    padding-right: 520px;   
    text-align: right;
    }    

/***** inner page styles *****/
#innerpage #content h2{
  font-size: 16px;
  margin: 0 0 0 74px;
  padding-top: 0px; 
  text-align: left;
  } 

#innerpage #content h2#h2about{
  padding: 91px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/aboutheader.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:91px;
  margin: -25px 0 0 44px;
  text-align: left;
  }  
  
#innerpage #content h2#h2special{
  padding: 91px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/special_offers.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:160px;
  padding-bottom: 20px;
  margin: -20px 0 0 41px;
  text-align: left;
  }    

#innerpage #content h2#h2contact{
  padding: 91px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/contactheader.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:91px;
  margin: -50px 0 20px 38px;
  text-align: left;
  }    

#innerpage #content h2#h2directions{
  padding: 91px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/directionsheader.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:91px;
  margin: -20px 0 20px 38px;
  text-align: left;
  }  
  
#innerpage #content h2#h2calligraphy{
  padding: 111px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/calligraphyheader.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:111px;
  margin: -26px 0 20px 20px;
  text-align: left;
  }   

#innerpage #content h2#h2hours{
  padding: 81px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/hoursheader2.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:81px;
  margin: 20px 0 -16px 28px;
  text-align: left;
  }
  
#innerpage #content h2#h2collections{
  padding: 91px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/collectionsheader.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:91px;
  margin: -6px 0 0px 6px;
  text-align: left;
  }

#innerpage #content h2#h2weddings{
  padding: 111px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/weddingsheader2.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:111px;
  margin: -26px 0 0px 28px;
  text-align: left;
  }  

#innerpage #content h2#h2barmitzvah{
  padding: 111px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/barmitzvah.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:111px;
  margin: -18px 0 0px 28px;
  text-align: left;
  } 
  
#innerpage #content h2#h2fine{
  padding: 111px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/fine.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:111px;
  margin: -10px 0 0px 48px;
  text-align: left;
  }

#innerpage #content h2#h2party{
  padding: 111px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/partyheader.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:111px;
  margin: -4px 0 0px 48px;
  text-align: left;
  }  

#innerpage #content h2#h2corp{
  padding: 111px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/corporateheader.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:111px;
  margin: -26px 0 0px 16px;
  text-align: left;
  } 

#innerpage #content h2#h2gifts{
  padding: 111px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/giftheader.jpg) no-repeat top left;
  height: 0px !important;
  height /**/:111px;
  margin: -4px 0 0px 40px;
  text-align: left;
  }

  #content p.innerpage{
    line-height: 24px;
    margin: 24px 0 24px 74px; 
    padding-right: 520px;   
    text-align: left;
    }  

  #content p.aboutpage{
    line-height: 24px;
    margin: 24px 0 24px 74px; 
    padding-right: 80px;   
    text-align: left;
    }
    
  #content p.special_offers{
    font-size: 16px;
    line-height: 40px;
    margin: 24px 0 24px 74px; 
    padding-right: 80px;   
    text-align: left;
    }

  #content img#aboutpage{
    float: right;
    height: 311px;
    margin: -10px 54px 0 0;
    }      

  #content img#special{
    float: right;
    height: 347px;
    margin: 5px 54px 0 10px;
    }       

 #content p.contactinfo_first, p.contactinfo{
    float: right;
    font-size: 12px;
    line-height: 18px;
    margin: 15px 140px 0 0;
    text-align: left;
    width: 270px;
    }
    
 #content p.contactinfo_first{
    margin-top: 80px;
    }
     
 #content #emailconfirm{
    float: left;	
  	line-height: 22px;
  	margin: 20px 0 20px 90px;
  	padding: 0 0 0 6px;
  	text-align: left;
  	width: 340px;    
    }
 
 #content p.hours{
    font-size: 12px;
    line-height: 14px;
    margin: 14px 0 0 46px;
    }
 
 #content #col1{
    float: left;
    margin-top: -20px;
    width: 540px;
    }
    
    #content #col1 p{
      font-size: 14px;
      line-height: 22px;
      margin: 0 20px 16px 64px;
      }
    
    #content #col1 table{
      font-size: 12px;
      line-height: 18px;
      margin: 0 8px 8px 64px;
      vertical-align: top;
      }

    #content #col1 table td{
      font-size: 12px;
      padding-left: 6px;
      vertical-align: top;
      }
    
    #content #col1 h4{
      font-size: 18px;
      line-height: 22px;
      margin: 8px 20px 0 64px;      
      }    
    
    #content #col1 b{
      font-size: 12px;
      }     
      
    #content #col1 hr{
      margin: 0 12px 16px 64px;
      }                  
    
    #content #col1 a.directions1{
      font-size: 12px;
      margin: 0 0 16px 64px;
      }

    #content #col1 a.directions2{
      font-size: 12px;
      line-height: 28px;
      margin: 0 0 16px 0;
      }

    #content #col1 li{
      font-size: 14px;
      line-height: 22px;
      margin: 0 20px 16px 33px;
      }
      
            
 #content #col2{
    float: left;
    margin: -20px 0 0 0;
    width: 300px;
    }

 #content #col2 p{
    font-size: 12px;
    line-height: 16px;
    margin: 14px 0 0 46px;
    }

  #content #col2 p.underlined{
    border-bottom: 1px dashed #999;
    }
    
 #content ul#sqlist{
    margin-top: 4px;
    }
  
 #content ul#sqlist li{
   font-size: 12px;
   line-height: 16px;
   list-style: square;
   margin: 0 0 0 22px;
   }
    
    
 #content iframe{
    margin: 10px 0 34px 80px;
    }

 #content img.rightimg{
    clear: both;
    float: right;
    margin: 0px;
    margin-top: -4px
    }    

 #content img.leftimg{
    clear: both;
    float: left;
    margin-left: 54px;
    }

 #content img.leftimg2{
    clear: both;
    float: left;
    margin: 2px 10px 12px 64px;
    }

 #content img.leftimg3{
    clear: both;
    float: left;
    margin: 2px 10px 12px 46px;
    }    
    
/***** vertical menu on 'collections' page *****/
  #vertmenu {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 100%;
  width: 200px;
  padding: 0px;
  margin: 4px 0 26px 46px;
  }
    
    #vertmenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
    }
    
      #vertmenu ul li {
      margin: 0px;
      padding: 0px;
      }
      
      #vertmenu ul li a {
      font-size: 90%;
      display: block;
      border-bottom: 1px dashed #5A2E2E;
      padding: 5px 0px 2px 4px;
      text-decoration: none;
      color: #666666;
      width: 200px;
      }
    
      #vertmenu ul li a:hover, #vertmenu ul li a:focus {
      color: #000000;
      background-color: #eeeeee;
      }    
      
      #vertmenu ul li a#current {
        color: #000;
        background-color: #eee;
        }
             
  #vertmenu #cal_sub {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 100%;
  width: 164px;
  padding: 0px;
    margin: 4px 0 26px 36px;  
  }
    
    #vertmenu ul #cal_sub ul {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 164px;

    }
    
      #vertmenu ul li #cal_sub ul li{
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }
      
      #vertmenu ul li #cal_sub ul li a {
      font-size: 90%;
      display: block;
      border-bottom: 1px dashed #5A2E2E;
      padding: 5px 0px 2px 4px;
      text-decoration: none;
      color: #666666;
      width: 164px;
      }
    
      #vertmenu ul li #cal_sub ul li a:hover, #vertmenu ul li #cal_sub ul li a:focus {
      color: #000000;
      background-color: #eeeeee;
      }    
      
      #vertmenu ul li #cal_sub ul li a#current_sub {
        color: #000;
        background-color: #eee;
        }
             
/***** end vertical menu *****/  
                
/***** end content section *****/  

/***** form section *****/
#innerpage #content #formwrapper{
  float: left;
  height: 520px;
  width: 360px;
  }
  
#innerpage #content form{
	display: inline;
	float: left;	
	height: 460px;
	margin: 8px 0 20px 90px;
	padding: 0;
	text-align: left;
	width: 360px;
  }
	
	#innerpage #content  fieldset{
	  border: none;
  	margin-bottom: 20px;
		padding:5px;
    }

#innerpage #content  input, textarea{
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
	width: 350px;
  }
	
#innerpage #content  .submit{
	margin: 20px 0 0 0;
	width: 100px;
  }
  
#innerpage #content #col2 p.col2formwrapper{
  margin:0;
  }  
  
#innerpage #content #col2 form{
  margin: 20px 0 10px 46px;
  padding: 0;
  } 
   
  #innerpage #content div#newsletterform input, label{
    font-size: 12px;
    margin: 0;
    padding: 0;
    } 
	
#innerpage #content form#newsletter{
  display: block;
  border-bottom: 1px dashed #999;
  height: 90px;
  width: 250px;
  margin-bottom: 10px;
  }	

#innerpage input#email_address2{
  margin-bottom: 6px;
  width: 160px;
  }
  
#innerpage input#submit2{
  font-size: 12px;
  width: 166px;
  }
    
/***** end form section *****/


/***** footer section *****/
#footer{
  background:#2a2c31 url(../images/footer.jpg) no-repeat top left;
  clear: both;  
  height: 216px;
  margin: -216px auto 0 auto;
  position: relative;
  text-align: center;
  width: 938px;
  }

/***** end footer section *****/