@charset "utf-8";
/* CSS Document */

@import url("fonts.css");

body {
	background:url(../images/bg-blueTriangle.png) top right no-repeat #000;
	margin:0; padding:0;
}

#contentWrap {
	background:url(../images/bg-contentWrap.jpg) bottom left repeat-x;
	width:100%;
	height:auto;
	float:left;
	margin:0;
}

#mainContain {
	width:1240px;
	height:auto;
	margin:0 auto;
}

#header {
	width:1240px;
	height:230px;
	float:left;
	margin:0;
	padding:50px 0 0;
}

#logo {
	width:377px;
	height:230px;
	float:left;
	margin:0;
}

#contact {
	width:863px;
	height:74px;
	float:left;
	margin:0;
	text-align:right;
	color:#FFF;
	font-family: 'robotoregular';
	font-size:1.125em;
}

#contact a, #contact a:visited {
	color:#FFF;
	text-decoration:none;
}

#contact a:hover {
	color:#fd9d06;
}

#contact span {
	color:#808080;
	margin:0 5px;
}

#contact img {
	float:right;
	margin:-5px 0 0 20px;
	position:relative;
}

#navBar {
	width:863px;
	height:96px;
	float:left;
	margin:0;
	padding:60px 0 0;
	text-align:right;
	font-family: 'MyriadProSemibold';
	font-size:1.125em;
}

#navBar a, #navBar a:visited {
	color:#FFF;
	text-decoration:none;
	padding:70px 5px 0;
	margin:0 0 0 40px;
}

#navBar a.navhome, #navBar a.navhome:visited {
	background:url(../images/nav-home.png) top center no-repeat;
}

#navBar a.navhome:hover {
	background:url(../images/nav-home-over.png) top center no-repeat;
}
#navBar a.navservices, #navBar a.navservices:visited {
	background:url(../images/nav-services.png) top center no-repeat;
}

#navBar a.navservices:hover {
	background:url(../images/nav-services-over.png) top center no-repeat;
}
#navBar a.navrates, #navBar a.navrates:visited {
	background:url(../images/nav-rates.png) top center no-repeat;
}

#navBar a.navrates:hover {
	background:url(../images/nav-rates-over.png) top center no-repeat;
}
#navBar a.navspecials, #navBar a.navspecials:visited {
	background:url(../images/nav-specials.png) top center no-repeat;
}

#navBar a.navspecials:hover {
	background:url(../images/nav-specials-over.png) top center no-repeat;
}
#navBar a.navcontact, #navBar a.navcontact:visited {
	background:url(../images/nav-contact.png) top center no-repeat;
}
#navBar a.navcontact:hover {
	background:url(../images/nav-contact-over.png) top center no-repeat;
}
#navBar a.navjobs, #navBar a.navjobs:visited {background:url(../images/nav-jobs.png) top center no-repeat;}
#navBar a.navjobs:hover {background:url(../images/nav-jobs-over.png) top center no-repeat;}

#contentTop {
	background:url(../images/bg-contentTop.png) no-repeat;
	width:1240px;
	height:467px;
	float:left;
	margin:0;
}

#contentPhoto {
	width:550px;
	height:294px;
	float:left;
	margin:0;
	padding:67px 26px 106px 28px;
}

#contentText {
	width:487px;
	height:347px;
	float:left;
	margin:0;
	padding:120px 70px 0 79px;
	color:#FFF;
	font-family: 'PTSansCaptionRegular';
	font-size:1.125em;
}

#contentText h1 {
	font-family: 'PTSansCaptionBold';
	font-size:1.5em;
	margin:0 0 15px;
	color:#ffa001;
}

#contentText p {
	margin:0 0 15px;
}

#contentText strong {
	font-family: 'PTSansCaptionBold';
}

#contentText a, #contentText a:visited {
	color:#FFF;
	text-decoration:none;
}

#contentText a:hover {
	text-decoration:underline;
}

#contentArea {
	width:1240px;
	height:auto;
	float:left;
	margin:0;
	padding:0 0 50px;
	color:#FFF;
	font-family: 'PTSansCaptionRegular';
	font-size:1.125em;
}

#contentArea strong {
	font-family: 'PTSansCaptionBold';
}

#contentArea p {
	margin:0 0 15px;
}

#contentArea ul {
	margin:0;
	padding:0 0 0 20px;
}
#contentArea ul.jobs {margin:0 0 15px 30px;}

#contentArea li {
	margin:0 0 10px;
	padding:0 0 0 15px;
}

