/* CSS Document */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.88889;
	color: #fff; 
	margin: 0; 
	padding: 0;
	}
	
a:link { 
	text-decoration: none; 
	color: #5b5b5b;
	}
a:visited { 
	text-decoration: none; 
	color: #5b5b5b;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #333;
	}

#bigBox {
margin: 0 auto; 
position: relative; 
width: 975px;
}
.container {
position:absolute;
top: 20px;
margin-left:-488px;
left: 50%;
}
#flashcontent {
position: absolute;
width:975px;
height:530px;
}
#flashGallery {
position: absolute;
width:975px;
height:400px;
top: 70px;
}

#flashNav {
position: absolute;
width:975px;
height:60px;
z-index: 3;
}
#htmlNav ul {
position: absolute;
top: 25px;
left: 80px;
}
#htmlNav li {
font-family: "Century Gothic", Verdana, Helvetica ;
display:inline;
list-style:none;
padding: 6px;
font-size: 11px;
font-weight: bold;
}


.front {
position: absolute;
width: 970px;
height: 445px;
top: 70px;
}
.main {
position: absolute;
width: 975px;
height: auto;
top: 60px;
}
#flashPanel {
position: absolute;
width: 328px;
height: 394px;
left: 0px;
top: 10px;
z-index: 1;
}
#flashRoom {
position: absolute;
width: 328px;
height: 394px;
left: 643px;
top: 10px;
z-index: 1;
}
.roomBackground {
position: absolute;
background-image:url(images/background3.jpg);
width: 641px;
height: 394px;
left: 0px;
top:10px;
}
#roomLeft {
position: relative;
float: left;
width:250px;
height: auto;
}
#roomRight {
position: relative;
float: left;
width:250px;
height: auto;
padding-left: 30px;
margin-top:0px;
}
#roomText {
position: absolute;
margin-top: 80px;
margin-left: 55px;
width: 545px;
height: 394px;
}
#roomText p {
font-size: 11px;
line-height: 1.5em;
margin: 1.2em 0;
}
#roomText h5 {
position: relative;
left: 5px;
top: -20px;
}
#sidePanel {
position: absolute;
width: 328px;
height: 394px;
left: 0px;
top: 10px;
}
.background {
position: absolute;
background-image:url(images/background3.jpg);
width: 641px;
height: 394px;
left: 330px;
top:10px;
}
#heading { 
position: absolute;
margin-left: 49px;
margin-top: 21px;
}
#text {
position: absolute;
margin-top: 80px;
margin-left: 55px;
width: 600px;
height: 394px;
}
#weddingText {
position: absolute;
margin-top: 80px;
margin-left: 55px;
width: 600px;
height: 394px;
}
#weddingText p {
font-size: 11px;
line-height: 1.5em;
margin: 1.2em 0;
}
h3 {
font-size: 14px; 
line-height: 1.4em;
font-weight: bold;
text-alignment: left;
word-spacing: 1px; 	
margin-bottom: 0; 
margin-top: 0;

}
#locationText {
position: absolute;
margin-top: 80px;
margin-left: 55px;
width: 500px;
height: 394px;
}
#locationText p {
font-size: 11px;
line-height: 1.5em;
margin: 1.2em 0;
}

h4 {
font-size: 16px;
font-family: "Century Gothic", Verdana, Helvetica ;
line-height: 1.3em;
text-alignment: left;
letter-spacing: normal;
font-weight: 100;
word-spacing: -0.05em; 	
margin-bottom: 0; 
margin-top: 0;

}
h5 {
font-size: 13px;
display: inline;
font-family: "Century Gothic", Verdana, Helvetica ;
line-height: 1.3em;
text-alignment: left;
letter-spacing: normal;
font-weight: 100;
word-spacing: -0.05em; 	
margin-bottom: 0; 
margin-top: 0;
}
#locationText h5 {
position: relative;
left: 5px;
top: -27px;
}
h6 {
font-size: 11px;
display: inline;
color:#FFFFFF;
font-family: "Century Gothic", Verdana, Helvetica ;
line-height: 1.3em;
text-alignment: left;
letter-spacing: normal;
font-weight: bold;
word-spacing: -0.05em; 	
margin-bottom: 0; 
margin-top: 0;
}
h6 a:link {
text-decoration: none;
color:#FFFFFF;

}
h6 a:visited {
text-decoration: none;
color:#FFFFFF;

}
h6 a:hover {
text-decoration: none;
color:#FFFFFF;

}
h6 a:active {
text-decoration: none;
color:#FFFFFF;

}

#photoFlash {
position: relative;
width: 641px;
height: 394px;
left: 329px;
top:10px;
}
#click {
position: relative;
color: #fff;
font-size: 11px;
font-family: "Century Gothic", Verdana, Helvetica ;
line-height: 2.1em;
margin-top: -67px;
margin-left: 90px;
}


