/*************************************************************************/
/***************** GENERAL PAGE CONTAINERS STARTS *******************/
/*************************************************************************/
/* 21/07/2006 */


body {
background: #FFFFFF;
margin: 0;
padding: 0;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #000000;
}

#ShowAns {
margin-left: 10px;
margin-top: 10px; 
overflow: hidden; 
width: 90%; 
height: 240px;
}

#mainholder {
display: block;
text-align: left;
width: 742px !important;
border: 1px solid #AAAAAA;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
background: #FFFFFF;
}
/* TOP NAVIGATION AREA */
#topnav {
margin: 0;
padding: 0;
width: 740px;
height: 80px;
top: 1px;
left: 1px;
background: #FFF;
}

table #maintable {
width:740px;
}

td #mainTD {
width:420px;
}

/* Elements */
	/* Buttons */	
	#buttonPAD {
	width: 30px !important;
	height: 36px !important;
	margin-top: 14px;
	float: left;
	background-color: #FFFFFF;
	border-right: 2px solid #7D818F;
	margin-left: 1px;
	}
	#button1, #button3, #button5, #button2, #button4, #button6 {
	background-color: #FFFFFF;
	width: 85px !important;
	height: 36px !important;
	margin-top: 14px;
	float: left;
	text-align: center;
	border-right: 2px solid #7D818F;
	}


	/* Logo */

	#logo {
	width: 76px;
	height: 76px;
	background: url("images/gemlogo.gif") no-repeat;
	float: right;
	margin-right:8px;
	text-align: center;
	}

/* END TOP NAVIGATION AREA */


/* PAGE SUB NAV AREA */
#subnav {
background: #FFF;
border: 1px solid #FFF;
height: 96px;
}

/* Elements */
	#subnav2 {
	width: 100%;
	height: 96px;
	background: #E2EDF1;
	margin: 1px;
	}

	#subnav3 {
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 28px;
	}

	#subnavBOX {
	width: 320px;
	height: 60px;
	background: transparent;
	}

	#testimonial {
	background: #0B4664; 
	height: 100%;
	margin: 0px 0px 0px 107px;
	padding: 20px 0px 0px 40px;
	}
	#testimonialBOX {
	width: 250px;
	height: 60px;
	background: transparent;
	}

/* END PAGE SUB NAV AREA */



/* DESIGN STYLE AREA */

#designstyle {
background: #FFF;
border: 1px solid #FFF;

height: 24px;
}
	#designpad {
	background: #D6DCE8;
	margin-top:4px;
	height: 24px;
	}

/* END DESIGN STYLE AREA */


/* COPY AREA */

#copyarea {
background: #FFF;
border: 1px solid #FFF;
vertical-align: top;
}

/* Elements */
	#copyspace {
	margin-top: 0px;
	padding: 20px 30px 40px 30px;
	background: transparent;
	}

	#itineraryspace {
	margin: 0;
	padding: 20px 30px 40px 30px;
	background: transparent;
	}


/* END COPY AREA */


/* SIGN OFF AREA */

#signoff {
margin: 0;
padding: 0;
clear: both;
width: 742px !important;
margin-right: auto;
margin-left: auto;
text-align: right;
height: 20px;
background: #FFFFFF;
}
#linkspace {
margin-top: 10px;
padding: 4px 0px 4px 15px;
border-top: 4px solid #E2EDF1;
clear: both;
text-align: left;
background: #A9BEED;
}
/* Elements */

	#signoffcontact {
	margin: 0;
	padding: 0;
	text-align: right;
	background: transparent;
	}

/* END SIGN OFF  AREA */
#signoff2 {
margin: 0;
padding: 0;
clear: both;
width: 742px !important;
margin-right: auto;
margin-left: auto;
text-align: left;
height: 20px;
background: #FFFFFF;
}
/* END SIGN OFF  AREA */
#signoff3 {
margin: 0;
padding: 0;
clear: both;
width: 742px !important;
margin-right: auto;
margin-left: auto;
text-align: left;
height: 15px;
background: #FFFFFF;
}


/* text columns */
#listspace {
	width:99%;
	border:0px solid #f00;
}
	#listspace_clear {
		width:99%;
		clear:both;
		border:0px solid #f00;
	}
	#leftlist{ 
		width:49%;
		float:left;
		border:0px solid #f00;
	}
	#rightlist{ 
		width:49%;
		float:right;
		border:0px solid #f00;
	}
	.stars {
		display:inline;
		vertical-align:text-bottom;
	}

/* BIG IMAGE SPACE AREA */

