/** ---------------------------------------------------------- 
    html5-boilerplate - thanks to Paul Irish
	http://html5boilerplate.com/
-----------------------------------------------------------*/

@import "../lib/css/boilerplate-custom.css";





/** ---------------------------------------------------------- 
    FOR CELIA
------------------------------------------------------------*/


/* adjust margin right for slides */
#slides li {
	margin-right: 4px;
}

/* adjust sub-menu */
#sub_menu {
	font: .98em "Helvetica Neue", Helvetica, Arial;
	letter-spacing: .15em;
}









/** ---------------------------------------------------------- 
    DEFAULTS
-----------------------------------------------------------*/


body {
	background: #fff;
	font: 12px "Trebuchet MS", Trebuchet, Helvetica;
	color: #5AD0D2;
	margin: 0;
	padding: 0;
}

div { background: none; }

h1 {
	font-size: 15px;
	color: #5AD0D2;
	margin-bottom: 20px;
}

h2 {
	font-size: 15px;
	color: #5AD0D2;
	margin-bottom: 5px;
}

h3 {}

h4 {}

ul {}

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

p {
	line-height: 18px;
	margin-bottom: 20px;
}

p.header {
	margin-bottom: 40px;
}

a {
	color: #afafaf;
	text-decoration: none;
	font-weight: bold;
}

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


/** ---------------------------------------------------------- 
    COMMON
-----------------------------------------------------------*/

.blue {
	color: #5AD0D2;
}

.italic {
	font-style: italic;
}



/** ---------------------------------------------------------- 
    GUTS
-----------------------------------------------------------*/


#wrap {
	width: 870px;
	text-align: left;
	padding: 70px 0;
	margin-left: 0;
}

	#left_column {
		float: left;
		margin-right: 20px;
		width: 275px;
		position: relative;
		height: 470px;
	}
	
		#logo {
			position: absolute;
			bottom: -1px;
			right: 0;
			background: url('../images/ui/logo.gif');
			width: 275px;
			height: 36px;
		}
		
	#logo span, #main_menu span {
		display: none;
		visibility: hidden;
	}
	
	#right_column {
		width: 575px;
		float: left;
	}
	
		#main_nav,
		#content,
		#footer {
			float: left;
			width: 100%;
		}
	
		#main_menu {
			background: red;
		}
		
			#main_menu li {
			}
		
			#main_menu a {
				float: left;
				background-repeat: none;
				height: 25px;
			}
			
			.seperator {
				background: url('../images/ui/menu/seperator_dot.gif') no-repeat;
				height: 25px;
				width: 5px;
				margin: 0 7px 0 6px;
			}
			
			.before_after {
				margin: 0 9px 0 9px;
			}
			
			.after {
				margin-right: 9px;
			}
		
			#activities { 
				background-image: url('../images/ui/menu/activities_off.gif'); 
				width: 110px;
			}
			#activities:hover { background-image: url('../images/ui/menu/activities_over.gif'); }
			.activities #activities { background-image: url('../images/ui/menu/activities_on.gif'); }
			
			#menu { 
				background-image: url('../images/ui/menu/menu_off.gif'); 
				width: 63px;
			}
			#menu:hover { background-image: url('../images/ui/menu/menu_over.gif'); }
			.menu #menu { background-image: url('../images/ui/menu/menu_on.gif'); }

			#rsvp { 
				background-image: url('../images/ui/menu/rsvp_off.gif');
				width: 58px;
			}
			#rsvp:hover { background-image: url('../images/ui/menu/rsvp_over.gif'); }
			.rsvp #rsvp { background-image: url('../images/ui/menu/rsvp_on.gif'); }

			#photos { 
				background-image: url('../images/ui/menu/photos_off.gif');
				width: 89px; 
			}
			#photos:hover { background-image: url('../images/ui/menu/photos_over.gif'); }
			.photos #photos { background-image: url('../images/ui/menu/photos_on.gif'); }

			#videos { 
				background-image: url('../images/ui/menu/videos_off.gif'); 
				width: 82px;
			}
			#videos:hover { background-image: url('../images/ui/menu/videos_over.gif'); }
			.videos #videos { background-image: url('../images/ui/menu/videos_on.gif'); }

			#design { 
				background-image: url('../images/ui/menu/design_off.gif'); 
				width: 82px;
			}
			#design:hover { background-image: url('../images/ui/menu/design_over.gif'); }
			.design #design { background-image: url('../images/ui/menu/design_on.gif'); }

			#celebrate { 
				background-image: url('../images/ui/menu/celebrate_off.gif'); 
				width: 124px;
			}
			#celebrate:hover { background-image: url('../images/ui/menu/celebrate_over.gif'); }
			.celebrate #celebrate { background-image: url('../images/ui/menu/celebrate_on.gif'); }

			#stay { 
				background-image: url('../images/ui/menu/stay_off.gif'); 
				width: 49px;
			}
			#stay:hover { background-image: url('../images/ui/menu/stay_over.gif'); }
			.stay #stay { background-image: url('../images/ui/menu/stay_on.gif'); }

			#fly { 
				background-image: url('../images/ui/menu/fly_off.gif'); 
				width: 35px;
			}
			#fly:hover { background-image: url('../images/ui/menu/fly_over.gif'); }
			.fly #fly { background-image: url('../images/ui/menu/fly_on.gif'); }

			#eat { 
				background-image: url('../images/ui/menu/eat_off.gif'); 
				width: 38px;
			}
			#eat:hover { background-image: url('../images/ui/menu/eat_over.gif'); }
			.eat #eat { background-image: url('../images/ui/menu/eat_on.gif'); }

			#dress { 
				background-image: url('../images/ui/menu/dress_off.gif');
				width: 72px; 
			}
			#dress:hover { background-image: url('../images/ui/menu/dress_over.gif'); }
			.dress #dress { background-image: url('../images/ui/menu/dress_on.gif'); }

			#babysit { 
				background-image: url('../images/ui/menu/babysit_off.gif'); 
				width: 88px;
			}
			#babysit:hover { background-image: url('../images/ui/menu/babysit_over.gif'); }
			.babysit #babysit { background-image: url('../images/ui/menu/babysit_on.gif'); }

			#gift { 
				background-image: url('../images/ui/menu/gift_off.gif'); 
				width: 49px;
			}
			#gift:hover { background-image: url('../images/ui/menu/gift_over.gif'); }
			.gift #gift { background-image: url('../images/ui/menu/gift_on.gif'); }
		
		#main_image {
			margin-bottom: 25px;
			float: left;
		}
		
		.photos #main_image,
		.design #main_image {
			margin-bottom: 12px;
		}
			
		#content {
			margin-bottom: 25px;
		}
		
		#home #content {
			margin-bottom: 0;
		}
		
			#content ul {
				width: 100%;
			}
			
			#content li {
				width: 100%;
				margin-bottom: 5px;
			}
			
			#content li.space {
				margin-bottom: 20px;
			}
		
			.menu #content {
				text-align: center;
			}
			
			.content_column {
				width: 278px;
				float: left;
				margin-right: 19px;
			}
			
			.content_column.last {
				margin-right: 0;
			}
			
			.block {
				float: left;
				margin-bottom: 40px;
			}
			
			
			
			/* --- SUB MENU - the rest at the top of doc --- */
	
			/* for sidebar positioning */
			.photos #content,
			.videos #content,
			.design #content {
				position: relative;
			}
			
			/* override content ul width declaration */
			#content #sub_menu {
				width: 200px;
			}
			
			#sub_menu {
				color: #afafaf;
				float: left;
				text-align: right;
				position: absolute;
				left: -220px;
				top: -90px;
			}
			
				#sub_menu li {
					margin: 0 0 4px 0;
					width: 100%;
					float: left;
				}
			
				#sub_menu li a {
					color: #afafaf;
					font-weight: normal;
				}
			
				#sub_menu li a:hover,
				#sub_menu a.active {
					color: #5AD0D2;
				}
				
		#footer {
			font-size: 9px;
			color: #dcdcdc;
			padding-bottom: 50px;
		}
		
		
		
		
