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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/* vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* layout */
body  {
	font: 100.01% Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/page-background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: #787878;
	background-image: url(../images/bground-vgradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
} 
#header {
	margin-bottom: 15px;
} 
#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 */
}
#navbar {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
	padding: 0 0 0 20px;
}
#mainContent {
	margin: 0 20px 0 220px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#contentTxt {
	float:left;
	width:440px;
}
#contentPic {
	width:189px;
	float:right;
}
#contentPic img {
	border:#fff 8px solid;
}
#footer {
	font-size: 0.7em;
	color: #999999;
	margin: 30px 20px 10px;
	width: 180px;
} 
#footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.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;
}
#logo {
	margin: 20px 0 20px 20px;
}
#header a, #gallery #header a {
	background-color: transparent;
}

/* navigation */
#nav, #nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 180px;
}
#nav {
	margin: 0 0 20px 0;
}
#nav a { display: inline-block; } /* This fixes an IE bug */
#nav a {
	display: block;
	background-color: #28A9D0;
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px 10px;
}
#nav a:hover {
	color: #CEEEF8;
	background-color: #4EBCDD;
}
#nav li {
	font-size: 0.75em;
	margin: 1px 0;
	width: 180px;

}
#nav li.active {
	font-weight:bold;
	background-image: url(../images/menu-active-bground.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#nav li.active a {
	background: none;
}
/* Second level nav */
ul#nav ul li {
	font-weight:normal;
	margin-left: 15px;
	width:165px;
} 
ul#nav ul li a.active {
	font-weight:bold;
}

/* Last item should be "view your wedding" */
#nav li.last a,
#nav li a.hilight
 {
	background-color: #8ED4E9;
	color: #635F61;
}
#nav li.last a:hover,
#nav li a.hilight:hover {
	background-color: #B8E4F1;
	color: #7D777B;
}

/* typography */
strong {
	font-weight: bold;
}
p, h1{
	color:#fff;
	font-weight:normal;
}
h2 {
	font-weight: bold;
	color: #8ED4E9;
}
p {
	font-size:0.9em;
	margin:1.0em 0;
	line-height: 1.4;
}
td {
	vertical-align: 
}

div#blurb p {
	font-size:0.7em;
		color:#A8A8A8;
		margin:0;
}
div#blurb h2 {
	margin:0;
}
div#blurb a {
	color:#CFCFCF;
}
div#blurb h2 a {
	color: #fff;
}
.tightp {
	margin:0;
}

p.phoneno {
	font-size:1.3em;
	margin:1.0em 0 0 0;
}
h1 {
	font-size:1.5em;
	margin: 0 0 0.5em 0;
}
h2 {
	font-size:1.0em;
	margin:1.0em 0;
}
li {
	font-size:0.8em;
	color:#fff;
}
a, #gallery a {
	color:#7ADDFC;
	text-decoration:none;
}
a:link, #gallery a:link { color:#7ADDFC;}
a:visited, #gallery a:visited {color:#7ADDFC; }
a:hover, #gallery a:hover { color:#C5F0FE; background-color: #858585; }
a:active, #gallery a:active {color:#7ADDFC; }

blockquote {
	background: url(../images/quote.gif) #767676 no-repeat 5px 5px;
	padding: 2px 2px 2px 45px;
	margin: 5px 0;
}
#flashcontent {
	height: 510px;
	margin: -10px;
}
.homepagePhoto {
	border: 10px solid #fff;
}




/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	text-align: left;
	padding-bottom: 20px;
	border: 0;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	display: block;
}

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 10px 0 0 0;
	line-height: 1.5em;
	color: #fff;
	font-size: 0.8em;
}

#EmailForm label input {
	float: left;
	padding: 0;
}
#EmailForm .formError, #EmailForm .required {
	border: 1px solid #FF0000;
	background-color:#FFD9D9;
}
#EmailForm span.required {
	background-color: transparent;
	border: none;
	color:#F77;
}
#EmailForm .formError {
	border: 1px #FF0000 dotted;
}
#EmailForm div.errors {
	background-color: #900;
	color: #fff;
	padding: 5px;
	border: 1px solid #fff;
}

