@charset "utf-8";
html {
	scrollbar-face-color: #62584e;
	scrollbar-shadow-color: #62584e;
	scrollbar-highlight-color: #62584e;
	scrollbar-3dlight-color: #62584e;
	scrollbar-darkshadow-color: #62584e;
	scrollbar-track-color: #D4CECA;
	scrollbar-arrow-color: #F5F3EF; 
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track-piece  {
	background-color: #D4CECA;;
}
::-webkit-scrollbar-thumb:vertical {
	background-color: #62584e;
}
::-webkit-scrollbar-thumb:horizontal {
	background-color: #62584e;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	/*min-width: 1320px;*/
    background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}
img {
	border: none;
}
a {
	outline: none;
}
textarea {
	resize: none
}
hr {
    border: 0;
    width: 100%;
    color: #AAA19B;
    background-color: #AAA19B;
    height: 1px;
}
#topBar {
	background-color: #62584e;
	width: 100%;
	height: 30px;
	color: #D4CECA;
	line-height: 30px;
}
#topBar a {
	color: #D4CECA;
	text-decoration: none;
}
#topBar a:hover {
	text-decoration: underline;
}
#topBarMenu {
	margin-left:auto;
	margin-right:auto;
	text-align: right;
	width: 900px;
}
#topBarMenu a {
	font-size: 12px;
}

#mainSite {
	/*background-color: #FFFFFF;*/
	width: 100%;
	/*padding-bottom: 50px;*/
	/*background-image: url(../images/topBarShadow.png);
	background-repeat: repeat-x;
	background-position: top;*/
    
}
#mainSiteShadow {
	background-image: url(../images/topBarShadow.png);
	background-repeat: repeat-x;
	background-position: top;
    width: 100%;
    height: 16px;
}
#mainSiteHeader {
	margin-left: auto;
	margin-right: auto;
	height: 300px;
	width: 920px;
    background-image: url(../images/headers/portraits/6.png);
	background-repeat: no-repeat;
    background-position: bottom;
}
#mainSiteHeaderBoxes {
	/*margin-left: 252px;*/
	padding-top: 30px;
}
#mainSiteHeaderBoxes a {
	color: #62584e;
	text-decoration: none;
}
#mainSiteHeaderLogo {
	float: left;
	width: 180px;
	margin-top: -15px;
	text-align: center;
}
#mainSiteHeaderLocation {
	margin-top: -10px;
	color: #FFF;
    font-size: 35px;
    font-family: "swister",Century Gothic, sans-serif;
}
.mainSiteHeaderBox {
	/*height: 81px;
	width: 175px;*/
	padding-top: 3px;
	background-image: url(../images/headerBoxShadow.png);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-color: #0F0;*/
}
.mainSiteHeaderBoxLeft {
	float: left;
	margin-right: 0px;
}
.mainSiteHeaderBoxRight {
	float: left;
	margin-left: 0px;
}
.mainSiteHeaderBox:hover {
	background-image: none;
}
.mainSiteHeaderBoxA {
	/*padding-top: 12px;*/
	display: block;
	/*width: 175px;
	height: 59px;
	background-color: #F9F7F4;
    background-image: url(../images/menuBoxes/weddingGuide.png);*/
    width: 200px;
    height: 100px;
}
#box1 {
    margin-left: -30px;
}
#box2 {
}
#box3 {
}
#box4 {
    margin-right: -40px;
    overflow: visible;
}