#contentArea li span {
	color:#628eb2;
	cursor:pointer;
}

#contentArea h1 {
	font-size:1.3em;
	font-weight:normal;
	margin:0;
}

#contentArea p span {
	color:#628eb2;
}

#contentArea p span.orange, #contentArea a {
	color:#ffbf00; text-decoration:none;
}

#contentArea table.rates td {padding-bottom:25px;}

#contentArea iframe {
	margin-left:25px;
	border:2px solid #fff;
}
#contentArea .g-recaptcha iframe {
	margin-left:0px;
	border:0px solid #fff;
}

#contentArea h2 {
	color:#ffbf00;
	font-size:1.4em;
	font-weight:normal;
	margin:0 0 15px;
}

#contentArea input.input {-moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;
	background:#FFF;
	width:450px;
	height:27px;
	font-family: 'PTSansCaptionRegular';
	font-size:.8em;
	border:1px solid #79797a;
	padding-right:10px;
	padding-left:10px;
}

#contentArea input.input2 {-moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;
	background:#FFF;
	width:200px;
	height:27px;
	font-family: 'PTSansCaptionRegular';
	font-size:.8em;
	border:1px solid #79797a;
	padding-right:10px;
	padding-left:10px;
}

#contentArea select {-moz-border-radius: 0px; -webkit-border-radius: 0px;
	background:#FFF;
	width:220px;
	height:27px;
	font-family: 'PTSansCaptionRegular';
	font-size:.8em;
	border:1px solid #79797a;
	padding-left:10px;
}

#contentArea textarea {-moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;
	background:#FFF;
	width:455px;
	height:90px;
	font-family: 'PTSansCaptionRegular';
	font-size:.8em;
	border:1px solid #79797a;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}

#contentArea input.btn {-moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;
	background:url(../images/submit-button.png) center center;
	font-family: 'PTSansCaptionBold';
	font-size:1.8em;
	text-transform:uppercase;
	letter-spacing:2px;
	width:220px;
	height:80px;
	border:none;
	border-radius:5px;
	margin:10px 0 0;
}

#googlemaps {
	width:546px;
	height:520px;
	float:left;
	margin:0 0 0 25px;
	border:2px solid #fff;
}

#mainImage {
	background:url(../images/bg-mainImage.png) no-repeat;
	width:1240px;
	height:150px;
	float:left;
	margin:0;
	padding:210px 0 0;
	text-align:right;
	color:#FFF;
	font-family: 'MyriadProLight';
	font-size:2.75em;
}

#mainImage span, #mainImage a {
	color:#fd9d06; text-decoration:none;
}

#teasers {
	width:1240px;
	height:305px;
	float:left;
	margin:0;
	padding:42px 0 58px;
	color:#fd9d06;
	font-family: 'robotolight';
	font-size:1.4em;
	line-height:.8em;
}

#teasers span.white {
	color:#FFF;
	font-family: 'MyriadProBoldCondensed';
	font-size:1.8em;
	line-height:1em;
}

#teasers span.brown {
	color:#000;
	font-family: 'robotolight';
}

#teasers span.black {
	color:#000;
	font-family: 'MyriadProBoldCondensed';
	font-size:1.8em;
	line-height:1em;
}

#tease1:hover, #tease2:hover, #tease3:hover {
	opacity:1;
}

/*#tease1 {
	background:url(../images/bg-tease1.png) no-repeat;
	width:371px;
	height:305px;
	float:left;
	margin:0;
	opacity:0.7;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}*/
#tease1 {
	background:url(../images/bg-tease1.png) no-repeat;
	width:346px;
	height:75px;
	float:left;
	margin:0;
	padding:230px 0 0 25px;
	cursor:pointer;
	opacity:0.7;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#tease2 {
	background:url(../images/bg-tease2.png) no-repeat;
	width:346px;
	height:75px;
	float:left;
	margin:0 63px 0 64px;
	padding:230px 0 0 25px;
	cursor:pointer;
	opacity:0.7;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#tease3 {
	background:url(../images/bg-tease3.png) no-repeat;
	width:346px;
	height:75px;
	float:left;
	margin:0;
	padding:230px 0 0 25px;
	cursor:pointer;
	opacity:0.7;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#footerWrap {
	width:100%;
	height:auto;
	float:left;
	margin:0;
}

#footer {
	width:1240px;
	height:auto;
	margin:0 auto;
	padding:30px 0;
	color:#bfbfbf;
	font-family: 'robotoregular';
	font-size:1em;
}

