/* CSS Document */

body, form, input, select, textarea {
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	font-size:100%;
	color:#265972;
	margin:0;
	padding:0;
}

.beeweb {
	position:fixed;
	bottom:0;
	right:0;
}

p {
	margin:5px;
	padding:5px;
}

a:link, a:visited, a:active {
	color:#295B74;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#519BBF;
}

img { 
	border:none;
	max-width:100%;
	height:auto;
}

.clear { clear:both; }

.header {
	width:100%;
	position:relative;
	text-align:center;
	background:url(../Images/nav-bg.png) repeat-x top;
	height:100px;
	z-index:9;
}

.nav, .container { 	
	width:75%;
	margin:0 auto;
	text-align:center;
	
}

.nav ul {
	list-style-type:none;
	padding:0;
	width:100%;
	text-align:center;
	margin:0 auto;
}

.nav ul li {
	position:relative; 
	float:left; 
	width:13%;
}

.nav a:link, .nav a:visited, .nav a:active {
	display:block;
	width:100%;
	padding:32px 0;
	font-size:95%;
	text-transform:uppercase;

	padding-right:10px;
}

.nav a:hover {
	text-decoration:none;
}

/* Menu Specifics */

.nav ul li:nth-child(1) { text-align:left; 	width:5%; }
.nav ul li:nth-child(3) { margin-right: 29.599999999999998%; width:14% !important;}
.nav ul li:nth-child(4) { width:10%; }
.nav ul li:nth-child(5) { width:10%;}
.nav ul li:nth-child(6) { width:9%; }
.nav ul li:nth-child(7) { width:9%; }

.heart {
	background:url(../Images/lrg-heart.png) no-repeat;
	width:211px;
	height:211px;
	text-align:center;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-140px;
	z-index:10;
}

.banner  {
	background:url(../Images/banner.jpg) no-repeat center center;
	background-size: cover;
	height:503px;
	width:100%;
	position:relative;
	z-index:1;
	margin:-10px 0 20px 0;
}



/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
                                               
					

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%;
	}
}

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%;
	}
}

/* Homepage Hightlights Customisations to Responsive Grid */


.col img {
	float:left;
}

.col h3 {
	text-align:left;
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:700;
	line-height:45px;
}

.homepage .col p {
	clear:both;
	text-align:left;
}

.homepage a:hover {
	text-decoration:none;
}

.countdown {
	background:#F1F1F1;
	border:1px solid #DDDDDD;
	text-align:center;
	padding:20px 0;
	margin:20px auto !important;
	font-family: 'Roboto Slab', serif !important;
	width:100%;
}

.countdowninner {
	width:auto !important;
	display:inline-block;
}

.countdown h3 {
	color:#265972;
	font-weight:700;
	text-transform:uppercase;
	font-size:30px;
	padding:0;
	margin:0 0 10px 0;
}


.about { text-align:left; margin:20px 0 10px 0; position:relative; min-height:410px; height:auto !important; height:410px; }
.about_left { position:absolute; top:0; left:0%; margin-left:-100px;}
.about_middle { margin:0 200px;}
.about_right { position:absolute; top:0; right:-10%; margin-left:-100px; }

.about_gill { float:left; width:46.666666666666664%; }
.about_fraz { float:right; width:46.666666666666664%; }

.about_gill p, .about_fraz p {
	font-size:12px;
	color:#333;
	margin:0;
	padding:0;
}

.about h2 {
	font-size:245%;
	color:#519ABF;
	font-weight:700;
	border-bottom:1px solid #295B74;
	text-transform:uppercase;
	width:auto;
	text-align:center;
	margin:20px 0;
	padding:0;
	position:relative;
}

.about h2:after {
	border-bottom:1px solid #295B74;
    content:'';
    left:0;
    position:absolute;
    bottom:-5px;
    width:100%;
}

.RSVP {
	background:url(../Images/footer-repeat.png) repeat-x;
	height:358px;
	background-position:0 20px;
}

/* Font for the RSVP text */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.RSVP_circle {
	background:#519BBF;
	border:3px solid white;
	font-size:35px;
	width:80px;
	height:80px;
	 -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
	behavior: url(../css/border-radius.htc);
    border-radius: 100px;
	margin:0 auto;
	color:white;
	font-family: 'bebas_neueregular', Arial, sans-serif;
	text-align:center;
	line-height:80px;
}

