/************************************************************************************
 * style.css - Fisher Creative Image - 2007
 ************************************************************************************/
* {
	margin:0px;
	padding:0px;
	}

body {
	font:62.5% Arial, Helvetica, sans-serif;
	/*font:.75em Georgia, "Times New Roman", Times, serif;*/
	overflow:-moz-scrollbars-vertical;
	background:#111;
	}

a {
	color:#333;
	text-decoration:none;
	}

div { cursor:default; }

p { margin:10px 0px; }

pre {
	position:relative;
	font-size:1.2em;
	color:#fff;
	z-index:10000;
	}
	pre.output { position:absolute; }


/************************************************************************************
 * Top
 ************************************************************************************/
#top {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:180px;
	background:url(../../images/top.jpg) repeat-x left bottom;
	}


/************************************************************************************
 * Main
 ************************************************************************************/
#main {
	position:relative;
	width:780px;
	margin:0px auto;
	overflow:hidden;
	font-size:1.2em;
	}
	

/************************************************************************************
 * Header
 ************************************************************************************/
#header {
	height:170px;
	}
	/*#header-logo {
		float:left;
		height:86px;
		width:216px;
		margin:42px 0px 0px 0px;
		cursor:pointer;
		background:url(../../images/logo.png) no-repeat left top;
		}*/
		#header-logo {
		float:left;
		height:90px;
		width:300px;
		margin:55px 0px 0px 0px;
		cursor:pointer;
		background:url(../../images/logo2.png) no-repeat left top;
		}
	#header-nav {
		float:right;
		width:200px;
		height:160px;
		padding-top:10px;
		list-style-type:none;
		border-left:solid 1px #333;
		border-right:solid 1px #333;
		}
		#header-nav li {
			padding:4px 5px 3px 20px;
			cursor:pointer;
			}
			#header-nav li.active {
				font-weight:bold;
				/*font-weight:bold;
				font-style:italic;
				font-family:Georgia, "Times New Roman", Times, serif;
				letter-spacing:1px;
				border-bottom:dotted 1px #000;*/
				}
				#header-nav a { color:#000; }


/************************************************************************************
 * Content
 ************************************************************************************/
#content {
	}
	
	/* Content Left Side **************************************************************/
	#content-left {
		color:#ccc;
		width:560px;
		margin-right:200px;
		padding:7px 0px 0px 0px;
		}
		#content-left h2, #content-left h3 {
			color:#fff;
			letter-spacing:1px;
			}
			#content-left h3 { margin:5px 0px 10px; }
			#content-left ul li { margin:0px 0px 0px 15px; }
			#content-left div.album { margin-left:4px; }
			#content-left div.extra1 { 
				background:url(../../weddings/images/extras/extra_1.jpg) no-repeat;
				width:550px;
				height:440px;
				margin:0px;
				padding:0px;
				}		
			#content-left div.package {
				text-align:center;
				height:120px;
				margin:0px 10px;
				padding:10px 60px 20px 20px;
				/*border-bottom:solid 1px #333;*/
				}
				#content-left div.package p {
					padding:30px 0px 0px;
					text-align:left;
					}
					
		#content-title {
			/*
			border-bottom:solid 1px #333;
			padding:0px 0px 5px 0px;
			margin-bottom:15px;
			*/
			height:55px;
			}
			#content-title span.title {
				color:#fff;
				display:none;
				letter-spacing:2px;
				}
			#content-title span.options {
				/*margin-top:-3px;*/
				margin-top:15px;
				color:#333;
				float:right;
				}
				#content-title span.options span {
					float:left;
					}
				#content-title span.options span.option {
					width:19px;
					height:19px;
					display:block;
					margin:0px 0px 0px 5px;
					cursor:pointer;
					background:#333 no-repeat left top;
					}
					#content-title span.options span.album {
						width:13px;
						height:17px;
						padding:2px 0px 0px 6px;
						color:#000;
						font-weight:bold;
						}
					#content-title span.options #view-1 { background-image:url(../../images/view1.gif); }
					#content-title span.options #view-2 { background-image:url(../../images/view2.gif); }
					.extra2 ul { list style-type:none;font-size:12px; }
					.extra2 li { list style-type:none;padding:1px 0px;font-size:11px; }		
					.text { margin-left:30px;line-height:18px; }
					.text h4{ color:#66CCFF;font-size:14px;font-weight:bold;margin:0px;padding:0px;display:inline; }
	/* Content Navigation *************************************************************/
	#content-nav {
		color:#999;
		float:right;
		width:202px;
		margin-bottom:50px;
		padding-bottom:50px;
		background:url(../../images/nav-bottom.jpg) no-repeat left bottom;
		}
		#content-nav ul {
			width:200px;
			padding-bottom:25px;
			list-style-type:none;
			border-left:solid 1px #333;
			border-right:solid 1px #333;
			}
			#content-nav ul li {
				padding:4px 5px 4px 20px;
				cursor:pointer;
				}
				#content-nav ul li.active {
					margin-left:-1px;
					padding-left:21px;
					background:url(../../images/nav.jpg) no-repeat left top;
					}
				#content-nav ul li.heading {
					padding:25px 5px 5px 15px;
					color:#fff;
					font-size:1.2em;
					letter-spacing:2px;
					}


