/*/// GLOBAL RESETS ///*/
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, 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; } :focus { outline: 0; } ol, ul { list-style: none; }  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: "" ""; }

/*/// GLOBAL ELEMENTS ///*/

html { 
  height: 100% 
  }

body	{
  background: url('../images/bg.jpg') repeat-x #120a05;
  color:#a09b93;
  margin:0;
  padding:0;
  font: 62.5% georgia, tahoma, verdana, arial, helvetica;
  text-align: center;
  height: 100%;
  }

p { 
  margin: 1em 0; 
  }

h1 {
  font-size: 1.6em;
  padding: 0 0 0 5px;
  margin: 0;
  color:#66848b;
  font-weight: normal;
  width: 500px;
  background: url('../images/h1Bg.gif') no-repeat;
  }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}  
  
#contentText a:link, #contentText a:visited { color:#66848b; font-weight: bold; text-decoration: none;}
#contentText a:hover { text-decoration: underline;}

h2 {
font-size: 1.1em;
color: #66848b;
margin: 0;
padding: 0;
font-weight: bold;
}


body.ourStory h1.noBorder { background: none;}
h1.secondHeader { margin-top: 30px;  background: url('../images/h1Bg.gif') no-repeat;}


/*/// TEMPLATE ELEMENTS ///*/


.googleMap { 
margin: 0; 
height: 300px; 
width: 444px; 
} 

#googlePopUp { 
font-family: georgia; 
color: #000; 
}
 
#googlePopUp p {
margin: 0;
} 
 
#googlePopUp input { 
background: #fff; 
color: #000; 
border: 1px solid #d3d3d3; 
} 

#map { 
width: 444px; 
height: 300px; 
} 

#mapContainer {
background: #000;
padding: 1px;
border: 1px solid #7a746b;
width: 444px;
}

input#mapsUkSaddr { border: 1px solid #999;}

#googlePopUp input.getDirs { 
background: #999;
color: #fff;
border: 1px solid #999;
}


/*/// LAYOUT ///*/

#container {
  width: 100%; 
  height: auto;
  margin-left: auto; 
  margin-right: auto;
  padding: 0;
  text-align: left;
  font-size: 1.2em;
}

/* Header */

#header {
width: 728px;
height: 90px;
margin: 0 auto;
overflow: hidden;
}

#countDown {
float: right;
margin-right: 10px;
color: #5c757b;
font-size: 10px;
}

/* Main Navigation */

#mainNav { 
  float: left;
  height: 33px;
  width: 100%;
  margin-top: 56px;
  }

* html #mainNav { display: inline;}

#mainNav ul { list-style: none; margin: 0; padding: 0;}
#mainNav ul li { display: inline; float: left;}
#mainNav ul li a { text-indent: -9999px; overflow: hidden;}
#mainNav ul li a:hover { background-position: 0 -33px !important;}

#mainNav ul li.home a { text-decoration: none; display: block; height: 33px; width:77px; background: url('../images/mainNav-home.jpg') no-repeat;}
#mainNav ul li.theCouple a { text-decoration: none; display: block; height: 33px; width:101px; background: url('../images/mainNav-theCouple.jpg') no-repeat;}
#mainNav ul li.theWedding a { text-decoration: none; display: block; height: 33px; width:123px; background: url('../images/mainNav-theWedding.jpg') no-repeat;}
#mainNav ul li.theLocale a { text-decoration: none; display: block; height: 33px; width:100px; background: url('../images/mainNav-theLocale.jpg') no-repeat;}
#mainNav ul li.theGallery a { text-decoration: none; display: block; height: 33px; width:105px; background: url('../images/mainNav-theGallery.jpg') no-repeat;}
#mainNav ul li.theQuiz a { text-decoration: none; display: block; height: 33px; width:87px; background: url('../images/mainNav-theQuiz.jpg') no-repeat;}
#mainNav ul li.rsvp a { text-decoration: none; display: block; height: 33px; width:71px; background: url('../images/mainNav-rsvp.jpg') no-repeat;}
#mainNav ul li.faq a { text-decoration: none; display: block; height: 33px; width:63px; background: url('../images/mainNav-faq.jpg') no-repeat;}

body.home #mainNav ul li.home a, 
body.theCouple #mainNav ul li.theCouple a, 
body.theWedding #mainNav ul li.theWedding a,
body.theLocale #mainNav ul li.theLocale a,
body.theGallery #mainNav ul li.theGallery a,
body.theQuiz #mainNav ul li.theQuiz a,
body.rsvp #mainNav ul li.rsvp a,
body.faq #mainNav ul li.faq a 
{ background-position: bottom left !important;}

body.curtisAndRachel #mainNav ul li.theCouple a, 
body.ourStory #mainNav ul li.theCouple a, 
body.theProposal #mainNav ul li.theCouple a,
body.visaProcess #mainNav ul li.theCouple a,

