body {
	background: url(../images/main-bg.png) repeat-x top left #e478c4;
}

.border{
	border: solid 1px;
}

.align-center{
	text-align: center;
}

.reset-ul{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}

.reset-ul li{
	padding: 0;
	margin: 0;
}

.gap-10{
	margin-top: 10px ;
	margin-bottom: 10px;;
}

#logo{
	text-indent: -3000px;
	background: url(../images/logoweb.png) no-repeat;
	width: 297px;
	height: 86px;
	margin-left: 10px;
}

#header{
	margin-top: 30px;
	margin-bottom: 0px;
}

/* MAIN NAVIGATION */
ul#main-nav{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
	float: right;
	margin-top: 25px;
}

ul#main-nav li{
	display: inline;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
}

ul#main-nav li a{
	display: block;
	padding: 2px 5px;
	float: left;
}

div#featured{
	display: inline;
	float: left;
	overflow: hidden;
	height: 390px;
	padding-top: 5px;
/*	color: #fff;*/
}

div#featured h1{
/*	 color: #fff;*/
}



ul#featured-nav{
	margin-top: -45px;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	margin-right: 30px;
	padding: 2px;
	position: relative;
	z-index: 1;
}

ul#featured-nav li{
	display: inline;
	float: left;
}

ul#featured-nav li a{
	display: block;
	float: left;
	padding: 0px 11px 3px;
	text-decoration: none;
	border-top: solid 8px #e3e3e3;
}


ul#featured-nav li a.selected{
	padding: 0px 10px 3px;
	border:solid 1px #d2d2d2;
	border-top: solid 8px #c0c0c0;
	background:  #e3e3e3;
	color: #333;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}


#slider .scrollContainer div{
	display: block;	
	width: 450px;
	height: 330px;
	float: left;
	position: relative;
	background-color: #fff;
}

#slider .scrollContainer {
	display: block;
	
}

#slider .scroll{
	width: 450px;
	height: 330px;
	position: relative;
	overflow: hidden;
}

#slider{
	height: 370px;
}

#shadow-border{
	background: url(../images/featured-bg.png) no-repeat;
	width: 470px;
	height: 350px;
	position: relative;;
	z-index: 10;
}

div.padding-10{
	padding: 10px;
}



#slider .navigation{
	position: relative;
	top: 30px;;
}

#welcome-message{
	margin-top: 10px;
	padding-left: 40px;
}

#facebook-container{
	margin: 5px;
	width: 400px;
	height: 170px;
	padding: 30px;
	background: url(../images/facebook-bg.png) no-repeat;
}

#tab-container{
	height: 400px;
}

#content{
	margin-top: 20px;
	padding-bottom: 83px;
	background: url(../images/tabshadow.png) no-repeat bottom center ;
}

#content ul#tabnav{
	overflow: hidden;
	float: left;
	position: relative;
	left: 150px;
}

#content ul.navigation li{
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
}

#content ul#tabnav li a{
	display: inline;
	float: left;
	padding: 10px 20px;
	margin: 0px 0px;
	font-size: 2.1em;
	text-decoration: none;
	color: #000;
}

#content ul.navigation li a.selected{
	background: url(../images/tabnav-bg.png) repeat-x top left;
	color: #363636;
}

#content ul#tabnav li.green a{
	color:#A5D040;
	padding: 10px 20px 10px 20px;
}

#content ul#tabnav li.green a.selected{
	color: #668127;
}

#greenicon{
}


#content div#content-wrapper{	
	background: #fff;
	height: 400px;
	width: 960px;
	overflow: hidden;
	padding: 0;;
}

#content div#content-container{
	height: 400px ;
	overflow: hidden;
	position: relative;
}

#content div#content-container div.panel{
	height: 400px;
	width: 960px;
	padding: 0px;
	overflow: hidden;
}

#content div#content-container div.panel p{
	width: 700px;
}




#content h2{
	font-size: 3.1em;
	color: #666;
	margin-bottom: 0;
}

/*tabs background*/
#content div div#think-green{
	background: url(../images/think-green.png) no-repeat;
	height: 400px;
	width: 960px;
}

#content #think-green blockquote, #content #think-green p{
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #666;
	text-align: center;
	width: 600px;
	margin-left:  auto;
	margin-right: auto;
}

