* {
	margin: 0;
	padding: 0;
}

body {
	background-image:url(img/bg.gif); 
	background-repeat:repeat;
	color: #666;
	font: normal 0.7em "Palatino Linotype", "Book Antiqua", Palatino, serif ;
	margin: 20px 0;
	text-align: center;
	
}

code {
	
	color: #888;
	display: block;
	font: normal 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-bottom: 12px;
	padding: 3px 6px;
	white-space: pre;
}

cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-bottom: 10px;
	font-style:italic;
	
}


/* main structure */
.header{
	background-image:url(img/main_logo.gif);
	background-repeat: no-repeat;
	text-indent:-1000em;
	width:734px;
	height:170px;
	left:50%;
	position:absolute;
	margin:0 0 0 -367px;
	
	
}

.main {
	background: #000; 
		
	border: 15px double #EEE; 
	border-color: #141414 #202020 #222 #202020; 
	margin: 30px auto 4px auto; 
	text-align: left;
	width: 700px; 

	
}


/* header */
.gfx {
	height: 170px;
	width:700px;
	position:relative;
	
	
}
.gfx h1 {
	color: #111;
	font: normal 2.6em  Verdana, Geneva, sans-serif;
	padding: 16px 20px;
}



#navigation{
height:2.2em;
line-height:2.2em;
width:700px;
margin:0 0 0 0;
background: #292929;
color:#ccc;
}
#navigation:hover {
	color:#FFF;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #000;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:1em;
font-weight:normal;
font-style:italic;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #CCC;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background: #666666;
color:#ffffff;
text-decoration:none;
}

.dropdown {
float:left; 

}

.dropdown dt {
width:auto; 
padding:0 10px 0 10px;  
cursor:pointer; 
font-size:1em;
font-weight:normal;
text-transform:uppercase;
font-style:italic;
border-right:1px solid #000;

}

.dropdown dt:hover {
	color:#FFF;
background-color:#666666;
}

 
 .dropdown #three-ddcontent {

width:180px; 

 }
 
 .dropdown #four-ddcontent {

width:135px; 
 }
.dropdown dd {
position:absolute; 
overflow:hidden; 
width:130px; 
display:none;
 background: #111; 
 z-index:200; 

 }
 
.dropdown dt .selected{
background:#999999;

}
 
.dropdown ul {


list-style:none;
 border-top:none;
 border-right:none;
 }
 
.dropdown li {
display:inline
}



.dropdown a, .dropdown a:active, .dropdown a:visited {
display:block; 
padding:5px; 
color:#333; 
text-decoration:none; 
background: #292929; 
width:240px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
}
.dropdown dd a:hover {background:#999999;
 color:#ffffff;
}
.dropdown .underline {border-bottom:1px solid #000;
}



h1.home {
	
	background-image:url(img/hompage_heading.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:127px;
	height:38px;

	
}
h1.services{
	
	background-image:url(img/services.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:111px;
	height:40px;
	
}

h1.weddingStationary {
	background-image:url(img/wedding_stationary.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:325px;
	height:53px;
	
}
h1.engagements {
	background-image: url(img/engagements.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:389px;
	height:48px;
	
}

h1.barMitzvah {
	background-image: url(img/stationary_bar.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:515px;
	height:51px;
	
}

h1.birthAnnouncement {
	background-image: url(img/birth_announcement.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:314px;
	height:34px;
	
}

h1.flowersWeddings{
	background-image: url(img/flowers_weddings.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:286px;
	height:51px;
}


h1.flowersbarmitz{
	background-image: url(img/flowers_barmitz.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:467px;
	height:61px;
}

h1.vase_prop {
	background-image: url(img/vase_prop.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:291px;
	height:47px;
	
}

h1.testimonials{
	background-image: url(img/testimonials.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:167px;
	height:33px;
	
	
}
	
h1.contact{
	background-image:url(img/contact.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:112px;
	height:36px;
	
}


h1.thanks{
	background-image:url(img/thanks.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:480px;
	height:92px;
	
}



	
/* content */
.content {
	background: #000000;
	border-top: 1px solid #1A1A1A;
	
}
.content h1 {
	color: #666;
	font: bold 1.5em Verdana, Geneva, sans-serif;
	margin: 0 0 20px 0;
}
.content p {
	margin: 0 0 12px 0;
	font-size:13px;
	padding:0;
	color: #878787;
}
.item {
	
	padding: 8px 10px;
}

.right {
	width:300px;
	float:right;
	margin:0;
	padding:0;
	}
	.right2 {
	width:350px;
	float:right;
	margin:0 0 0 0;
	padding:0 0 0 0;

	
}
img.home2{
	margin:0;
	padding:0 0 100px 0;
}
	
img.services{
	margin:20px 0 20px 0;
	padding:0;
	
}


p span{
	color: #B3B3B3;
font-style:italic;
font-weight:bold;
font-size:14px;

}
	


/* footer */
.footer {
	background: #0A0A0A;
	color: #666;
	padding: 5px;
	
	
	
} 

.footer a {
	color: #999;
	text-decoration: none;
}

/* form */

div.info{
	margin:0 0 20px 0;
	padding:0;
	width:400px;

}
div.info ul{
	margin:0;
	padding:0;
	
	list-style-type:none;
}

div.info ul li{
	display:inline-block;
	padding:0 10px 0 0;
	margin:10px 0 10px 0;
	font-size:13px;
	
}

span.contact{
	font-weight:bold;
	color:#EAEAEA;
}
div.address {
	background-image:url(img/address.jpg);
	background-repeat:no-repeat;
	width:265px;
	height:263px;
	float:right;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	font-size:14px;
	
}

	

form {
	
	margin:5px; padding:0;
	
}
label {
	display:block;
	font-weight:bold;
	margin:10px 0;
}
input {
	padding:2px;
	border:2px solid #222;
	font: normal 1em  Arial, Helvetica, sans-serif;
	color: #111;
	background-color: #FFFBF0;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em  Arial, Helvetica, sans-serif;
	border:2px solid #222;
	height:100px;
	display:block;
	color:#111;
		background-color: #FFFBF0;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 2px solid #222; 
	padding: 2px 3px; 
	background: #FFFBF0;
	color: #111;




}











#gallery {position:relative; width:650px; margin:10px auto; padding:10px; background:#000}
#images {border:2px solid #9ac1c9; height:225px; background:#000; margin-bottom:20px}
#image {position:relative; width:636px; height:375px; padding:5px; border:2px solid #666; background:#000 url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:646px; height:56px; border:2px solid #666; background:#000}
#thumbarea {position:relative; overflow:hidden; height:100px; width:641px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #000}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(img/left.gif) left center no-repeat; border-left:5px solid #000}

#nextimg {right:0; background:url(img/right.gif) right center no-repeat; border-right:5px solid #000}

