@charset "UTF-8";

html{
	background-image:url(/images/our_wedding/2/bg.png);
	background-repeat:repeat-x;
	background-color:#f5fcfd;
}

body  {
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	margin-top:15px;

}

a {
color:#253d72;
text-decoration:none;
}

a:hover {
text-decoration:underline;
color:#d41d1f;

}


form {
padding:0px;
margin:0px;
}


.twoColFixRtHdr{
width:968px;
margin:auto;
	background-image:url(/images/our_wedding/2/side-dot.png);
	background-position:left;



}

.twoColFixRtHdr #container { 
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url(/images/our_wedding/2/mid-divide.png);

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-repeat:repeat-y;
	border:solid 10px #fff;
	border-top:solid #fff 20px;
} 
.twoColFixRtHdr #header { 
	background: #ffffff; 
	
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 310px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:0px;
	margin-top:10px;	
	padding:0px;
	margin-right:5px;

}


.twoColFixRtHdr #sidebar1 div.box{

	margin:10px;
	padding:20px;
	margin-top:0px;
	margin-bottom:10px;
	padding-right:20px;
		padding-top:15px;
			font-variant:small-caps;



}


.twoColFixRtHdr #sidebar1 div.box a{

color:#5078a3;
}




.twoColFixRtHdr #sidebar1 div.ad{

	padding:0px;
padding-top:10px;
padding-left:10px;



}


.twoColFixRtHdr #sidebar1 h3{

	margin:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	line-height:43px;
	color:#ffffff;
	font-weight:normal;
	font-size:115%;
	font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding-left:20px;


}


.twoColFixRtHdr #sidebar1 h4{

margin:0px;
padding:0px;

}


.twoColFixRtHdr #sidebar1 a{

	text-decoration:none;

}

.twoColFixRtHdr #sidebar1 a:hover{

	text-decoration:underline;

}



.twoColFixRtHdr #sidebar1 #ad{

padding-left:0px;

}


.twoColFixRtHdr #sidebar1 p{
padding:0px;
margi-top:5px;
padding-left:10px;

}


.twoColFixRtHdr #sidebar1 p a{

	color:#5078a3;
	text-decoration:none;
	padding-bottom:5px;
}


#BlueH3 {
background-image:url(/images/our_wedding/2/box-title.png);
height:50px;
}


#BlueH3 a{
color:#84aac4;

}



#RedH3 {
background-image:url(/images/our_wedding/2/box-title.png);
background-position:100% -55px; /*Shift background image up*/
height:50px;

}


#RedH3 a{
color:#d62b2d;
}


#OrangeH3 {
background-image:url(/images/our_wedding/2/box-title.png);
background-position:100% -110px; /*Shift background image up*/
height:50px;

}


#OrangeH3 a{
color:#f68500;

}

#GreenH3 {
background-image:url(/images/our_wedding/2/box-title.png);
background-position:100% -165px; /*Shift background image up*/
height:50px;

}

#GreenH3 a{
color:#917600;

}



#adH3Small {
background-image:url(/images/our_wedding/2/box-title-150.png);
height:24px;
padding:0px;
margin:0px;

}

#adH3Small a{
font-size:8pt;
line-height:18pt;
padding:0px;
margin:0px;
padding-right:10px;
color:#ccc;
}



#planningH3Small {
background-image:url(/images/our_wedding/2/box-title-divide.png);
background-repeat:repeat-x;
background-position:bottom;
height:43px;
color:#d62b2d;
font-family:Georgia, "Times New Roman", Times, serif;
}

#planningH3Small a{
color:#d62b2d;
margin:0px;
}

#locationsH3Small {
background-image:url(/images/our_wedding/2/box-title-divide.png);
background-repeat:repeat-x;
background-position:bottom;
height:43px;
color:#917600;
font-family:Georgia, "Times New Roman", Times, serif;
}

#locationsH3Small a{
color:#917600;
margin:0px;
}

