html, body{
	margin:0;
}



h1{
	margin:.67em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 8px 0px;
	font-style: italic;
	font-family:"teimer-web", Helvetica, sans-serif;
	font-weight:100;
	letter-spacing: 3px;
}

body h2{
	font-family:'ff-basic-gothic-web-pro', Helvetica, sans-serif;
	font-weight:400;
}

body h3{
	font-family: 'teimer-web', Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
}

body {
	font-family:'ff-basic-gothic-web-pro', Arial, Helvetica, sans-serif;
	min-width:320px;
	background-color:rgb(35,31,32);
}

#home{
	min-width:320px;
}
#home .page-wrap{
	min-height: 100%;
	height: auto !important; /* For IE6 support */
	height: 100%;	/* For IE6 support */
	margin: 0 auto -42px; 
	width:100%;
	background-color:rgb(247,244,242);
}

.page-wrap {
	min-height: 100%;
	height: auto !important; /* For IE6 support */
	height: 100%;	/* For IE6 support */
	margin: 0 auto -42px; 
	width:100%;	
}

.header-wrap{
	width:100%;
	background-color: rgb(75,85,35);
	height:8.3em;
}

.header-wrap:after{
	content:'';
	display:table;
	clear:both;
}

.logo-wrap{
	float:left;
	width:25%;
	display:block;
	position:relative;
	z-index:5;
}

.logo-container img{
	max-width:100%;
}

.top-menu{
	float:right;
	background-color: rgba(75,85,35,1.00);
	margin-top:65px;
	margin-right: 30px;
}
	
.home-banner{
	width:100%;
	height:57%;
	background: url('../images/home-banner.png') center center no-repeat;
	background-size:cover;
	min-height: 550px;
	position:relative;
}
 /*BULLSEYE*/
.home-caption{
	display:block;
	position:relative;
	left:45%;
	top:7%;
	width:475px;
	height:475px;
	background-color: rgba(255,255,255,.4);
	text-align:center;
	border-radius:50%;	
	font-size:32px;
	font-family:"teimer-web";
	font-style:italic;
}

.home-caption p{
	display:inline-block;
	margin-top:-70px;
	padding: 0px 20px;
}

.home-caption h1,
.home-caption h2,
.home-caption h3,
.home-caption h4,{
	margin:0;	
}

.menus-button{
	text-decoration:none;
	border:3px solid rgb(35,31,32);
	color:rgb(35,31,32);
	padding: 5px 5px 0;
}

.caption-text{
}


.banner{
	width:100%;
	height:27%;
	background: url('../images/portfolio-banner.png') center center no-repeat;
	background-size:cover;
	min-height: 260px;
}

.home-section{
	width:100%;
	background-color:rgb(247,244,242);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	border-top: 25px solid rgb(75,85,35);
}

.section{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	border-top: 25px solid rgb(75,85,35);
	background-color: #fff;
}

.section a{
	color:rgb(75,85,35);
	text-decoration:none;
	letter-spacing:1px;
}

.section a:hover{
	border-bottom: 1px solid rgb(75,85,35);
}

.home-container{
	width:75%;
	background-color:rgb(255,255,255);
	margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:1.5% 5%;
	max-width: 1060px;
}

.home-container:after{
	content:'';
	display:table;
	clear:both;
}

.container{
	width:90%;
	background-color:rgb(250,249,247);
	margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:1.5% 3%;
	max-width: 1060px;
}

.container:after{
	content:'';
	display:table;
	clear:both;
}

.pane-wrapper{
	width:90%;
	max-width: 1060px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:25px 0;
	margin:0 auto;
}

.pane-wrapper:after{
	content:'';
	display:table;
	clear:both;
}

.left-pane{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:rgb(250,249,247);
	float:left;
	width:40%;
	padding: 1.5% 3%;
}
.menu-links{
	font-size: 18px;
	font-weight: 500;
}

.mobile-menu-pane{
	display:none;
}

.menu-links a{
	font-size: 18px;
	font-weight: 500;
}

#print-link{
	font-family:"teimer-web", Helvetica, sans-serif;
	letter-spacing:0;
	font-size:14px;
	font-weight: bold;
}

.mobile-menus-pane{
	display:none;
}

.left-pane img{
	max-width:100%;
	height:auto;
}

.wedding-links{
	font-size: 18px;
	font-weight: 500;
}

.mobile-wedding-links-pane{
	display:none;
}

.right-pane{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:rgb(250,249,247);
	float:right;
	width:50%;
	padding: 1.5% 3%
}

