/*-----------------------------------------------------------------------
  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 
body { 
	background:#b4b478 url("../images/bg-body.jpg") repeat-x;
	text-align:center; 
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

h1	{ font-size:1.0em; color:#B96E61; margin:0px 40px 5px 5px; padding-top:65px;}
h2	{ font-size:1.0em; color:#B96E61; margin:0px 68px 5px 5px; padding-top:65px;}

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#999966; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#adad78; text-decoration:none; outline:none; }

/* ----- classes ----- */

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../../images/bullet-back-to-top.jpg") right no-repeat;
	}
	
img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}

img.img-left-bouqet-gallery { 
	float:left; 
	margin:2px 10px 10px 30px; 
	}


img.img-right { 
	float:right; 
	margin:5px 0 10px 10px; 
	}
	

.h-subhead	{
	padding:65px 165px 5px 36px;
	}
	
	
.h-subhead-weddings	{
	padding:30px 65px 5px 36px;
	}

	

.h-subhead-applause	{
	padding:65px 40px 5px 205px;
	}
	
p.contact	{
	padding:70px 65px 0px 45px;
	text-align:center;
	}
	
/* ----- subheads ----- */


#index-corner1	{
	background:url("../images/bg-index-corner1.jpg") no-repeat;
	width:649px;
	height:165px;
	margin:0;
	}
p.index-corner-p	{
	padding:0px 55px 5px 5px;
	}




#about-corner	{
	background:url("../images/bg-about-corner1.jpg") no-repeat;
	width:649px;
	height:430px;
	margin:0;
	}
p.about-corner-p	{
	padding:10px 250px 5px 40px;
	}
	
#about-lower-corner	{
	background:url("../images/bg-about-lower-corner.jpg") no-repeat;
	width:649px;
	height:191px;
	margin:0;
	}
p.about-lower-corner-p	{
	padding:30px 55px 5px 40px;
	text-align:center;
	}
	
	
	
	
#planning-corner	{
	background:url("../images/bg-planning-corner1.jpg") no-repeat;
	width:649px;
	height:267px;
	margin:0;
	}
p.planning-corner-p	{
	padding:0px 165px 5px 40px;
	}
p.planning-corner-p-wide	{
	padding:0px 40px 5px 40px;
	}




#bouqet-corner	{
	background:url("../images/subhead-bouqet-gallery.jpg") no-repeat;
	width:649px;
	height:267px;
	margin:0;
	}
	#bouqet-corner span  {
	display:none;
	}
p.bouqet-corner p	{
	padding:0px 165px 5px 40px;
	}
	



#weddings-corner	{
	background:url("../images/bg-weddings-corner1.jpg") no-repeat;
	width:649px;
	height:261px;
	margin:0;
	}
p.weddings-corner-p	{
	padding:50px 65px 5px 185px;
	}

	
#weddings-ceremony	{
	background:url("../images/subhead-weddings-ceremony.jpg") no-repeat;
	width:649px;
	height:188px;
	margin:0;
	}
p.weddings-ceremony-p	{
	padding:10px 65px 5px 185px;
	}




#weddings-receptions-table	{
	background:url("../images/subhead-weddings-receptions-table.jpg") no-repeat;
	width:649px;
	height:188px;
	margin:0;
	}

#weddings-cakes	{
	background:url("../images/subhead-weddings-cakes.jpg") no-repeat;
	width:834px;
	height:188px;
	margin:0;
	}
	
p.weddings-cakes-p	{
	padding:10px 65px 5px 0px;
	}

p.weddings-cakestable-p	{
	padding:10px 20px 5px 0px;
	}

#weddings-faulkner	{
	background:url("../images/subhead-faulkner.jpg") no-repeat;
	width:834px;
	height:188px;
	margin:0;
	}
	p.faulkner-p	{
	padding:30px 65px 5px 50px;
	}