/** ---------------------------------------------------------- 
    PHOTO GALLERY
-----------------------------------------------------------*/


#gallery {
	width: 575px;
	height: 420px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	background: #f9f9f9;
}

	.gallery_arrow {
		width: 25px;
		height: 70px;
		position: absolute;
		top: 175px;
		z-index: 100;
		/*opacity: 0.4;*/
	}
	
	.gallery_arrow:hover {
		/*opacity: 0.8;*/
	}
	
		.left {
			background: url('../images/ui/arrow_left.png') no-repeat;
			cursor: pointer;
		}
		
		.right {
			background: url('../images/ui/arrow_right.png') no-repeat;
			cursor: pointer;
		}
	
		.gallery_arrow.left {
			left: 0;
		}
		
		.gallery_arrow.right {
			right: 0;
		}

	#gallery ul {
		float: left;
		width: 575px;
		height: 420px;
	}

	#gallery li {
		width: 575px;
		height: 420px;
		display: none;
	}
	
#caption {
	width: 100%;
	float: left;
	margin: 0 0 25px 0;
	color: #afafaf;
	font-size: 11px;
	text-align: right;
	min-height: 30px;
}

#thumbs {
	width: 575px;
	float: left;
	height: 70px;
	margin-bottom: 20px;
	overflow: hidden;
}

	#slides {
		width: 515px;
		height: 70px;
		float: left;
		position: relative;
		overflow: hidden;
		background: #f5f5f5;
	}

		#slides ul {
			height: 70px;
			position: absolute;
			left: 0;
			top: 0;
		}
	
		#slides a:hover {
			opacity: 0.8;
		}
	
	.thumb_arrow {
		width: 30px;
		height: 70px;
		float: left;
	}
	
		.thumb_arrow.left {
			background: url('../images/ui/thumb_arrow_left.gif') no-repeat;
			cursor: pointer;
		}
		
		.thumb_arrow.right {
			background: url('../images/ui/thumb_arrow_right.gif') no-repeat;
			cursor: pointer;
		}




/** ---------------------------------------------------------- 
    VIDEO
-----------------------------------------------------------*/

#video {
	width: 575px;
	height: 420px;
	float: left;
	margin-bottom: 10px;
}



/** ---------------------------------------------------------- 
    FORM
-----------------------------------------------------------*/


.form label {
	padding-right: 3px;
}

.form h2 {
	color: #afafaf;
}

.dinner_label {
	margin-bottom: 3px;
	display: block;
}

.form .field {
	margin-bottom: 8px;
}

.form .yes_no,
.form .who_and_what {
	width: 278px;
	float: left;
	margin-bottom: 10px;
}

.form .who_and_what {
	display: none;
}

.form .content_column p {
	margin-bottom: 10px;
}

.form p.form_instruct {
	margin-bottom: 50px;
}

.primary_email {
	float: left;
	margin-bottom: 25px;
}

	.primary_email input {
		width: 186px;
	}

.form fieldset {
	border: none;
	margin-bottom: 10px;
	display: block;
}

#tropical_submit {
	background: url(../images/ui/submit.gif) no-repeat;
	width: 89px;
	height: 27px;
	border: none;
	cursor: pointer;
}

.ie6 .ie_is_cool,
.ie7 .ie_is_cool,
.ie8 .ie_is_cool {
	position: relative;
	top: -10px;
}