body.theVenue #mainNav ul li.theWedding a,
body.orderOfTheDay #mainNav ul li.theWedding a,
body.theBridalParty #mainNav ul li.theWedding a,
body.theMenu #mainNav ul li.theWedding a,
body.theHoneymoon #mainNav ul li.theWedding a,
body.theGiftlist #mainNav ul li.theWedding a,
body.bristol #mainNav ul li.theLocale a,
body.england #mainNav ul li.theLocale a,
body.london #mainNav ul li.theLocale a,
body.stonehenge #mainNav ul li.theLocale a,
body.accommodation #mainNav ul li.theLocale a,
body.otherPlaces #mainNav ul li.theLocale a
{ background-position: bottom left !important;}

body.curtisAndRachel #mainNavRepeat ul li.theCouple a, 
body.ourStory #mainNavRepeat ul li.theCouple a, 
body.theProposal #mainNavRepeat ul li.theCouple a,
body.visaProcess #mainNavRepeat ul li.theCouple a,
body.theVenue #mainNavRepeat ul li.theWedding a,
body.orderOfTheDay #mainNavRepeat ul li.theWedding a,
body.theBridalParty #mainNavRepeat ul li.theWedding a,
body.theMenu #mainNavRepeat ul li.theWedding a,
body.theHoneymoon #mainNavRepeat ul li.theWedding a,
body.theGiftlist #mainNavRepeat ul li.theWedding a,
body.bristol #mainNavRepeat ul li.theLocale a,
body.england #mainNavRepeat ul li.theLocale a,
body.london #mainNavRepeat ul li.theLocale a,
body.stonehenge #mainNavRepeat ul li.theLocale a,
body.accommodation #mainNavRepeat ul li.theLocale a,
body.otherPlaces #mainNavRepeat ul li.theLocale a
{ color: #66848b !important;}



/* Content */

#contentContainer {
float: left;
width: 100%;
min-width: 728px;
background: url('../images/contentContainerBg.jpg') repeat-y center bottom  #110d07;
padding: 20px 0 0;
font-size: 1.2em;
line-height: 1.5em;
text-align: center;
display: inline;
}

#content {
width: 728px;
margin: 0 auto;
position: relative;
text-align: left;
display: block;
}

#brideGroom {
position: absolute;
width: 159px;
height:179px;
background: url('../images/brideGroom.png') no-repeat;
right: 0;
bottom: 0;
}




#contentText {
float: left;
width: 500px;
}


.mainImage {
padding: 1px;
background: #000;
border: 1px solid #7a746b;
display: block;
margin-bottom: 20px;
}

/* Side Column */

#sideColumn {
float: right;
width: 200px;
height: auto;
margin-right: 2px;
padding-bottom: 200px;
}

#subNav { 
float: left;
border: 1px solid #5f5a52;
background: url('../images/subNavBg.png');
width: 198px;
margin-bottom: 15px;
min-height: 302px;
height: auto;
}

* html #subNav { background: url('../images/subNavBg-IE6.jpg') /* Solid background image for IE6 to replace PNG*/; height: 302px /*emulates min-height in IE6 */;}

#subNav ul { text-align: right; border: 1px solid #000; min-height: 300px; height: auto;}
* html #subNav ul { height: 300px; /* Emulates min-height in IE6 */}
#subNav ul li { padding-bottom: 1px; }
#subNav ul li a { width: 176px; display: block; padding: 5px 0; text-decoration: none; color: #5c757b; padding-right: 20px;}
#subNav ul li a:hover { background: #36322b; color: #7b7263;}

#wanted { margin: 40px 0 0;}

body.curtisAndRachel #subNav ul li.curtisAndRachel a, 
body.ourStory #subNav ul li.ourStory a,
body.theProposal #subNav ul li.theProposal a, 
body.visaProcess #subNav ul li.visaProcess a, 
body.theVenue #subNav ul li.theVenue a, 
body.orderOfTheDay #subNav ul li.orderOfTheDay a, 
body.theBridalParty #subNav ul li.theBridalParty a, 
body.theMenu #subNav ul li.theMenu a, 
body.theHoneymoon #subNav ul li.theHoneymoon a, 
body.theGiftlist #subNav ul li.theGiftlist a,
body.bristol #subNav ul li.bristol a,
body.england #subNav ul li.england a,
body.london #subNav ul li.london a,
body.stonehenge #subNav ul li.stonehenge a,
body.accommodation #subNav ul li.accommodation a,
body.otherPlaces #subNav ul li.otherPlaces a
{ background: #36322b; color: #7b7263; width: 176px;}


/* Footer */

#footerContainer {
float: left;
width: 100%;
height: 141px;
min-width: 728px;
background: url('../images/footerContainerBg.jpg') repeat-x;
}

#footer { 
width: 728px;
height:auto;
min-height: 141px;
margin: 0 auto;
background: url('../images/brideGroomReflectionBg.jpg') no-repeat top right;
}

* html #footer { height: 141px;}

#minorNavContainer {
float: left;
width: 718px;
min-height: 31px;
height: auto;
border: 1px solid #231d14;
border-top: 0;
margin-top: 52px;
background: url('../images/minorNavContainerBg.jpg');
line-height: 31px;
padding: 0 5px;
font-family: verdana;
}

* html #minorNavContainer { height: 31px;}