/************************************************************************************
Badges
 ************************************************************************************/
.badge-list {
	display:block;
	padding:15px 0 0 15px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	float:left;
	width:185px;
	position:relative;
	}
	.badge-item {
		float:left;
		position:relative;
		padding:15px 10px 0 5px;
		}
		.no-right {
			padding-right:0px;
		}

/************************************************************************************
 * Footer
 ************************************************************************************/
#footer {
	width:780px;
	margin:0 auto 10px;
	padding:5px 0px;
	color:#333;
	font-size:1.2em;
	text-align:center;
	border-top:solid 1px #333;
	}
	#footer a { margin:0px 7px; }

#loading {
	position:relative;
	top:100px;
	height:25px;
	margin-bottom:-25px;
	text-align:center;
	z-index:0;
	}
/************************************************************************************
 * Slideshows
 ************************************************************************************/
#slideshow {
	width:490px;
	height:187px;
	margin:0px auto;
	padding:5px;
	text-align:center;
	border:solid 1px #222;
	overflow:hidden;
	}
	#slideshow-image, #slideshow-imagediv {
		width:490px;
		height:172px;		
		background:#111 no-repeat center center;
		}
	#slideshow-control {
		float: right;
		margin: 3px 2px -3px 0px;
		}
		#slideshow-control span { color:#555; }
	#slideshow-thumbs { float:right; }
		#slideshow-thumbs span.thumb {
			float:left;
			width:10px;
			height:10px;
			margin:5px 0px 0px 8px;
			background-color:#333;
			overflow:hidden;
			}

			
#stories, #readmore {
	width: 500px;
	margin:0px auto;
	}
	#readmore {
		cursor:pointer;
		text-align:right;
		}
	#stories p strong {
		display:block;
		margin:0px 0px 4px;
		font-size:1.2em;
		}
	
 
/************************************************************************************
 * Galleries
 ************************************************************************************/
#gallery {
	position:relative;
	z-index:1;
	margin:0px auto;
	background-color:#111; /* background-color */
	}
	#gallery, #gallery-thumb-div { overflow:hidden; }
		#gallery div span { margin:0px 5px; }
		#gallery img.thumb {
			float:left;
			cursor:pointer;
			border:solid 1px #333;
			}
			#gallery img.thumb:hover { border-color:#666; }
			#gallery img.thumb.active { border-color:#ccc; }
		
		#gallery-info {
			margin-bottom:10px;
			}
			#gallery-info span {
				cursor:pointer;
				}
		
		#gallery-control {
			padding:2px 0px 5px;
			height:13px;
			color:#aaa;
			z-index:3;
			}
			#gallery-control div { text-align:center; }
			#gallery-control span { cursor:pointer; }
			#gallery-control div, #gallery-control span:hover { color:#ccc; }
				
		#gallery-preview {
			overflow:hidden;
			font-size:1.1em;
			color:#ccc;
			position:absolute;
			text-align:center;
			background-color:#111; /* background-color */
			border:solid 1px #000;
			width:120px;
			padding:5px;
			z-index:1000;
			}
		#gallery-preview h1 {
			text-align:left;
			height:1.2em;
			font-size:1.1em;
			overflow:hidden;
			margin-bottom:5px;
			}
		#gallery-preview span {
			float:right;
			height:1.2em;
			font-size:1em;
			padding:0px 0px 0px 5px;
			}
			
		#gallery-image-div {
			width:500px; /* gallerySize */
			margin:0px auto;
			position:relative;
			overflow:hidden;
			}
		#gallery-title-div, #gallery-caption-div, #gallery-title-tray, #gallery-caption-tray {
			left:0px;
			z-index:2;
			position:absolute;
			text-align:center;
			color:#fff;
			}
			#gallery-title-tray, #gallery-caption-tray {
				padding:3px 0px;
				}
			#gallery-title-div, #gallery-caption-div {
				background-color:#111; /* background-color */
				}
		#gallery-image-tray, #gallery-buffer-tray {
			width:500px; /* gallerySize */
			background-color:#111; /* background-color */
			overflow:hidden;
			}
		#gallery-image-tray {
			position:absolute;
			z-index:0;
			top:0px;
			left:0px;
			/*border:solid 1px red;*/
			}
		#gallery-buffer-tray {
			position:relative;
			z-index:1;
			/*border:solid 1px blue;*/
			}
		#gallery-image, #gallery-buffer {
			float:left;
			width:auto;
			height:auto;
			}
			
			
