@import url('common.css');
@import url('menu.css');
@import url('form.css');
@import url('fonts/stylesheet.css');
/* CSS Document */

/* = RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY 
 ------------------------------------------ */

* { margin: 0; padding: 0;list-style:none ; text-decoration:none;}

html { overflow-y: scroll; }

a { outline: none; 	}

a img { border: none; }

img{ border:none}
.yellow{  color:#fff600;}


/* END RESET */

.clear{	clear:both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/

.clearfix {display:block;}

/* End hide from IE-mac */


/* = font reset
 ------------------------------------------ */
body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#fff;
	background:#25050f;
}
/* @group Font sizes */
/* basic font sizes */
p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1.2em ; /* 12px */
}
/* deal with likely (but certainly not all) inherited shrinkage */
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, li blockquote, blockquote p, form div div, form div p, fieldset div, table form div {
	font-size: 1em;
}

/* common styles
 ------------------------------------------ */
h1{	font-size:2.2em;}
h2{	font-size:2.1em;}
h3{	font-size:1.6em;}
h4{	font-size:1.5em;}
h5{	font-size:1.4em;}
h6{	font-size:1.3em;}

p{padding-bottom:20px;}
a, a:visited { color:#FFF; }
.pr{ position:relative;}


/* = page styles
 ------------------------------------------ */ 
 
body{
	text-align:center;
	/*background:url(../images/body.jpg) repeat-x;*/	
	color:#2d2d2d;	
}

body.artist{
	background:#25050f url(../images/artist.jpg) no-repeat top center;
}

body.guru{
	background:#25050f url(../images/guru.jpg) no-repeat top center;
}

body.ensemble{
	background:#25050f url(../images/orchestra.jpg) no-repeat top center;
}

body.photogallery{
	background:#25050f url(../images/photogallery.jpg) no-repeat top center;
}

body.invitation{
	background:#25050f url(../images/invitation.jpg) no-repeat top center;
}

body.rsvp{
	background:#25050f url(../images/rsvp.jpg) no-repeat top center;
}

body.venue{
	background:#25050f url(../images/venue.jpg) no-repeat top center;
}

body.directions{
	background:#25050f url(../images/directions.jpg) no-repeat top center;
}

body.video-gallery{
	background:#25050f url(../images/videogallery.jpg) no-repeat top center;
}
body.charity{
	background:#25050f url(../images/charity.jpg) no-repeat top center;
}
body.hotel{
	background:#25050f url(../images/hotels.jpg) no-repeat top center;
}
body.guestbook{
	background:#25050f url(../images/guestbook.jpg) no-repeat top center;
}
body.blog{
	background:#25050f url(../images/blog.jpg) no-repeat top center;
}
body.artform{
	background:#25050f url(../images/artform.jpg) no-repeat top center;
}


.wrapper{
	width:1105px;
	margin:0 auto;
	text-align:left;
}

/* = content styles
 ------------------------------------------ */
#content {
	padding:78px 50px 70px 50px;
	font-family:Verdana, Geneva, sans-serif;
}
#content h2{
	color:#f8e8a1;
	font-family: "Trajan Pro", Arial, Verdana;
	font-size:1.2em;
	margin-bottom:10px;
	font-weight:normal
}
#content h4{
	color:#ffffff;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:24px;
}
#content h3{
	font-family: "Trajan Pro", Arial, Verdana;
	font-size:2.4em;
	margin-bottom:10px;
	font-weight:normal;
	font-size:18px;
	color:#FFF;
	margin-bottom:50px
}
#content p{
	font-size:13px;
	line-height:20px;
}
/* = ensemble styles
 ------------------------------------------ */
.ensemble .block{
	position:relative;
	min-height:392px;
	height:auto !important;
	height:392px;
}
.ensemble .block .inside{
	/*padding:30px 27px 0 5px;*/
	padding:30px 27px 0 130px;
}
.inside p, .inside a{
	color:#e1ca8f;	
}
.ensemble .instrument{
	position:absolute;
	right:0px;
	top:0px;
}
.ensemble .symbol{
	display:block;
	text-align:center;
	color:#fff
}
.ensemble #content {
	padding:78px 50px 33px 50px;
}
.ensemble #content p{
	width:540px;
}
/* = Artist styles
------------------------------------------ */
.artist #content{
	min-height:860px;
	height:auto !important;
	height:860px;
	padding:0px 50px 58px 150px;
}
.artist #content p{
	width:380px;
}
.artist .block .inside{
	padding:122px 27px 54px 0px
}
.pr{ position:relative;}
.theartist{
	position:relative;
	z-index:1;	
}
#artistmedia{
	position:absolute;
	z-index:0;	
	top:50px;
	top:-30px;
	left:429px;
}

