/* base
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,tr,th,td {
margin:0;
padding:0;
font-family: Georgia, Times, serif;
}

body {
margin-top: 50px;
font-size: 12px;
color: #00799a;
background-color: #93d6df;
}

p { line-height: 18px; font-style: italic; }

blockquote, p, li {
font-size: 11px;
}

p {
margin-top: 10px;
margin-bottom: 10px;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

h1, h2, h3 {
font-weight: normal;
font-style: italic;
}

h1, h2 {
}

h1 {
margin-top: 10px;
font-size: 22px;
line-height: 24px;
}

h2 {
font-size:20px;
line-height: 24px;
}

h3 {
font-size:18px;
line-height: 24px;
}

h4 {
font-size:14px;
font-style: italic;
line-height: 24px;
}

small, .small {
font-size: 10px;
}

/* links
----------------------------------------------- */

a {
text-decoration: none;
color: #551177;
background-color: inherit;
}

h1 a, h2 a, h3 a {
border: none;
}

#homeLeft a, #center a {
color: #551177;
background-color: inherit;
border: none;
font-style: italic;
}

a:hover {
color: #00799a;
text-decoration: underline;
}

/* global layout
----------------------------------------------- */
#accessibility {
position: absolute;
top: -10000px;
}

#container {
margin: 0 auto;
padding: 0;
width: 880px;
}

#container { margin-top: 20px; }

#contentHome, #contentCredit {}

#homeLeft, #homeRight, #creditLeft, #creditRight {
float: left;
}
#homeLeft {
width: 420px;
height: 640px;
background: transparent url('../images/frontleft.gif') top left no-repeat;
overflow: hidden;
}
#homeRight {
width: 460px;
height: 640px;
background: transparent url('../images/frontright.jpg') top left no-repeat;
overflow: hidden;
}

#creditLeft {
width: 460px;
height: 640px;
background: transparent url('../images/backleft.jpg') top left no-repeat;
overflow: hidden;
}
#creditRight {
width: 420px;
height: 640px;
overflow: hidden;
}

#content {
margin: 0;
padding: 0;
width: 880px;
height: 640px;
background: transparent url('../images/bgcontent.jpg') top center no-repeat;
overflow: hidden;
}

#leftMenu, #leftContent, #rightContent, #rightMenu, #guestbookLeft, #guestbookRight {
float:left;
}

#leftMenu {
width: 35px;
height: 560px;
margin: 20px 0 0 15px;
}

/* \*/
* html #leftMenu {
margin-left: 0;
}
/* */

#rightMenu {
width: 35px;
height: 560px;
margin-top: 20px;
}

#leftContent, #rightContent, #guestbookLeft, #guestbookRight {
width: 350px;
height: 560px;
margin: 40px 20px 0 20px;
overflow: hidden;
}

#guestbookRight { overflow: auto; }

/* CONTENT
----------------------------------------------------*/
#homeLeft p { margin: 500px 0 0 60px; text-align: center; }
#creditRight p { margin: 10px 0 0 0; font-size: 10px; text-align: center; }

#content_images {
width:750px;
margin: 0 auto;
margin-top: 20px;
}

#leftContent p { font-style: italic; text-align: center; }

#content_images p {
text-align: center;
}

#content_images img {
margin-top: 20px;
}

/* MENU
----------------------------------------------------*/

ul#lMenu { margin: 0; padding: 0; list-style: none; }

/* \*/
* html ul#lMenu { margin-left: 15px; }
/* */

#lMenu a { text-decoration: none; }

/*float the main list items*/
#lMenu li { margin: 0; float: left; display: block; padding: 0; }

#lMenu li a { color: #fff; font-weight: normal; display: block; padding: 0; margin: 0; }

#lMenu li#wedding a { height: 140px; }
#lMenu li#gallery a { height: 140px; }
#lMenu li#accommodation a { height: 140px; }
#lMenu li#guestbook a { height: 140px; }
#lMenu li#home a { height: 40px; }

#lMenu li span { display: none; position: absolute; font-size: 1px; color: #fde9f1; z-index: -1000; }

/* \*/
* html #lMenu li span { top: -9888px; }
/* */

#wedding a, #gallery a, #accommodation a, #guestbook a, #home a { display: block; position: relative; width: 35px; background: url("../images/menuleft.gif") no-repeat top left; }

#wedding a { background-position: -35px 0; }
#gallery a { background-position: -35px -140px; }
#accommodation a { background-position: -35px -280px; }
#guestbook a { background-position: -35px -420px; }
#home a { background-position: -35px -560px; }

#wedding a.off { background-position: 0 0; }
#gallery a.off { background-position: 0 -140px; }
#accommodation a.off { background-position: 0 -280px; }
#guestbook a.off { background-position: 0 -420px; }
#home a.off { background-position: 0 -560px; }