#mainNavRepeat { float: left;}
#mainNavRepeat ul li {display: inline; padding: 0 5px;}
#mainNavRepeat ul li a:link, #mainNavRepeat ul li a:visited { text-decoration: none; color: #837261;}
#mainNavRepeat ul li a:hover { color: #66848b !important;}


body.home #mainNavRepeat ul li.home a, 
body.theCouple #mainNavRepeat ul li.theCouple a, 
body.theWedding #mainNavRepeat ul li.theWedding a,
body.theLocale #mainNavRepeat ul li.theLocale a,
body.theGallery #mainNavRepeat ul li.theGallery a,
body.theQuiz #mainNavRepeat ul li.theQuiz a,
body.rsvp #mainNavRepeat ul li.rsvp a,
body.faq #mainNavRepeat ul li.faq a
{ color: #66848b !important;}


#minorNav { float: right;}
#minorNav ul li {display: inline; padding: 0 5px;}
#minorNav ul li a:link, #minorNav ul li a:visited { text-decoration: none; color: #837261;}
#minorNav ul li a:hover { color: #66848b;}

body.contact #minorNav ul li.contact a,
body.sitemap #minorNav ul li.sitemap a 
{color: #66848b;}




/* FAQ */
body.faq div#contentText { width: 728px; padding-bottom: 150px;}

/* Gallery */
body.theGallery div#galleryContainer img {
padding: 1px;
background: #000;
border: 1px solid #7a746b;
margin-right: 7px;
margin-bottom: 3px;
}

/* QUIZ */

body.theQuiz div#contentText { width: 728px; padding-bottom: 50px;}

.question {
position: relative;
float: left;
width: 100%;
padding-bottom: 20px;
}

.quizNumber {
position: relative;
float: left;
}

.quizQuestion { 
position: relative;
float: left;
width: 620px;
margin: 0 0 5px 5px;

}

.quizOptions {
position: relative;
float: left;
margin: 0 0 0 50px;
}

* html .quizOptions { display: inline;}

.quizOptions input { background: none; border: none;}


#quizSubmit {
position: relative;
float: left;
width: 100%;
text-align: center;
}

#quizSubmit input { 
border: 1px solid #c7c7c7;
background: #e9e9e9;
color: #5e5a5a;
}

#quizName input { 
border: 1px solid #c7c7c7;
background: #e9e9e9;
color: #5e5a5a;
margin-left: 10px;
}

#quizName { 
position: relative;
float: left;
margin: 15px 0;
}

.quizHeader {
position: relative;
float: left;
width: 100%;
margin-top: 30px;
}

#quizIntro { 
position: relative;
float: left;
margin-bottom: 30px;
}

/* Sitemap */
#sitemapGroup { float: left; margin-bottom: 15px; width: 500px;}
#sitemapHeader { float: left; width: 500px;}
#sitemapHeader a:link, #sitemapHeader a:visited { color: #66848b; font-size: 1.2em; text-decoration: none;}
#sitemapHeader a:hover { text-decoration: underline;}

#sitemapSubLinks { float: left; margin-left: 15px; width: 470px;}
#sitemapSubLinks a:link, #sitemapSubLinks a:visited { color: #a09b93; text-decoration: none; width: 470px; display: block;}
#sitemapSubLinks a:hover { text-decoration: underline;}


/* Contact */

body.contact #content { height: 400px;}


/* City */
img.localeImage { float: left; padding: 0 10px 0px 0;}
img.localeImage2 { float: right; padding: 0 0px 0px 10px;}
#localeFeatures { line-height: 1.4em;}
#localeFeatures h2 { padding: 40px 0 10px 0;}

#englandFeatures h2 { padding: 20px 0 5px 0;}

#londonFeatures { line-height: 1.4em;}
#londonFeatures h2 { padding: 40px 0 10px 0;}

#hotels h2 { padding: 30px 0 0;}
#hotels p { margin: .3em 0; }
#hotels strong { color: #66848b;}

#flashcontent { padding-bottom: 150px;}

#giftList { line-height: 1.4em;}
#giftList h2 { padding: 10px 0 10px 0;}
.giftListEntry { width: 100%; float: left; margin-bottom: 25px;}
#giftList strong { margin: 20px 0; float: left;}


/* Menu */
ul.menuList { list-style: disc; margin: 0 0 15px 30px;}
ul.menuList li { color: #66848b; padding: 0 0 0 5px;}

/* RSVP */
#RSVPFormContainer { padding-left: 20px; margin-top: 25px;}
.RSVPFormLeft { width: 180px; float: left;}
.RSVPFormRight { width: 240px; float: left;}
.RSVPFieldContainer { float: left; margin-bottom: 10px;}

#RSVPName, #RSVPEmail, #RSVPCode { width: 195px; background: url('../images/formBg.jpg'); border: 1px solid #999; color: #fff;}
#RSVPComments, #RSVPSongs { width: 195px; background: url('../images/formBg.jpg'); border: 1px solid #999; color: #fff;}

#RSVPSUbmit { margin: 20px 0 0 180px; cursor: pointer;}

/* Order of the Day */