/*conference text*/
#conferenceText {
position: absolute;
width: 530px;
height: 380px;
margin-top:-5px;
}
#conferenceText  ul {
position: relative;
margin:0;
}
#conferenceText  li{
display:inline;
font-size: 11px;
line-height: 1.5em;
margin: 1em 0;
}

#conferenceText  p {
font-size: 11px;
line-height: 1.5em;
margin: 1.2em 0;
}
#package {
position: relative;
margin-left: 7px;
margin-top: 20px;
}

#textBox {
position: absolute;
width: 500px;
height: 380px;
margin-top:-5px;
}
#textBox ul {
position: relative;
margin:0;
}
#textBox li{
display:inline;
font-size: 11px;
line-height: 1.5em;
margin: 1em 0;
}
#text p {
font-size: 11px;
line-height: 1.5em;
margin: 1.2em 0;
}
#textBox p {
font-size: 11px;
line-height: 1.5em;
margin: 1.2em 0;
}

#left {
position: relative;
float: left;
width:260px;
height: auto;
}
#right {
position: relative;
float: left;
width:250px;
height: auto;
padding-left: 40px;
margin-top:-10px;
}
.commentsBackground {
position: absolute;
background-image:url(images/background_large.jpg);
width: 971px;
height: 394px;
left: 0px;
top:10px;

}
#commentsText {
position: absolute;
top: 65px;
left: 52px;
width: 971px;
height: 394px;

}
#commentsText p {
font-size: 11px;
line-height: 1.5em;
margin: 2em 0;
}
#commentsText p:first-letter {
font-size: 15px;
/*font-family: "Edwardian Script ITC", "Brush Script MT", cursive;*/
}
#commentsText p:first-line { line-height: 100%; }

#one {
position: relative;
float: left;
width: 267px;
height: 267px;
padding: 0 40px 0 0;
}
#two {
position: relative;
float:left;
width: 280px;
height: 267px;

}
#three {
position: relative;
float: right;
width: 267px;
height: 267px;
padding: 0 80px 0 0;
}
#photosWrapper {
position: absolute;
top: 80px;
left: 52px;
width: 896px;
height: 275px;
overflow: hidden;
background-color: transparent;
}

.photothumbs {
background-color: #FFFFFF;
border:1px solid #462230;
margin-bottom:7px;
margin-right:25px;
padding:3px;
width:105px;
}

.slider-half{
	display: inline;
	height: 275px;
	width: 921px;
	position:relative;
	background:none !important;
}

.imgs-right {
	position: relative;
	top: 0;
	left: 68px;
	width: 860px;
}
.imgs-left {
	left:0;
	position:relative;
	top:0;
	width:860px;
}
.next {
	background:url("images/next.gif") repeat scroll top left transparent;
	height:140px;
	left:840px;
	position:absolute;
	top:67px;
	width:57px;
}
.next:hover {
	background:url("images/next.gif") repeat scroll top right transparent;
	cursor: pointer;
}
.prev {
	background:url("images/prev.gif") repeat scroll top left transparent;
	position: absolute;
	height:140px;
	left:0px;;
	top:67px;
	width:57px;
}
.prev:hover {
	background:url("images/prev.gif") repeat scroll top right transparent;
	cursor: pointer;
}
span {
position: relative;
font-size: 11px;
font-family: "Century Gothic", Verdana, Helvetica ;
font-weight:bold;
line-height: 2.1em;
font-style:italic;
top: 3px;
}

#indexFooter {
position: absolute;
text-align: center;
width: 1000px;
top: 530px;
left: -35px;
color:#5B5B5B;
font-size: 11px;
font-family: "Century Gothic", Verdana, Helvetica ;
font-weight:bold;
line-height: 1.8em;
}
#indexFooter li{
list-style:none;
display: inline;
}

#footer {
position: absolute;
text-align: center;
width: 1000px;
top: 420px;
left: -35px;
color:#5B5B5B;
font-size: 11px;
font-family: "Century Gothic", Verdana, Helvetica ;
font-weight:bold;
line-height: 1.8em;
}
#footer li{
list-style:none;
display: inline;

}
#historyHeading { 
position: absolute;
left: 73px;
top: 21px;
}
#scrollText {
position: absolute;
top: 85px;
margin-left: 79px;
width: 468px;
height: 227px;
padding-right: 30px;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-arrow-color:#482637;
scrollbar-track-color:#fff;
overflow: auto;
}
#scrollText p {
font-size: 11px;
line-height: 1.5em;
margin: 1.2em 0;
}

#galleryFooter {
position: absolute;
text-align: center;
width: 1000px;
top: 480px;
left: -35px;
color:#5B5B5B;
font-size: 11px;
font-family: "Century Gothic", Verdana, Helvetica ;
font-weight:bold;
line-height: 1.8em;
}
#galleryFooter li{
list-style:none;
display: inline;
}

p a:link { 
	text-decoration: underline; 
	color: #fff;
	}
p a:visited { 
	text-decoration: underline; 
	color: #fff;
	}
p a:hover, a:active { 
	text-decoration: underline; 
	color: #fff;
	}