#styleH3Small {
background-image:url(/images/our_wedding/2/box-title-divide.png);
background-repeat:repeat-x;
background-position:bottom;
height:43px;
color:#84aac4;
font-family:Georgia, "Times New Roman", Times, serif;
}

#styleH3Small a{
color:#84aac4;
margin:0px;
}

#necessitiesH3Small {
background-image:url(/images/our_wedding/2/box-title-divide.png);
background-repeat:repeat-x;
background-position:bottom;
height:43px;
color:#f68500;
font-family:Georgia, "Times New Roman", Times, serif;
}

#necessitiesH3Small {
color:#f68500;
margin:0px;
}


.twoColFixRtHdr #topSponsor {
height:35px;
padding:10px;
padding-bottom:0px;
}


.twoColFixRtHdr #mainContentBox {
	float: right; /* since this element is floated, a width must be given */
	width: 270px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */


}

.twoColFixRtHdr #mainContentBox p{

	padding:4px;
	/*background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	margin-top:0px;
	margin-bottom:10px;
	width: 230px;
	margin-right:10px;

}


.twoColFixRtHdr #mainContentBox p img{

	margin-top:5px;
	margin-bottom:5px;
	padding:3px;
	border:solid #eee 1px;
	margin-left:-4px;
}


.twoColFixRtHdr #mainContentBox h3{

	margin-bottom:0px;
	margin-top:0px;
	line-height:43px;
	padding-left:10px;
	color:#ffffff;
	font-size:115%;

}


.twoColFixRtHdr #mainContentBox a{

	

}

.twoColFixRtHdr #mainContentBox a:hover{

	text-decoration:underline;

}


.twoColFixRtHdr #mainContentBox p a{

	
}





.twoColFixRtHdr #mainContent { 
	 
	width:558px;

	/*margin: 0 250px 0 0;  the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-left:5px;
} 
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	margin-left:20px;
	text-align:left;
	text-transform:uppercase;
	font-size:9pt;
	
	
	background-image:url(/images/our_wedding/2/box-title-divide.png); width:870px; background-repeat:repeat-x; padding-top:20px; background-color:#f0f9fe; padding-bottom:20px; margin:auto;
} 


.twoColFixRtHdr #footer ul{
list-style:none;
padding:0px;
margin:0px;
padding-top:10px;
} 


.twoColFixRtHdr #footer ul a{


}


.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(/images/our_wedding/2/our_wedding/formbg.gif) repeat-x left top;
}

.search-field{
width:200px;

}



.twoColFixRtHdr #archiveRow {
display:block;
height:100px;
margin-bottom:10px;
padding-left:20px;
padding-right:20px;
padding-top:5px;
background-image:url(/images/our_wedding/2/box-title-divide.png);
background-repeat:repeat-x;
background-position:bottom;
}


.twoColFixRtHdr #archiveRow a{
font-family:Georgia, "Times New Roman", Times, serif;

}

.twoColFixRtHdr #archiveRow img{
border:solid 1px #e8edf0;
padding:3px;
margin-right:10px;
height:75px;

}


/* Top Navigation */

.twoColFixRtHdr #topnav {

	background-color:#606163;
	background-image:url(/images/our_wedding/2/top-nav.gif);
	width:100%;
	height:46px;

}

.twoColFixRtHdr #topnav ul {
	list-style-type: none;
margin:0;
margin-left: 7px; /*Left offset of entire tab menu relative to page*/
padding:0;
padding-top:7px;

}

.twoColFixRtHdr #topnav li {
	display:inline;
margin:0;
padding:0;

}


.twoColFixRtHdr #topnav a {

float:left;
background:url(/images/our_wedding/2/nav-left.png) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 4px;
text-decoration:none;
	

}


.twoColFixRtHdr #topnav a span{