#folioarea {
background: #eee;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-right: 20px solid #FFF;
text-align: top;
}

	#bigimage-ajhc, #bigimage-lpp, #bigimage-imi2, #bigimage-imi3, #bigimage-imi4, #bigimage-imi5, #bigimage-lsml, #bigimage-mg, #bigimage-nlm, #bigimage-nywa, #bigimage-shwh, #bigimage-smkhdb, #bigimage-vrsp, #bigimage-mara, #bigimage {
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 290px;
	text-align: left;
	z-index: 20;
	overflow: hidden;
	}
	#bigimage-mg2, #bigimage-imi, #bigimage-imi2_1 {
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 405px;
	text-align: left;
	z-index: 20;
	overflow: hidden;
	}
	#bigimage {
	background: url("images/bigimage.gif") no-repeat;
	}
	#bigimage-ajhc {
	background: url("images/ajhc1.gif") no-repeat;
	}
	#bigimage-mara {
	background: url("images/mara1.gif") no-repeat;
	}
	#bigimage-vrsp {
	background: url("images/vrsp.gif") no-repeat;
	}
	#bigimage-smkhdb {
	background: url("images/smkhdb.gif") no-repeat;
	}
	#bigimage-shwh {
	background: url("images/shwh1.gif") no-repeat;
	}
	#bigimage-nywa {
	background: url("images/nywa.gif") no-repeat;
	}
	#bigimage-nlm {
	background: url("images/nlm.gif") no-repeat;
	}
	#bigimage-mg {
	background: url("images/mg.gif") no-repeat;
	}
	#bigimage-mg2 {
	background: url("images/mg2.gif") no-repeat;
	}
	#bigimage-lsml {
	background: url("images/lsml.gif") no-repeat;
	}
	#bigimage-lpp {
	background: url("images/lpp.gif") no-repeat;
	}
	#bigimage-imi {
	background: url("images/imi.gif") no-repeat;
	}
	#bigimage-imi2_1 {
	background: url("images/imi2_1.gif") no-repeat;
	}
	#bigimage-imi2 {
	background: url("images/imi2.gif") no-repeat;
	}
	#bigimage-imi3 {
	background: url("images/imi3.gif") no-repeat;
	}
	#bigimage-imi4 {
	background: url("images/imi4.gif") no-repeat;
	}
	#bigimage-imi5 {
	background: url("images/imi5.gif") no-repeat;
	}
	#bigimageCAP {
	position: relative;
	top: 205px;
	left: 0px;
	width: 150px;
	height: 50px;
	text-align: left;
	background-color: #90AAE7;
	padding: 0;
	z-index: 30;
	}
	#bigimageCAP-00000 {
	position: relative;
	top: 191px;
	left: 0px;
	width: 126px;
	height: 96px;
	text-align: left;
	background: url("images/caption-holder.gif") no-repeat;
	padding: 0;
	opacity: .7;
	filter: alpha(opacity=70);
	z-index: 30;
	}
	#bigimageCAP2 {
	position: relative;
	top: 309px;
	left: 0px;
	width: 160px;
	height: 50px;
	text-align: left;
	background-color: #90AAE7;
	padding: 0;
	z-index: 30;
	}
	#bigimageCAPcopy {
	position: relative;
	top: 6px;
	left: 10px;
	width: 145px;
	text-align: left;
	z-index: 40;
	}
	.chooserimage, .chooserimage2  {
	width: 30px;
	float: left;
	margin-left: 10px;
	border: 4px solid #0B4664;
	}
	.chooserimage {
	height: 29px;
	}
	.chooserimage2 {
	height: 40px;
	}
	#chooseimageCAP {
	width: 270px;
	height: 96px;
	text-align: left;
	background: transparent;
	padding: 0;
	z-index: 30;
	vertical-align: top;
	}
	#chooseimageCAPcopy {
	position: relative;
	top: 10px;
	left: 10px;
	width: 270px;
	text-align: left;
	z-index: 40;
	}

	#tripleimage9,#tripleimage8,#tripleimage7,#tripleimage6,#tripleimage5,#tripleimage4,#tripleimage3,#tripleimage2,#tripleimage {
	top: 0px;
	left: 0px;
	margin-top: 2px;
	padding: 150px 0px 0px 0px;
	width: 300px;
	height: 125px;
	text-align: left;
	z-index: 20;
	}

	#tripleimage {
	background: url("images/triple1.gif") no-repeat;
	}
	#tripleimage2 {
	background: url("images/triple2.gif") no-repeat;
	}
	#tripleimage3 {
	background: url("images/triple3.gif") no-repeat;
	}
	#tripleimage4 {
	background: url("images/triple4.gif") no-repeat;
	}
	#tripleimage5 {
	background: url("images/triple5.gif") no-repeat;
	}
	#tripleimage6 {
	background: url("images/triple6.gif") no-repeat;
	}
	#tripleimage7 {
	background: url("images/triple7.gif") no-repeat;
	}
	#tripleimage8 {
	background: url("images/triple8.gif") no-repeat;
	}
	#tripleimage9 {
	background: url("images/triple9d.gif") no-repeat;
	}
	#tripleimageCAP {
	width: 200px;
	height: 96px;
	text-align: left;
	background: transparent;
	padding: 0;
	z-index: 30;
	vertical-align: top;
	}
	#tripleimageCAPcopy {
	position: relative;
	top: 10px;
	left: 10px;
	width: 100px;
	text-align: left;
	z-index: 40;
	}

