/* CSS Document */

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
}

body {
	background-color:#fff;color:#000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;height:100%;
	line-height:16px;
}

* { font-size:100%; }

legend, caption { display:none; }

select option { margin:0px 5px 0px 5px; }

h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px; }

h1 { font-size:26px; }
h2,h3,h4,h5,h6 { font-size:14px;font-weight:bold; }


h1,h2,h3,h4,h5,h6 { line-height:normal;color:#666; }

p { margin:0px 0px 8px 0px; }

img, fieldset { border:0px;text-decoration:none; }

a { color:#000;text-decoration:none;font-weight:normal; }
a:hover { color:#cc0000;text-decoration:underline; }

/* to remove the focus outline from images */
a:active { outline:none; }
:focus { -moz-outline-style: none; }

/* PAGE STRUCTURE */
.flt { float:left; }
.fltRight { float:right; }
.abs { position:absolute;left:0px;top:0px; }
.bgWhite { background-color:#fff; }

#container {
	left:50%;top:50%;
	width:650px;height:400px;
	background-color:#fff;
	margin:-200px 0px 0px -325px;
	z-index:2;border-bottom:1px solid #999;
}

	#container #topArea {
		width:650px;height:54px;
		border-bottom:1px solid #999;
	}

	#container #leftArea {
		width:179px;top:55px;
		border-right:1px solid #999;height:345px;
	}

		#container #leftArea ul,
		#container #leftArea ul li {
			margin:0px;padding:0px;
			list-style:none;
		}
		#container #leftArea ul { margin-top:20px; }
		#container #leftArea ul li {
			margin-top:10px;
			background-color:#ccc;
			width:150px;
			float:left;
		}
			#container #leftArea ul li a {
				float:left;
				padding-left:5px;
				width:145px;color:#000;
			}
			#container #leftArea ul li a:hover { text-decoration:none; }
			#container #leftArea ul li a.selected { color:#fff;background-color:#000; }
			#container #leftArea ul #aboutMenu a:hover { text-decoration:underline; }
			
			#container #leftArea ul li a.menuHome:hover { background-color:#999; }
			#container #leftArea ul li a.menuAbout:hover { background-color:#ECE3DE; }
			#container #leftArea ul li a.menuWeddings:hover { background-color:#DBDBD5; }
			#container #leftArea ul li a.menuPortfolio:hover { background-color:#F2BCC9; }
			#container #leftArea ul li a.menuContact:hover { background-color:#DFD9F3; }
			
			#container #leftArea ul li select {
				background-color:#F2BCC9;
				border:1px solid #000;
			}

	#container #content {
		top:55px;left:180px;
		width:450px;height:325px;
		padding:10px;
		overflow:auto;
	}

#copyright {
	position:absolute;
	left:50%;bottom:10px;
	width:650px;z-index:1;
	margin-left:-325px;
}


/* ------------------ HOME ------------------ */
#home #content { background-image:url(/imgs/home/main.jpg); }

#home #content #theThumbs {
	width:450px;
	height:320px;
}

#home #content #littleThumbs {
	position:absolute;
	bottom:0px;right:0px;
}

/* ------------------ ABOUT ------------------ */
#about #container, #about #container #topArea { border-bottom:1px solid #ECE3DE; }
#about #container #leftArea { border-right:1px solid #ECE3DE; }
#about #content { background-image:url(/imgs/about/about.jpg); }

/* ie 6 and 7 hack */
* html #about #content,
*:first-child+html #about #content {
	background-attachment:fixed;
	background-position:0px -61px;
}

#about #content span { font-size:11px; }

/* ------------------ WEDDINGS ------------------ */
#weddings #container, #weddings #container #topArea { border-bottom:1px solid #DBDBD5; }
#weddings #container #leftArea { border-right:1px solid #DBDBD5; }
#weddings #content { background-image:url(/imgs/wedding/main.jpg); }
	#weddings #content div {
		width:350px;
	}


/* ------------------ PORTFOLIO ------------------ */
#portfolio #container, #portfolio #container #topArea { border-bottom:1px solid #F2BCC9; }
#portfolio #container #leftArea { border-right:1px solid #F2BCC9; }

