/* ====================general===================== */
body {
	background-color:#dee7e9;
	color: #43311a;
	background-image:url(../images/page_bg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif ;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
}
a {outline: none;}
a img {outline: none; border:0;}

.clear {
	clear:both;

}
br.clear {
	line-height:0px;
	margin:0px;
	padding:0px;
	height:0px;
}

.content .hide {
	display:none;
	margin:0px;
	line-height:0px;
	padding:0px;
}
.spacer {
	margin-left:7px;
	margin-right:7px;
}
.content ul.lst {
	margin:0px;
	padding:0px;
	text-indent:0;
}
.content ul.lst li {
	float:left;
	margin:0px;
	padding:0px;
	text-indent:0;
} 
.content ul.lst li a {
	display:block;
}
#wrapper.content h1, #wrapper.content h2, #wrapper.content h3, #wrapper.content h4, #wrapper.content h5, #wrapper.content h6 {
	font-weight:normal;
}
#wrapper.content #page .no_border_bottom {
	border-bottom:none;
}
#wrapper.content #page .no_border_left {
	border-left:none;
}
#wrapper.content #page .no_margin_right {
	margin-right:0px;
}
/* ==================== colors ===================== */
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	color:#43311a;
}
.content #pagetext h1, .content  #pagetext h2, .content  #pagetext h3, .content  #pagetext h4 {
	color:#43311a;
}

.content a:link {
	color: #147263;
}
.content a:hover {
	text-decoration: underline;
}

#page a, #footer_bx a {
	color:#147263;
}



/* ==================== Fonts ===================== */


/* ====================  structure  ===================== */
#wrapper {	
	width:886px;
	margin-left: -443px;
	left: 50%;
	min-height: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 20;
}
html>body #wrapper {
	height: auto;
}



#header {
	background: url(../images/header_bg.jpg) top left no-repeat;
	height: 232px;
	width: 499px;
	margin: 18px 0 3px 180px;
    text-indent:-9000px;
}
body.home #header {
}


/* -- GENERAL PAGE LAYOUTS -- */
#page {
	background: url(../images/open_book_bg02.jpg) top left no-repeat;
	height: 490px;
	margin: 6px 0 0 -10px;
}  
body.one #page {
	background: url(../images/open_book_bg01.jpg) top left no-repeat;
}  
body.front #page {
	background: url(../images/front_cover_bg.jpg) top left no-repeat;
	margin: 3px 0 0 183px;
	height: 510px;
}  
body.back #page {
	background: url(../images/back_cover_bg.jpg) top left no-repeat;
	margin: 0px 0 0 183px;
	height: 510px;
}  


#page div#col1 {
	width: 380px;
	float: left;
	height: 380px;
	margin: 0px 0 0 45px;
	padding: 0;
}
#page div#col2 {
	width: 380px;
	float: left;
	height: 380px;
	margin: 0px 0 0 35px;
	padding: 0;
}

#page div.title {
	display: block;
	text-indent: -9000px;
}

#page div.content {
	padding: 10px;
	line-height: 1.4em;
	z-index: 30;
}

#page div.image {
	text-align: center;
}

#page_link a {
	display: block;
	position: absolute;
	width: 49px;
	height: 30px;
	color: #c4c4c4;
	font-size: 0.9em;
	line-height: 1.1em;
	z-index: 10;
	text-decoration: none;
}
div#col1 #page_link a {
	background: url(../images/turnpage_l.gif) 0 0 no-repeat;
	padding: 36px 8px 0 10px;
	top: 642px;
	left: 7px;
	text-align: left;
	float: left;
}
div#col1 #page_link a:hover {
	background: url(../images/turnpage_l.gif) 0 -69px no-repeat;
	text-decoration: none;
}

div#col2 #page_link a {
	background: url(../images/turnpage_r.gif) 0 0 no-repeat;
	padding: 36px 8px 0 10px;
	top: 646px;
	right: 22px;
	text-align: right;
	float: right;
}
div#col2 #page_link a:hover {
	background: url(../images/turnpage_r.gif) 0 -69px no-repeat;
	text-decoration: none;
}

