﻿/*
/
/ Universal Styles
/
*/

/* USED TO DEFINE GLOBAL FONT-FAMILY */

body, p, table, th, td, p, span, li, h1, h2, a, input, div, textarea
{
	font-family: Arial;
}

body 
{
	background-color: #ffffff;
	margin: 0px;
}

/* Unordered Lists with disc bullets */
.disc
{
	list-style:disc;
	font-size:75%;
	font-weight:normal;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	list-style-position:outside;
	padding-left:20px;
	margin-left:20px;
}

.discFondue
{
	list-style:disc;
	font-size:75%;
	font-weight:normal;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	list-style-position:outside;
	padding-right:5px;
	margin-right:5px;
	padding-left:10px;
	margin-left:10px;
}

/*.discEvents
{
	list-style:disc;
	font-size:75%;
	font-weight:normal;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	list-style-position:outside;
	padding-left:10px;
	margin-left:10px;
}*/

.discEvents
{
	list-style:disc;
	list-style-type:disc;
	font-size:75%;
	font-weight:normal;
	margin:0px;
	padding:0px;
	
}

.discEvents li
{
	display:inline;
	list-style:disc;
	list-style-type:disc;
	padding:0px 1px 0px 1px;
}

.disc li
{
	padding-top:2px;
}

.circle
{
	list-style:circle;
	font-size:75%;
	font-weight:normal;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

/*Blue large font used for page headers*/
p.header
{
	padding-top: 10px;
	padding-bottom: 0px;
	color: #000000;
	font-size: 150%;
	font-family:Verdana;
	margin: 0px;	
}

p.headersp
{
	padding-top: 10px;
	padding-bottom: 0px;
	color: #000000;
	font-size: 60%;
	font-family:Verdana;
	margin: 0px;	
}



/*Bolded text used for section headers*/
p.caption
{
	font-size:80%;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 3px;
	margin-bottom:0px;
	margin-top:5px;
}

img.caption
{
	padding-top: 10px;
	padding-bottom: 3px;
	margin-bottom:0px;
	margin-top:5px;
}

.list
{
	font-size:75%;
	font-weight:normal;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 1px;
}

/* For use on the numerically ordered list on the wedding packages page (text indent to allow for lists with form 01, 02, 03...)*/
.list1
{
	font-size:75%;
	font-weight:normal;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 1px;
	text-indent: -21px;
	margin-left:21px;
}

/* menu list */
.hors
{
	margin: 0px 15px 0px 15px;
	text-align:justify;
	font-size:75%;
}

#menu p
{
	margin:0px;
	text-align:justify;
}

#menu_single_col p
{
	margin:0px;
}

/* Special fonts for layout on bar service page (center alignment, underline)*/
#menu_single_col p.menu_bar_section
{
	font-size:75%;
	font-weight:bold;
}

#menu_single_col p.menu_bar_section_ul
{
	font-size:75%;
	font-weight:bold;
	text-decoration:underline;
}

#menu_single_col p.menu_bar_subsection_ul
{
	font-size:70%;
	text-decoration:underline;
}

#menu_single_col p.menu_bar_subsection
{
	font-size:70%;
}

/* Used on home-page as "what type of bride are you?" and packages.html as "view a wedding video" */
/*currently replaced by gif files*/
h1
{
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:0px;
	color: #000000;
	font-size: 115%;
	font-weight:normal;
	font-family:Verdana;
}

/* Logo */
#logo
{
	width: 100%;
	border-bottom: solid 1px #c6c6c6;
}

#logo img
{
	padding: 10px 16px;
	border:0px;
}

/* tagline for inner pages */
#inner_pages_tagline
{
	float: left;
	width: 170px;
	height: 103px;
	border-right: solid 2px #ffffff;
}

/* Nav Bar */
#nav
{
	width: 115px;
	float: left;
	display: inline;
	background-color: #000000;
	overflow: hidden;
}

#nav div
{
	width: 100%;
	padding: 5px 0px;
	border-bottom: solid 2px #ffffff;
}

#nav div p
{
	padding: 0px 0px 5px 5px;
	margin: 0px;
}

#nav .selected
{
	background-color: #4b4a48;
	display:block !important;	
}

#nav .unselected
{
	display:none;
}

#nav div.nav_spacer
{
	padding-top: 2px;
	padding-bottom: 2px;
	height: 2px;
}

#nav div a
{
	text-decoration: none;
	font-size: 70%;
	color: #ffffff;
}

#nav .outer
{
	margin-left:5px !important;
	text-decoration: none;
	font-size: 70%;
	color: #ffffff;
}

/* copyright info */
#copyright_info
{
	width: 100%;
	background-color: #ffffff;
	color: #d1d0c3;
	font-size: 55%;
	font-family: Arial;
	border-top: solid 1px #dfdccb;
	margin-top: 5px;	
}

#copyright_info div
{
	padding-top: 5px;
	width: 920px;
	text-align: right;
}

/* Containers for formatting inner pages */
#container_outer
{
	width: 100%;
	background-color: #c6c6c6;
	border-top: solid 2px #ffffff;
}
#container_mid
{
	background-color: #000000;
	width: 917px;
	border-left: solid 2px #ffffff;
	margin-left: 16px;	
}

#container_inner
{
	background-color: #ece8e9;
	width: 787px;
	border-top: solid 2px #ffffff;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	padding:0px;
	float:left;
}

#container_header
{
	background-color: #c6c6c6;
	width: 802px;	
	float: left;
	overflow: hidden;
}

#single_column_container
{
	width:616px;
	padding:0px;
	margin:0px;
	float:left;
	overflow:auto;
}

#single_column_container_gallery
{
	width:616px;
	padding:0px;
	margin:0px;
	float:left;
}

.single_column
{
	width:586px;
	padding: 0px 15px 25px 15px;
	margin:0px;
}

.single_column_grade
{
	width:586px;
	padding: 0px 15px 25px 15px;
	background-image: url(../images/inner_wedding/inner_wedding_grade.jpg);
	background-repeat: repeat-y;
	margin:0px;
}

.single_column_experts
{
	width:550px;
	padding: 0px 15px 25px 15px;
	margin:0px;
}

.single_column_grade_experts
{
	width:550px;
	padding: 0px 15px 25px 15px;
	background-image: url(../images/inner_wedding/inner_wedding_grade.jpg);
	background-repeat: repeat-y;
	margin:0px;
}

.single_column_right_image
{
	width:170px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
}

.single_column_right_image img
{
	border:0px;
}

.double_column_left
{
	width:248px;
	padding: 0px 15px 0px 0px;
	float: left;
}

.double_column_right
{
	width:248px;
	padding: 0px 15px 0px 15px;
	float: left;
}
/*End of Universal Styles*/

/*
/
/Page Specific Styles
/
*/

/*
/
/ Homepage 
/
*/

/* upper panel */
#homeheader
{
	border-top: solid 2px #ffffff;
	background-color: #c6c6c6;
	width: 100%;
	height: 291px;
}

#home_left_panel
{
	width: 16px;
	height: 291px;
	background-color: #c6c6c6;
	float: left;
	border-right: solid 2px #ffffff;
}

#main_image
{
	width: 788px;
	height: 291px;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	float: left;
}

#tagline
{
	float: left;
	width: 170px;
	border-right: solid 2px #ffffff;
}
/* end upper panel */

/* middle pannel */
#hometext
{
	width: 100%;
	border-top: solid 2px #ffffff;
	background-color: #f4f2f3;
	background-image: url(../images/home/swirls.jpg);
	background-repeat: no-repeat;
	background-position:left top;
}

#home_image_left
{
	background-image: url(../images/home/home_left_panel_upper.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 100%;
	width: 100%;
}

#hometext_contentHead
{
	margin:15px 0 0 30px;
	/*width: 800px;*/
}

#hometext_contentHead img
{	
	margin: 5px auto;
}

#hometext_contentLeft, #hometext_contentCenter, #hometext_contentRight{
font-size:85%;
font-family:Century Gothic, arial;
}

#hometext_contentLeft
{
	float: left;
	width: 290px;
	padding: 3px;
	/*height: 200px;*/
	margin-left: 10px;
	text-align:center;
	/*padding-bottom: 15px;*/
}

#hometext_contentCenter
{
	float: left;
	margin:0px 14px 20px;
	width: 364px;
	padding: 3px;
	/*padding-bottom: 15px;*/
}

#hometext_contentRight
{
	float: left;
	width: 240px;
	/*padding-bottom: 15px;*/
}

#hometext_contentRight img
{
	margin: 5px;
}

#hometext_content div
{
	padding:0px 0px 10px 0px;
}

#hometext_contentHead .Awards
{
margin-left:45px;
}

#hometext_contentHead .Awards img{
padding-right:15px;
}

