/*  A.J. Welch Photography  |  Copyright 2007  |  All Rights Reserved  */


/* GLOBAL RESET --------------- */

body, div, ul, ol, li, form, input, p, blockquote, tr, td, embed, object  { margin: 0; padding: 0 }

h1, h2, h3, h4, h5, h6	{ margin: 0; padding: 0; font-style: normal; font-weight: normal }

address					{ font-style: normal; font-weight: normal }
table					{ margin: 0; padding: 0; border-collapse: collapse; border-spacing:0 }
img 					{ border: 0 }
ul 						{ list-style: none }
a						{ text-decoration: none }


/* STYLING -------------------- */

html, body, div, p 		{ font-family: verdana, helvetica, sans-serif; font-size: 13px; color: #104845 }
body 					{ background: #86aeab }
blockquote				{ border-left: 2px solid #838383; padding-left: 10px }
hr 						{ display: none; }


/* LINKS ---------------------- */

a 						{ color: #104845; text-decoration: underline; padding: 0 2px; font-weight: bold }
a:hover 				{ color: #86aeab; text-decoration: none; background: #104845; padding: 0 2px; }
a img 					{ border-width: 0; border-style: none }


/* HEADER -------------- */


#category-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#category-nav li {
	border-bottom: 1px solid #104845;
}

#category-nav li.home a {
	border-top: 1px solid #104845;
	display: block;
	width: 230px;
	height: 46px;
	background-image: url(assets/nav.home.jpg)
}

#category-nav li.wedding a {
	display: block;
	width: 230px;
	height: 46px;
	background-image: url(assets/nav.wedding.jpg)
}

#category-nav li.family a {
	display: block;
	width: 230px;
	height: 46px;
	background-image: url(assets/nav.family.jpg)
}

#category-nav li.baby a {
	display: block;
	width: 230px;
	height: 46px;
	background-image: url(assets/nav.baby.jpg)
}

#category-nav li.pricing a {
	display: block;
	width: 230px;
	height: 46px;
	background-image: url(assets/nav.pricing.jpg)
}

#category-nav li.galleries a {
	display: block;
	width: 230px;
	height: 46px;
	background-image: url(assets/nav.galleries.jpg)
}


#category-nav li.contact a {
	display: block;
	width: 230px;
	height: 46px;
	background-image: url(assets/nav.contact.jpg)
}

#category-nav li.senior a {
	display: block;
	width: 230px;
	height: 46px;
	background-image: url(assets/nav.senior.jpg)
}

#category-nav li.home a:hover {
	background-image: url(assets/nav.home.h.jpg)
}

#category-nav li.wedding a:hover {
	background-image: url(assets/nav.wedding.h.jpg)
}

#category-nav li.family a:hover {
	background-image: url(assets/nav.family.h.jpg)
}

#category-nav li.baby a:hover {
	background-image: url(assets/nav.baby.h.jpg)
}

#category-nav li.pricing a:hover {
	background-image: url(assets/nav.pricing.h.jpg)
}

#category-nav li.galleries a:hover {
	background-image: url(assets/nav.galleries.h.jpg)
}

#category-nav li.contact a:hover {
	background-image: url(assets/nav.contact.h.jpg)
}

#category-nav li.senior a:hover {
	background-image: url(assets/nav.senior.h.jpg)
}
#masthead {background: #86aeab url(assets/masthead.gif) 0 35px repeat-x; height: 101px;
  margin: 0 0 20px 0; border-bottom: 12px #104845 solid; padding: 0 }

#masthead img {position: absolute; top: 0; left: 7%; margin-left: -5px; z-index: 3}

#masthead p {background: #104845; color: #452; height: 22px; padding: 6px 0 0 0; margin: 0;
  font-size: 0.85em; text-align: right;}

#page 				{ width: 924px; margin: 0 auto; position: relative }
#logo 				{ position: absolute; right: 40px; z-index: 2 }

#headdate			{ float: left; width: 125px; height: 23px; text-align: center; color: #777; font-family: tahoma, arial, sans-serif;
					  font-size: 11px; padding-top: 4px; padding-bottom: 0; padding-left: 0 }	

#topphotobar		{ width: 650px; height: 3px; position: absolute; top: 73px; left: 39px; margin-bottom: 6px;
					  z-index: 2; border-top: 3px solid #535353; border-bottom: 1px solid #535353 }

#bottomphotobar 	{ width: 650px; height: 3px; position: absolute; top: 207px; left: 39px; margin-bottom: 6px;
					  z-index: 2; border-top: 1px solid #535353; border-bottom: 3px solid #535353 }

#navigation 		{ width: 650px; height: 21px; position: absolute; top: 48px; left: 39px; margin-bottom: 6px;
					  z-index: 2; border-top: 3px solid #535353 }

#navlinks 			{ float: left; width: 517px; height: 23px; padding-top: 4px; padding-left: 8px; color: #535353;
					  font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: bold; border-style: none }

#navlinks a			{ font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: bold; border-style: none }
#navlinks a:hover 	{ color: #535353; text-decoration: none }
	
#photo 				{ width: 650px; height: 121px; background: #fcfcda url(assets/cloister.jpg); position: absolute;
					  top: 83px; left: 39px; z-index: 2 }

/* CONTENT ------------- */

#main				{ width: 900px; position: absolute; top: 8px; left: 12px; z-index: 2 }
#columnone 			{ float: right; width: 600px }

#columntwo 			{ margin-top: 5px; float: right; width: 230px; padding: 0 20px; font: 11px tahoma, arial, sans-serif; color: #333 }
#columntwo p 		{ font: 11px tahoma, arial, sans-serif; color: #333; margin: 0; padding-top: 0; padding-bottom: 9px }
#columntwo h2		{ text-align: center; font: 18px georgia, serif; color: #104845; font-weight: bold; font-variant: small-caps }
#columntwo h5		{ font-size: 12px; margin: 0; padding: 0 }
#columntwo h6		{ font-size: 10px; margin: 0; padding: 0 }

#content 			{ width: 600px; margin: 5px 0 0 20px }
#content h1 		{ margin: 18px 0 8px; font-size: 18px; font-family: georgia, serif; font-weight: bold; color: #444c59; text-align: center; font-variant: small-caps }
#content p 			{ text-align: justify; line-height: 145%; margin: 0; padding: 5px 0 }
#content h6			{ font-size: 10px; margin: 0; padding: 0 }

.header1 			{ border-top: 3px #535353 solid; border-bottom: 1px #535353 solid; height: 13px; text-align: center;
					  font-family: tahoma, arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase;
					  color: #838383 }

#definition			{ font-family: georgia, palatino linotype, serif; font-size: 12px; font-weight: bold; color: #735d45;
					  padding-top: 3px; padding-bottom: 0; margin-bottom: 0; text-align: center }

#definition	h3		{ font: 11px tahoma, arial, sans-serif; color: #777; font-weight: normal; padding-top: 2px; margin-top: 0 }


/* FLICKR -------------- */

#flickr 		{ width: 100%; display: inline }
#flickr a 		{ border: 4px solid #D6D9D8; display: block; float: left; margin: 3px }
#flickr a:hover { border: 4px solid #104845 }
#flickr img 	{ height: 100px; width: 100px; border: none }

/* FOOTER -------------- */

#footer			{ clear: both }

#copyright		{ border-top: 1px #104845 solid; text-align: center; margin: 24px 0 0 }
#copyright p	{ font: 12px georgia, sans-serif; color: #104845; margin: 12px 0 }