#applause-corner	{
	background:url("../images/bg-applause-corner1.jpg") no-repeat;
	width:649px;
	height:261px;
	margin:0;
	}
	#applause-corner p	{
	padding:10px 45px 5px 210px;
	}

#applause-corner2	{
	background:url("../images/bg-applause-corner2.jpg") no-repeat;
	width:649px;
	height:178px;
	margin:0;
	}
	#applause-corner2 p	{
	padding:47px 45px 5px 232px;
	}
	
#applause-corner3	{
	background:url("../images/bg-applause-corner3.jpg") no-repeat;
	width:649px;
	height:262px;
	margin:0;
	}
	#applause-corner3 p	{
	padding:45px 45px 5px 210px;
	}
	
p.applause-corner-p	{
	padding:0px 45px 5px 5px;
	}




#links-corner	{
	background:url("../images/bg-links-corner1.jpg") no-repeat;
	width:649px;
	height:286px;
	margin:0;
	}
p.links-corner-p	{
	padding:20px 55px 5px 5px;
	}

#links-corner2	{
	background:url("../images/bg-links-corner2.jpg") no-repeat;
	width:649px;
	height:163px;
	margin:0;
	}




#contact-corner	{
	background:url("../images/bg-contact-corner1.jpg") no-repeat;
	width:649px;
	margin:0;
	}
p.contact-corner-p	{
	padding:65px 55px 5px 5px;
	text-align:center;
	}

#thankyou-corner	{
	background:url("../images/bg-thankyou-corner1.jpg") no-repeat;
	width:649px;
	height:266px;
	margin:0;
	}
p.thankyou-corner-p	{
	padding:65px 165px 5px 40px;
	}
	
/* ----- subheads  id's and classes----- */


.img-click-to-learn	{
	background:url(../images/img-click-to-lrn.jpg) no-repeat;
	width:119px;
	height:20px;
	float:left;
	margin:5px 73px 0px 0px;
	}

.img-click-to-view	{
	background:url(../images/img-click-to-view.jpg) no-repeat;
	width:107px;
	height:17px;
	float:left;
	margin:15px 73px 0px 0px;
	}

#click-to-view-our {
	padding:15px 0px 0px 250px;
	}

#about-click-to-view-our {
	padding:32px 0px 0px 426px;
	}

img.bouqet1 { 
	float:left; 
	margin:55px 0px 0px 0px; 
	}

#not-sure-what-flowers	{
	background:url(../images/subhead-not-sure-what.jpg) no-repeat;
	width:649px;
	height:195px;
	}
	#not-sure-what-flowers span {
	display:none;
	}
	
	p.not-sure-what-flowers  {
	padding:65px 40px 5px 155px;
	}
	p.not-sure-what-flowers-img {
	padding:10px 140px 5px 175px;
	}
	
#diff-bouqets	{
	background:url(../images/subhead-diff-bouqets.jpg) no-repeat;
	width:834px;
	height:195px;
	margin:0;
	padding:0px;
	}
	#diff-bouqets  span {
	display:none;
	}
	
	p.diff-bouqets  {
	padding:65px 155px 5px 225px;
	}
	p.diff-bouqets-img {
	padding:10px 140px 5px 225px;
	}
	
	
#bridal-worksheet	{
	background:url(../images/subhead-bridal-worksheet.jpg) no-repeat;
	width:834px;
	height:231px;
	margin:0;
	padding:0px;
	}
	p.bridal-worksheet  {
	padding:65px 40px 5px 385px;
	}
	p.bridal-worksheet2  {
	padding:10px 40px 5px 385px;
	}


.line-break	{
	background:url(../images/img-line-break.jpg) no-repeat;
	width:649px;
	height:17;
	padding:10px 0px 10px 0px;
	}	
	
/* ----- global form elements ----- */ 

form {
	width:150px;
	padding:10px 5px 15px 12px;
	}