body.front div#col1 #page_link a {
	background: url(../images/turnpage_f.jpg) 0 0 no-repeat;
	padding: 36px 8px 0 10px;
	top: 660px;
	left: 580px;
	text-align: right;
	color: #FFFFFF;
	float: right;
}
body.front div#col1 #page_link a:hover {
	background: url(../images/turnpage_f.jpg) 0 -69px no-repeat;
	text-decoration: none;
}

body.back div#col1 #page_link a {
	background: url(../images/turnpage_b.jpg) 0 0 no-repeat;
	padding: 36px 8px 0 10px;
	top: 666px;
	left: 204px;
	text-align: left;
	color: #FFFFFF;
	float: right;
}
body.back div#col1 #page_link a:hover {
	background: url(../images/turnpage_b.jpg) 0 -69px no-repeat;
	text-decoration: none;
}


/* -- FRONT PAGE LAYOUTS -- */


body.front #page div#col1 div.image {
	width: 355px;
	height: 242px;
	margin: 75px 0 0 25px;
}


/* -- PAGE ONE LAYOUTS -- */

body.one #page div#col1 div#news {
	position: absolute;
	top: 320px;
	left: 45px;
	background: url(../images/news_bg.png) bottom left no-repeat;
	width: 173px;
	padding: 5px 10px 5px;
	z-index: 100;
}
body.one #page div#col1 div#news span.news_text {
	background: url(../images/news_title.jpg) top left no-repeat;
	padding: 40px 0 12px 2px;
	margin-top: 4px;
	display: block;
	width: 165px;
	font-size: 0.9em;
	line-height: 1.5em;
}
body.one #page div#col1 div#news span.news_text p span.date_text {
	font-size: 0.8em;
	color: #666;
}
body.one #page div#col1 div#news span.news_text p {
	margin-bottom: 6px;
	margin-top: 2px
}
body.one #page div#col1 div#news span.news_text hr {
	margin-bottom: 3px;
	margin-top: 6px
}

body.one #page div#col1 div.image {
	width: 351px;
	height: 246px;
	margin: 70px 0 0 10px;
	background: url(../images/page_img_l01.jpg) top left no-repeat;
}

/*#page div#col1 div.content:hover {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}*/

body.one #page div#col2 div.title {
	background: url(../images/page_title_snd.jpg) 10px 0 no-repeat;
	height: 81px;
	width: 353px;
}
body.one #page div#col2 div.content {
	width: 258px;
	height: 247px;
	margin: 10px 0 0 50px;
	padding: 10px 15px 10px 10px;
	text-align: center;
	background: url(../images/page_inset_r01.jpg) top left no-repeat;
}

/* -- PAGE TWO LAYOUTS -- */

body.two #page div#col1 div.title {
	background: url(../images/page_title_about.jpg) 10px 0 no-repeat;
	height: 55px;
	width: 324px;
	margin: 0 0 0 15px;
}
body.two #page div#col1 div.content {
	width: 304px;
	height: 299px;
	margin: 0px 0 0 15px;
	padding: 10px 20px;
	background: url(../images/page_inset_l02.jpg) top left no-repeat;
}

body.two #page div#col2 div.image {
	width: 351px;
	height: 260px;
	margin: 20px 0 0 10px;
}

/* -- PAGE THREE LAYOUTS -- */

body.three #page div#col1 div.title {
	background: url(../images/page_title_shop.jpg) 0 0 no-repeat;
	height: 57px;
	width: 324px;
	margin: 0 0 0 20px;
}
body.three #page div#col1 div.content {
	width: 304px;
	height: 299px;
	margin: 0px 0 0 15px;
	padding: 10px 20px;
	background: url(../images/page_inset_l02.jpg) top left no-repeat;
}

body.three #page div#col2 div.content {
	width: 306px;
	height: 361px;
	margin: 10px 0 0 20px; 
	padding: 15px 25px 0px 20px;
	background: url(../images/page_inset_r03x1.jpg) top left no-repeat;
}

