/*----------------------------------------------------
                   Batik - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Balthazar', serif;
	font-size:11px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/pattern.jpg);
	background-repeat:repeat;
	color:#7d7d7d;
	height:100%;
}
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{
	clear:both
}
form{
	margin:0; padding:0;
}
hr{
	border:0;
	color:#7d7d7d;
	background-color:#7d7d7d;
	height:1px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{
	/* font-family:Arial, Helvetica, sans-serif;  */
	font-family: 'Macondo Swash Caps', cursive;
	font-weight:normal; color:#0d0d0d;
}
h1{
	font-size:36px; 
	line-height:30px; 
	margin-bottom:5px;
}
h2{
	font-size:22px; 
	line-height:28px; 
	margin-bottom:8px;
}
h3{
	font-size:18px;
	margin-bottom:2px;
}
h4{
	font-size:16px; 
	line-height:18px; 
	margin-bottom:8px; 
	font-weight:bold;
}
h5{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px; 
	letter-spacing:1px;
}



/* links */
a{
	color:#7d7d7d; 
	text-decoration:underline;
}
a:visited{
	color:#7d7d7d; 
	text-decoration:underline;
}
a:hover{
	color:#7d7d7d; 
	text-decoration:none;
}
a img{
	border:none
}
.imgleft{
	float:left; 
	margin-top:15px; 
	margin-right:12px;
	border:1px solid #dedede;
}
.imgright{
	float:right; 
	margin-top:4px; 
	margin-left:12px;
	border:1px solid #dedede;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
	font-size:14px;
	line-height: 1.2em;
	margin-bottom:12px;
	color: #666;
}
ul, ol{
	margin:10px 0 35px 40px;
}
li ol, li ul{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol{
	list-style:decimal;
}
blockquote{
	font-style:italic;
	margin:0px;
	color:#b3b3b3;
	padding:0px 0px 2px 33px;
	background-image:url(../images/quote.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	float:left;
}
blockquote p{
	color:#b3b3b3;
}

/* code */
code{
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dedede;
	padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#container{
	background-image:url(../images/bg-glow.png);
	background-repeat:no-repeat;
	background-position:top-center; 
	width:960px;
	margin:0px auto;	
}
#content{
	background-image:url(../images/bg-container.png);
	background-position:0px 95px;
	background-repeat:no-repeat;
	margin:0px auto;
	width:670px;
	height:551px;
}
#content-left{
	width:430px; 
	margin:108px 0px 0px 7px; 
	float:left;
}
#content-right{
	background-image:url(../images/shadow-menu.jpg);
	background-repeat:no-repeat;
	background-position:1px 88px;
	width:230px;
	height:443px;
	margin-top:108px; 
	float:left;
}


/*  Navigation
------------------------------------------------------*/
#nav{
	float:left;
	list-style-type: none;
	margin:35px 0px 75px 26px;
}
#nav li{
	line-height:30px;
	float:left;
}
#nav li a:link, #nav li a:visited{
	font-family: 'Balthazar', serif;
	display:block;
	width:204px;
	text-decoration: none;
	outline: none;
	text-align:left;
	font-size: 20px;
	color:#000;
}
#nav li a:hover{
	padding-left:10px;
}


/* Logo
------------------------------------------------------*/
#logo{
	font-family: 'Playball', cursive;
	background-image:url(../images/devider-logo.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:78px;
	font-size:28px;
	color:#886532;
	text-align:center;
	margin-top:20px;
}


/* Footer
------------------------------------------------------*/
#footer{
	font-size:10px;
	color:#c5c4c4;
	text-align:center;
}


/* Background Image Content
------------------------------------------------------*/
.bg-back {
	height: 100%;
	background-image:url(../images/lgrey053.jpg);
}

.bg-front{
	background-image:url(../images/bg-front.jpg); /* You can change this image with your own image (430x430px) */
	background-repeat:no-repeat;
	height:430px;
	float:left;
}
.bg-inner{
	background-image:url(../images/bg-inner.jpg); /* You can change this image with your own image (430x81px) 	 */
	background-repeat:no-repeat;
	background-position:top; 
	height:430px;
	float:left;
}