#footer span {
	float:right;
}

#footer a, #footer a:visited {
	color:#bfbfbf;
	text-decoration:none;
}

#footer a:hover {
	color:#FFF;
}

#footer img {max-width:100%; height:auto; margin:15px 10px 0;}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#000 url(../images/preload.gif) no-repeat 50% 50%; border:1px solid #333;}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#000000;}
#frameless {padding:0;}
#frameless .tclose {left:6px}
#padded {padding:20px 20px 40px;}

#wrapper{
	color:#000000;
	font-family:tahoma;
	font-size:14px;
	margin:0 auto;
	width:777px;
	/*margin-top:50px;*/
}

#wrapper a{
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}

.box {
    background-color: #ffffff;
    color: #000;
    height: 563px;
    left: 50%;
	margin-left:-225px;
    position: fixed;
    top: 5%;
    width: 450px;
    z-index: 101;
	border:5px solid #888888;
	text-align:center;
}

.overlay {
    background: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
	opacity:0.5;
}

a.boxclose {
    background: url(/images/cancel.png) repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 26px;
    left: 12px;
    position: relative;
    top: -13px;
    width: 26px;
	margin-bottom:-26px;
}

header {display:none; font-family: 'MyriadProSemibold'; font-size:18px;}
img.mainPic {display:none; max-width:100%; height:auto;}
img.mainText {display:none; max-width:100%; height:auto;}
#contentArea li.mobile {display:none;}
#teasers p {margin:0;}