/* end middle panel */

/* bottom panel */
#homebottom
{
	width: 100%;
	height: 150px;
	background-color: #ece8e9;
	background-image: url(../images/home/home_left_panel_lower.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:auto;
}

#homebottom_left_content
{
	margin-left:265px;
	width:150px;
	float: left;
}

#homebottom_left_image
{
	/* margin-left: 265px; */
	margin-left: 210px;
	padding-top: 25px;
	padding-bottom: 3px;
	display:inline;
	float: left;
}

#homebottom_right_content
{
	margin-left:495px;
	width:150px;
}

#homebottom_right_image 
{
	margin-left: 75px;
	padding-top: 25px;
	padding-bottom: 3px;
	float:left;
	display:inline;
	
}

#homebottom_left_content h1,
#homebottom_right_content h1
{
	margin-top: 0px;
	margin-bottom: 4px;	
	padding-bottom: 0px;
}
/* end bottom panel */
/* end home pahe */
	
/*
/
/ Photo Gallery 
/
*/

/* Upper panel */
#gallery_header_image
{
	width: 615px;
	height: 103px;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	float: left;
}
/* end upper panel */

/* middle pannel */
#gallery_middle_panel
{
	width:615px;
	float:left;
}
#gallery_main_image
{
	width: 615px;
	height: 320px;
}
/* filter form elements */
#gallery_filter_container
{
	height:320px;
	width: 170px;
	border-left: solid 1px #ECE8E9;
	background-color: #ECE8E9;
	color: #000000;
	font-size: 70%;
	font-family: Arial;
	font-weight:bold;
	float: left;
	margin:0px;
	padding:0px;
}

#gallery_filter_container_header
{
	/*height: 36px;*/
	width: 100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#gallery_filter_container_mid
{
	height:286;
	background-color: #ECE8E9;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-left:solid 20px #ECE8E9;
	overflow:hidden;
}
#gallery_filter_container_mid
{
	padding:15px 0px 15px 0px;
}

#gallery_filter_container h4
{
	color: #000000;
	font-size: 150%;
	font-family: Arial;
	float: left;
	padding: 7px 0px 5px 23px;
	font-weight:bold;
	margin:0px;
}

#gallery_filter_container h5
{
	color: #000000;
	font-size: 110%;
	padding-top:10px;
	padding-left: 2px;
	font-family: Arial;
	font-weight:bold;
	margin: 0px;
}

#gallery_filter_container_footer
{
	position:relative;
	height: 23px;
	width: 100%;
	background-color:#ECE8E9;
	overflow:auto;
	padding:0px;
	margin:0px;
}

.gallery_filter_container_submit
{
	position:absolute;
	background-color: #ECE8E9;
	background-image:url(../images/inner_gallery/submit_arrow.gif);
	background-repeat: no-repeat;
	background-position:right;
	border: 0px;
	color: #000000;
	font-size:120%;
	font-family: Arial;
	font-weight:bold;
	right:5px;
	top:0px;
}

#gallery_filter_container p
{
	margin: 5px 0px 0px 0px;
}
/* end filter form elements */
/* end middle panel */

/*lower panel */
#gallery_sub_image
{
	border-top: solid 2px #ffffff;
	float: left;
	width: 100%;
	/*text-align:justify;*/
}

#gallery_sub_image img
{
	border-right: solid 1px #ffffff !important;
	border-left: solid 1px #ffffff !important;
	border-top:none;
	border-bottom:none;
	margin:0px;
	padding:0px;
	
}

.galleryThumb
{
	width:83px;
	height:84px;
}

.navImage
{	
	/*vertical-align:-45px;*/
	border-width:1px;
	width:6px !important;
	height:7px !important;
	padding-right:30px;
	
}

/* end lower panel */
/* end Photo Gallery */

/* 
/
/Wedding Packages 
/
*/

/* upper panel */
#wedding_main_panel_upper
{
	width: 777px;
	background-color: #ece8e9;
	padding: 0px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
}

#wedding_main_panel_upper_header
{
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	width: 99%;
	padding-bottom: 0px;
	overflow:auto;
}

/* for single column wedding package pages*/
#wedding_main_panel_upper_col,
#wedding_main_panel_lower_col
{
	width:556px;
}

/*for two and three column wedding package pages*/
#wedding_main_panel_upper_col1
{
	width: 314px;
	/*height: 240px;*/
	overflow:auto;
	float: left;
	margin:0px;
	padding:0px;
}

#wedding_main_panel_upper_col2
{
	width: 242px;
	/*height: 240px;*/
	overflow:auto;
	float:left;
	margin-left: 20px;
}

#wedding_video
{
	height: 240px;
	width: 160px;
	float:left;
	margin-left: 37px;
	overflow:auto;
}

#see_video
{
	padding-top:5px;
}

#see_packages
{
	padding-top:25px;
}
/*end upper panel */

/* lower pannel */
#wedding_main_panel_lower
{
	width: 100%;
	margin:0px;
	padding: 0px 0px 25px 10px;
	background-image: url(../images/inner_wedding/inner_wedding_grade.jpg);
	background-repeat:repeat-y;
}

#wedding_main_panel_lower_col1
{
	width: 314px;
	float: left;
	margin:0px;
	padding:0px;
}

#wedding_main_panel_lower_col2
{
	width: 242px;
	float:left;
	margin-left: 20px;
}
/* end lower panel */
/* end Wedding Packages */

/* 
/
/Menu 
/
*/

/* menu fonts */
#menu
{
	padding-bottom: 0px 0px 25px 0px;
	margin: 0px;
	list-style: disc;
	width:777px;
}

#menu_single_col
{
	padding-bottom: 0px 0px 25px 0px;
	margin: 0px;
	list-style: disc;
	width:586px;
}

.menu_fondue_column
{
	width:130px;
	float:left;
}

/* end menu fonts */

/* menu structure*/

/*.menu_header
{
	padding:0px 15px 0px 15px;
	width:100%;
	margin:0px;
}
*/
.menu_header_nav
{
	font-size: 70%;
	padding-left:15px;
	width:500px;
}

.menu_header_nav div
{
	padding:0px 15px 0px 0px;
	margin-top:5px;
	float:left;
	text-align:center;
	/*text-align: left;
   margin: 0 auto;
   width:100px;*/
}

.menu_header_nav a
{
	color:#4b4a48;
}


.menu_header_nav .active
{
	color:#000000;
	font-weight:bold;
}


.menu_cross_divider
{
	width:100%;
	padding:0px 0px 0px 15px;
	margin: 0px;
	
}

.menu_cross_divider_partial
{
	width:556px;
	padding:0px 15px 0px 15px;
	margin: 0px;
}

.menu_col1
{
	width:367px;
	float:left;
	padding:0px 7px 0px 15px;
}

.menu_col2
{
	width:366px;
	float:left;
	padding:0px 15px 0px 7px;
}

.menu_bar_col
{
	width:150px;
	float:left;
	padding:0px 7px 0px 15px;
}

.menu_section
{
	width:100%;
	padding: 15px 0px 0px 0px;
}

#menu_footer_nav
{
	width:100%;
	padding:25px 15px 25px 15px;
	font-size:70%;
}

#menu_footer_nav_left
{
	width:367px;
	text-align:left;
	float:left;
}

#menu_footer_nav_right
{
	width:366px;
	text-align:right;
	float:left;
}

.menu_col_hors
{
	width:556px;
	padding:0px 15px 0px 15px;
}

.menu_col_bar
{
	width:586px;
	padding:0px 15px 0px 15px;
}

.menu_bar_box
{
	width:500px;
	padding:15px;
	margin:15px 0px 0px 0px;
	border: solid 1px #000000;
}

.menu_bar_box div
{
	padding: 5px 0px 5px 0px;
}

.menuLink
{
	text-decoration:none;
	color:#000000;
}

/* end menu structure*/
/* end Menu */

/* Ceremonies */

#ceremonies div 
{
	padding: 5px 0px 5px 0px;
}
/* End Ceremonies */

/* Contact */
.form_section
{
	width:100%;
}

.form_section div
{
	margin-bottom:5px;
	clear:both;
}

.form_section div .label
{
	display:block;
	width:200px;
	float:left;
	padding:5px;
	font-size:70%;
	font-weight:normal;
}

.form_section .widget
{
	float:left;
	font-size:70%;
	font-weight:normal;
	width:200px;
}

.form_section .widget2Col
{
	float:left;
	font-size:70%;
	font-weight:normal;
	width:40px;
}

.form_section .widget4Col
{
	float:left;
	font-size:70%;
	font-weight:normal;
	width:50px;
}

.form_section .widgetTextArea
{
	float:left;
	font-size:70%;
	font-weight:normal;
	width:200px;
	height:60px;
}

.form_section .widgetButton
{
	float:left;
	width:100px;
	font-size:70%;
	margin:5px 4px 0px 0px;
}

/* end contact */





/*
/
/ End of page specific styles 
/
*/

/*
/
/Fonts
/
*/

.menu_section h5
{
	font-size:80%;
	color:#000000;
}



/* IMAGE MANAGER */
#container_header h1
{
	padding:5px 0 5px 20px;
	font-size:150%;
	border-right:solid 2px white;
	width:769px;
}

h3
{
	font-size:125%;
	font-family:Verdana;
	font-weight:normal;
}

.adminLbl,
.adminWidget,
.adminTableBtn
{
	font-size:85%;
}

.adminWidget
{
	margin-bottom:10px;
	width:175px;
}

.adminTableBtn
{
	width:75px;
}

.imageView
{
	margin-top:50px;
}

#imageTbl
{
}

#imageTbl tr
{
	margin:5px 0;
}

#imageTbl tr th
{
	font-size:90%;
	text-align:left;
	padding-right:15px;
	width:100px;
}

#imageTbl tr td
{
	font-size:85%;
	padding:2px 0;
	text-align:left;
}

.errorLbl
{
	color:Red;
}

.error
{
	color:red;
}

.valid
{
	color:Black;
}