/* END OF BIG IMAGE SPACE AREA */

/* BIG IMAGE wedding SPACE AREA */

#folioarea_w {
background: #eee url('images/wedding_base.gif') no-repeat;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-right: 20px solid #FFF;
text-align: top;
}
/* END OF BIG IMAGE wedding SPACE AREA */


/* *************** Itineraries ******************* */
#itinerary {
background: #FFF;
width: 357px;
}
.day {
height: 30px;
border: 1px solid #CCCCCC;
background-color: #EEE;
}
.items {
border: 1px solid #CCCCCC;
background-color: #FFF;
}
.daytop {
width: 50px;
height: 30px;
background-color: #0B4664;
}
.itemstop {
height: 1px;
border: 1px solid #CCCCCC;
background-color: #FFF;
}
.itemstopB {
height: 1px;
border: 1px solid #CCCCCC;
background-color: #0B4664;
}
/* *************** Itineraries ******************* */




/* ********* FONT DEFINITIONS ************** */
H1 {
	text-align: left;
	font-family: myriad, trebuchet, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 17px;
	color: #393939;
	display: block;
	}



H2 {
	text-align: left;
	font-family: trebuchet, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #F393939;
	}
		/* variants */
		#testimonialBOX H2 {
		font-size: 12px;
		color: #FFFFFF;
		display: inline;
		}
		#itineraryspace H2 {
		display: inline;
		}
		#linkspace H2 {
		font-size: 12px;
		line-height: 12px;
		font-weight: normal;
		color: #F393939;
		}


H3, H6  {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	line-height: 12px;
	color: #393939;
	}
		
		/* variants */
		H6 {
		display: inline;
		}

		#testimonialBOX H3 {
		font-weight: normal;
		font-style: italic;
		font-size: 12px;
		color: #FFFFFF;	
		display: inline;
		}

		.button H3 { /* .button is based on H3 */
		line-height: 11px;
		vertical-align: middle;
		text-align: center;
		font-weight: normal;
		color: #888888;
		}

		#bigimageCAPcopy H3 {
		display: inline;
		color: #FFFFFF;
		font-weight: bold;
		}

		H3 B {
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: BOLD;
		font-style: normal;
		font-size: 11px;
		color: #7D3939;
		}

		.day H3, .items H3, .itemstop H3 {
		margin: 2px 5px 4px 3px;
		}

H4, UL, OL, LI  {
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #F393939;
	}
		/* variants */
		#testimonialBOX H4 {
		color: #FFFFFF;
		display: inline;
		}

		UL { 
		list-style-type: disc; 
		}

		#subnavBOX UL { 
		list-style-type: none; 
		}

H5	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #393939;
	}

	#linkspace H2 option { color: #FFFFFF}
	#linkspace H2 a:link { color: #FFFFFF; background: transparent; text-decoration: none}
	#linkspace H2 a:active { color: #FFFFFF; background: transparent; text-decoration: none}
	#linkspace H2 a:visited { color: #FFFFFF; background: transparent; text-decoration: none}
	#linkspace H2 a:hover { color: #FF3333; background: transparent; font-weight: normal; text-decoration: underline}

	#copyspace H3 option { color: #888888}
	#copyspace H3 a:link { color: #888888; background: transparent; text-decoration: none}
	#copyspace H3 a:active { color: #888888; background: transparent; text-decoration: none}
	#copyspace H3 a:visited { color: #888888; background: transparent; text-decoration: none}
	#copyspace H3 a:hover { color: #FF3333; background: transparent; font-weight: normal; text-decoration: underline}

	H3 option { color: #888888}
	H3 a:link { color: #888888; background: transparent; text-decoration: none}
	H3 a:active { color: #888888; background: transparent; text-decoration: none}
	H3 a:visited { color: #888888; background: transparent; text-decoration: none}
	H3 a:hover { color: #5F6F94; background: transparent; font-weight: bold; text-decoration: none}
	
	option { color: #1A234C}
	a:link { color: #1A234C; background: transparent; text-decoration: none}
	a:active { color: #1A234C; background: transparent; text-decoration: none}
	a:visited { color: #1A234C; background: transparent; text-decoration: none}
	a:hover { color: #1A234C; background: transparent; text-decoration: underline}

	LI option { color: #1A234C}
	LI a:link { color: #1A234C; background: transparent; text-decoration: none}
	LI a:active { color: #1A234C; background: transparent; text-decoration: none}
	LI a:visited { color: #1A234C; background: transparent; text-decoration: none}
	LI a:hover { color: #1A234C; background: transparent; font-weight: bold; text-decoration: none}

	#tmp-sm option {text-decoration: none;}
	#tmp-sm a:link { text-decoration: none; }
	#tmp-sm a:active { text-decoration: none; }
	#tmp-sm a:visited { text-decoration: none; }
	#tmp-sm a:hover { text-decoration: underline;}