.responsive-nav-icon::before, .responsive-nav-close::before {color: #468dcb; content: "\f0c9"; font-family: FontAwesome; font-size: 22px; position: relative;}
.responsive-nav-close::before {color: #468dcb; content: "\f00d"; font-size: 18px;}
.responsive-nav-icon {background: #fff; line-height: normal; padding: 5px 8px 4px; top: 1%; right: 1%;}
.responsive-nav-icon:hover, .responsive-nav-close:hover {opacity: .7;}
.responsive-nav-close {top: 10px; right: 10px;}
.responsive-nav-icon, .responsive-nav-close {cursor: pointer; display: none;}
#overlay {background: 0 0 rgba(0, 0, 0, 0.1); display: none; height: 100%; position: fixed; top: 0; left: 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 100%; z-index: 990;}
	
@media only screen and (max-width: 1079px) {
	header {display:block;}
	.responsive-nav-icon {display: block; position: fixed; z-index: 999;}
	.responsive-nav-close {display: block; position: absolute; z-index: 1;}
	nav {background:url(../images/bg-nav.jpg) center center; background-size:cover; height: 100%; padding: 20px 5%; position: fixed; top: 0; left: -400px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
		-ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 0; text-align:center;}
	nav a, nav a:visited, nav a:hover {color:#FFF; text-decoration:none; padding:10px 0 !important; display:block;}
	nav ul, nav li {margin:0; padding:0;}
	nav li {border-bottom:1px solid #c5c5c5;}
	nav li.last {border-bottom:0px;}
	nav.slide-in {left: 0; overflow-y: scroll; width: 90%; z-index: 1000;}	
	nav .menu-item {display: block;}
	nav a.social {display:inline-block; margin:0 3px;}
	nav a.mobnav {font-size:24px;}
}

@media screen and (min-width:1080px) and (max-width:1320px) {
	#mainContain {width:90%;}
	#header {width:100%; height:auto;}
	#logo {width:31%; height:auto;}
	#logo img {max-width:100%; height:auto; border:none;}
	#contact {width:69%; height:auto; padding:0 0 50px;}
	#navBar {width:69%; height:auto;}
	#mainImage {background:url(../images/bg-mainImage-mob.png) no-repeat; width:100%; height:auto; text-align:center; padding:60px 0 0;}
	img.mainPic {display:block; margin:0 auto 20px;}
	img.mainText {display:block; margin:0 auto 20px;}
	#teasers {width:100%; height:auto;}
	#tease1 {background:url(../images/bg-tease1-mob.png) center center; background-size:cover; width:31%; height:auto; padding:170px 0 0; border-radius:20px; overflow:hidden; text-align:center; border:3px solid #a2a2a2;}
	#tease1 img {max-width:100%; height:auto;}
	#tease2 {background:url(../images/bg-tease2-mob.png) center center; background-size:cover; width:31%; height:auto; margin:0 2%; padding:170px 0 0; border-radius:20px; overflow:hidden; border:3px solid #a2a2a2;}
	#tease1 p, #tease2 p {padding:15px 5%; background:rgba(0,0,0,.9);}
	#tease3 {background:url(../images/bg-tease3-mob.png) center center; background-size:cover; width:31%; height:auto; padding:170px 0 0; border-radius:20px; overflow:hidden; border:3px solid #a2a2a2;}
	#tease3 p {padding:15px 5%; background:rgba(255,178,25,.9);}
	#footerWrap {height:auto; padding:30px 0;}
	#footer {width:90%; height:auto; padding:0;}
	#contentTop {background:none; width:100%; height:auto;}
	#contentPhoto {width:100%; height:auto; text-align:center; padding:40px 0 20px;}
	#contentPhoto img {background:url(../images/bg-pic.jpg) center center; background-size:cover; max-width:98%; height:auto; padding:1%; border-radius:20px; border:3px solid #a2a2a2;}
	#contentText {width:100%; height:auto; text-align:center; padding:40px 0;}
	#contentText table {width:100% !important;}
	#contentArea img {max-width:100%; height:auto; display:block; float:none !important;}
	#contentArea {width:100%;}
	#contentArea img {max-width:100%; height:auto; display:block; margin:0 auto 20px; float:none !important;}
	#contentArea td {padding:0 20px;}
	#googlemaps {width:100%;}
	
}
@media screen and (min-width:100px) and (max-width:1079px) {
	#mainContain {width:90%;}
	#header {width:100%; height:auto;}
	#logo {width:100%; height:auto; text-align:center;}
	#logo img {max-width:100%; height:auto; border:none;}
	#contact {display:none;}
	#navBar {display:none;}
	#mainImage {background:none; width:100%; height:auto; text-align:center; padding:60px 0 0;}
	img.mainPic {display:block; margin:0 auto 20px;}
	img.mainText {display:block; margin:0 auto 20px;}
	#teasers {width:100%; height:auto;}
	#tease1 {background:url(../images/bg-tease1-mob.png) center center; background-size:cover; width:100%; height:auto; padding:230px 0 0; border-radius:20px; overflow:hidden; text-align:center; border:3px solid #a2a2a2;}
	#tease1 img {max-width:100%; height:auto;}
	#tease2 {background:url(../images/bg-tease2-mob.png) center center; background-size:cover; width:100%; height:auto; margin:30px 0; padding:230px 0 0; border-radius:20px; overflow:hidden; border:3px solid #a2a2a2;}
	#tease1 p, #tease2 p {padding:15px 5%; background:rgba(0,0,0,.9); text-align:center;}
	#tease3 {background:url(../images/bg-tease3-mob.png) center center; background-size:cover; width:100%; height:auto; padding:230px 0 0; border-radius:20px; overflow:hidden; border:3px solid #a2a2a2;}
	#tease3 p {padding:15px 5%; background:rgba(255,178,25,.9); text-align:center;}
	#footerWrap {height:auto; padding:30px 0;}
	#footer {width:90%; height:auto; padding:0; text-align:center;}
	#footer span {display:block; float:left; width:100%;}
	#footer a {display:inline-block;}
	#contentTop {background:none; width:100%; height:auto;}
	#contentPhoto {width:100%; height:auto; text-align:center; padding:40px 0 20px;}
	#contentPhoto img {background:url(../images/bg-pic.jpg) center center; background-size:cover; max-width:96%; height:auto; padding:2%; border-radius:20px; border:3px solid #a2a2a2;}
	#contentText {width:100%; height:auto; text-align:center; padding:40px 0;}
	#contentText table {width:100% !important;}
	#contentText td {width:100% !important; display:block !important; float:left !important;}
	#contentArea img {max-width:100%; height:auto; display:block; float:none !important;}
	#contentArea {width:100%;}
	#contentArea img {max-width:100%; height:auto; display:block; margin:0 auto 20px; float:none !important;}
	#contentArea table {width:100% !important;}
	#contentArea td {width:100% !important; display:block !important; float:left !important; padding:0 0 20px;}
	#contentArea input.input, #contentArea input.input2 {width:100%; padding:0;}
	#contentArea select {width:100%;}
	#contentArea textarea {width:100%; padding:0;}
	#contentArea input.btn {width:100%;}
	#contentArea li.mobile {display:list-item; list-style-type:disc !important;}
	#contentArea li.desktop {display:none;}
	#googlemaps {width:100%; height:250px; margin:0;}
	
}