/* Document Settings _______________________________________________________________*/

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 0;
	margin: 0;
	line-height: 200%;
	background: url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-color: #eee;
	color: #666;
	
}
html,body { height: 100%; margin: 0px; padding: 0px; }
@font-face {
  font-family: 'ForteMT';
  src: url('ForteMT.eot?#iefix') format('embedded-opentype'),  url('ForteMT.woff') format('woff'), url('ForteMT.ttf')  format('truetype'), url('ForteMT.svg#ForteMT') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1 {
	font-size: 260%;
	line-height: 100%;
	font-family: 'ForteMT' !important;
	font-weight: normal;
	padding-top: 8px;
	color: #fff; margin-top:0px !important
}

h2 {
	font-size: 180%;
	line-height:95%;
    font-family: 'ForteMT' !important;
	color:#D2222A
}

h3 {
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:ultra-condensed;
	margin-top:5px;
	line-height: 100%;
	color: #F48C1D;
}
img{ border:none}

  
p { margin-top: 0.5em; }

.highlight-text{ font-size:160%}



#body{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#body a{
	color: #000000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	text-transform: none;
	text-decoration: none
	
}
#body a:hover{
	color: #A5893C;
	
}

.developmentlink{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}

.body-contain{ float:left; width:100%;}
.body-contain img{ max-width:100%; height:auto}

#body-wrapper {
			min-height:100%; overflow:hidden; height:100%; width:100%; text-align:center
}



video {
  max-width:100%;
  
}
.title-holder{
	width: 100%;
	float: left;
}
.logo{
	width: 100%; max-width:100%;
	float: left;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.logo img{ display:inline-block; max-width:90%; height:auto}
.main-title{
	width: 55%;
	float: left;
	padding-left: 5%;
	text-align: left;
	font-size: 200%;
	line-height: 130%;
	color: #752B31;
}
div{-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;
-ms-transition: all 0.7s ease;}



.red-button{ width:100%; text-align:center; float:left}
.red-button .inner{ display:inline-block; padding:10px; line-height:100%;font-family: 'ForteMT' !important; background-color:#D2232A}


.red-button .inner a{ z-index:300; position:relative; float:left; background-image:url(images/more-info-icon.fw.png); background-repeat:no-repeat; background-position:right 10px center; width:100%;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-ms-transition: all 0.5s ease; }
.red-button .inner{
	 display:inline-block; padding:10px; line-height:100%;font-family: 'ForteMT' !important; font-size:120%; background-color:#D2232A;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease; width:130px;  position:relative; overflow:hidden
	
}
.red-button .inner a:hover{ color:#000 !important}
.red-button .inner:before{ content:""; background-color:#fff; left:-100%; position:absolute; top:0px; width:100%; height:100%;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-ms-transition: all 0.5s ease; z-index:1}
.red-button .inner:hover:before{ left:0px !important }





.vbody{ position: absolute;
  top: 50%;
  transform: translateY(-50%); z-index:100; left:0px; right:0px; margin:auto}

#footer{ width:100%; position:absolute; bottom:0px; left:0px; z-index:100}
.footer-bottom{ min-height:70px; color:#fff; line-height:70px; width:100%; float:left; background-color:#D2232A}
.footer-bottom a{ color:#fff}
.tel{ display:inline-block; margin-left:20px; margin-right:20px;}
.address{ display:inline-block;  margin-left:20px; margin-right:20px;}
.email{ display:inline-block;  margin-left:20px; margin-right:20px;}
.designer{display:inline-block;  margin-left:20px; margin-right:20px;}

.footsocial{width:100%; float:left; margin-bottom:30px;}
.social1, .social2, .social3{ display:inline-block; margin-left:10px; margin-right:10px;}


@media all and (min-width: 50px) and (max-width: 620px) {
	#body{width:100% !important;}
	h1{ font-size:200%}
	h2{ font-size:130%}
	
	.main-title{ width:100% !important; padding:0px !important; text-align:center !important; font-size:140% !important}
	.logo{ width:100% !important; text-align:center !important}
	.highlight-text{ font-size:130%}
	.footer-bottom{ line-height:40px;}
	.vbody{ max-width:90%; left:5%;}
	
}
@media all and (min-width: 620px) and (max-width: 1000px) {
	#body{width:100% !important;}
	h1{ font-size:250%}
	h2{ font-size:170%}
	.main-title{ padding:0px !important; text-align:center !important; }
	.footer-bottom{ line-height:55px;}
}