.RSVP_inner {
	width:75%;
	margin:0 auto;
	padding-top:20px;
}

.RSVP_inner h3, .RSVP_inner h4 {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size:20px;
	margin:0;
	padding:0;
	text-align:center;
	color:#519ABF;
}

.RSVP_inner h4 { font-size:25px; }

.RSVP_inner div { float:left; width:33%; text-align:left }
.RSVP_inner ul { list-style-type:none; margin:0; padding:0; text-align:center; }
.RSVP_inner li { font-size:14px; padding:5px 0 ;}

.RSVP_inner form {
	width:39%;
	margin:30px auto 0 auto;
}

.RSVP_inner .inputfield {
	 -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
	behavior: url(../css/border-radius.htc);
    border-radius: 7px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
	height:32px;
	padding:10px;
	font-weight:700;
	font-size:95%;
	background:white;
	border: 1px solid transparent;
	border-top: none;
	border-bottom: 1px solid #ccc;
	margin:0 0 10px 0;
	width:94%;
}

.RSVP_inner .inputfield:focus { border:#519BBF; }

.submit {
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
	behavior: url(../css/border-radius.htc);
    border-radius: 7px;
	background: rgb(81,155,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(81,155,191,1) 0%, rgba(60,129,162,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,155,191,1)), color-stop(100%,rgba(60,129,162,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(81,155,191,1) 0%,rgba(60,129,162,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(81,155,191,1) 0%,rgba(60,129,162,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(81,155,191,1) 0%,rgba(60,129,162,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(81,155,191,1) 0%,rgba(60,129,162,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519bbf', endColorstr='#3c81a2',GradientType=0 ); /* IE6-9 */
	height:52px;
	padding:10px;
	font-weight:700;
	font-size:160%;
	color:white;
	border:none;
	width:100%;
	border:1px solid white;
	text-transform:uppercase;
	cursor:pointer;
	line-height:100%;
}

.submit:hover {
	background: rgb(81,155,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(60,129,162,1) 0%, rgba(81,155,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,129,162,1)), color-stop(100%,rgba(81,155,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(60,129,162,1) 0%,rgba(81,155,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(60,129,162,1) 0%,rgba(81,155,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(60,129,162,1) 0%,rgba(81,155,191,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(60,129,162,1) 0%,rgba(81,155,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c81a2', endColorstr='#519bbf',GradientType=0 ); /* IE6-9 */
}

.bold {
	font-weight:700;
}

/* For the rest of the pages */

.otherpagesheart {
	background:url(../Images/heart-small.png) no-repeat;
	width:270px;
	height:64px;
	text-align:center;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-170px;
	z-index:10;
}

/************************************************************************************************ 

                                       Our Story Page 

************************************************************************************************/

.ourstory  {
	background:url(../Images/our-story.jpg) no-repeat center center;
	background-size:cover;
}

.os_item {
	text-align:left;
}

.os_item h2 {
	font-size:245%;
	color:#519ABF;
	font-weight:700;
	border-bottom:1px solid #295B74;
	text-transform:uppercase;
	width:63.2%;
	text-align:left;
	margin:20px 0;
	padding:0;
	position:relative;
	float:right;
}

.os_item h2:after {
	border-bottom:1px solid #295B74;
    content:'';
    left:0;
    position:absolute;
    bottom:-5px;
    width:100%;
}

.os_left { float:left; width:36.8%;}
.os_right { float:right; width:36.8%;}

.os_item p {
	clear:left;
	padding:0;
	margin:0 0 10px 0;
}

/************************************************************************************************ 

                                     Bridal Party Page 

************************************************************************************************/

.bridalparty  {
	background:url(../Images/bridal-party.jpg) no-repeat center center;
	background-size:cover;
}

.col .bp_img_l, .col .bp_img_r {text-align:center; float:none; }

/*.bp_img_l {
	float:right !important;
	margin:0 0 20px 10px;
}

.bp_img_r {
	float:left !important;
	margin:0 10px 20px 0;
}*/

.bp_page h3 {
	font-size:100%;
	color:#285A73;
	text-transform:uppercase;
	text-align:right;
	margin:0;
	padding:9% 0 0 0;
	letter-spacing:1px;
	line-height:100%;
}

.bp_page h4 {
	font-size:100%;
	color:#5199BF;
	text-transform:uppercase;
	text-align:right;
	margin:0;
	padding:0;
	letter-spacing:1px;
}

.bp_right h3, .bp_right h4{ text-align:left; }

.bp_page p {
	text-align:right;
	color:#333;
	font-size:80%;
	display:inline-block;
	margin:0;
	padding:0;
}

.bp_right p { text-align:left; }


/************************************************************************************************ 

                                       Registry Page

************************************************************************************************/

.registry  {
	background:url(../Images/gift-registry.jpg) no-repeat center center;
	background-size:cover;
}

/************************************************************************************************ 

                                       Venue Page 

************************************************************************************************/

.thevenue  {
	background:url(../Images/the-venue.jpg) no-repeat center center;
	background-size:cover;
}

.tv_page h2 {
	font-size:245%;
	color:#519ABF;
	font-weight:700;
	border-bottom:1px solid #295B74;
	text-transform:uppercase;
	width:100%;
	text-align:center;
	margin:20px 0;
	padding:0;
	position:relative;
	clear:both;
}

.tv_page h2:after {
	border-bottom:1px solid #295B74;
    content:'';
    left:0;
    position:absolute;
    bottom:-5px;
    width:100%;
}

.tv_page .col {
	text-align:center;
}

.tv_page .col img { padding-bottom:10px; float:none !important; }

.tv_page .col a:link {
	text-transform:uppercase;
	font-size:87.5%;
	font-weight:700;
}

.fancybox > span { display:block; }

.tv_img {
	float:left;
	margin:0 20px 50px 0;
	width:53.5%;
}

.tv_page h4 {
	color:#275972;
	font-size:125%;
	font-weight:700;
	margin:0;
	padding:0;
}

.fancybox-inner p { padding:0; margin:0 0 10px 0; }
.tv_page p, .tv_page { text-align:left;}

a.directionslink:link, a.directionslink:visited, a.directionslink:active  {
	background:#519ABF;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	behavior: url(../css/border-radius.htc);
    border-radius: 5px;
	color:white;
	text-transform:uppercase;
	display:inline-block;
	padding:5px 10px;
	margin:10px 0 0 0;
}

a.directionslink:hover {
	background:#275972;
	text-decoration:none;
}


/************************************************************************************************ 

                                       Contact Us Page 

************************************************************************************************/

.contactus  {
	background:url(../Images/contact-us-banner.jpg) no-repeat center center;
	background-size:cover;
}

.contactpage {
	width:45%;
	margin-bottom:20px;
}

.contact_field {
	 -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
	behavior: url(../css/border-radius.htc);
    border-radius: 7px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
	height:32px;
	padding:10px;
	font-weight:700;
	font-size:95%;
	background:white;
	border: 1px solid transparent;
	border-top: none;
	border-bottom: 1px solid #ccc;
	margin:0 0 10px 0;
	width:97%;
	font-family: 'Roboto Slab', serif;
}

#contactform > textarea { height:auto; }

/************************************************************************************************ 

                                       Media Queries

************************************************************************************************/

.mobile_nav { display:none; }

/* Smart Phone Portrait */
@media only screen and (max-width: 479px) {
	/* All Pages */
	body { overflow-x:hidden; }
	.banner { height:160px; }
	.mobile_nav { display:block; margin:0 auto; padding:5px; text-align:center;}
	.mobile_nav option { padding:10px 0; border-bottom:1px solid #ddd; }
	.nav ul, .heart, .about_left, .about_right { display:none; }
	.nav { padding-top:20px; }
	.nav, .container, .RSVP_inner { width:95%; }
	.about_middle { margin:0; }
	.RSVP { height:300px; }
	.RSVP_inner form { width:95%; }
	.RSVP_inner div { float:none; width:100%; }
	
	/* Homepage */
	.about_gill, .about_fraz { float:none; width:100%; }
	.about_fraz { margin-top:10px; }
	
	/* Our Story */
	.os_left, .os_right { width:80%; float:none;}
	.os_item h2 { width:100%; font-size:240%; }
	
	/* Bridal Party */
	.bp_page h3, .bp_page h4, .bp_page p, .bp_img_l { text-align:left; float:none !important; }
	
	/* The Venue */
	.tv_img { width:100%; margin:0 0 10px 0; }
	.tv_page p { padding:0; margin:0; }
	
	/* Contact Page */
	input, textarea { -webkit-appearance: none;}
	.contactpage { width:85%; }
	.contactpage .submit { font-size:120%; }
	.contactpage .contact_field { width:93%; }
	
	/* Stop iPhone Auto Zoom */
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }
}

/* Smart Phone Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.nav, .container { width:80%; }
	.banner { height:240px; }
	.mobile_nav { display:block; margin:0 auto; padding:5px; text-align:center;}
	.mobile_nav option { padding:10px 0; border-bottom:1px solid #ddd; }
	.nav ul, .heart { display:none; }
	.nav { padding-top:20px; }
	.RSVP { height:300px; }
	.RSVP_inner form { width:95%; }
	.RSVP_inner div { float:none; width:100%; }
	
	/* Homepage */
	.homepage .section div:nth-child(3) { clear:both; margin-left:0;}
	.homepage .section .span_1_of_4 { 	width: 49.2%; }
	
	.about_left, .about_right { width:30%;  }
	.about_left { margin-left:-60px; }
	.about_middle { margin:0 100px; }
	.about_gill, .about_fraz { float:none; width:100%; }
	.about_fraz { margin-top:10px; }
	
	/* Wedding Party */
	.bp_page .m1col { float:none; width:100%; }

	/* The Venue Page */
	.tv_page .section div:nth-child(3) { clear:both; margin-left:0;}
	.tv_page .section .span_1_of_4 { 	width: 49.2%; }
	.tv_img { float:none; margin:0; width:100%; }
	.tv_page h4 { margin:0 !important; }
	.tv_page p  { padding:5px 0; margin:5px 0; }
	 
	
	/* Contact Page */
	input, textarea { -webkit-appearance: none;}
	.contactpage { width:85%; }
	.contactpage .submit { font-size:120%; }
	.contactpage .contact_field { width:96%; }
	
	/* Stop iPhone Auto Zoom */
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }
}

/* Tablet Portrait */
@media screen and (min-width: 768px) and (max-width: 959px) {
	.nav, .container { width:80%; }
	.banner { height:320px; }
	.mobile_nav { display:block; margin:0 auto; padding:5px; text-align:center;}
	.mobile_nav option { padding:10px 0; border-bottom:1px solid #ddd; }
	.nav ul, .otherpagesheart { display:none; }
	.nav { padding-top:20px; }
	.heart { background-size:100%; width:100px; height:100px;margin-left:-73px; top:80px; }
	
	/* Homepage */
	.homepage .section div:nth-child(3) { clear:both; margin-left:0;}
	.homepage .section .span_1_of_4 { 	width: 49.2%; }
	
	.about_left, .about_right { width:27%;  }
	.about_left { margin-left:-80px; }
	.about_middle { margin:0 100px; }
	.about_gill, .about_fraz { float:none; width:100%; }
	.about_fraz { margin-top:10px; }
	
	/* Wedding Party */
	.bp_page .m1col { float:none; width:100%; }
	
	/* The Venue Page */
	.tv_page .section div:nth-child(3) { clear:both; margin-left:0;}
	.tv_page .section .span_1_of_4 { 	width: 49.2%; }
	
	/* Contact Page */
	input, textarea { -webkit-appearance: none;}
	.contactpage { width:85%; }
	.contactpage .submit { font-size:120%; }
	.contactpage .contact_field { width:96%; }
	
	/* Stop iPhone Auto Zoom */
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }
}

/* Tablet Lanscape */
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape) { 
	body { overflow-x:hidden; }
	.nav, .container { width:90%; }
	.otherpagesheart { background-size:95%; width:240px; left:53%;  }
	.banner { height:420px; }
	
	/* Homepage */
	.about_left, .about_right { width:27%;  }
	.about_left { margin-left:-80px; }
	.about_middle { margin:0 200px; }
	.about_gill, .about_fraz { float:none; width:100%; }
	.about_fraz { margin-top:10px; }
}

.info {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image:url(../Images/Info.png);
}