@import url("navlocation.css"); 




html, body {

height:100%;
margin:0px;
padding:0px;
font-family:Helvetica, Arial, sans-serif;

/*
font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Geneva, Arial, Helvetica, sans-serif;
*/

}





body {


background-image:url(../images/site_bg7.jpg);
background-repeat:no-repeat;
background-position:top center;

background-color:#291202;

background-color:#1E170F;


}




a {


outline:none;
color:#6BBF35;
text-decoration:none;

}


a:hover {


text-decoration:underline;

}






h1 {



margin-top:0px;
margin-bottom:14px;
font-size:19px;
font-weight:lighter;
text-transform:uppercase;
letter-spacing:3px;


}





h3 {



margin-top:0px;
margin-bottom:14px;
font-size:13px;
font-weight:lighter;
text-transform:uppercase;
letter-spacing:1px;

}




/* h4 just for testimonial or aclaim page */
h4 {

margin-top:-6px;
margin-bottom:18px;
font-size:13px;
text-transform:uppercase;
letter-spacing:0.5px;
font-weight:lighter;
}





p {



font-size:13px;
line-height:21px;
margin-top:0px;
margin-bottom:14px;


}


p.copyright {

font-size:11px;
line-height:17px;
margin-top:60px;
padding:10px 0px 10px 0px;
border-top:1px solid #B9B9B9;
border-bottom:1px solid #B9B9B9;

}





#wrapper {

width:965px;
height:566px;
background-image:url(../images/screen_bg_4.png);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
position:relative;

}





#shim {
       visibility: hidden;
       width: 100%;
       height: 50%;                                                                   
        margin-top: -320px;                                      
         float: left;
            }
			
			
			
#headspace {
				
				
	width:963px;
	height:20px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
				
			}






#sidenav {

position:absolute;
left:11px;
top:150px;
width:183px;
z-index:6;
color:#fff;
}





#sidenav ul {


margin:0px;
padding:0px;
list-style:none;


}


#sidenav li {

margin:0px;
padding:0px;
line-height:14px;

}



#sidenav li a {

display:block;
color:#fff;
color:#B0BC8C;
text-decoration:none;
padding:7px 0px 7px 8px;
margin:0px;
font-size:13px;
}



#sidenav li a:hover {

background-image:url(img/linkhover_bg.png);

}




#sidenav li a.selected {


background-image:url(img/activelink_bg.png);


}



/* the nested links under Weddings */




#sidenav li ul#couples {

display:none;
margin-left:12px;

}





#sidenav li ul#couples a {


font-size:11px;
padding:5px 0px 5px 5px;


}






#static-content
{
	position:absolute;
	left:262px;
	top:30px;
	width:670px;
	height: 516px;
	z-index:5;
	color:#fff;

	
}






#static-left
{
	position:absolute;
	left:262px;
	top:30px;
	width:320px;
	height: 516px;
	z-index:5;
	color:#fff;

	
}



#static-right
{
	position:absolute;
	left:620px;
	top:30px;
	width:320px;
	height: 516px;
	z-index:5;
	color:#fff;

	
}




/* About page */


#aboutjud {


	position:absolute;
	padding:0;
	left:257px;
	top:30px;
	width:676px;
	height: 506px;
	z-index:5;
	color:#fff;
	background-image:url(../images/aboutjud_bg2.jpg);
	background-position:top left;
	background-repeat:no-repeat;


}



#aboutjud #left
{
	position:absolute;
	left:22px;
	top:20px;
	width:280px;
	height: 470px;
	z-index:5;
	color:#fff;

	
}





/* CONTACT page */




#contactjud {


	position:absolute;
	padding:0;
	left:257px;
	top:30px;
	width:676px;
	height: 506px;
	z-index:5;
	color:#fff;
	background-image:url(../images/contact_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;


}



#contactjud #left
{
	position:absolute;
	left:22px;
	top:20px;
	width:280px;
	height: 470px;
	z-index:5;
	color:#fff;

	
}

















/* Testimonials/Acclaim page */


#testimomials {


	position:absolute;
	padding:0;
	padding:20px 0 0 22px;
	left:257px;
	top:30px;
	width:654px;
	height: 486px;
	z-index:5;
	color:#fff;
	background-image:url(../images/testimonial_bg3.jpg);
	background-position:top left;
	background-repeat:no-repeat;


}



#testimomials .horzscroll {

	color:#fff;
	
}




#testimomials .horzscroll ul {


margin:0;
padding:0;

}



#testimomials .horzscroll ul li {

margin:0;
margin-bottom:10px;
padding:0 20px 20px 20px;
padding:0;
width:406px;
height:400px;


}



/* back and forward buttons for horzscroll */


a.prev {

position:absolute;
bottom:12px;
left:191px;
display:block;
width:27px;
height:27px;
background-image:url(img/acclaim-arrows-left.png);
background-position:0px 54px;

}

a.prev:hover {

background-position:0px 27px;
text-decoration:none;


}