#content #think-green blockquote{
	font-size: 2.1em;
	margin-bottom: 20px;
	color: #999;
	width: 700px;
}



#content #think-green h2{
	color: #8DC941;
}

#content #showcase{
	background: url(../images/showcase.png);
}

#content #buzz{
	background: url(../images/bgbuzz.png);
}

#content #timeline{
	background: url(../images/bgtimeline.png);
}

#content #showcase ul{
	margin-left:-5px;
}

#content #showcase ul li{
	display: inline;
	float: left;
	border: solid 2px #999;
	padding: 0;
	margin: 5px;;
}

#content #showcase ul li a{
	display: block;
	width: 100px;
	height: 100px;
	border: solid 1px #666;
	overflow: hidden;
}

#content #showcase ul li span{
	width: 81px;
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	display: block;
	background: #000;
	opacity:0.8;
	padding: 2.5px 10px;
	bottom: 0px;
	color: #999;
	text-transform: uppercase;
}  

#content #showcase ul li span2{
	width: 81px;
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	display: block;
	background: #fff;
	opacity:0.8;
	padding: 2.5px 10px;
	top: 0px;
	color: #000;
	text-transform: uppercase;
}  

/*FEATURES PAGE*/

#content div div#features-slides{
	
	height: 280px;
	background: #fff;
	width: 1000px;
	float: left;
	padding: 0;
	overflow: hidden;
	position: absolute;
	left: 3px;;
}

#content div div#features-slides div.scroll{
	width: 760px;
	height: 310px;
	float: right;
	position: absolute;
	left: 10px;
}

#content div div#features-slides div.scroll div.scrollContainer{
	height: auto;

}

#content div div#features-slides div.scroll div.scrollContainer div{
	float: none;
	width: 760px;
	height: 300px;
	overflow: hidden;
	padding:0;
	
	
	background-position: right bottom;
	background-repeat: no-repeat;
}

#content div div#features-slides div.scroll div.scrollContainer div p{
	width: 300px;
	color: #666;
}

#content div div#features-slides div.scroll div.scrollContainer div h3{
	font-size: 2.1em;
}

/*FEATURES NAV*/
#content div div#features-slides ul#features-nav{
	width: 150px;
	float: left;
	padding: 0;
	padding-right: 0px;
	background: url(../images/features-tab.png) no-repeat top right;
	
} 

#content div div#features-slides ul#features-nav li{
	display: block;
	float: left;
	width: 150px;
}

#content div div#features-slides ul#features-nav li a{
	display: block;
	padding: 7px 10px 7px 20px;
	text-decoration: none;
	color: #999;
}

#content div div#features-slides ul#features-nav li a.selected{
	color:#333;
	background: url(../images/features-selected.png) no-repeat top left;
}

/*FEATURES BACKGROUNDS*/

#content div div#event-details{
	background-image: url(../images/fs1.png);
}

#content div div#map{
	background-image: url(../images/fs2.png);
}

#content div div#photo-gallery{
	background-image: url(../images/fs3.png);
}

#content div div#wedding-wishes{
	background-image: url(../images/fs4.png);
}

#content div div#rsvp{
	background-image: url(../images/fs5.png);
}

#content div div#personalize-invitation{
	background-image: url(../images/fs6.png);
}

#content div div#additional-content{
	background-image: url(../images/fs7.png);
}

#content div div#control-panel{
	background-image: url(../images/fs8.png);
}

/*========clique features added by tekong ======*/

/*CLIQUES PAGE*/

#content div div#clique-slides{
	
	height: 280px;
	background: #fff;
	width: 1000px;
	float: left;
	padding: 0;
	overflow: hidden;
	position: absolute;
	left: 3px;;
}

#content div div#clique-slides div.scroll{
	width: 760px;
	height: 310px;
	float: right;
	position: absolute;
	left: 10px;
}

#content div div#clique-slides div.scroll div.scrollContainer{
	height: auto;

}

#content div div#clique-slides div.scroll div.scrollContainer div{
	float: none;
	width: 760px;
	height: 300px;
	overflow: hidden;
	padding:0;
	
	
	background-position: right bottom;
	background-repeat: no-repeat;
}