/* = Artform styles
------------------------------------------ */
.artform #content{
	min-height:750px;
	height:auto !important;
	height:750px;
	padding:20px 0px 87px 0px;
}
.artform .block .inside{
	padding:0px 27px 0px 0px
}
#artform{
	position:absolute;
	z-index:0;	
	top:0px;
	left:-50px;
}

/* = Guru styles
------------------------------------------ */
.guru #content {
	/*padding:88px 50px 80px 50px;*/
	padding:88px 50px 70px 50px;
}
.guru .block .inside{
	/*padding:18px 0 175px 0px;*/
	padding:18px 0 0px 0px;
}
.guru #guru-media{
	float:left;
	width:510px;	
}
.guru .txtblk{
	margin-top:90px;
	margin-left:30px;
	float:left;
	width:400px;	
}

/* = invitation styles
------------------------------------------ */
.invitation .block .inside{
	/*margin:-20px 27px 0px 140px;*/
	margin:21px 27px 0px 140px;
}

.invitation #content{
	/*padding:12px 50px 120px 162px;*/
	padding:62px 50px 120px 162px;
	
}

#icons{
	/*padding:60px 0 0 240px;
	padding:60px 0 10px 240px;*/
	position:absolute;
	top:-35px;
	left:380px;
}
#icons input{
	padding-right:25px;
}

/* = Venue styles
------------------------------------------ */
.venue #content{
	min-height:852px;
	height:auto !important;
	height:852px;
	padding:78px 50px 90px 50px;	
}

.venue #content .inside{
	/*padding:75px 0 0 360px;	*/
	padding:332px 0 0 70px;	
}
.venue #content .inside img{
	margin-bottom:8px;	
}


/* = RSVP styles
------------------------------------------ */
.rsvp #content{
	min-height:852px;
	height:auto !important;
	height:852px;
	/*padding:10px 50px 174px 50px;*/
	padding:10px 50px 145px 50px;
}
.rsvp #content .inside{
	/*padding:220px 0 0 130px;*/
	padding:200px 0 0 115px;
	min-height:730px;
	height:auto !important;
	height:730px;
}
.rsvp #content .inside img{
	margin-bottom:8px;	
}

/* = photogallery  styles
 ------------------------------------------ */
.photogallery #content{
	min-height:928px;
	height:auto !important;
	height:928px;
}
.photogallery #content .inside{
	/*padding:160px 0 0 0px;*/
	padding:150px 0 0 227px;
	padding:142px 0 0 280px;	
}

.photogallery #content {
	/*padding:0px 47px 108px 105px;*/
	padding:0px 47px 112px 105px;
	position:relative;
}
.pagelink{
	position:absolute;
	top:155px;
	left:0px;
}
.page-blk{
	text-align:center;
	width:130px;
	height:70px;
	padding-bottom:30px;
}
#content .page-blk h2{
	font-size:1.8em;
}
.pagelink a{
	font-size:15px;
	color:#f8e8a1;
}
.pagelink a:hover, .pagelink a.selected{
	color:#ff3e5c;
}

/* = video gallery styles
------------------------------------------ */
.video-gallery #content{
	min-height:936px;
	height:auto !important;
	height:936px;
	/*padding:78px 50px 22px 50px;*/	
	padding:78px 50px 8px 50px;
}

.video-gallery .videos{
	padding-top:72px;	
}

.video-gallery .videos ul li{
	float:left;
	margin:12px 20px 12px 20px;
	background:url(../images/visual.jpg) no-repeat top center;
	width:230px;
	height:250px;
	text-align:center;	
}

.video-gallery .videos ul li img{
	margin-top:30px;
	margin-left:-3px;	
}
.video-gallery .videos ul li span{
	display:block;
	padding-top:36px;	
}

/* = directions styles
 ------------------------------------------ */
 
 .directions #content{
	min-height:750px;
	height:auto !important;
	height:750px;
	padding:0px 50px 40px 50px;
	position:relative;
}

.directions #content .inside{
	/*padding:210px 0 0 400px;*/
	padding:170px 0 0 125px;
}

.directions #content .inside p{
	padding-bottom:12px;
}


/* = hotel styles
 ------------------------------------------ */ 
.hotel #content{
	min-height:900px;
	height:auto !important;
	height:900px;
	/*padding:125px 50px 208px 120px;*/
	/*padding:183px 50px 188px 120px;*/
	padding:183px 50px 180px 120px;
	position:relative;
}
.hotel #content .inside{
	padding:25px 0 0 0px;
}
.hotel #content p{
	padding-bottom:15px;
	line-height:16px;
}