/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
	width: 280px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}

#loginBox {
	background-color: #858585;
	padding: 10px;
}
/* Gallery 2 */

#gallery #gsSidebarCol {
	width: auto;
}
#gallery #gsContent {
	width: 695px;
}
/* Text colours */
#gallery h3, #gallery h4, #gallery .gbBlock {
	color: #fff;
}
#gallery h2 {
	font-size: 1.8em;
}
#gallery .summary {
	color: #fff;
}
#gallery .gbBlock {	/*Various borders */
	border: none;
}
/* Backgrounds */
#gallery .gcBackground1 {
	background-color: #858585;
}
#gallery .gcBackground2 {
	background-color: #ACACAC;
}
#gallery #gsPages {	/* Bottom pages bar */
	background-color: #6B6769;
}
/* odd and even table rows */
#gallery .gbEven {	background-color: #9F9F9F;}
#gallery .gbOdd {	background-color: #ACACAC;}
#gallery {	/* Get rid of white background */
	background-color: transparent;
}
#gallery #gsSidebar div.block-checkout-ShowCart, #gallery #gsSidebar div.block-core-ItemLinks { /*Background of album page header and footer */
	background-color: #858585;
}
div.block-core-ItemLinks {	/* Left hand nav items */
	margin: 0 0 3px 0;
}
#gallery #gsSidebar {	/* Make navbar narrower and more margin */
	border: none;
	width: 180px;
	margin-right: 10px;
}

#gallery td.giAlbumCell, #gallery td.giItemCell, #gallery #gsThumbMatrix {	/* Make thumbs on album view closer together */
	padding: 0;
}
#gallery table.gbDataTable, #gallery table.checkoutButtonTable { /* Cart contents table */
	width: 100%;
}
#gallery table.checkoutButtonTable td {
	text-align: center;
	padding: 5px 0;
}
#gallery table.checkoutButtonTable td.checkoutPaymentOptionText {
	text-align: left;
	color: #fff;
	font-size: 1.2em;
}
#gallery table.checkoutEmailDetailsTable td{
	color: #fff;
}
#gallery table.checkoutEmailDetailsTable td strong {
	display:block;
	text-align: right;
}
#gallery input.checkoutEmptyButton {
	color: #999;
}
#gallery span.checkoutErrorText, #gallery p.giError {
	color: #fff !important; 
	background-color:#990000;
}
#gallery input.checkoutContinueButton1 {
	font-weight: bold;
}
#gallery a.gbLink-checkout_AddToCart {	/* Add to cart icon */
	padding-top: 0;
	background-image: url(../images/cart_add.png);
}	
#gallery a.gbLink-checkout_SelectProducts{	/* View cart icon */
	background-image: url(../images/cart.png);
}	
#gallery .giTitle { /* Titles under photos in album view */
	margin: 0 0 1em 0;
	font-size: 0.9em;
}
#gallery div#gsImageView { /* Main photo view area */
	padding: 0;
	text-align: center;
}
#gallery tale#gsThumbMatrix div.block-core-ItemLinks a.gbLink-checkout_AddToCart {	/* Add to cart icon in navbar */
	margin: 5px auto;
	display: block;
	width: 110px;
	padding: 0;
}
#gallery div#gsContent  div.block-core-ItemLinks a.gbLink-checkout_AddToCart {	/* Add to cart icon under album thumbnails */
	margin: 0;
	display: block;
	padding: 0 0 0 13px;
	text-align: center;
	background-position: 10px center;
}
#gallery .photoCloseup div#gsContent  div.block-core-ItemLinks a.gbLink-checkout_AddToCart {	/* Add to cart icon under large photo */
	margin: 5px auto;
	display: block;
	padding: 10px 0 10px 10px;
	font-size: 1.4em;
	width: 180px;
	text-align: center;
	background-position: 10px center;
}
#gallery ul#nav {
	margin-bottom: 3px;
}
#gallery ul#nav li {
	margin: 0;
}
#gallery ul#nav a {
	color: #fff;
	padding: 0.7em 8px;
	font-size: 1.2em;
}
#gallery ul#nav a:hover {
	background-color: #4EBCDD;
}