/*======================================*/
/*=Reset CSS
/*======================================*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}






/*======================================*/
/*=Site Layout
/*======================================*/

body {
	background: #fff;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: small;
}

* html body {
	font-size: x-small; /* IE5/Win */
	f\ont-size: small; /* other IE */

	text-align: center; /* IE5 Win */
	t\ext-align: left; /*other IE */ 
	}

#container {
	background: #fff url(/images/bg-header.png) no-repeat top left;
	margin: 0 auto 10px;
	position: relative;
	text-align: left;
	width: 820px;
	}
	
#logo {
	position: absolute;
	margin: 10px 0 0 230px;
	width 360px;
	z-index: 100;
	}
	
#header {
	height: 112px;
	text-align: center;
	}
	
#menu {
	background: #fff url(/images/bg-mainmenu.png) no-repeat top left;
	height: 56px;
	position: relative;
	width: 820px;
	}
	
ul#mainmenu {
	position: absolute;
	left: 50px;
	width: 720px;
	}
	
	ul#mainmenu li { 
		float: left;
		height: 100%;
		list-style-type: none;
		}

	ul#mainmenu li a { 
		height: 28px; 
		display: block; 
		position: absolute; 
		top: 4px; 
		text-indent: -9999px;
		outline: none;
		}

	li#btn-home a, li#btn-about a, li#btn-galleries a, li#btn-contact a { 
		background: #F6F1DD url(/images/main-menu.png) no-repeat;
		}
		

/* Measurements for main menu

	Distance from top to...
		initial state		0
		hover state			28px
		on state			0px
		
	Distance from left to...
		home				4
		about				66px
		galleries			537px
		contact				665px
		
	Width of each button...
		home				45px
		about				109px
		galleries			109px
		contact				52px
*/

li#btn-home a { background-position: 0 0; width: 58px; left: 0; }
li#btn-home a:hover { background-position: 0 -28px; }
li#btn-home.current a { background-position: 0 -28px; }
li#btn-home.current a:hover { background-position: 0 -28px; }

li#btn-about a { background-position: -62px 0; width: 124px; left: 66px; }
li#btn-about a:hover { background-position: -62px -28px; }
li#btn-about.current a { background-position: -62px -28px; }
li#btn-about.current a:hover { background-position: -62px -28px; }

li#btn-galleries a { background-position: -531px 0; width: 120px; left: 537px; }
li#btn-galleries a:hover { background-position: -531px -28px; }
li#btn-galleries.current a { background-position: -531px -28px; }
li#btn-galleries.current a:hover { background-position: -531px -28px; }

li#btn-contact a { background-position: -660px 0; width: 60px; left: 665px; }
li#btn-contact a:hover { background-position: -660px -28px; }
li#btn-contact.current a { background-position: -660px -28px; }
li#btn-contact.current a:hover { background-position: -660px -28px; }


#gallerymenu {
	background: transparent url(/images/popmenu.png) top center;
	display: none;
	height: 129px;
	left: 585px;
	position: absolute;
	top: 138px;
	width: 132px;
	z-index: 99;
	}
	
	#gallerymenu ul {
		padding: 12px 10px 0;
		}
	
	#gallerymenu ul li {
		font-size: 95%;
		line-height: 1.2em;
		padding: 3px 0;
		}
		
	#gallerymenu ul li a {
		color: #CA6170;
		text-decoration: none;
		}
		
	#gallerymenu ul li a:hover {
		color: #48290D;
		}


#content {
	background: #fff url(/images/bg-content.png) repeat-y top left;
	min-height: 400px;
	padding: 20px 40px;	
	}
	
#footer {
	background: #fff url(/images/bg-footer.png) no-repeat top left;
	clear: both;
	height: 54px;
	padding: 0 40px;
	position: relative;
	}