/*  Home page
------------------------------------------------------*/
.front-title{
	background-color:#000;
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
    width:384px;
	height: 88px;
	padding:10px 23px;
	margin-top:301px;
}
.front-title h2{
	color:#fff;
}
.front-title p{
	font-size:12px;
	color:#dfdfdf;
}


/*  About Us page
------------------------------------------------------*/
.inner-title{
    width:384px;
	padding:10px 23px;
	margin-top:42px;
}
.inner-title h1{
	color:#fff;
}
.front-title p{
	color:#dfdfdf;
}

.about {
	height: 105px;
	font-size: 12px;
	line-height: 1.2em;
}


/*  Our Wedding page
------------------------------------------------------*/
.ceremony{	
	text-align:center;
}
.divider-content{
	width:274px;
	height:30px;
	background-image:url(../images/devider-content.png);
	background-repeat:no-repeat;
	margin:0px 60px 18px 60px;
	float:left;
}


.venue {
	background-image:url(../images/old-lantern.png);
	background-repeat:no-repeat;
	background-position: center 265px;
	height: 100%;
}

.ent {
	background-image:url(../images/gd.png);
	background-repeat:no-repeat;
	background-position: center 55px;
	height: 100%;
}

/*  Gallery page
------------------------------------------------------*/
#gallery-page{
	margin:20px 0px 0px 10px;
}
.page{
	width:363px;
	height:269px;
}
.photo-gallery{
	width:79px; 
	height:79px;
	text-align:center;
	margin:0px 15px 15px 0px; 
	float:left;
}
.photo-gallery-last{
	width:79px; 
	height:79px;
	text-align:center;
	margin:0px 0px 15px 0px; 
	float:left;
}
.photo-gallery-img{
	border:1px solid #d3d3d3;
}
#gallery-nav{
	list-style-type:none; 
	margin:280px 12px 0px 0px; 
	float:right;
}
#gallery-nav li{
	margin-left:15px; 
	float:left;
}
#gallery-nav li a, #gallery-nav li a:visited{
	text-decoration:none;
}


/* Contact Us Page
------------------------------------------------------*/
form{
	margin:0; 
	padding:0;
}
#contactFormArea{
	width:380px; 
	color:#7d7d7d;
}
.input{
	font-size:11px; 
	background-color:#ffffff;
	border:1px solid #e3e3e3; 
	width:230px; 
	padding:4px 4px 4px 4px; 
	margin-bottom:7px; 
	color:#a9a9a9;
}
.input-submit{
	background-image:url(../images/but-send.gif); 
	background-repeat:no-repeat; 
	padding:0px; 
	margin:9px 80px 0px 0px; 
	border:0px; width:58px; 
	height:21px; 
	cursor:pointer; 
	float:right;
}
.textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	background-color:#ffffff; 
	border:1px solid #e3e3e3; 
	width:230px; 
	padding:4px 4px 4px 4px; 
	margin:0px; 
	color:#a9a9a9;
}
#loadBar{
	margin-top: 22px;
	width:325px;
	height:17px;
	border:1px solid #dcdcdc;
	background-color:#f2f2f2;
	color:#797979;
	text-align:center;
	padding:1px 30px 5px 30px;
}
#emailSuccess{
	margin-top: 22px;
	width:325px;
	height:17px;
	border:1px solid #dcdcdc;
	background-color:#f2f2f2;
	color:#797979;
	text-align:center;
	padding:1px 30px 5px 30px;
}
.loading-text{
	font-weight:bold;
	margin-left:5px;
	float:left;
}
.loading-form{
	width:16px;
	height:16px;
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	margin:2px 0px 0px 50px;
	float:left;
}

/*countdown*/


/* jQuery Countdown styles 1.5.11. */
.hasCountdown {
/*	border: 1px solid #ccc;
	background-color: #eee;*/
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	/*width: 24.5%; */
	width: 30px;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	display: block;
	width: 100%;
}