/* LEFT MENU : active & hover states */
#wedding a.active, #wedding a.active:hover, #wedding:hover a.active {
background-position: -70px 0;
}
#gallery a.active, #gallery a.active:hover, #gallery:hover a.active {
background-position: -70px -140px;
}
#accommodation a.active, #accommodation a.active:hover, #accommodation:hover a.active {
background-position: -70px -280px;
}
#guestbook a.active, #guestbook a.active:hover, #guestbook:hover a.active {
background-position: -70px -420px;
}
#home a.active, #home a.active:hover, #home:hover a.active {
background-position: -70px -560px;
}

/* RIGHT MENU */
ul#rMenu { margin: 0; padding: 0; list-style: none; }

#rMenu a { text-decoration: none; }

/*float the main list items*/
#rMenu li { margin: 0; float: left; display: block; padding: 0; }

#rMenu li a { color: #fff; font-weight: normal; display: block; padding: 0; margin: 0; }

#rMenu li#rwedding a { height: 140px; }
#rMenu li#rgallery a { height: 140px; }
#rMenu li#raccommodation a { height: 140px; }
#rMenu li#rguestbook a { height: 140px; }
#rMenu li#credits a { height: 40px; }

#rMenu li span { display: none; position: absolute; font-size: 1px; color: #fde9f1; z-index: -1000; }

/* \*/
* html #rMenu li span { top: -9888px; }
/* */

#rwedding a, #rgallery a, #raccommodation a, #rguestbook a, #credits a { display: block; position: relative; width: 35px; background: url("../images/menuright.gif") no-repeat top left; }

#rwedding a { background-position: -35px 0; }
#rgallery a { background-position: -35px -140px; }
#raccommodation a { background-position: -35px -280px; }
#rguestbook a { background-position: -35px -420px; }
#credits a { background-position: -35px -560px; }

#rwedding a.off { background-position: 0 0; }
#rgallery a.off { background-position: 0 -140px; }
#raccommodation a.off { background-position: 0 -280px; }
#rguestbook a.off { background-position: 0 -420px; }
#credits a.off { background-position: 0 -560px; }

/* gallery thumbnail
----------------------------------------------- */
ul#gall_thumb {
margin-top: 20px;
margin-left: 40px;
}

ul#gall_thumb a {
text-decoration: none;
}

ul#gall_thumb li {
margin: 0;
float: left;
display: block;
padding: 5px 10px 0 10px;
}

ul#gall_thumb li a {
color: #fff;
font-weight: normal;
display: block;
padding: 0;
margin: 0;
}

ul#gall_thumb li a img {
border: solid 5px #e9f6f8;
}

ul#gall_thumb li a img:hover {
border: solid 5px #93d6df;
}

/* comments
----------------------------------------------- */
.comments_error {
color: #00799a;
background-color: #93d6df;
}

ul.comments_error {
margin: 18px 0;
padding : 18px;
list-style-type: square;
list-style-position: inside;
border: 1px solid #00799a;
}

ul.comments_error li { font-weight: bold; font-style: italic; }

div#cpreview {
margin: 18px 0;
padding: 18px;
color: #00799a;
background-color: #fff;
border: 1px solid #93d6df;
}

form#txpCommentInputForm td { vertical-align: top; }

form#txpCommentInputForm input { font: 11px Georgia, Times, serif; line-height: 18px; }

textarea, .comment_name_input, .comment_email_input, .comment_web_input { color: #00799a; border: 1px solid #93d6df; }

input.comment_name_input, input.comment_email_input, input.comment_web_input { width: 250px; }

textarea#message { width: 300px; height: 100px; }

/* Guestbook
----------------------------------------------- */
dl.guestbookForm {
margin: 9px 0;
}

dl.guestbookForm dt {
margin: 8px 0 0 0;
line-height: 18px;
font-size: 10px;
letter-spacing: 1px;
font-weight: bold;
}

dl.guestbookForm dd {
line-height: 18px;
font-size: 11px;
}

dl.comment_item {
margin: 9px 0;
padding-bottom: 3px;
border-top: 1px solid #93d6df;
}

dl.comment_item dt {
margin: 0;
padding: 0 9px;
line-height: 18px;
font-size: 11px;
border-bottom: 1px solid #93d6df;
}

dl.comment_item dd {
margin: 0;
padding: 0 9px;
line-height: 18px;
font-size: 11px;
}

#left p { display: none }

/* misc
----------------------------------------------- */
.clr { clear:both; }
.cleft { clear: left; }
.cright { clear: right; }
.note, span.note, p.note { font-size: 11px; line-height: 18px;  font-style: italic; }