body.three #page div#col2 div.image {
	width: 351px;
	height: 260px;
	margin: 20px 0 0 10px;
}

body.three #page div#col2 div.content p.narrow {
	padding-right: 120px;
}

/* -- PAGE FOUR LAYOUTS -- */

body.four #page div#col1 div.title {
	background: url(../images/page_title_weddings.jpg) 0 0 no-repeat;
	height: 73px;
	width: 324px;
	margin: 0 0 0 20px;
}
body.four #page div#col1 div.content {
	width: 250px;
	height: 252px;
	margin: 0px 0 0 30px;
	padding: 20px 20px 10px 35px;
	background: url(../images/page_inset_l04.jpg) top left no-repeat;
}

body.four #page div#col2 div.image {
	width: 351px;
	height: 260px;
	margin: 20px 0 0 20px;
}

/* -- PAGE FIVE LAYOUTS -- */

body.five #page div#col1 div.image {
	width: 351px;
	height: 347px;
	margin: 60px 0 0 10px;
}

body.five #page div#col2 div.title {
	background: url(../images/page_title_contact.jpg) 0 0 no-repeat;
	height: 73px;
	width: 324px;
	margin: 10px 0 0 100px;
}
body.five #page div#col2 div.content {
	width: 287px;
	height: 260px;
	margin: 0px 0 0 30px;
	padding: 10px 15px 10px 20px;
	background: url(../images/page_inset_r05.jpg) top left no-repeat;
}

.content fieldset {
	border: none;
	padding: 0;
	margin: -20px 0 -10px;
	font-size: 0.9em;
	font-style:italic;
	color: #666;
}
.content fieldset input, .content fieldset textarea {
	height: 12px;
	width: 250px;
	margin: 5px 3px 0 0;
	background-color: #FFFFFF;
	cursor: text;
}
.content fieldset input#message, .content fieldset textarea#message {
	height: 50px;
}
.content fieldset input#send {
	width: 50px;
	height: 18px;
	padding: 1px;
	background-color: #b8d1cd;
	color: #4f4637;
	font-weight: bold;
	border: 1px solid #aaa;
	cursor: pointer;
}
.content fieldset input#send:hover {
	border-color: #888;
}

.preinput { color: #999; font-style:italic;}
.postinput { color: #000; font-style:italic;}

p.error {
margin-top: 0.1em;
margin-bottom: 0em;
font-size: 10px;
color: #CC0000;
line-height: 1.0em;
}
a.fb {
border: 1px solid #666;
padding: 0;
background: url(../images/fb.gif) top left no-repeat;
display: block;
height: 20px;
width: 20px;
margin: 0 10px 0 0;
float: left;
text-indent: -6000px;
}
a.fb:hover {
border: 1px solid #333;
}
p.fb_p {
line-height: 1.8em;
}


/* -- GALLERY PAGE LAYOUTS -- */

div.gallery div.image_portrait {
	width: 351px;
	text-align: center;
	height: 347px;
	margin: 20px 0 0 10px;
}

div.gallery div.image_landscape {
	width: 351px;
	text-align: center;
	height: 347px;
	margin: 60px 0 0 10px;
}

/* -- BACK PAGE LAYOUTS -- */


body.back #page div#col1 div.link {
	width: 355px;
	height: 242px;
	margin: 75px 0 0 25px;
}

#moogaloo_back {
	display:block;
    text-indent:-9000px;
    background-image:url(../images/moogaloo_back.jpg);
    background-position: right 0;
    background-repeat:no-repeat;
    padding: 0; 
    width: 240px;
    height: 133px;
	float:right;
	margin-top:259px;
	margin-right:68px;
}


#moogaloo_back:hover {
    background-position:right -133px ;
}



/* -- */


#footer_bx {
	color:#2560a4;
	padding: 15px 5px 0 5px;
	margin:0 0 5px 0;
}

/* ==================== header ===================== */