float:left;
display:block;
background:url(/images/our_wedding/2/nav.png) no-repeat right top;
text-transform:uppercase;
color:#253d72;
padding-left:10px;
padding-right:14px;
padding-top:8px;
padding-bottom:7px;
text-decoration:none;
	font-size:10.5pt;
	letter-spacing:1pt;


}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
.twoColFixRtHdr #topnav a span{float:none;}
/* End IE5-Mac hack */



.twoColFixRtHdr #topnav a:hover span{
	color:#253d72;
	text-decoration:underline;


}


.twoColFixRtHdr #topnav #current a{
 /*Selected Tab style*/
background-position:0 -32px; /*Shift background image up to start of 2nd tab image*/
}


.twoColFixRtHdr #topnav #current a span{
 /*Selected Tab style*/
background-position:100% -32px; /*Shift background image up to start of 2nd tab image*/
		color:#253d72;
		text-decoration:none;


}


.twoColFixRtHdr #topnav a:hover{ /*onMouseover style*/
background-position:0% -32px; /*Shift background image up to start of 2nd tab image*/
}


.twoColFixRtHdr #topnav a:hover span{ /*onMouseover style*/
background-position:100% -32px; /*Shift background image up to start of 2nd tab image*/
}



/* Top Logo Row */


.twoColFixRtHdr #logorow {
	height:120px;
	background: #fff;
	padding:0px;
	margin:0px;
}

.twoColFixRtHdr #logorow .logo {
	width:275px;
	display:inline;
	float:left;
	padding-left:10px;
	padding-top:5px;
}



.twoColFixRtHdr #logorow .leftoflogo {
	display:inline;
	padding-right:89px;
}


.twoColFixRtHdr #logorow .rightoflogo {

	display:inline;
	margin-left:300px;
	float:right;
	margin-top:0px;
	padding-right:5px;

}

.twoColFixRtHdr #logorow .rightoflogo span{
	vertical-align:middle;
	padding-bottom:20px;
	padding-right:10px;
	}

.twoColFixRtHdr #logorow .rightoflogo span input{

line-height:50px;

}


#search_select
{
	border:solid 1px #afe3f1;
font-size: 12pt;
background-color: #f5fcfd;
padding-top: 0.3em;
padding-right: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.3em;
width: 100%;
margin-top:5px;
}

#search_box {
border:solid 1px #afe3f1;
font-size: 12pt;
background-color: #f5fcfd;
padding-top: 0.3em;
padding-right: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.3em;
width: 15em;
height:20px;
}


#search_button {

margin: 0pt;
padding:0pt;
cursor: pointer;
height: 2em;
width: 5em;
font-size: 1.2em;

}


/* Leaderboard Banner Row */

.twoColFixRtHdr #leaderboardrow {
	background-color:#4f4f4f;
	text-align:center;
	padding:10px;
}


/* Section Top */

.twoColFixRtHdr #sectionTop {
margin-bottom:10px;
}


/* Article */

.twoColFixRtHdr #article img{
border:solid 1px #e8edf0;
padding:3px;
}

.twoColFixRtHdr #article h1{
margin:0px;
}

.twoColFixRtHdr #article h3{
}

.twoColFixRtHdr #pagetools{
margin-top:5px;
border:solid 1px #eeeeee;
padding:3px;
}

.twoColFixRtHdr #pagetoolsShare{
padding:5px;
width:415px;
background-color:#eeeeee;
}

.twoColFixRtHdr #pagetoolsShare img{
vertical-align:middle;
}


.twoColFixRtHdr #pagetoolsComment{
float:right;
display:inline;
padding:5px;
background-color:#eeeeee;

}




/* Comments Box */


#commentmodule {
	padding-top:10px;
	margin-top:10px;
	}

.commentcontent{
	background-color:#eeeeee;
	padding:10px 10px 0 10px;
}

.buttondiv{
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
}

.flagged {
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
	color:#FF0000;
}
.commenttools {
	text-align:right;
	padding:5px;
	}