#portfolio #thumbnails,
#portfolio #weddingThumbs,
#portfolio #davidThumbs,
#portfolio #tvThumbs,
#portfolio #errolThumbs,
#portfolio #gruesomeThumbs {
	left:50%;top:50%;
	width:345px;height:282px;
	margin:-141px 0px 0px -172px;
	overflow:hidden;
}
	
	#portfolio #thumbnails .thumbnail {
		text-align:center;
		width:115px;height:146px;
	}

	#portfolio #weddingThumbs .thumbnail1 { left:50px;top:40px; }
	#portfolio #weddingThumbs .thumbnail2 { left:140px;top:144px; }
	#portfolio #weddingThumbs .thumbnail3 { left:17px;top:164px; }
	#portfolio #weddingThumbs .thumbnail4 { left:140px;top:40px; }


	#portfolio #gruesomeThumbs .thumbnail1 { left:100px;top:30px; }
	#portfolio #gruesomeThumbs .thumbnail2 { left:10px;top:120px; }
	#portfolio #gruesomeThumbs .thumbnail3 { left:175px;top:80px; }

#portfolio #errolThumbs {
	width:320px;height:300px;
	margin:-150px 0px 0px -160px;
	overflow:hidden;
}
	#portfolio #errolThumbs .thumbnail { width:160px;height:154px; }

#portfolio #glamourThumbs { width:400px; }

#portfolio #davidThumbs,
#portfolio #tvThumbs {
	width:430px;height:300px;
	margin:-150px 0px 0px -215px;
	overflow:hidden;
}

	#portfolio #davidThumbs .thumbnail2 { top:10px; }
	#portfolio #davidThumbs .thumbnail1 { left:157px; }
	#portfolio #davidThumbs .thumbnail6 { top:10px;left:282px; }
	#portfolio #davidThumbs .thumbnail3 { left:20px;top:120px; }
	#portfolio #davidThumbs .thumbnail4 { left:148px;top:128px; }
	#portfolio #davidThumbs .thumbnail5 { left:260px;top:144px; }

	#portfolio #tvThumbs .thumbnail2 { left:110px;top:8px; }
	#portfolio #tvThumbs .thumbnail3 { top:102px; }
	#portfolio #tvThumbs .thumbnail4 { left:110px;top:96px; }

	#portfolio #tvThumbs .thumbnail5 { top:5px;left:245px; }
	#portfolio #tvThumbs .thumbnail6 { top:160px;left:205px; }
	#portfolio #tvThumbs .thumbnail7 { top:137px;left:330px; }

	#portfolio #tvThumbs .info1 { top:185px;width:180px; }
	#portfolio #tvThumbs .info2 { left:205px;top:283px;width:220px; }



#portfolio #magnify {
	position:absolute;
	bottom:0px;right:0px;
	background-color:#fff;
	padding:2px;
	border:1px solid #F2BCC9;
	border-bottom:0px;
}

/* ------------------ CONTACT ------------------ */
#contact #container, #contact #container #topArea { border-bottom:1px solid #DFD9F3; }
#contact #container #leftArea { border-right:1px solid #DFD9F3; }

#contact #content { background-image:url(/imgs/contact/main.jpg); }

#contact #content strong { color:#666; }

#contact #content .formrow { width:400px;margin-bottom:5px; }
	#contact #content .formrow .l { width:80px;font-weight:bold;color:#666; }
	#contact #content .formrow .r { width:320px; }
	#contact #content .formrow .r .text,
	#contact #content .formrow .r .textarea { width:300px;border:1px solid #666; }
	
	#contact #content .formrow .r .textarea { height:70px; }
	
	#contact #content .frtelephone .r .text,
	#contact #content .fremail .r .text { width:250px; }
	
	#contact #content .frsubmit .l { visibility:hidden; }
	#contact #content .frsubmit .r .submit {
		border:1px solid #666;padding:3px;
		background-color:#ccc;color:#000;
		cursor:pointer;
	}