#content div div#clique-slides div.scroll div.scrollContainer div p{
	width: 300px;
	color: #666;
}

#content div div#clique-slides div.scroll div.scrollContainer div h3{
	font-size: 2.1em;
}

/*CLIQUES NAV*/
#content div div#clique-slides ul#features-nav{
	width: 150px;
	float: left;
	padding: 0;
	padding-right: 0px;
	background: url(../images/features-tab.png) no-repeat top right;
	
} 

#content div div#clique-slides ul#features-nav li{
	display: block;
	float: left;
	width: 150px;
}

#content div div#clique-slides ul#features-nav li a{
	display: block;
	padding: 7px 10px 7px 20px;
	text-decoration: none;
	color: #999;
}

#content div div#clique-slides ul#features-nav li a.selected{
	color:#333;
	background: url(../images/features-selected.png) no-repeat top left;
}

/*CLIQUES BACKGROUNDS*/

#content div div#ministry-of-moments{
	background-image: url(../images/fs1.png);
}

#content div div#koleksi-vispera{
	background-image: url(../images/cs2.png);
}

#content div div#marryme2u{
	background-image: url(../images/fs3.png);
}

#content div div#getgorgeous{
	background-image: url(../images/fs4.png);
}

#content div div#muffins-monster{
	background-image: url(../images/cs3.png);
}

#content div div#personalize-invitation{
	background-image: url(../images/fs6.png);
}

#content div div#additional-content{
	background-image: url(../images/fs7.png);
}

#content div div#control-panel{
	background-image: url(../images/fs8.png);
}



/*==========================================*/
#content #content-container div div.content-padding{
	padding: 10px 30px;
	height: auto;
	width: 960px;
	
}

/*PRICING TABLE*/
td{
	text-align: center;
}

table{
	padding-bottom: 0;
	margin-bottom: 0;
	position: relative;
	margin-top: -30px;
}

table small{
	display: block;
}

td.caption{
	font-weight: bold;
	text-align: left;
}

tfoot tr{
	font-weight: bold;
	background: #c3d9ff;
	font-style: normal;
}
tfoot td{
	font-weight: bold;
	font-size: 1.4em;
}

div#footnote{
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
}

div#footnote div{
	font-size: 0.8em;
	color: #999;
}

/*IMAGE REMOOZ*/
div.thumb{
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}

div.thumb a{
	width: 100px;
	height: 100px;
}

div.thumb a img{
	width: 100px;
	height: 100px;
}

.container{
		position: relative;
	}
	
div#hire-tag{
		float: left;
		position: absolute;
		top: -50px;
		right: 0px;
/* 		margin-right: -140px; */
		z-index: 2000;	
}
	
div#hire-tag a{
	display: block;
	width: 131px;
	height: 186px;
	background: url(../images/tag.png) no-repeat bottom right;
	text-indent: -3000px;
}

#footer{
	background-color: #432139;
	text-align: center;
	color:#fff;
	padding: 20px;
	position: relative;
}

#footer a{
	color: #6576ff;
}

#contact-link{
	padding: 2px 5px 2px 25px;
	background:url(../images/email.png) no-repeat 4px 2px #432139;
	color:#fff;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: auto 5px;

}

#contact-info{
	padding-bottom: 30px;
}

#topright {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 200px;
	width: 200px;
	background: url(http://www.weddingkami.com/images/cornerbarwed.png) no-repeat;
	text-indent: -999em;
	text-decoration: none;
	}
	
/* tumblr integrate */

.tumblr_photo
{
width: 110px;
height: auto;
float: right; 
margin: 7px; 
border: 2px black solid; 
}

.tumblr_posts
{

}

.tumblr_post
{
font-size: x-small; 
list-style-type: none; 
width: 210px; 
padding: 7px; 
margin: 5px; 
max-height:200px; 
overflow: hidden;
border: thin black outset; 
background-color:#78a;
}

/* stylize singleheader between featured and bottom */
#contenta{
	margin-top: 20px;
	padding-bottom: 83px;
	background: url(../images/tabshadow.png) no-repeat bottom center  ;
}

#contenta h1{
	display: inline;
	padding: 10px 20px;
	margin: 0px 0px;
	font-size: 2.1em;
	text-decoration: none;
	color: #000;
	text-align: center;
}