/* ==================== nav ===================== */
#nav_bar {
	position: relative;
	width: 866px;
	height: 56px;
	top: 0px;
	left: auto;
	z-index: 5;
	margin-left: 20px;
}


#nav {
	margin: 0 0 0 10px;
	padding:0px;
	float:left;
	display: block;
	height: 54px;
	width: 834px;
}
ul#nav li {
	text-indent:-9000px;
	font-size:11px;
	float:left;
	margin: 0;
}
ul#nav li a {
	display:block;
	background: #333 url(/imp-p/images/nav_bg.png) top left no-repeat;
	position: absolute;
	padding: 0;
	margin: 0;
	height: 54px;
	width: 80px;
	color: #838383;
}

/* left nav */
ul#nav li#nav1 a {width: 75px; height: 40px; top: 5px; left: 425px; background: url(../images/nav_bg.jpg) -425px -5px;}
ul#nav li#nav2 a {width: 76px; height: 40px; top: 6px; left: 501px; background: url(../images/nav_bg.jpg) -501px -6px;}
ul#nav li#nav3 a {width: 75px; height: 37px; top: 7px; left: 577px; background: url(../images/nav_bg.jpg) -577px -7px;}
ul#nav li#nav4 a {width: 91px; height: 39px; top: 4px; left: 652px; background: url(../images/nav_bg.jpg) -652px -4px;}
ul#nav li#nav5 a {width: 85px; height: 35px; top: 7px; left: 744px; background: url(../images/nav_bg.jpg) -744px -7px;}

ul#nav li#nav1 a:hover, body.one ul#nav li#nav1 a {background: url(../images/nav_bg.jpg) -425px -59px;}
ul#nav li#nav2 a:hover, body.two ul#nav li#nav2 a {background: url(../images/nav_bg.jpg) -501px -60px;}
ul#nav li#nav3 a:hover, body.three ul#nav li#nav3 a {background: url(../images/nav_bg.jpg) -577px -61px;}
ul#nav li#nav4 a:hover, body.four ul#nav li#nav4 a {background: url(../images/nav_bg.jpg) -652px -58px;}
ul#nav li#nav5 a:hover, body.five ul#nav li#nav5 a {background: url(../images/nav_bg.jpg) -744px -61px;}

/* right nav */
body.two ul#nav li#nav1 a, body.three ul#nav li#nav1 a, body.four ul#nav li#nav1 a, body.five ul#nav li#nav1 a {width: 76px; height: 40px; top: 8px; left: 334px; background: url(../images/nav_bg.jpg) -334px -8px;}
body.three ul#nav li#nav2 a, body.four ul#nav li#nav2 a, body.five ul#nav li#nav2 a {width: 74px; height: 40px; top: 10px; left: 258px; background: url(../images/nav_bg.jpg) -258px -10px;}
body.four ul#nav li#nav3 a, body.five ul#nav li#nav3 a {width: 74px; height: 38px; top: 12px; left: 182px; background: url(../images/nav_bg.jpg) -182px -12px;}
body.five ul#nav li#nav4 a {width: 92px; height: 41px; top: 10px; left: 90px; background: url(../images/nav_bg.jpg) -90px -10px;}

body.two ul#nav li#nav1 a:hover, body.three ul#nav li#nav1 a:hover, body.four ul#nav li#nav1 a:hover, body.five ul#nav li#nav1 a:hover  {background: url(../images/nav_bg.jpg) -334px -62px;}
body.three ul#nav li#nav2 a:hover, body.four ul#nav li#nav2 a:hover, body.five ul#nav li#nav2 a:hover {background: url(../images/nav_bg.jpg) -258px -64px;}
body.four ul#nav li#nav3 a:hover, body.five ul#nav li#nav3 a:hover  {background: url(../images/nav_bg.jpg) -182px -66px;}
body.five ul#nav li#nav4 a:hover {background: url(../images/nav_bg.jpg) -90px -64px;}

/* front nav */

body.front #nav_bar {
	width: 412px;
	top: 6px;
	margin-left: 40px;
}
body.front #nav {
	height: 46px
}
body.front ul#nav li a {
	background: #333 url(/imp-p/images/front_nav_bg.png) top left no-repeat;
}

