@charset "utf-8";
/* CSS Document */

body
{
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	margin:0 auto 0 auto;
	behavior:url(/csshover.htc);
	margin-top:15px;
	font-size:12px;
}

div#page
{
	width:760px;
	border:3px solid #4e1607;
	margin:0 auto 0 auto;
}

div#banner
{
	width:760px;
	float:left;
	height:126px;
	margin:0px;
	padding:0px;
}
div#header
{
	width:760px;
	background-image:url(../images/bg-bottom.jpg);
	height:88px;
	float:left;
}

div#navTop
{
	width:760px;
	float:left;
	background-image:url(../images/bg-abovenav.jpg);
	background-repeat:repeat-x;
}

div#navContainer
{
	width:760px;
	float:left;
	background-color:#d8d3b5;
	height:40px;
}

div#content
{
	width:760px;
	float:left;
	background-image:url(../images/bg-main.jpg);
	padding-top:20px;
}


div#logo
{
	width:200px;
	float:left;
	height:360px;
	padding-left:30px;
	padding-top:30px;
}

div#video
{
	width:530px;
	float:left;
	height:360px;
}

div#text
{
	width:700px;
	float:left;
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	font-size:12px;
}

div#contentBottom
{
	width:760px;
	float:left;
	margin:0px;
	padding:0px;
}

div#footer
{
	width:760px;
	text-align:center;
	font-size:10px;
	color:#a9a685;
	float:left;
	margin-top:10px;
	margin-bottom:25px;
	line-height:20px;
}

div#footer3
{
	width:760px;
	text-align:center;
	font-size:10px;
	color:#a9a685;
	float:left;
	margin-top:10px;
	margin-bottom:25px;
	line-height:20px;
}

/*Template Styles*/

div#contentTemplate
{
	width:760px;
	float:left;
}

div#headerTemplate
{
	width:760px;
	float:left;
	height:37px;
}

div#headerTemplateAbout
{
	width:760px;
	float:left;
	height:37px;
	background-image:url(../images/header-about.jpg);
	background-repeat:no-repeat;
}


div#headerTemplateWedding
{
	width:760px;
	float:left;
	height:37px;
	background-image:url(../images/header-weddings.jpg);
	background-repeat:no-repeat;
}

div#headerTemplateEvents
{
	width:760px;
	float:left;
	height:37px;
	background-image:url(../images/header-events.jpg);
	background-repeat:no-repeat;
}

div#headerTemplateGala
{
	width:760px;
	float:left;
	height:37px;
	background-image:url(../images/header-galas.jpg);
	background-repeat:no-repeat;
}

div#headerTemplateContact
{
	width:760px;
	float:left;
	height:37px;
	background-image:url(../images/header-contact.jpg);
	background-repeat:no-repeat;
}


div#leftNav
{
	width:175px;
	float:left;
}

div#video
{
	width:136px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	float:left;
}

div#rightSide
{
	width:560px;
	float:left;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:20px;
}
	


h1
{
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#4e1607;
	padding-bottom:8px;
}

h2
{
	font-size:14px;
	font-weight:bold;
	color:#4e1607;
}

a, a:visited
{
	font-weight:bold;
	color:#4e1607;
	text-decoration:none;
}

a:hover, a:active
{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.small
{
	font-size:9px;
}


/*--- CSS Document --------------------------------------------------------------------------
	File Name: holyhack.css
	Date: 6-22-06
	Description: Holy Hack for keeping divs from collapsing when they hold no content (floated divs) 
	Note: This is a hack for Internet Explorer 6 (This may not work for Internet Explorer 7)
-------------------------------------------------------------------------------------------*/

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

/* for ie on a mac */
.clearfix
{
	display: inline-table;
}

/* Hides from IE-mac \*/
*html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/* End hide from IE-mac */