body
{font-size:14px;
line-height:22px;
font-family:helvetica, arial, sans-serif;
color:#0d2a74;
background:url(images/background.png) repeat-y center;
margin:0;
padding:0;}
/*******************************clearing elemts, images, links*/
br.clear
{clear:both;}

img
{border:none;}

h3 img
{position:absolute;
top:0;left:0;}

legend
{color:gold;
letter-spacing:3px;
width:100%;}

a:link
{color:#5852D9;
font-weight:bold;
text-decoration:none;}

a:visited
{color:#5852D9;
font-weight:bold;
text-decoration:none;}

a:hover
{color:#8f0000;
text-decoration:none;}

p.topnav a:hover
{color:gold;
text-decoration:underline;
background-image:url(images/dot4.gif);}


.warning, #thankyou
{color:gold;}

/*******************************Primary Containers*/
div#container
{width:1000px;
margin:10px auto;
padding:0 5px;
position:relative;
background-color:#fff;}


a#logo
{display:block;
position:relative;
overflow:hidden;
height:95px;
background-color:#fff;
margin:10px 0 0 0;
padding:0;}


a#logo span
{position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#fff;
background-image:url(images/blogo.gif);
background-repeat:no-repeat;
background-position:center;}

#content,#content2
{margin:5px 5px 0 0;
float:left;
width:770px;}

#content2
{width:995px;}

.picholder, #words, .words
{width:100%;
float:left;}

.words
{width:890px;
margin:0 0 0 0;}

.picholder
{overflow:hidden;}

.picholdber table
{border:none;}

.picholdber table td
{border:none;}

.sidecontent
{float:left;
width:220px;
overflow:hidden;
margin:5px 0 0 0;}

#basepackage,
#basepackage2,
#basepackage3, .packageholder,
.packageholder2,.packageholder3,
.packageholder4,
.packageholder5
{border:1px solid #aaa;
margin:10px 4px;
padding:2px;
width:980px;
text-align:center;}

#basepackage
{text-align:left;
background:url(images/base-wedding-package.jpg) no-repeat top right;}

#basepackage2
{text-align:left;
background:url(images/base-bar-package.jpg) no-repeat top right;}

#basepackage3
{text-align:left;
background:url(images/base-corporate-package.jpg) no-repeat top right;}

.packageholder,
.packageholder2,
.packageholder3,
.packageholder4,
.packageholder5
{width:315px;
height:85px;
color:#333;
float:left;}


.packageholder2
{width:163px;
margin:5px 12px;
color:#333;
height:190px;}

.packageholder3,
.packageholder4,
.packageholder5
{width:483px;
color:#fff;
background:#51b1bd;
height:27px;}

.packageholder4
{width:96px;}

.packageholder5
{height:70px;}

.packageholder strong,
.packageholder5 strong,
.packageholder3 strong
{display:block;
font-size:13px;
color:#5852D9;}

.packageholder3 strong
{font-size:23px;}

div.packageholder3
{height:200px;line-height:18px;}


/**********************************Paragraphs and special styles*/

p.topnav
{width:1000px;
margin:5px auto;
text-align:right;
font-size:17px;}

p
{margin:10px 5px;
text-align:justify;}

a.feature
{position:relative;
display:block;
width:188px;
padding:6px 12px;
overflow:hidden;
height:95px;
color:#fff;
margin:10px 5px;
background-image:url(images/sidebox.png);
background-repeat:no-repeat;
background-position:top left;}

a#mitzvahs
{background-image:url(images/sidebox2.png);}

a#weddings
{background-image:url(images/sidebox3.png);}

a#prizes
{background-image:url(images/sidebox4.png);}

a#resources
{background-image:url(images/sidebox5.png);}

a.feature span
{font-weight:normal;
text-align:right;
margin:4px;
display:block;
width:153px;
font-size:13px;
line-height:17px;
float:right;}

a.feature label
{display:block;
font-size:20px;
clear:right;
margin:4px;
text-align:right;}

a.feature:hover,
a#mitzvahs:hover,
a#weddings:hover,
a#prizes:hover,
a#resources:hover
{background-image:url(images/disc2.png);
color:red;}

p.warning, p#thankyou
{color:gold;
font-weight:bold;}


label.legend
{width:90%;
display:block;
padding:10px 5px;
font-size:30px;
background-color:#8f0000;}

blockquote.bottom
{float:left;
clear:left;
width:297px;
margin:5px;
padding:5px;}


/*******************************primarynav*/
ul#primary_navigation
{width:1000px;
margin:0 0 20px 0;
padding:0;
position:relative;
float:left;
list-style-type:none;}


ul#primary_navigation li
{display:block;
float:left;
width:130px;

background-color:#10328a;
text-align:center;
margin:0 0 0 0;}

ul#primary_navigation li.home
{width:130px;
background-color:#61c20c;}


ul#primary_navigation li.about
{width:130px;
background-color:#42afca;}

ul#primary_navigation li.weddings
{width:120px;
background-color:#549a98;}

ul#primary_navigation li.mitzvahs
{width:120px;
background-color:#332161;}

ul#primary_navigation li.corporate
{width:120px;

background-color:#dbed14;}

ul#primary_navigation li.kudos
{width:120px;
background-color:#82a89a;}


ul#primary_navigation li a
{display:block;
color:#fff;
text-decoration:none;
font-size:15px;
padding:15px 0;
font-weight:normal;}

ul#primary_navigation li.corporate a
{color:#333;}
ul#primary_navigation li a:hover, div#container li#t_on a
{border-bottom:3px solid #b10000;
width:100%;
font-weight:bold;}


ul.black
{list-style-image:url(images/dot3.gif);
width:720px;
float:left;}

ul.black li
{
width:355px;
float:left;
margin:0 5px 5px 0;}

ul.black li a
{font-size:20px;}

ul.products
{margin:0;
padding:0;
float:left;
list-style-type:none;}

ul.products li
{border:1px solid #696599;
background:#696599;
width:139px;
color:#fff;
height:150px;
overflow:hidden;
padding:5px;
text-align:center;
margin:1px;
display:block;

position:relative;
float:left;}

ul.products li img
{display:block;}



/********************************headers*/
h1,h2,h3
{padding:0;
margin:0 0 0 2px;
overflow:hidden;
font-size:15px;
clear:both;
position:relative;}

h2
{}

h1
{width:100%;
}

h3
{color:#5852D9;
padding:10px 5px 0 5px;
font-size:27px;
width:98%;
position:relative;
font-weight:normal;}


h4
{color:#5852D9;
font-size:20px;
width:98%;
margin:5px;
float:left;}

h4 span
{color:#aaa;}


#basepackage h1, h2.packageheader
{font-size:23px;
color:#777;
font-weight:normal;}

#basepackage h1,
#basepackage2 h1,
#basepackage3 h1
{font-weight:bold;
font-size:28px;
line-height:28px;
margin:5px 5px 0 5px;
color:#5852D9;
padding:0;
width:450px;
height:38px;}

#basepackage3 h1
{}
/******************************forms*/

form#system
{width:770px;}

form p
{width:360px;
position:relative;
float:left;}

form p label
{float:left;
width:80px;
text-align:left;}

input, select, textarea
{float:left;
width:260px;
display:block;}

select
{width:265px;}

form fieldset
{border:none;}

form legend
{font-size:20px;
color:#92c267;}

input#send, input#insert, input#register,input#login, input#update
{width:630px;
padding:12px 0;
border:none;
color:#fff;
margin:5px 0 0 90px;
color:#fff;
background:url(images/bigbutton2.gif) no-repeat center;
font-size:21px;}

input#insert,input#update
{width:100%;
margin:5px 0 0 0;
float:right;}

input#send:hover, input#insert:hover, input#register:hover,input#login:hover, input#update:hover
{color:#fff;}

textarea
{width:630px;
height:130px;}

/*********************************definition lists*/

dl
{border:1px solid #696599;
position:relative;
float:left;
width:180px;
min-height:160px;
font-size:12px;
display:block;

margin:5px 0 0 2px;
}

dd
{margin:5px 0 0 2px;}


/**************footer*/
div#footer, div#footer2
{clear:both;
margin:0 0 0 0;
padding:12px 0 0 0;
width:100%;
float:left;}

div#footer2
{background-image:url(images/tab4.gif);}

div#footer a
{text-decoration:none;}

div#footer p
{width:490px;
float:right;}

p.contact
{text-align:right;
font-size:17px;
margin:-10px 5px 5px 0;
float:right;}



table
{border-collapse:collapse;
width:100%;
margin:5px;}

th
{text-align:left;
color:gold;
font-size:18px;}
td.border
{border:1px solid #aaa;}

td a
{font-weight:bold;
font-size:20px;}

/******************************************LIGHTBOX*/
#lightbox
{position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;}

#lightbox a img
{
width:70px;
height:20px;
background-image:url(images/closelabel.gif);
background-repeat:no-repeat;
display:block;}

#outerImageContainer
{position: relative;
background-color: #777;
width: 250px;
height: 250px;
margin: 0 auto;}

#imageContainer
{padding: 10px;}

#loading
{position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;}

#hoverNav
{position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink
{width: 49%;
height: 100%;
background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer
{font: 10px Verdana, Helvetica, sans-serif;
background-color: #777;
margin: 0 auto;
line-height: 1.4em;}

#imageData
{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay
{position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #5852D9;}

.clearfix:after 
{content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}

* html>body .clearfix 
{display: inline-block; 
width: 100%;}

* html .clearfix 
{/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */}	


dt
{color:#9716b6;
font-weight:bold;
font-size:16px;}