.mainSiteHeaderBoxHeader {
	font-size: 23px;
	text-align: center;
	display: block;
}
.mainSiteHeaderBoxText {
	text-align: right;
	padding-right: 15px;
	color: #D4CECA;
	font-size: 11px;
	display: block;
}
.mainSiteText {
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	padding: 10px;
    background-color: #F9F7F4;

	/*padding-bottom: 30px;*/
}
.mainSiteTextHeader {
	font-size: 40px;
	color: #62584e;
    font-family: "swister",Century Gothic, sans-serif;
    text-indent: 10px;
    padding-top: 30px;
    padding-bottom: 1px;
	/*border-bottom: 1px solid #AAA19B;*/
}
.mainSiteTextHeader a {
	color: #62584e;
	text-decoration: none;
}
.mainSiteTextHeader a:hover {
	text-decoration: underline;
}
.mainSiteTextBody {
	font-size: 15px;
    padding-top: 6px;
	color: #AAA19B;
	/*border-bottom: 1px solid #AAA19B;*/
}
.mainSiteTextBody a {
	color: #AAA19B;
}
.mainSiteTextBody a:hover {
	text-decoration: none;
}
.mainSiteTextBody p {
	padding-left: 20px;
}
.mainSiteImages {
	/*width: 100%;
	height: 476px;
	padding-top: 30px;
	padding-bottom: 15px;*/
    padding-left: 10px;
	overflow-x: scroll; 
	overflow-y: hidden; 
	-ms-overflow-y: hidden; 
    height: 520px;
    max-width: 1240px;
    -webkit-overflow-scrolling: touch;
}
.imageItem {
	display: inline-block;
}
.mainSiteImageDs {
	background-image: url(../images/imageDs.png);
    /*min-width: 920px;
    max-width: 1600px;*/
    width: 100%;
    height: 50px;
    left: 0px;
    top: 560px;
    /*margin-left: -50px;*/
    position: absolute;
    background-position: center 0%;	
    background-repeat: no-repeat;
}
.mainSiteImagesPaperL {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 550px;
    background-image: url(../images/imageBgL.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.mainSiteImagesPaperR {
	position: absolute;
    right: 0px;
    top: 0px;
    width: 10px;
    height: 550px;
    background-image: url(../images/imageBgR.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.mainSiteImagesPaperT {
	position: absolute;
    left: 0px;
    top: -10px;
    width: 100%;
    height: 10px;
    background-image: url(../images/imageBgT.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.mainSiteImagesPaperB {
	position: absolute;
    left: 0px;
    top: 550px;
    width: 100%;
    height: 10px;
    background-image: url(../images/imageBgB.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.mainSiteImagesScrollMe {
	position: absolute;
	width: 140px;
    height: 173px;
    background-image: url(../images/scrollMe.png);
    margin-left: 30px;
    margin-top: -220px;
    visibility: collapse;
}
.mainSiteImagesTape {
	width: 1320px;
    height: 400px; 
    background-color: #666;
    position: absolute;
    margin-top: -550px;
    margin-left: -30px;
    
}
.mainSiteImagesTapeL {
	width: 40px;
	height: 180px;
	background-image: url(../images/tapeL.png);
    background-repeat: no-repeat;
	background-position: left 0%;
    top: 184px;
    left: -20px;
    /*margin-top: -550px;
    margin-left: -30px;*/
    position: absolute;
}
.mainSiteImagesTapeR {
	width: 40px;
	height: 180px;
	background-image: url(../images/tapeR.png);
    background-repeat: no-repeat;
	background-position: right 0%;
    /*margin-left: 1230px;
    margin-top: -550px;*/
    right: -20px;
    top: 184px;
    position: absolute;
    
}
.mainSiteImagesCont {
	padding: 30px;
    padding-bottom: 0px;
    max-width: 1260px;
    min-width: 860px;
    height: 570px;
    margin-left:auto;
	margin-right:auto;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(../images/imageBg.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
    /*overflow: hidden;*/
    position: relative;
}
.mainSiteAlbumCont {
	padding: 0px;
    padding-bottom: 0px;
    max-width: 1260px;
    min-width: 860px;
    height: 860px;
    margin-left:auto;
	margin-right:auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.mainSiteAlbumBg {
	width: 920px;
    background-color: #F9F7F4;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -460px;
    height: 860px;
    z-index: -10;
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .mainSiteImagesTapeR {
  	visibility: collapse;
    width: 0px;
  }
  .mainSiteImagesTapeL {
  	visibility: collapse;
    width: 0px;
  }
}

.mainSiteImages ul {
	list-style: none;
	display: block;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
.mainSiteImages li {
	display: inline;
    margin-right: 4px;
    /*border-right: 4px solid transparent;*/
    display: inline-block;
	zoom:1; *display: inline; /*_height: 210px;*/
}
.mainSiteImages img {

	
}
#footer {
	/*background-color: #FFFFFF;*/
	height: 150px;
	background-image: url(../images/footerShadow.png);
	background-repeat: no-repeat;
	background-position: center top;
    /*background-image: url(../images/bg.jpg);
	background-repeat: repeat;*/
	text-align: center;
	padding-top: 50px;
	font-size: 16px;
}
#footerLine1 {
	color: #FFFFFF;
    font-size: 24px;
}
#footerLine1 a {
	color: #FFFFFF;
	text-decoration: none;
}
#footerLine1 a:hover {
	text-decoration: underline;
}
#footerLine2 {
	color: #FFFFFF;
	padding-bottom: 15px;
}
#footerLine2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#footerLine2 a:hover {
	text-decoration: underline;
}
#footerLine3 {
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 15px;
}
#footerLine3 a {
	color: #FFFFFF;
	text-decoration: none;
}
#footerLine3 a:hover {
	text-decoration: underline;
}
.blogHeader {
	background-color: #F9F7F4;
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	font-size: 26px;
	padding: 10px;
	padding-top: 100px;
    /*text-indent: 300px;*/
}
.blogHeader p {
	text-indent: 10px;
    margin: 0;
    padding: 0;
}
#blogFeed {
	/*width: 100%;*/
    background-color: #F9F7F4;
    margin-left:auto;
	margin-right:auto;
	width: 920px;
	height: 208px;
	overflow-x: scroll; 
	overflow-y: hidden; 
	/*-ms-overflow-y: hidden;
	padding-top: 100px;*/
	padding-bottom: 50px;
    -webkit-overflow-scrolling: touch;
}
.blogFeedItem {
	display: inline-block;
	/*width: 500px;*/
	height: 210px;
	height: 226px;
	background-image: url(../images/blogShadow.png);
	background-repeat: no-repeat;
	background-position: center top;
	/*background-color: #03F;
	float: left;*/
	/**width: 510px; IE7*/
	width: 510px;
    overflow: hidden;
}
.blogFeedItemInner {
	display: block;
	margin-top: 14px;
	height: 200px;
	width: 492px;
	background-color: #FFFFFF;
	margin-left: 10px;
	padding-right: 10px;
    font-family: Verdana, Geneva, sans-serif;
}
.blogFeedItemInner a {
	text-decoration: none;
}
#blogFeed ul {
	list-style: none;
	display: block;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	
}
#blogFeed li {
	display: inline-block;
	/*display: inline;*/
	/*white-space: normal;*/
	zoom:1; *display: inline; /*_height: 210px;*/
	/*overflow: hidden;
	width: 500px;
	float: left;*/
}
.blogFeedItemHeader {
	font-size: 14px;
	padding: 8px;
	/*width: 184px;*/
	height: 15px;
	/*position: relative;
	left: 0px;*/
	
	/*float: right;
	display: inline-block;*/
}
.blogFeedItem img {
	padding: 10px;
	float: left;
	/*display: inline-block;*/
}
.blogFeedItemText {
	padding: 8px;
	padding-top: 18px;
	font-size: 10px;
	text-align: justify;
	/*position: relative;
	left: -80px;*/
	float: right;
	width: 184px;
	height: 167px;
	/*margin-right: -70px;*/
	white-space: normal;
	/*word-wrap: break-word;
	text-wrap: normal;
	display: block;
	background-color: #390;*/
    color: #56514e;
    line-height: 12px;
    word-spacing: 2px;
}
.blogFeedItemText a {
	color: #56514e;
    text-decoration: none;
}
.blogFeedItemText a:hover {
    text-decoration: underline;
}
.contactForm {
	width: 460px;
	margin-left: auto;
	margin-right: auto;
}
.contactFormLeft {
	width: 180px;
	height: 30px;
	line-height: 30px;
	float: left;
}
.contactFormRight {
	width: 280px;
	height: 30px;
	float: right;
}
.contactFormTextarea {
	height: 150px;
}
.contactFormRight input {
	border: 1px solid #AAA19B;
	width: 280px;
	height: 25px;
	color: #D4CECA;
}
.contactFormRight textarea {
	border: 1px solid #AAA19B;
	height: 145px;
	width: 280px;
	overflow: auto;
	color: #D4CECA;
}
.contactFormSubmitBtn {
	clear: both;
	width: 100px;
	height: 20px;
	margin-left: 384px;
}
.grecaptcha-badge { opacity:0;}
.contactFormSubmitBtn input {
	width: 100px;
	height: 20px;
	border: 1px solid #AAA19B;
	padding: 0px;
	margin: 0px;
}

/* Scrollbar CSS */
/*#scrollbar1 { height: 520px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; height: 15px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
*/
/**/
.scrollBarCs { overflow: hidden; }
.scrollBarCs .viewport { height: 491px; overflow: hidden; position: relative; }
.scrollBarCs .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  }
/*#scrollbar1 .overview img{ float: left; }*/
.scrollBarCs .scrollbar{ position: relative; top: 476px; clear: both; height: 15px; }
.scrollBarCs .track { background-color: #D4CECA; width: 100%; height:15px; }
.scrollBarCs .thumb { background-color: #62584e; height: 15px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: 0px; }
.scrollBarCs .thumb .end{ overflow: hidden; height: 25px; width: 5px;}
.scrollBarCs .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#blogFeed .scrollbar{ top: 243px; }
#blogFeed .viewport { height: 260px; }
#blogFeed { overflow: hidden; }

#scrollbar1 .scrollbar{ top: 476px; }
#scrollbar1 .viewport { height: 491px; }
#scrollbar1 { overflow: hidden; }