a.next {

position:absolute;
bottom:12px;
left:229px;
display:block;
width:27px;
height:27px;
background-image:url(img/acclaim-arrows-right.png);
background-position:0px 54px;

}

a.next:hover {

background-position:0px 27px;
text-decoration:none;


}

span#back a.disabled {
background-position:0px 0px;
cursor:default;

}


span#forward a.disabled {

background-position:0px 0px;
cursor:default;

}








/* RATES */

#rateswrapper {


	position:absolute;
	padding:0;
	left:257px;
	top:30px;
	width:676px;
	height: 506px;
	z-index:5;
	color:#fff;
	background-image:url(../images/rates_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;


}



#rateswrapper #left
{
	position:absolute;
	left:22px;
	top:20px;
	width:280px;
	height: 470px;
	z-index:5;
	color:#fff;

	
}



#rateswrapper ul {


font-size:12px;
line-height:17px;
margin-left:16px;
padding:0;

}





/* for old Rates page: jquery accordian effect */ 


.rates h3 {

	cursor: pointer;
	padding:8px;
	margin:0;
	border-top:1px dotted #6E5140;



}


.details {

background-image:url(img/linkhover_bg.png);
padding-left:8px;
margin:0;
overflow:auto;


}


.details p {

margin-bottom:4px;

}



.details ul {


list-style:none;
width:330px;
float:left;
margin:0;
padding:0;
font-size:12px;

}

.details li {


padding-left:12px;
background-image:url(img/li-arrow.gif);
background-repeat:no-repeat;
background-position:0px 2px;
line-height:13px;
margin-bottom:10px;


}




.rates h3:hover {
	background-image:url(img/activelink_bg.png);
	
	
}
.rates h3.active {

background-image:url(img/linkhover_bg.png);

}




#ratesbottom {


border-top:1px dotted #6E5140;

}



/* end Rates page */








/* the weddings overview page */


#wedding_home {

	position:absolute;
	padding:0;
	padding-top:30px;
	left:257px;
	top:30px;
	width:676px;
	height: 476px;
	z-index:5;
	color:#fff;
	background-image:url(img/weddinghome_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;


}


#wedding_home p {

text-align:center;
width:229px;
font-size:16px;
margin:0;
margin-bottom:10px;
padding:0;
padding-bottom:16px;
line-height:18px;
background-image:url(img/weddingname_rule.gif);
background-repeat:no-repeat;
background-position:bottom center;


}

#wedding_home p.last {

background-image:none;



}



#wedding_home a {

color:#fff;
text-decoration:none;
display:block;
padding:3px;
padding-top:4px;


}



#wedding_home a:hover {

background-color:#3C2517;

}








/* ORDER Prints page */




#order {


	position:absolute;
	padding:0;
	left:257px;
	top:30px;
	width:676px;
	height: 506px;
	z-index:5;
	color:#fff;
	background-image:url(../images/orderprints_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;


}





#order-left
{
	position:absolute;
	left:25px;
	top:20px;
	width:330px;
	height: 506px;
	z-index:5;
	color:#fff;

	
}



#order-right
{
	position:absolute;
	left:400px;
	top:20px;
	width:260px;
	height: 430px;
	z-index:5;
	color:#fff;
	padding-left:6px;


	
}





iframe#picage {

width:252px;
height:180px;
overflow:auto;
margin:0;
padding:0;
opacity:0.7;

/*
border:1px solid #5B4D3C;
*/


}























/* THE IMAGE GALLERY */



#imagegallery
{
	position:absolute;
	left:238px;
	top:30px;
	width:716px;
	height: 516px;
	z-index:5;
	overflow:hidden;
	
}



#imagegallery img.thumbnail

{
	display: none;
	
	
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(img/loader3.gif);
}


.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(img/loader3.gif);
}






.jdGallery .imageElement 

{
visibility: hidden;
}






.jdGallery .slideInfoZone
{
	
	display:none;
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}




.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 70px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left:0px;
	top: 0px;

}




.jdGallery a.carouselBtn

{
	
	display:none;
	
}

.jdGallery .carousel
{
	position: absolute;
	
	width:676px;
	margin: 0px;
	right:20px;
	top: -4px;
	height: 70px;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width:100%;
	height: 60px;
	top:10px;
	left: 0px;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
	
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background-position: center center;
	float: left;
	border-right:2px solid #3C2517;
	
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 0px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	
	display:none;
	
}



.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color:#FF0000;
	
	
	
}


.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	height:80px;
	width: 40%;
	width:80px;
	cursor: pointer;
	z-index:90;
	opacity:0.4;
	

}





.jdGallery a.right:hover, .jdGallery a.left:hover


{
	
	opacity: 1.0;
	
	
}




.jdGallery a.left



{
	
	left:0px;
	bottom:240px;
	background: url(img/arrow_left_new.gif) no-repeat center left;
	
}





.jdGallery a.right

{
	right:0px;
	bottom:240px;
	background: url(img/arrow_right_new.gif) no-repeat center right;



}