@font-face {
  font-family: 'SunshineInMySoul';
  src: url('../SunshineInMySoul.eot?#iefix') format('embedded-opentype'),  
  					url('../SunshineInMySoul.woff') format('woff'), 
       url('../SunshineInMySoul.ttf')  format('truetype'), 
       url('../SunshineInMySoul.svg#SunshineInMySoul') format('svg');
  font-weight: normal;
  font-style: normal;
}
	
@font-face {
  font-family: 'CenturyGothic';
  src: 	url('../CenturyGothic.eot?#iefix') format('embedded-opentype'),  
  		    url('../CenturyGothic.woff') format('woff'), 
  		    url('../CenturyGothic.ttf')  format('truetype'), 
 		     url('../CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}	
body{background: #fff url(../images/body-bg.jpg) repeat-x top; margin:0; padding:0; font-family: 'CenturyGothic' !important;}
img{border:none;}
.wctainer{background:url(../images/welcome-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.expertainer{background:url(../images/experience-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.gametainer{background:url(../images/game-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}

.auctainer{background:url(../images/cheryl-clark3.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.ccctainer{background:url(../images/cheryl-clark-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.cnctainer{background:url(../images/cheryl-clark-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.egctainer{background:url(../images/how-we-got-engaged-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.ffctainerb{background:url(../images/bride-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.ffctainerg{background:url(../images/groom-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.ffctainerf{background:url(../images/engage-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}

.malctainer{background:url(../images/maldive-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:1000px; padding:94px 0;}
.hkctainer{background:url(../images/hongkong-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.lactainer{background:url(../images/losangeles.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.synctainer{background:url(../images/chark-bg-3.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.regictainer{background:url(../images/registry.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}

.owctainer{background:url(../images/our-wed-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}

.gctainer{background:url(../images/gallery-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}
.allgctainer{background:url(../images/gallall-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:868px; padding:94px 0;}

.guctainer{background:url(../images/guest-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:auto; padding:94px 0;}
.teaserctainer{background:url(../images/experience-bg.jpg) no-repeat top center; margin:0 auto; width:1000px; min-height:auto; padding:94px 0;}

#nav {width: 100%; margin: 0 0 3em 6px; padding: 0 0 0 175px; list-style: none;text-shadow:1px 1px 2px rgba(0,0,0,.7);}
#nav li {float: left;}
#nav .mid{margin-top:-90px;}
#nav li a {display: block;	padding: 8px 15px;	text-decoration: none; color: #fff;}
#nav li a:hover {color: #000;}
body#about #nav li a.about,
body#wedding #nav li a.wedding, 
body#galleries #nav li a.galleries, 
body#guestbook #nav li a.guestbook{color:#C7EAFE; font-weight:normal;}

#cssmenu > ul{	list-style: none;	margin: 0 auto;	padding: 130px 0 0 0;	vertical-align: baseline;	line-height: 1;}
#cssmenu > ul {	display: block;	position: relative;	width: 160px;}
#cssmenu > ul li {display: block; position: relative; margin: 0; padding: 0; width: 160px;}
#cssmenu > ul li a {display: block; position: relative; margin: 0; border-top: 1px dotted #fff; border-bottom: 1px dotted #d9d9d9; padding: 8px 25px; width: 110px; font-family:'CenturyGothic'; color:#5d5d5d; text-decoration: none; text-shadow: 0 1px 0 #fff; font-size: 13px; font-weight: 300; text-align:center;
background: #eee;	opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */}
#cssmenu > ul li:first-child>a {border-top: 0;	}
#cssmenu > ul li:last-child>a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 0;}
#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
background: #abacac;
background: -webkit-linear-gradient(bottom, #abacac, #e0e0e0);
background: -ms-linear-gradient(bottom, #abacac, #e0e0e0); 
background: -moz-linear-gradient(bottom, #abacac, #e0e0e0);
background: -o-linear-gradient(bottom, #abacac, #e0e0e0);
border-color: transparent;}
#cssmenu > ul .has-sub>a::after {content: ''; position: absolute; top: 16px; right: 10px; width: 0px; height: 0px; border: 4px solid transparent; border-left: 4px solid #3dafea;}
#cssmenu > ul .has-sub>a::before { content: ''; position: absolute; top: 17px; right: 10px; width: 0px; height: 0px; border: 4px solid transparent; border-left: 4px solid #fff;}
#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after { border-left: 4px solid #fff;}
#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before { border-left: 4px solid rgba(0, 0, 0, .25);}

#cssmenu > ul ul { position: absolute; left: 150px; top: -9999px; padding-left: 5px; opacity: 0;
 /* The fade effect, created using an opacity transition */
 -webkit-transition: opacity .3s ease-in;
 -moz-transition: opacity .3s ease-in;
 -o-transition: opacity .3s ease-in;
 -ms-transition: opacity .3s ease-in;}

#cssmenu > ul li:hover>ul { top: 0px; opacity: 1;}
  
.wctent{width:450px; padding:340px 0 0 424px; color:#5d5d5d; font-size:12px; font-family: 'CenturyGothic';}
.wctent h1{font-size:38px; text-align:right; margin-bottom: 0; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}
  
.xctent{width:500px; padding:200px 0 0 424px; color:#5d5d5d; font-size:12px; font-family: 'CenturyGothic'; }
.xctent span{font-family: 'SunshineInMySoul';}
.xctent font{font-family: 'CenturyGothic'; font-size:18px; font-weight:bold; margin-left:80px;}
.xctent h1{font-size:22px; text-align:right; margin-bottom: 0; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'CenturyGothic';}


.egctent{width:500px; padding:360px 0 0 424px; color:#5d5d5d; font-size:12px; font-family: 'CenturyGothic';}
.egctent span{font-family: 'SunshineInMySoul';}
.egctent font{font-family: 'CenturyGothic'; font-size:18px; font-weight:bold; margin-left:80px;}
.egctent h1{font-size:20px; text-align:right; margin-bottom: 0; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'CenturyGothic';}

.ffctentb{background: rgba(240, 240, 240, .7);width:350px; padding:24px; margin:-330px 590px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic'; text-align:center;}
.ffctentb h1{font-size:20px; margin: 0; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}
.ffctentb span{font-family:'SunshineInMySoul'; font-size:20px; font-weight:bold; text-shadow:none; color:black; margin:0;}
.ffctentb font{font-family:'CenturyGothic'; font-size:14px; text-shadow:none; margin:0;}
.ffctentb b{font-family:'CenturyGothic'; font-weight:bold; font-size:18px;margin:0;}


.ffctentmaldive{background: rgba(240, 240, 240, .7);width:900px; padding:24px; margin:50px 0 0 22px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic'; text-align:center;}
.ffctentmaldive h1{font-size:24px; margin: 0; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'CenturyGothic';}
.ffctentmaldive span{font-family:'SunshineInMySoul'; font-size:20px; font-weight:bold; text-shadow:none; color:black; margin:0;}
.ffctentmaldive font{font-family:'CenturyGothic'; font-size:14px; text-shadow:none; margin:0;}
.ffctentmaldive b{font-family:'CenturyGothic'; font-weight:bold; font-size:18px;margin:0;}
.ffctentmaldive .feeds{width:420px; float:right; height:608px; margin:10px 10px 0 0; overflow:auto;}
.ffctentmaldive .tag{float:right; padding-left:80px; width:400px;}


.ffctenthk{background: rgba(240, 240, 240, .7);width:900px; padding:24px; margin:50px 0 0 22px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic'; text-align:center;}
.ffctenthk h1{font-size:24px; margin: 0; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'CenturyGothic';}
.ffctenthk span{font-family:'SunshineInMySoul'; font-size:20px; font-weight:bold; text-shadow:none; color:black; margin:0;}
.ffctenthk font{font-family:'CenturyGothic'; font-size:14px; text-shadow:none; margin:0;}
.ffctenthk b{font-family:'CenturyGothic'; font-weight:bold; font-size:18px;margin:0;}
.ffctenthk .feeds{width:420px; float:right; height:360px; margin:10px 10px 0 0; overflow:auto;}
.ffctenthk .tag{float:right; padding-left:80px; width:400px;}

.ffctentgb{background: rgba(240, 240, 240, .7);width:900px; padding:24px; margin:300px 0 0 22px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic'; text-align:center;}
.ffctentgb h1{font-size:24px; margin: 0; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'CenturyGothic';}
.ffctentgb span{font-family:'SunshineInMySoul'; font-size:20px; font-weight:bold; text-shadow:none; color:black; margin:0;}
.ffctentgb font{font-family:'CenturyGothic'; font-size:14px; text-shadow:none; margin:0;}
.ffctentgb b{font-family:'CenturyGothic'; font-weight:bold; font-size:18px;margin:0;}
.ffctentgb .feeds{width:420px; float:right; height:1000px; margin:10px 10px 0 0; overflow:auto;}
.ffctentgb .tag{float:right; padding-left:80px; width:400px;}

.teactentgb{background: rgba(240, 240, 240, .7);width:900px; padding:24px; margin:180px 0 0 22px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic'; text-align:center;}
.teactentgb h1{font-size:24px; margin: 0; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'CenturyGothic';}
.teactentgb span{font-family:'SunshineInMySoul'; font-size:20px; font-weight:bold; text-shadow:none; color:black; margin:0;}
.teactentgb font{font-family:'CenturyGothic'; font-size:14px; text-shadow:none; margin:0;}
.teactentgb b{font-family:'CenturyGothic'; font-weight:bold; font-size:18px;margin:0;}
.teactentgb .feeds{width:420px; float:right; height:1000px; margin:10px 10px 0 0; overflow:auto;}
.teactentgb .tag{float:right; padding-left:80px; width:400px;}

.ffctentmal{background: rgba(240, 240, 240, .7);width:350px; padding:24px; margin:-330px 590px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.ffctentmal h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';} 

.regictent{background: rgba(240, 240, 240, .7);width:350px; padding:24px; margin:-270px 590px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.regictent h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';} 

.ffctentl{background: rgba(240, 240, 240, .7);width:430px; padding:24px; margin:270px 15px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.ffctentl h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';} 

.ffctentr{background: rgba(240, 240, 240, .7);width:430px; padding:24px; margin:10px 0 15px 590px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.ffctentr h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}  
  
.auctent{width:384px; padding:10px; margin-top: -340px; color:#5d5d5d; font-size:12px; font-family: 'CenturyGothic';}
.auctent h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}
  
.auctentla{width:384px; padding:10px;margin-left: 20px;margin-top: -40px; color:#5d5d5d; font-size:12px; font-family: 'CenturyGothic';}
.auctentla h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'CenturyGothic';}
.auctentla img{margin:-140px 0 0 150px; border:none;} 

.malauctent{width:890px; padding:10px;margin-top:-350px; color:#5d5d5d; font-size:12px; font-family: 'CenturyGothic';}
.malauctent h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';} 

.auctentr{width:384px; padding:10px;margin-top:-380px; margin-left:590px; color:#5d5d5d; font-size:12px; font-family: 'CenturyGothic';}
.auctentr h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';} 
 
.owctent{width:450px; padding:0 0 0 20px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.owctent h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}
 
.gcontent{width:650px; background: rgb(240, 240, 240); /* Fall-back for browsers that don't support rgba */
    background: rgba(240, 240, 240, .7);margin:300px auto; padding:10px 10px 10px 10px ; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.gcontent h1{font-size:38px; padding-left:0; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}

.gencontent{width:650px; background: rgb(240, 240, 240); /* Fall-back for browsers that don't support rgba */
    background: rgba(240, 240, 240, .7);margin:0 auto; padding:10px 10px 10px 10px ; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.gencontent h1{font-size:38px; padding-left:0; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}

.malctentb{ background: rgb(240, 240, 240);background: rgba(240, 240, 240, .7);width:350px; padding:24px; margin:-330px 590px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.malctentb h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';} 
 
.hwgcontent{width:350px; margin:-250px 0 0 580px; padding:0 10px 10px 10px ; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.hwgcontent h1{font-size:38px;line-height: 1; padding-left:0; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}
 
.galcontentmain{width:490px; margin:0 0 0 10px; padding:10x; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.galcontentmain h1{font-size:38px; padding-bottom:220px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}
.galcontentmain a {margin-right:10px;}

.galcontent{width:900px; margin-left:50px; padding:10x ; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.galcontent h1{font-size:38px; padding-left:0;padding-bottom: 10px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}

.gpic{width:380px; padding:20px; float:left;} 
.cccontent{width:450px; padding:0 0 0 20px; color:#5d5d5d; font-size:12px;	font-family: 'CenturyGothic';}
.cccontent h1{font-size:38px; text-align:right; padding-right:20px; font-weight:normal; word-spacing:2px; color:#7d7d7d; text-shadow:1px 1px 1px rgba(0,0,0,2);font-family: 'SunshineInMySoul';}

.imgrt{-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		transform: rotate(-4deg);
		float:right;
		padding:6px;}
.imglt{-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		transform: rotate(4deg);
		float:right;
		padding:6px;}
  
.imgrtnoro{
		float:right;
		padding:6px;}  

.footer{font-size:12px; width:600px; height:50px; background:url(../images/footer-bg.png) center bottom no-repeat; margin:0 auto;}

.footer-accord{font-size:12px; width:600px; height:100px; background:url(../images/footer-bg.png) bottom no-repeat; margin-left:-410px; margin-bottom:-70px;}

{
    cssClose: 'accordion-close', //class you want to assign to a closed accordion header
    cssOpen: 'accordion-open', //class you want to assign an opened accordion header
    cookieName: 'accordion', //name of the cookie you want to set for this accordion
    cookieOptions: { //cookie options, see cookie plugin for details
        path: '/',
        expires: 7,
        domain: '',
        secure: ''
    },
    defaultOpen: '', //id that you want opened by default
    speed: 'slow', //speed of the slide effect
    bind: 'click', //event to bind to, supports click, dblclick, mouseover and mouseenter
    animateOpen: function (elem, opts) { //replace the standard slideDown with custom function
        elem.next().stop(true, true).slideDown(opts.speed);
    },
    animateClose: function (elem, opts) { //replace the standard slideUp with custom function
        elem.next().stop(true, true).slideUp(opts.speed);
    },
    loadOpen: function (elem, opts) { //replace the default open state with custom function
        elem.next().show();
    },
    loadClose: function (elem, opts) { //replace the default close state with custom function
        elem.next().hide();
    }
 }