body
{
	background:		#fff;
	font-family:	Arial;
	margin-bottom:	20px;
}

#mainContainer
{
	width:		950px;
	margin:		0 auto;
	background:	#ffca02;
	position:	relative;
	margin-top: 15px;
	line-height:0;
	border:		1px solid black;
	-webkit-box-shadow: 0 5px 30px #000; 
	-moz-box-shadow: 0 5px 30px #000; 
}

#leftColumn
{
	width:		636px;
	background: #ed008c;
	float:		left;
}

#whaaaaaa
{

	margin:		0;
	padding:	0;
}

#header 
{
	background: black;
	padding:	50px 0 26px 0;
	border:		1px solid black;
}

#header h1
{
	margin:		0 auto 12px auto;
	width: 		600px;
	height: 	107px;
	background:	url(../images/the-love-knot-h1-2.png) -1px 0 no-repeat;
}

#header h4
{
	color:		#ffcb05;
	font-weight:normal;
	width:		571px;
	height: 	30px;
	font-size:	11px;
	background: url(../images/dont-miss-the-perfect.png);
	margin-left:	32px;
}

/* = = = = = = = = = = = = = = = = = =
	Right Column
   = = = = = = = = = = = = = = = = = = */

#rightColumn
{
	margin-left: 636px;
}


#sometimesLove
{
	width:			256px;
	height:			198px; /* instead of adding a margin-top we've just added that to the container height and then use offset in the background decleration */
	margin-left:	30px;
	margin-bottom:	28px;
	background: 	url(../images/sometimes-love-takes-you.png) 0 34px no-repeat;
}

#theDirectors
{
	margin-top:		10px;
}

#rightColumn h4
{
	/*font-family:	"Arial Narrow", Arial, sans-serif;
	font-weight:	normal;
	font-size:		20px;
	line-height:	1.6em;
	padding-left:	30px;
	padding-right:	5px;*/	
	background:		url(../images/newlyweds-hope-and-alan.png) 0 0 no-repeat;	
	width:			259px;
	height:			152px;
	margin-left:	30px;
	margin-bottom:	55px;
}

a.mainLinks:link,
a.mainLinks:visited,
a.mainLinks:hover,
a.mainLinks:active
{
	color:			white;
	text-decoration:none;
	font-weight:	bold;
	display:		block;
	text-align:		center;
	font-size:		16px;
	margin-top:		20px;
}

#smallKnot
{
	width:		187px;
	height:		30px;
	background: url(../images/the-love-knot-small.png) 0 0 no-repeat;
	margin:		55px auto 5px auto;
}

p#presentedBy
{
	font-size:		11px;
	font-weight:	bold;
	margin:			0 auto;
	text-align:		center;
	line-height: 	1em;
}

p#location
{
	margin-top:		28px;
	margin-bottom:	0;
	padding-bottom: 0;
	font-size:		11px;
	text-transform:	uppercase;
	text-align:		center;
	line-height:	1.3em;
}

/* = = = = = = = = = = = = = = = = = =
	Image Replace
   = = = = = = = = = = = = = = = = = = */

.imageReplace
{
	display:	block;
	text-indent:-999em;
}

/* = = = = = = = = = = = = = = = = = =
	Buy Tickets
   = = = = = = = = = = = = = = = = = = */

div#buyTicketsContent
{
	padding-left:	67px;
	padding-bottom:	1px;
}

ul.tickets
{
	font-weight:	bold;
	font-size:		11px;
	line-height:	15px;
	float:			left;
	margin-bottom:	58px;
}

ul#ticketsOne
{
	width: 			270px;
}

ul#ticketsTwo
{
	width: 			283px;
}


ul.tickets li.firstBranch
{
	margin: 25px 0 0 0;
	/*border-top: 1px solid #ff00cc;*/
}

ul.tickets li.location
{
	overflow:		visible;
	float: 			left;
	line-height:	11px;
	margin-top:		1px;
	padding-right:	5px;
	border-right: 	1px solid black;
}

ul.tickets li.dates
{
	padding-left:	5px;
	display: 		inline;
}

ul.tickets li.tickets
{
	margin-top:		2px;
}

ul.tickets a:link,
ul.tickets a:active,
ul.tickets a:visited,
ul.tickets a:hover
{
	text-decoration:	none;
	font-weight:		normal;
	color:				#f49ac1;
}

ul.tickets a:hover
{
	color: white;
}


/* = = = = = = = = = = = = = = = = = =
	Behind the Scenes
   = = = = = = = = = = = = = = = = = = */

table#bios
{
	margin-left:	50px;
	margin-right:	40px;
	margin-top:		20px;
}

table#bios td
{
	/*border: 1px solid red;	*/
}

table#bios td
{
	font-size:		12px;
	line-height:	2em;
	margin-bottom:	30px;
}

table#bios td
{
	padding-bottom: 20px;
}

table#bios td.headshot img
{
	vertical-align: text-top;
}

table#bios td.bio
{
	padding-left:	30px;
}