.menu-items, .wedding-items {
	overflow-x:hidden;
	overflow-y:auto;
	display:block;
}

.menu-items h2, .wedding-items h2{
	letter-spacing: 1px;
	font-size: 23px;
	font-weight:500;
	font-family: 'ff-basic-gothic-web-pro';
	margin-bottom:0;
}

.menu-items h3, .wedding-items h3{
	font-size: 16px;
	font-family: 'teimer-web', helvetica, sans-serif;
}

.menu-items p{
	margin-top:0;
}

.vertical-line{
	width:5px;
	background-color:rgb(35,31,32);
	float:left;
	margin-left: 4.75%
}

#contact .container{
	width:100%;
	
}

.column-wrapper{
	width:90%;
	max-width:1060px;
	display:table;
	margin:0 auto;
}

.column{
	display:table-cell;
	vertical-align:top;
	background-color:rgb(250,249,247);
	padding: 1.5% 3%;
	border-right:10px solid #fff;
	border-left: 10px solid #fff;
	border-top: 25px solid #fff;
	border-bottom: 25px solid #fff;
	width:30%;
}

.left-column,.right-column { 
    width:45%;
    margin-bottom:30px;
}

.left-column p,.right-column p{
	margin:8px 0;
} 

.left-column { 
    float:left;
}

.right-column { 
    float:right;
}

.bottom { 
    clear:both;
}


.push{
	clear:both;
	height:42px;
}

.footer{
	 /*.push must be the same height as .footer */
	background-color: rgb(35,31,32);
	text-align:center;
	color: #fff;
}

.footer-text{
	min-width:165px;
	padding: 25px 10px;
	line-height:12px;
	font-size: 13px;
    display:inline-block;
    float:left;
}

.info-block a{
	text-decoration:none;
	color:#fff;
}

.info-block a:hover{
	text-decoration:underline;
}

.footer-text:after{
	content:'';
	display:table;
	clear:both;
}

.footer-wrapper {
    width:65%;
    max-width:885px;
    overflow:hidden;
    margin:0 auto;
}

.info-block{
	float:left;
	display:block;
	padding: 0px 15px;
	border-right:1px solid #fff;
}

.sm-wrapper { 
    display: inline-block;
    margin-top: 17.5px;
    float: right;
}

.sm-wrapper:after { 
    content:'';
    display:table;
    clear:both;
}

.sm-block{
	display:block;
    padding:0 15px;
}

.last{
	border-right:none;
}

.menu-line{
	height:2px;
	background-color:#fff;
	margin:6px 0px;
	width:25px;
	display:block;
}

.mobile-logo{
	text-align:center;
	margin:0 auto;
	position:relative;
}

.menu-button{
	display:block;
	position:absolute;
	right:25px;
	top:25px;
	width:40px;
}

/*smartphones*/
@media only screen and (max-width:480px) {
    .header-wrap {
        height: auto;
        display: block;
        text-align: center;
        position: relative;
    }

    .logo-wrap {
        display: none;
    }

    .top-menu {
        margin: 0;
        float: none;
        position: relative;
    }

    .home-banner {
        height: auto;
        min-height: 0;
        -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
        padding: 10px 0;
    }

    .home-caption {
        display: block;
        position: static;
        text-align: center;
        font-size: 20px;
        font-family: "teimer-web";
        font-style: italic;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }

    .caption-text {
        padding-top: 60px;
    }

    .home-caption p {
        margin: 20px auto;
        padding: 0;
    }

    .home-container {
        width: 90%;
    }

    .banner {
        height: 30%;
        min-height: 175px;
    }

    #home h1, h1 {
        margin: .67em 0;
    }

    .container {
        width: 90%;
    }

    .footer-text {
        width: 30%;
        line-height: normal;
        display:block;
        float:none;
        margin: 0 auto;
        padding: 25px 0 8px;
    }

    .footer-text .info-block {
        float: none;
        border: none;
        border-right: none;
        padding: 5px 0;
    }

    .section a {
        letter-spacing: 0px;
    }

    .pane-wrapper {
        width: 90%;
        padding: 10px 0;
    }
	
	.pane-wrapper .menu-links:first-child{
		display:none;
	}
	
	.mobile-menu-pane{
		display:block;
	}
	
	.pane-wrapper .wedding-links:first-child{
		display:none;
	}
	
	.mobile-wedding-links-pane{
		display:block;
	}
	
    .left-pane {
        float: none;
        width: auto;
    }

    .right-pane {
        float: none;
        width: auto;
        margin-top: 1.5%;
    }

    .menu-items {
        display: none;
    }

    .vertical-line {
        display: none;
    }

    .wedding-items {
        height:auto !important;
    }

    .footer {
        background-color: rgb(35,31,32);
        text-align: center;
        color: #fff;
        height: auto;
    }

    .push {
        height: 170px;
    }

    .page-wrap {
        margin: 0 auto -170px;
    }

    .column-wrapper {
        display: block;
    }

    .column {
        display: block;
        border: none;
        width: auto;
        margin: 10px 0;
    }

    .left-column {
        float: none;
        width: 100%;
        margin-top: 25px;
    }

    .right-column {
        float: none;
        width: 100%;
    }

    .left-column p, .right-column p {
        margin: 16px 0;
    }

    .sm-wrapper {
        float: none;
        display: block;
        border-top: 1px solid;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .sm-block {
        display: block;
        padding: 15px 15px 0;
    }
}