/************************************************************************************
 * Galleries
 ************************************************************************************/
#galleries {
	z-index:2;
	position:relative;
	}
	#galleries div{
		margin:0px 0px 15px 20px;
		}
	#galleries ul {
		width:550px;
		margin:0px auto;
		overflow:hidden;
		list-style:none;
		}
		#galleries ul li {
			float:left;
			width:150px;
			cursor:pointer;
			padding:5px;
			margin:0px 5px 10px 15px;
			border:solid 1px #333;
			text-align:center;
			}
			#galleries li img {
				height:100px;
				width:auto;
				}
			#galleries li span {
				display:block;
				}


/************************************************************************************
 * Image Menu
 ************************************************************************************/
#imagemenu {
	width:625px;
	height:300px;
	overflow:hidden;
	margin:0 0 50px 0;
	}
	#imagemenu ul {
		display:block;
		width:625px;
		height:300px;
		margin:0px auto;
		}
		#imagemenu ul li {
			float:left;
			display:block;
			width:85px;
			height:300px;
			margin:0px;
			cursor:pointer;
			background:no-repeat 0px top;

			}
			#imagemenu ul li span { display: none; }
	
#imagemenu li.im1 { background-image:url(../../main/images/menu/1.jpg); }
#imagemenu li.im2 { background-image:url(../../main/images/menu/2.jpg); }
#imagemenu li.im3 { background-image:url(../../main/images/menu/3.jpg); }
#imagemenu li.im4 { background-image:url(../../main/images/menu/4.jpg); }
#imagemenu li.im5 { background-image:url(../../main/images/menu/6.jpg); }
#imagemenu li.im6 { background-image:url(../../main/images/menu/5.jpg); }


/************************************************************************************
 * Affliates / Links
 ************************************************************************************/
#links {
	width:550px;
	font-size:.9em;
	list-style:none;
	margin:15px 0px 0px 10px;
	}
	#links li { overflow:hidden;width:530px;float:left;border-bottom:1px solid #333;padding:20px 0px; }
		#links span { float:left; }
		#links img {
			border:1px solid #999;
			padding:1px;
			width:125px;
			margin:0px 25px 0px 0px;
			}
		#links strong { font-size:1.1em; }
			#links a { color:#999; }
				#links a:hover { color:#555; }	
				#links a:hover img { border-color:#555; }	
				
/************************************************************************************
 * Request Forms
 ************************************************************************************/
 #request { 
 	width:500px;
	font-size:.9em;
	margin:0px 25px; 
	}
		#form span { float:left;text-align:right;width:150px; }
		#form input, #form textarea, #form select {	
			width:220px;
			margin-left:10px;
			font-size:11px;
			}
			#form ul {
				list-style-type:none;
				font-size:11px;
				font-weight:bold;
				}
				#form li {
					padding:0px 0px 10px 0px;
					}
					.formhead { 
						color:#ccc;
						}
							
 
/************************************************************************************
 * Popup Calendar properties
 ************************************************************************************/
 
 #CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #559955;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #336;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}

/************************************************************************************
 * Reused properties
 ************************************************************************************/
.fl { float:left; }
.fr { float:right }

.red    { color:#c30; }
.blue   { color:#59c; }
.green  { color:#595; }
.purple { color:#97c; }
.yellow { color:#ec5; }

.small { font-size:10px; }

/************************************************************************************
 * IE6 Hacks
 ************************************************************************************/
* html #header-logo {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');
	}
	
* html #galleries ul li {
	margin:0px 5px 10px 10px;
	}