.commenttitle {
	padding:5px;
	margin-bottom:5px;
	font-weight:bold;
		}

.comment {
	margin-bottom:10px;
	}
	
.commenttitle .stats {
	float:right;
	text-align:right;
	font-weight:normal;
	text-transform:uppercase;
	}
	
.commenttitle .responseID {
	text-transform:uppercase;
	}
	
.commenttitle .commentauthor {
	text-transform:uppercase;
	}

textarea#commentField {
	width:100%;
	height:200px;
	
	}
	
table#commentForm {
	width:100%;
		background-color:#333;
			border-top:solid #333 50px;
padding-top:20px;



		}
	
table#commentForm td {
	color:#fff;
	}
	
.comments h6 {
font-size:100%;
}

#commentForm h6 {
font-size:100%;
padding:0px;
margin:0px;
}

table#commentForm td {
padding:0px;
margin:0px;
	border:solid #333 20px;

}

.comments {

width:100%;
}



/* Filter Categories */

.twoColFixRtHdr #filterCategory {
padding:0px;
margin:0px;


}

.twoColFixRtHdr #filterCategory ul {
margin:0px;
padding:0px;

}

.twoColFixRtHdr #filterCategory ul li{

display:inline;
float:left;
border:solid 1px #eee;
padding:3px;
margin:5px;
margin-left:0px;
margin-right:10px;
}

.twoColFixRtHdr #filterCategory ul li:hover{
border:solid 1px #ccc;
padding:3px;
}


.twoColFixRtHdr #filterCategory a.textlink{
margin:0px;
padding:0px;
padding-left:10px;
line-height:25px;
}

.twoColFixRtHdr #filterCategory img {
width:90px;
margin:10px;
height:50px;
border:0px;

}

.BrowseCityLink {
color:#5078a3;

}


#mid {
padding:0px;
margin:0px;
margin-top:5px;


}

#mid p{
margin:0px;
}

#mid h1{
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

#mid .midHeadBlue{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
	background-position:0px 0px; /*Shift background image up*/
	width:555px;

}


#mid .midMainBlue{
	background-image:url(/images/our_wedding/2/mid-bg-blue.png);
	background-repeat:repeat-y;
		background-position:0px 0px; /*Shift background image up*/
		padding-left:20px;
		width:555px;


}

#mid .midFootBlue{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
	background-position:0px -31px; /*Shift background image up*/
	margin-bottom:10px;
width:555px;
}

#mid .midMainBlue h1{
color:#84aac4;

}


#mid .midMainBlue a{
color:#84aac4;

}

#mid .midMainBlue h3{
color:#84aac4;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0px;
margin:0px;

}


#mid .midHeadRed{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
		background-position:0px -55px; /*Shift background image up*/
				width:555px;

}


#mid .midMainRed{
	background-image:url(/images/our_wedding/2/mid-bg-red.png);
	background-repeat:repeat-y;
		background-position:0px 0px; /*Shift background image up*/
		padding-left:20px;
				width:555px;

}

#mid .midFootRed{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
	background-position:0px -85px; /*Shift background image up*/
		margin-bottom:10px;
				width:555px;


}

#mid .midMainRed h1{
color:#d62b2d;
margin:0px;


}


#mid .midMainRed a{
color:#d62b2d;
margin:0px;


}


#mid .midHeadOrange{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
		background-position:0px -110px; /*Shift background image up*/
				width:555px;

}


#mid .midMainOrange{
	background-image:url(/images/our_wedding/2/mid-bg-orange.png);
	background-repeat:repeat-y;
		background-position:0px 0px; /*Shift background image up*/
		padding-left:20px;
				width:555px;

}

#mid .midFootOrange{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
	background-position:0px -140px; /*Shift background image up*/
		margin-bottom:10px;
				width:555px;


}


#mid .midMainOrange h1{
color:#f68500;
margin:0px;

}