form label	{ font-size:.90em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #FFF;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:13px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* ----- main contact form ----- */ 
 
#contact-main { margin:20px 0 10px 15px; padding-top:5px; }
#contact-main span { display:none;}
#contact-main label { 
	width:260px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	background-color:#E6F2DF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #666666;
	color:#000;
	}

#contact-main textarea	{ height:60px; overflow:auto; }
	
#contact-main label select { width:170px; }
	
#contact-main label textarea { height:45px; overflow:auto; }

.radio b { width:5px;}

/* ----- submit button form elements ----- */ 

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:0px 0 0 288px; }

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../../images/btn-submit.jpg");
	width:64px;
	height:20px;
	border:1px solid #666666;
	background-color:#E6F2DF !important; /* to prevent highlighting by Google Toolbar */
	cursor:pointer;
	}


/* ------------ main contact ----------------- */

#contactform {
	width:450px;
	padding:10px 5px 15px 45px;
	}

.main-form label	{ font-size:.90em; }

.main-form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

.main-form input, .main-form textarea, .main-form select { 
	background-color:#CCCCCC !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #666666;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:13px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 





/* framework
 * ------------------------------------------------------------------------- */


#wrap-container {
	background:url(../images/bg-wrap.jpg) repeat-y;
	width:956px;
	height:1150px;
	margin:0 auto;
	padding:0;
	}
	
#wrap {
	width:956px;
	margin:0 auto;
	padding:0px;
	text-align:left;
	}
#wrap span {
	display:none;
	}

#wrap2 {
	background:url(../images/bg-wrap2.jpg) repeat-y;
	width:834px;
	margin:0 auto;
	padding:0px;
	text-align:left;
	}
	#wrap2 span {
	display:none;
	}

	
#masthead {
	position:relative;
	background:url("../images/masthead.jpg") no-repeat;
	height:155px;
	}
	/* index page link within #masthead */		
	#masthead a {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead a span {
		display:none;
		}

#masthead-shows {
	position:relative;
	background:url("../images/masthead-index-shows.jpg") no-repeat;
	height:155px;
	}
	/* index page link within #masthead */		
	#masthead-shows a {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead-shows a span {
		display:none;
		}


/* ----- subheads ----- */

#view-gallery {
	background:url(../images/subhead-view-gallery.jpg) no-repeat;
	width:649px;
	height:49px;
	float:left;
	margin:20px 0px 0px 0px;
	}
	#view-gallery span {
	display:none;
	}
	


/* ----- View Gallery Index - Ceremony ------------------------------------------------------------------------------ */

#view-gallery-ceremony {
	background:url(../images/img-index-ceremony.jpg) no-repeat;
	float:left;
	width:130px;
	margin:0px;
	padding:0px;
	}
	#view-gallery-ceremony span {display:none;}

#view-ceremony-p	{
	width:95px;
	color:#333333;
	font-size:.95em;
	float:left;
	padding:8px 0px 0px 2px;
	}
	
#view-gallery-ceremony li {
	float:left;
	list-style:none;
	}

#view-gallery-ceremony li, #view-gallery-ceremony a { 
	height:132px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#view-gallery-ceremony-01 { padding:8px 0px 0px 20px; width:102px; }

#view-gallery-ceremony-01 a:hover { background:url(../../css/img-index-ceremony.jpg) -240px  -102px no-repeat; }

	
	
	
	
/* ----- View Gallery Index - Bouqet ------------------------------------------------------------------------------ */
#view-gallery-bouqet {
	background:url(../images/img-index-bouqet.jpg) no-repeat;
	float:left;
	width:107px;
	margin:0px;
	padding:0px;
	}

	#view-gallery-bouqet span {display:none;}

#view-bouqet-p	{
	width:95px;
	color:#333333;
	font-size:.95em;
	float:left;
	padding:8px 0px 0px 2px;
	}