/*tablets*/
@media only screen and (min-width:481px) and (max-width:1045px){
	.header-wrap{
		height:auto;
		display:block;
		text-align:center;
		position:relative;
	}
	
	.top-menu{
		margin:0;
		float:none;
		position:relative;
	}
	
	.logo-wrap{
		display:none;
	}
	
	.home-banner{
		height:auto;
		min-height: 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 15px 0;
	}
	
		
	.home-caption{
		display:block;
		position:static;
		font-size:28px;
		font-family:"teimer-web";
		font-style:italic;
		width:400px;
		height:400px;
		margin:0 auto;
	}
		
	.caption-text{
		padding-top:125px;
	}

	.home-caption p{
		margin-top:20px;
	}
	
	.banner{
		height:30%;
		min-height: 260px;
	}
	
    .wedding-items {
        height:auto !important;
    }

	.footer-text{
		width:30%;
		line-height:normal;
        float:none;
        padding: 25px 0 5px;
	}
	
	.info-block{
		float:none;
		border:none;
		border-right:none;
		padding: 5px 0;
	}
	
	.pane-wrapper{
		width:75%;
		padding:10px 0;
	}
	
	.left-pane{
		float:none;
		width:auto;
		font-size:large;
		font-weight:500;
	}

	.right-pane{
		float:none;
		width:auto;
		margin-top: 1.5%;
	}
	
	.pane-wrapper .menu-links:first-child{
		display:none;
	}
	
	.mobile-menu-pane{
		display:block;
	}
	
	.pane-wrapper .wedding-links:first-child{
		display:none;
	}
	
	.mobile-wedding-links-pane{
		display:block;
	}
	
	.menu-items{
		display:none;
	}
	
	.vertical-line{
		display:none;
	}
	
	.footer{
		background-color: rgb(35,31,32);
		text-align:center;
		color: #fff;
		height:auto;
	}	
	
	.push{
		height:150px;
	}
	
	.page-wrap{
		margin: 0 auto -150px; 
	}
	
	.column-wrapper{
		display:block;
	}
	
	.column{
		display:block;
		border:none;
		width:auto;
		margin:10px 0;
	}

    .footer-wrapper {
        width:auto;
        margin:0 auto;
    }

    .sm-wrapper {
        margin-top: 17.5px;
        float: none;
        display: block;
        border-top: 1px solid;
        width: 30%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .sm-block {
        display: block;
        padding: 15px 15px 0;
    }
}

/*medium sized desktops, laptops*/
@media only screen and (min-width:1046px) and (max-width:1375px){
	.logo-wrap{
		width:325px;
		height: 254px;
		background: url('../images/medium-circle-logo.png') no-repeat center;
	}
	
	.header-wrap{
		height:5.75em;
	}
	
	.top-menu{
		margin-top: 45px;
	}
	
	.home-banner{
		height:auto;
		background: url('../images/home-banner.png') center center no-repeat;
		background-size:cover;
		min-height: 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 20px 0;
	}
	
	.home-caption p{
		margin-top:0px;
	}
	
	.banner{
		height:18%;
		min-height:190px;
		background: url('../images/portfolio-banner.png') center center no-repeat;
		background-size:cover;
	}
	
	.home-caption{
		width: 415px;
		height: 415px;
	}
	
/* popup */
#tempPopupWrap { text-align:left; }	
	
}

/*large desktops*/
@media only screen and (min-width:1376px){
	.logo-wrap{
		width:475px;
		height: 365px;
		background: url('../images/circle-logo3.png') no-repeat center;
	}
	
}