body.front ul#nav li#nav1 a {width: 76px; height: 36px; top: 6px; left: 4px; background: url(../images/front_nav_bg.jpg) -4px -6px;}
body.front ul#nav li#nav2 a {width: 75px; height: 36px; top: 5px; left: 81px; background: url(../images/front_nav_bg.jpg) -81px -5px;}
body.front ul#nav li#nav3 a {width: 74px; height: 34px; top: 6px; left: 158px; background: url(../images/front_nav_bg.jpg) -158px -6px;}
body.front ul#nav li#nav4 a {width: 90px; height: 38px; top: 3px; left: 232px; background: url(../images/front_nav_bg.jpg) -232px -3px;}
body.front ul#nav li#nav5 a {width: 86px; height: 38px; top: 6px; left: 325px; background: url(../images/front_nav_bg.jpg) -325px -6px;}

body.front ul#nav li#nav1 a:hover {background: url(../images/front_nav_bg.jpg) -4px -52px;}
body.front ul#nav li#nav2 a:hover {background: url(../images/front_nav_bg.jpg) -81px -51px;}
body.front ul#nav li#nav3 a:hover {background: url(../images/front_nav_bg.jpg) -158px -52px;}
body.front ul#nav li#nav4 a:hover {background: url(../images/front_nav_bg.jpg) -232px -49px;}
body.front ul#nav li#nav5 a:hover {background: url(../images/front_nav_bg.jpg) -325px -52px;}

/* back nav */

body.back #nav_bar {
	width: 412px;
	top: 19px;
	margin-left: 40px;
}
body.back #nav {
	height: 46px
}
body.back ul#nav li a {
	background: #333 url(/imp-p/images/back_nav_bg.png) top left no-repeat;
}

body.back ul#nav li#nav1 a {width: 74px; height: 38px; top: 3px; left: 326px; background: url(../images/back_nav_bg.jpg) -326px -3px;}
body.back ul#nav li#nav2 a {width: 76px; height: 36px; top: 5px; left: 248px; background: url(../images/back_nav_bg.jpg) -248px -5px;}
body.back ul#nav li#nav3 a {width: 74px; height: 36px; top: 7px; left: 173px; background: url(../images/back_nav_bg.jpg) -173px -7px;}
body.back ul#nav li#nav4 a {width: 91px; height: 40px; top: 5px; left: 82px; background: url(../images/back_nav_bg.jpg) -82px -5px;}
body.back ul#nav li#nav5 a {width: 74px; height: 36px; top: 9px; left: 8px; background: url(../images/back_nav_bg.jpg) -8px -9px;}

body.back ul#nav li#nav1 a:hover {background: url(../images/back_nav_bg.jpg) -326px -49px;}
body.back ul#nav li#nav2 a:hover {background: url(../images/back_nav_bg.jpg) -248px -51px;}
body.back ul#nav li#nav3 a:hover {background: url(../images/back_nav_bg.jpg) -173px -53px;}
body.back ul#nav li#nav4 a:hover {background: url(../images/back_nav_bg.jpg) -82px -51px;}
body.back ul#nav li#nav5 a:hover {background: url(../images/back_nav_bg.jpg) -8px -55px;}



/* ==================== footer ===================== */

#siteby {
	display:block;
    text-indent:-9000px;
    background-image:url(../images/siteby.jpg);
    background-position: right 0;
    background-repeat:no-repeat;
    padding:10px 52px 0 0; 
    width: 39px;
    height: 20px;
	float:right;
	margin-top:-39px;
	margin-right:28px;
}


#siteby:hover {
    background-position:right -30px ;
	text-indent:0px;
	text-decoration:none;
	text-align:right;
	color: #2f68b5;
	line-height:11px;
	font-size: 10px;
}

body.front #siteby {
    background-image:url(../images/front_siteby.jpg);
	margin-top:-46px;
	margin-right:245px;
}


/* ==================== Home page ===================== */