#view-gallery-bouqet li {
	float:left;
	list-style:none;
	}

#view-gallery-bouqet li, #view-gallery-bouqet a { 
	height:132px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#view-gallery-bouqet-01 { margin:8px 0px 0px 2px; width:102px; }

#view-gallery-bouqet-01 a:hover { background:url(../../css/img-index-bouqet.jpg) -195px  -102px no-repeat; }



/* ----- View Gallery Index - Reception ------------------------------------------------------------------------------ */
#view-gallery-reception {
	background:url(../images/img-index-reception.jpg) no-repeat;
	float:left;
	width:107px;
	margin:0px;
	padding:0px;
	}
	#view-gallery-reception span {display:none;}
	
#view-reception-p	{
	width:103px;
	color:#333333;
	font-size:.95em;
	float:left;
	padding:8px 0px 0px 2px;
	}

#view-gallery-reception li {
	float:left;
	list-style:none;
	}

#view-gallery-reception li, #view-gallery-reception a { 
	height:132px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#view-gallery-reception-01 { margin:8px 0px 0px 2px; width:102px; }

#view-gallery-reception-01 a:hover { background:url(../../css/img-index-bouqet.jpg) -195px  -102px no-repeat; }



/* ------------------------------------------------------------------------------------------------------- */

/* ----- Applause ------- */
#applause {
	background:url(../images/subhead-applause.jpg) no-repeat;
	width:649px;
	height:269px;
	float:left;
	margin:20px 15px 30px 0px;
	}
	#applause span {
	display:none;
	}
	#applause p {
	margin:86px 20px 20px 200px;
	}
.right {text-align:left; padding-left:200px;}

/* ----- column-left ----- */

#column-left {
	background:url("../images/bg-col-left-border.jpg") no-repeat;
	width:246px;
	float:left;
	margin:0px;
	}
	
#col-left {
	width:246px;
	float:left;
	margin:0px;
	}


/* quick-contact
 * ------------------------------------------------------------------------- */

#quick-contact	{
	background:url("../images/bg-quick-contact.jpg") repeat-y;
	width:184px;
	margin-left:62px;
	}
	#quick-contact p {
	padding-right:20px;
	padding-left:15px;
	}

#img-quick-contact-mast	{
	background:url("../images/bg-quick-contact-mast.jpg") no-repeat;
	width:184px;
	height:57px;
	margin-left:62px;
	}
	
#img-quick-contact-bot-wrap	{
	background:url("../images/bg-quick-contact-botwrap.jpg") no-repeat;
	width:184px;
	height:50px;
	margin:0px;
	}
	


/* ------------------------------------------------------------------------------------------------------- */
			
/* ----- column-right ----- */ 

#column-right {
	width:710px;
	float:left;
	margin:0px;
	}

#col-right {
	background:url("../images/bg-col-right-border.jpg") no-repeat;
	width:710px;
	height:610px;
	float:left;
	margin:0px;
	}


/* ----- bottom-wrap ----- */
 
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg") no-repeat;
	width:956px;
	height:60px;
	clear:both;
	margin:0 auto;
	}


/* footer
 * ------------------------------------------------------------------------- */
 
#footer {
	width:956px;
	margin:0 auto;
	text-align:center;
	color:#FFFFFF;
	}

#footer p {
	color:#FFFFFF;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#ffffff; }

#footer a:hover, #footer a:active { color:#DAECD4; }



/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#nav {
	background:url("../images/nav.jpg") top left no-repeat;					
	width:184px;		/* Width of buttons, not entite image (or half of entire image) */
	height:257px;		/* Height of entire image */
	margin-left: 62px;
	}

#nav li span { display: none; }

#nav li {
	float:left;
	list-style:none;
	}

#nav li, #nav a { 
	height:31px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-01 { margin-top:29px; width:173px; }

/* margin-top if there is a spacing between each nav button */
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07 { margin-top:0; width:173px; }

