/* - - - - - - - - - - - - - - - - - - - - */
/* Knotty Stationery     	             */
/* Design, Development & Maintenance       */
/* Eskymo New Media Design                 */
/* http://www.my-igloo.net                 */
/*                  				   */
/* STYLES PARTICULAR TO SUBPAGES           */
/* - - - - - - - - - - - - - - - - - - - - */

.tick { 
   padding: 1px 0px 1px 20px;
   background: transparent url(assets/icon_tick.gif) no-repeat center left;
   text-decoration: none; border-bottom: none;
}

.calendar { 
   padding: 1px 0px 1px 20px;
   background: transparent url(assets/icon_calendar.gif) no-repeat center left;
   text-decoration: none; border-bottom: none;
}

.fonts { 
   padding: 1px 0px 1px 20px;
   background: transparent url(assets/icon_fonts.gif) no-repeat center left;
   text-decoration: none; border-bottom: none;
}

.colours { 
   padding: 1px 0px 1px 20px;
   background: transparent url(assets/icon_colours.gif) no-repeat center left;
   text-decoration: none; border-bottom: none;
}


/* 4 columns for the small thumbnails on the landing pages */
.column1 { float: left; text-align: left; width: 111px; margin: 0px; padding: 0px; }
.column2 { float: left; text-align: left; width: 111px; margin: 0px; padding: 0px; }
.column3 { float: left; text-align: left; width: 111px; margin: 0px; padding: 0px; }
.column4 { float: left; text-align: left; width: 103px; margin: 0px; padding: 0px; }


#left 	{width: 24px; margin: 0px; padding: 0px; float: left;}
#middle 	{width: 832px; margin: 0px; padding: 0px; float: left;}
#right 	{width: 24px; margin: 0px; padding: 0px; float: left;}

/* left and right arrows for the style pages */
a#arrowleft 		{ display: block; width: 24px; height: 308px; background: url(assets/arrow_left.jpg) no-repeat 0 0; }
a#arrowleft:hover 	{ background: url(assets/arrow_left.jpg) no-repeat -24px 0px; }
#arrowleft span 	{ display:none;}

/* left and right arrows for the style pages */
a#arrowleftsml 		{ display: block; width: 24px; height: 150px; background: url(assets/arrow_left_sml.jpg) no-repeat 0 0; }
a#arrowleftsml:hover 	{ background: url(assets/arrow_left_sml.jpg) no-repeat -24px 0px; }
#arrowleftsml span 	{ display:none;}

/* left and right arrows for the style pages */
a#arrowright 		{ display: block; width: 24px; height: 308px; background: url(assets/arrow_right.jpg) no-repeat 0 0; }
a#arrowright:hover 	{ background: url(assets/arrow_right.jpg) no-repeat -24px 0px; }
#arrowright span 	{ display:none;}

/* left and right arrows for the style pages */
a#arrowrightsml 		{ display: block; width: 24px; height: 150px; background: url(assets/arrow_right_sml.jpg) no-repeat 0 0; }
a#arrowrightsml:hover 	{ background: url(assets/arrow_right_sml.jpg) no-repeat -24px 0px; }
#arrowrightsml span 	{ display:none;}

/* 4 columns for the lightbox thumbnails */
.thumb1 { float: left; text-align: left; width: 210px; height: 158px; margin: 0px; padding: 0px; }
.thumb2 { float: left; text-align: left; width: 210px; height: 158px; margin: 0px; padding: 0px; }
.thumb3 { float: left; text-align: left; width: 210px; height: 158px; margin: 0px; padding: 0px; }
.thumb4 { float: left; text-align: left; width: 202px; height: 158px; margin: 0px; padding: 0px; }

#subpages {margin: 10px 0px 0px 0px;}
#subpages .left {width: 624px;}
#subpages .right {width: 226px;}

#subpages p {
	line-height: 1.5em; padding: 0px 0px 0px 0px; font-size: 90%;
}


/* GALLERY LAYOUT & STYLES
------------------------------------------------------------------------*/
#gallery {
	width: 880px;
	margin: 20px 0px 0px 0px;
}

.thumb01, .thumb02, .thumb03 {
	float:left;
	text-align:left;
	width:111px;
	margin:0px 0px 10px 0px;
}
.thumb04 {
	float:left;
	text-align:left;
	width:111px;
	margin:0px 0px 10px 0px; 
}

#endboxes { background: url(images_wedding/wedding_endbox_bottom.gif) no-repeat bottom center; }
#endboxes .left { width: 430px; margin: 0 auto; padding: 10px 0px; text-align: left; }
#endboxes .right { width: 430px; margin: 0 auto; padding: 10px 0px; text-align: left; }

#endboxes h4, #endboxes p {
	width: 400px;
	margin: 0 auto;
	padding-bottom: 5px;
}