#mid .midMainOrange a{
color:#f68500;
margin:0px;

}


#mid .midHeadGreen{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
		background-position:0px -166px; /*Shift background image up*/
				width:555px;

}


#mid .midMainGreen{
	background-image:url(/images/our_wedding/2/mid-bg-green.png);
	background-repeat:repeat-y;
		background-position:0px 0px; /*Shift background image up*/
		padding-left:20px;
				width:555px;

}

#mid .midFootGreen{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
	background-position:0px -195px; /*Shift background image up*/
		margin-bottom:10px;
				width:555px;


}

#mid .midMainGreen h1{
color:#917600;
margin:0px;

}


#mid .midMainGreen a{
color:#917600;
margin:0px;

}



#mid .midHeadWhite{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
	background-position:0px -220px; /*Shift background image up*/
			width:555px;

}


#mid .midMainWhite{
	background-image:url(/images/our_wedding/2/mid-bg-white.png);
	background-repeat:repeat-y;
		background-position:0px 0px; /*Shift background image up*/
		padding-left:20px;
				width:555px;

}

#mid .midFootWhite{
	background-image:url(/images/our_wedding/2/mid.png);
	background-repeat:no-repeat;
	background-position:0px -254px; /*Shift background image up*/
		margin-bottom:10px;
				width:555px;


}

#mid .midMainWhite h1{
color:#253d72;
margin:0px;

}

#mid .midMainWhite a{
color:#253d72;
margin:0px;

}


#mid .midMainWhite h3{
color:#253d72;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0px;
margin:0px;

}




/* photoFader menu */

.photoFader-gallery {
	position:relative;
	margin:0px;
	margin-top:20px;
	}
	

.photoFaderMenu {
	margin:0;
	padding:0;
	width:33%;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:14px;
	width:100%;
	background-color:#fff;
	margin-bottom:40px;
}

.photoFaderMenu div{
	background-image:url(/images/our_wedding/2/box-title-150.png);
	float:left;
	width:170px;
	padding:0px;


}

.photoFaderMenu div, #photoFaderMenu div.unselected {
	padding:0 0 0 0px;
	text-align:left;
	border:none;
	margin-bottom:3px;
	color:#666;
	background-image:url(/images/our_wedding/2/box-title-150.png);
	background-position:-57px -51px;
	text-align:center;

}

.photoFaderMenu div:hover {

}

.photoFaderMenu div.selected, #photoFaderMenu div.selected:hover {
	background-position:-57px -23px;


}

.photoFaderMenu div a, .photoFaderMenu div a.unselected {
	display:block;
	padding:8px;
	text-decoration:none;
	color:#666;
}
	
.photoFaderMenu div a:active, .photoFaderMenu div a:focus, .photoFaderMenu div a.selected, .photoFaderMenu div a.selected:hover {
	text-decoration:none;
	color:#0099CD;
	outline:none;
	}
	
.photoFaderMenu div a:hover {
	text-decoration:none;
	color:#666;
	}

.photoFader-contentcontainer{
	height:250px;
	position:relative;
}


.photo img{
border:solid 1px #e8edf0;
padding:3px;

}

.photoFader-contentcontainer div{
	position:absolute;
	top:0;
	left:0;
	display:none;
	height:250px;
	}
	
.photoFader-contentcontainer div p{
	text-align:right; position: absolute; bottom: 0em; right: 1em; background-color:#fff; padding:10px; width:145px; font-variant:small-caps; text-align:center; padding-top:5px;
	}
	
.photoFader-contentcontainer a {
	color:#000;
	}

.photoFader-contentcontainer div#item1 {
	display:block;
}


#imageTitle{
	text-align:right; position: absolute; bottom: 5em; right: 1em; background-color:#fff; padding:10px; width:145px; font-variant:small-caps; text-align:center; padding-top:5px;



}


.productRow img{
border:solid 1px #e8edf0;
padding:3px;
margin-right:10px;

}