#nav-01 a:hover { background:url("../images/nav.jpg") -184px  -29px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -184px  -60px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -184px -91px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -184px -122px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -184px -153px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -184px -184px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -184px -215px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#SPECIFY #nav-01 { background:url("../images/nav.jpg") -184px  -29px no-repeat; }
body#SPECIFY #nav-02 { background:url("../images/nav.jpg") -184px  -60px no-repeat; }
body#SPECIFY #nav-03 { background:url("../../images/nav.gif") -100px  -60px no-repeat; }
body#SPECIFY #nav-04 { background:url("../../images/nav.gif") -100px  -90px no-repeat; }
body#SPECIFY #nav-05 { background:url("../../images/nav.gif") -100px -120px no-repeat; }
body#SPECIFY #nav-06 { background:url("../../images/nav.gif") -100px -150px no-repeat; }



/* ------------------ Weddings-galleries --------------------------- */

/* ----- Bouqets ------------- */


#nav-weddings-bouqets {
	width:179px;		/* Width of buttons, not entite image (or half of entire image) */
	height:173px;		/* Height of entire image */
	margin-top: 94px;
	float:left;
	}

#nav-weddings-bouqets li span { display: none; }

#nav-weddings-bouqets li {
	float:left;
	list-style:none;
	}

#nav-weddings-bouqets li, #nav-weddings-bouqets a { 
	height:173px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-weddings-bouqets-01 { margin-top:0px; width:173px; }


/* ----- Ceremony ------------- */

#nav-weddings-ceremony {
	width:190px;		/* Width of buttons, not entite image (or half of entire image) */
	height:173px;		/* Height of entire image */
	margin-top: 15px;
	float:left;
	}

#nav-weddings-ceremony li span { display: none; }

#nav-weddings-ceremony li {
	float:left;
	list-style:none;
	}

#nav-weddings-ceremony li, #nav-weddings-ceremony a { 
	height:173px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-weddings-ceremony-01 { margin-top:0px; width:173px; }

/* ----- Receptions - Table ------------- */

#nav-weddings-receptions-table {
	width:190px;		/* Width of buttons, not entite image (or half of entire image) */
	height:173px;		/* Height of entire image */
	margin-top: 15px;
	float:left;
	}

#nav-weddings-receptions-table li span { display: none; }

#nav-weddings-receptions-table li {
	float:left;
	list-style:none;
	}

#nav-weddings-receptions-table li, #nav-weddings-receptions-table a { 
	height:173px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-weddings-receptions-table-01 { margin-top:0px; width:173px; }


/* ----- Receptions - Cakes ------------- */

#nav-weddings-cakes {
	width:150px;		/* Width of buttons, not entite image (or half of entire image) */
	height:183px;		/* Height of entire image */
	margin-top: 15px;
	padding-left:203px;
	padding-right:24px;
	float:left;
	}

#nav-weddings-cakes li span { display: none; }

#nav-weddings-cakes li {
	float:left;
	list-style:none;
	}

#nav-weddings-cakes li, #nav-weddings-cakes a { 
	height:183px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-weddings-cakes-01 { margin-top:0px; width:150px; }


/* ----- Receptions - Faulkner ------------- */

#nav-weddings-faulkner {
	width:150px;		/* Width of buttons, not entite image (or half of entire image) */
	height:183px;		/* Height of entire image */
	margin-top: 15px;
	padding-left:203px;
	padding-right:24px;
	float:left;
	}

#nav-weddings-faulkner li span { display: none; }

#nav-weddings-faulkner li {
	float:left;
	list-style:none;
	}

#nav-weddings-faulkner li, #nav-weddings-faulkner a { 
	height:183px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-weddings-faulkner-01 { margin-top:0px; width:150px; }



/* ----------------------------------------------------- LIGHTBOX CSS -------------------------------------------------- */

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

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	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: #fff;
	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: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.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 */
	}