/* = charity styles
------------------------------------------ */
.charity #content{
	/*padding:140px 50px 163px 120px;*/
	padding:133px 50px 208px 120px;
}

.charity #content p{
	width:420px;
	padding-bottom:12px;
}


/* = guestbook styles
------------------------------------------ */
.guestbook #content{
	min-height:635px;
	height:auto !important;
	height:635px;
}

/* = blog styles
------------------------------------------ */
.blog #content{
	min-height:635px;
	height:auto !important;
	height:635px;
}


/* = footer styles
 ------------------------------------------ */

#footer{
	height:203px;
	/*background: url(../images/footer.jpg) left -30px;*/
}

.dred{
		color:#e9458a;				
}

#footer a{
	color:#FFF;	
}
#footer a.yellow{
	color:#ffffb4;
}
#footer .footerleft{
	float:left;	
}

#footer .footerleft ul{
	padding:6px 0 0 46px;	
	border:#FF0;
}

#footer .footerleft ul li{
	line-height:28px;
	margin-bottom:6px;	
}

#footer .footerright{
	float:right;
	margin-right:12px;	
}

#footer .footerright ul li{
	float:left;
}
#footer .footerright ul{
	padding:0px 0 0 200px;	
}
#footer .footerright ul li a{
	display:block;
	height:79px;
	text-align:center;
	padding-top:20px;
}
#footer .footerright ul li.blog a{
	width:83px;
	background: url(../images/blog.png) no-repeat;

}
#footer .footerright ul li.rsvp a{
	width:112px;
	background: url(../images/rsvp.png) no-repeat;

}

#footer .footerright ul li.venue a{
	width:83px;
	background: url(../images/02.png) no-repeat;

}

#footer .footerright ul li.Directions a{
	width:102px;
	background: url(../images/03.png) no-repeat;

}

#footer .footerright ul li.Hotels a{
	width:129px;
	background: url(../images/04.png) no-repeat;

}

#footer .footerright ul li.book a{
	width:98px;
	background: url(../images/05.png) no-repeat;

}


#footer .footerright ul li a:hover,#footer .footerright ul li a.selected{
	background-position:left -99px;
	padding-top:80px;
	height:19px;
	color:#e9458a;				
}

#footer .footerbottom p{
	width:100%;
	text-align:center;
	padding-bottom:0;
	color:#f8e8a1;
}

#footer .footerbottom p a{
	color:#f8e8a1;
	font-size:12px;
	padding:0 10px;
}
#footer .footerbottom p.dred{
	padding:24px 0;	
}
#footer .footerbottom p.dred a{
	color:#ff3e5c;
}

#footer .footerbottom p a:hover, #footer .footerbottom p a.selected{
	color:#ff0175;	
}


input[type=submit], input[type=reset], button {
	background:#881e42;
	color:#f8e8a1;
	border:none;
	margin-right:6px;
	padding:0 8px;
	text-transform:uppercase;
	line-height:24px;
	font-size:10px;
	height:24px;	
}



/* videogallery styles */
#videogallery{
	float:left;
	margin-right:150px;
}
#videogallery-main{
		margin:72px 0 55px 116px;
		text-align:center;
}


.top{
	padding-top:20px;
}
.top a{
	width:30px;
	height:25px;
	display:block;
	position:absolute;
	right:147px;
	right:80px;
	bottom:120px;
}
#player{
	padding-top:30px;	
}
p#caption, #slideshow-main p{
	line-height:36px;	
}

.fit1{
	position:absolute;
	top:-60px;
	left:10px;
	
}
.fit2{
	position:absolute;
	top:330px;
	left:760px;
	
}
.fit3{
	position:absolute;
	top:880px;
	left:590px;

}
#mediaPlayer{
	position:absolute;
	width:50px;
	height:50px;
	/*top:-116px;
	right:460px;*/
	top:-51px;
	left:320px;
}
#mediaPlayer2{
	position:absolute;
	/*left:310px;
	top:870px;*/
	top:960px;	
	left:480px;
	width:50px;
	height:50px;

}
.drag{
	position:absolute;
	top:680px;
	z-index:12;
	width:1015px;
	left:670px;	
}

.view-map a, .print-dir a{
	position:absolute;
	height:100px;
	top:100px;
	display:block;
}
.view-map a{
	width:100px;
	right:420px;
}
.print-dir a{
	width:170px;
	right:230px;
}