/* Standards */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

body {
	margin: 0; 
	padding: 0; 
	background: #ffffff url(../images/background-bottom.jpg) no-repeat center bottom;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
}

#container-main {width: 1120px; display: block; margin: auto;}

#container-hero {border-top: 2px solid #cf571f;}
#hero {height: 460px;}
#header {z-index: 9999;}

#container-nav {width: 982px; height: 60px; display: block; margin: auto;}
#container-footer {width: 1120px; display: block; margin: auto; padding: 25px 0; font-size: 13px; color: #666; height: 400px;}

/* Navigation */
#nav {
height: 60px; 
border-bottom: 1px solid #ccc; 
background: #fff;
-webkit-box-shadow: 0px 5px 0px 0px rgba(34, 34, 34, 0.1);
-moz-box-shadow:    0px 5px 0px 0px rgba(34, 34, 34, 0.1);
box-shadow:         0px 5px 0px 0px rgba(34, 34, 34, 0.1); 
}

#nav-links{width: 982px; height: 60px; display: block; margin: auto; text-align: center;}

ul.new {display: inline-block; padding: 0; margin: 0; position: relative; top: 20px;}
ul.new li {display: inline-block; list-style: none; font-family: 'Montserrat', arial, sans-serif; font-size: 16px; margin: 0 45px;}
ul.new li a.navlink {color: #222; text-decoration: none;}
ul.new li a.navlink:hover {color: #cf571f; text-decoration: none; text-shadow: 3px 3px 0px rgba(150, 150, 150, 0.3);}

/* Links */
a{color: #cf571f; text-decoration: none;}
a:hover{color: #cf571f; text-decoration: underline;}
a:visited {color: #cf571f; text-decoration: none;}
a:visited:hover {color: #cf571f; text-decoration: underline;}


/* Sections */
#container {display: block; margin: auto; padding: 100px 50px;}
#container-shorttop {display: block; margin: auto; padding: 0 50px 100px 50px;}
#welcome {}
#day {background: #f7f7f7 url(../images/bg-bru.jpg) bottom center no-repeat;}
#accommodations {}
#registry {background-color: #f7f7f7;}

/* Text Styles */
.section-title {font-family: 'Montserrat', arial, sans-serif; font-size: 36px; font-weight: 400; margin: 0 0 50px 0; color: #222;}
.section-sub {font-family: 'Montserrat', arial, sans-serif; font-size: 30px; font-weight: normal;}
.section-sub-shortspace {font-family: 'Montserrat', arial, sans-serif; font-size: 30px; font-weight: normal; margin-bottom: 10px;}
.section-intro {font-family: 'Source Sans Pro', arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 36px;}
.section-copy {font-family: 'Source Sans Pro', arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 26px;}

.subhead-div {background: url(../images/div-subheader.png) center center repeat-x;}
h2 span.white {background: #fff; padding: 0 1.0em;}
h2 span.gray {background: #f7f7f7; padding: 0 1.0em;}

.img-bride-groom {width: 490px;}
h3.name-bride-groom {
	margin: 0; 
	font-family: 'Dancing Script', cursive; 
	font-size: 36px;
	text-shadow: 3px 3px 0px rgba(150, 150, 150, 0.3);
	}

#container-blurb-bride-groom {width: 340px; margin: 0 auto;}	
.blurb-bride-groom {font-size: 16px; line-height: 26px;}

h3.cast-name {
	margin: 0; 
	font-family: 'Dancing Script', cursive; 
	font-size: 30px;
	text-shadow: 3px 3px 0px rgba(150, 150, 150, 0.3);
	}
.cast-member {width: 172px; font-size: 16px;}
.cast-image {border-radius: 3px;}

/* Menu */
h2.menu {font-family: 'Montserrat', arial, sans-serif; font-weight: normal; font-size: 24px; color: #222; margin: 50px 0 20px 0;}
h3.menu {font-family: 'Montserrat', arial, sans-serif; font-weight: normal; font-size: 18px; color: #222;}
.item {width: 313px;}
.item-margin {margin-right: 40px;}

/* Spacers */
.spacer5 {height: 5px;}
.spacer10 {height: 10px;}
.spacer20 {height: 20px;}
.spacer30 {height: 30px;}
.spacer40 {height: 40px;}
.spacer50 {height: 50px;}
.spacer60 {height: 60px;}
.spacer70 {height: 70px;}
.spacer80 {height: 80px;}

/* Colours */
.orange {color: #cf571f;}
.graylt {color: #666;}

/* Custom Selection Styles */
::selection {background: #cf571f; color: #fff; text-shadow: none;}
::-webkit-selection {background: #cf571f; color: #fff; text-shadow: none;}
::-moz-selection {background: #cf571f; color: #fff; text-shadow: none;}

/* Button Styles */

a.button {
	background-color: #cf571f;
	padding: 15px 30px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-family: 'Source Sans Pro', arial, sans-serif;
}

a.button:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 0px rgba(164, 69, 24, 1.0);
}