@font-face {
    font-family:'DelmBook';
    src: url('fonts/DelmBook.eot');
    src: url('fonts/DelmBook.eot') format('embedded-opentype'),
         url('fonts/DelmBook.woff2') format('woff2'),
         url('fonts/DelmBook.woff') format('woff'),
         url('fonts/DelmBook.ttf') format('truetype'),
         url('fonts/DelmBook.svg#Avenir55Roman_0') format('svg');
}

@font-face {
    font-family:'DelmBold';
    src: url('fonts/DelmBold.eot');
    src: url('fonts/DelmBold.eot') format('embedded-opentype'),
         url('fonts/DelmBold.woff2') format('woff2'),
         url('fonts/DelmBold.woff') format('woff'),
         url('fonts/DelmBold.ttf') format('truetype'),
         url('fonts/DelmBold.svg#Avenir55Roman_0') format('svg');
}
@font-face {
    font-family:'DelmLight';
    src: url('fonts/DelmLight.eot');
    src: url('fonts/DelmLight.eot') format('embedded-opentype'),
         url('fonts/DelmLight.woff2') format('woff2'),
         url('fonts/DelmLight.woff') format('woff'),
         url('fonts/DelmLight.ttf') format('truetype'),
         url('fonts/DelmLight.svg#Avenir55Roman_0') format('svg');
}
@font-face {
    font-family:'Delm';
    src: url('fonts/Delm.eot');
    src: url('fonts/Delm.eot') format('embedded-opentype'),
         url('fonts/Delm.woff2') format('woff2'),
         url('fonts/Delm.woff') format('woff'),
         url('fonts/Delm.ttf') format('truetype'),
         url('fonts/Delm.svg#Avenir55Roman_0') format('svg');
}

html,
button,
input,
select,
textarea {
    color:#414042;
	 font-family:'DelmLight';
	 font-size: 17px;
}


/*//////////XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX//////////////////////////////////////////*/
#container {
	/*padding:5px;*/
	position:relative;
	margin:0 auto;

}


#homeContent {
	 /*height:810px;value just for testing/dev*/
	position:relative;	
	
}

#hero, #homeHero {
	display:block;
	position:relative;
	height:100%;
}
#homeHero
{margin-right: 31%;/*quicklinks + gutter*/}

#homeheroHolder, #heroHolder {
	position:absolute;
	top:0;
	bottom:40px;
	left:0;
	right:0;
	background:#000;
	overflow:hidden;
}
#homeheroHolder 
{/*bottom:105px;*/
bottom:75px;
}

.hero {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden;
}

.heroImg {overflow:hidden; position:absolute;top:0; right:0; bottom:0; left:0; width:100%;}

#images, .images {
	position:relative;
	overflow:hidden;
}

#images img, .images img {width:100%;height:auto;}

.imgholder {
	position:absolute;
	top:0;
	left:0;	
	width:100%;
	height:100%;
}

.imgholder img {
	display:block;
}

.hero h1 {width:50%; position:absolute; top:10%; left:10px;}

.heroText {
	padding:14px;
	width:292px;
	height:230px;
	background:#fff;
	position:absolute;
	bottom:40px;
	left:0;
}

.heroText .inner {
	height:100%;
	position:relative;
}

.heroText .readmore  {position:relative; bottom:auto; left:auto;}

#heroTabs {
	position:absolute;
	left:32.5%;
	right:0;
	bottom:40px;
	height:65px;
	background:#fff;
	font-size:14px;	
	font-family:'HelveticaNeueW01-65Medi';
	line-height:14px;
}

.heroTab {
	float:left;
	width:33.3333%;
}

.tabInner {
	margin:0 0 0 14px;
}

.tabProgress {position:relative;width:0%; height:10px; background:#e5e5e5;}

.tabText {padding:14px 0 0 14px;}
.tabText a {display:block;}

#scrolldown {
	position:absolute;
	background:#5b6e72;
	color:#fff;
	width: 23%;
	height:90px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #FFF;
letter-spacing: 2px;
font-size: 18px;
line-height: 18px;
	padding:15px 0 0 3%;
	z-index: 1;
}
#corporate-profile {
	position:absolute;
	background:#dab148;
	color:#fff;
	width: 23%;
	height:50px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #414042;
letter-spacing: 0px;
font-size: 20px;
line-height: 20px;
padding: 25px 0px 0px 3%;
	z-index: 1;
}

#scrolldown:hover {background-color:#41565b;}

@media (max-width:699px)
{
#quicklinks {
width: 400px;
padding:25px;
position: absolute;
right: 0px;
top: 0px;
bottom: 40px;
background-color: #FFF;
font-weight:normal;
font-family: "DelmLight";
font-size: 14px;
line-height: 18px;
letter-spacing: 1px;
}
#projects {
width:450px;
padding:0px;
position: absolute;
right: 0px;
top: 0px;
bottom:55px;
background-color: #FFF;
color:#FFF;
font-weight:normal;
font-family: DelmLight;
font-size: 14px;
line-height: 18px;
letter-spacing:2px;
}
#footer {
	background:#fff;
	font-size:13px;
	letter-spacing:1px;
	font-family:DelmLight;
	color:#4c4c4c;
	padding:0px;
	margin-top:0px;
	position:relative;
	/*height:15px;*/
	overflow:auto;
}

#container {
	
	position:relative;
	margin:0 auto;
	width:90%;
	}

}


@media (min-width:700px) and (max-width:1000px)
{
#quicklinks {
width: 400px;
padding:25px;
position: absolute;
right: 0px;
top: 0px;
bottom: 40px;
background-color: #FFF;
font-weight:normal;
font-family: "DelmLight";
font-size: 14px;
line-height: 18px;
letter-spacing: 1px;
}
#projects {
width:450px;
padding:0px;
position: absolute;
right: 0px;
top: 0px;
bottom:55px;
background-color: #FFF;
color:#FFF;
font-weight:normal;
font-family: DelmLight;
font-size: 15px;
line-height: 19px;
letter-spacing:2px;
}
#footer {
	background:#fff;
	font-size:12px;
	letter-spacing:1px;
	font-family:DelmLight;
	color:#4c4c4c;
	padding:0px;
	margin-top:0px;
	position:relative;
	/*height:15px;*/
	overflow:auto;
}
#container {
	/*padding:5px;*/
	position:relative;
	margin:0 auto;
	width:90%;
	}
}

@media (min-width:1001px) and (max-width:1199px)
{
#homeHero
{margin-right: 36%;/*quicklinks + gutter*/}
#heroTabs {
position:absolute;
left: 26%;
right:0;
bottom:25px;
height:50px;
background:#fff;
font-size:14px;	
font-family:'HelveticaNeueW01-65Medi';
line-height:14px;
}
#quicklinks {
width: 29%;
padding:25px;
position: absolute;
right: 0px;
top: 0px;
bottom: 25px;
background-color: #FFF;
font-weight:normal;
font-family: "swis";
font-size: 11px;
line-height: 16px;
letter-spacing: 1px;
}
#projects {
width: 34.5%;
padding:0px;
position: absolute;
right: 0px;
top: 0px;
bottom:25px;
background-color: #FFF;
color:#FFF;
font-weight:normal;
font-family: DelmLight;
font-size: 13px;
line-height: 17px;
letter-spacing:2px;
}
#scrolldown {
	position:absolute;
	background:#5b6e72;
	color:#fff;
	width: 23%;
	height:50px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #FFF;
letter-spacing: 2px;
font-size: 14px;
line-height: 14px;
	padding:25px 0 0 3%;
	z-index: 1;
}
#corporate-profile {
	position:absolute;
	background:#dab148;
	color:#fff;
	width: 23%;
	height:55px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #414042;
letter-spacing: 0px;
font-size: 15px;
line-height:15px;
padding: 20px 0px 0px 3%;
	z-index: 1;
}
#footer {
	background:#fff;
	font-size:12px;
	letter-spacing:1px;
	font-family:DelmLight;
	color:#4c4c4c;
	padding:0px;
	margin-top:0px;
	position:relative;
	/*height:15px;*/
	overflow:auto;
}

}
@media (min-width:1200px) and (max-width:1300px)
{
#homeHero
{
margin-right: 35.8%;
}
#heroTabs {
	position:absolute;
	left: 26%;
	right:0;
	bottom: 25px;
	height:50px;
	background:#fff;
	font-size:14px;	
	font-family:'HelveticaNeueW01-65Medi';
	line-height:14px;
}
#quicklinks {
width:29.5%;
padding:25px;
position: absolute;
right: 0px;
top: 0px;
bottom:25px;
background-color: #FFF;
font-weight:normal;
font-family: "swis";
font-size: 10px;
line-height: 14px;
letter-spacing: 1px;
}
#projects {
width:34.6%;
padding:0px;
position: absolute;
right: 0px;
top: 0px;
bottom:25px;
background-color: #FFF;
color:#FFF;
font-weight:normal;
font-family: "swis";
font-size: 11px;
line-height: 16px;
letter-spacing:1px;
}

#scrolldown {
	position:absolute;
	background:#5b6e72;
	color:#fff;
	width: 23%;
	height:50px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #FFF;
letter-spacing: 2px;
font-size: 14px;
line-height: 14px;
	padding:25px 0 0 3%;
	z-index: 1;
}
#corporate-profile {
	position:absolute;
	background:#dab148;
	color:#fff;
	width: 23%;
	height:55px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #414042;
letter-spacing: 0px;
font-size: 15px;
line-height:15px;
padding: 20px 0px 0px 3%;
	z-index: 1;
}
#footer {
	background:#fff;
	font-size:13px;
	letter-spacing:1px;
	font-family:DelmLight;
	color:#4c4c4c;
	padding:0px;
	margin-top:0px;
	position:relative;
	/*height:15px;*/
	overflow:auto;
}

}

@media (min-width:1301px) and (max-width:1399px)
{
#homeHero
{
margin-right: 34.5%;
}
#heroTabs {
	position:absolute;
	left: 26%;
	right:0;
	bottom: 25px;
height: 50px;
	background:#fff;
	font-size:14px;	
	font-family:'HelveticaNeueW01-65Medi';
	line-height:14px;
}
#quicklinks {
width:30%;
padding:25px;
position: absolute;
right: 0px;
top: 0px;
bottom: 25px;
background-color: #FFF;
font-weight:normal;
font-family: "swis";
font-size: 11px;
line-height:17px;
letter-spacing: 1px;
}
#projects{
width:33.8%;
padding:0px;
position: absolute;
right: 0px;
top: 0px;
bottom: 25px;
background-color: #FFF;
color:#FFF;
font-weight:normal;
font-family: swis;
font-size: 11px;
line-height: 14px;
letter-spacing:1px;
}
#scrolldown {
	position:absolute;
	background:#5b6e72;
	color:#fff;
	width: 23%;
	height:50px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #FFF;
letter-spacing: 2px;
font-size: 18px;
line-height: 18px;
	padding:25px 0 0 3%;
	z-index: 1;
}
#corporate-profile {
	position:absolute;
	background:#dab148;
	color:#fff;
	width: 23%;
	height:55px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #414042;
letter-spacing: 0px;
font-size: 17px;
line-height:17px;
padding: 20px 0px 0px 3%;
	z-index: 1;
	letter-spacing: 2px;
}
#footer {
	background:#fff;
	font-size:14px;
	letter-spacing:1px;
	font-family:DelmLight;
	color:#4c4c4c;
	padding:0px;
	margin-top:0px;
	position:relative;
	/*height:15px;*/
	overflow:auto;
}

}

@media (min-width:1400px) and (max-width:1599px)
{
#heroTabs {
	position:absolute;
	left: 26%;
	right:0;
	bottom: 25px;
height: 50px;
	background:#fff;
	font-size:14px;	
	font-family:'HelveticaNeueW01-65Medi';
	line-height:14px;
}

#quicklinks {
width: 26.5%;
padding:25px;
position: absolute;
right: 0px;
top: 0px;
bottom: 25px;
background-color: #FFF;
font-weight:normal;
font-family: "swis";
font-size: 12px;
line-height: 19px;
letter-spacing: 1px;
}
#projects {
width: 29.8%;
padding:0px;
position: absolute;
right: 0px;
top: 0px;
bottom:25px;
background-color: #FFF;
color:#FFF;
font-weight:normal;
font-family: swis;
font-size: 12px;
line-height: 22px;
letter-spacing:1px;
}
#scrolldown {
	position:absolute;
	background:#5b6e72;
	color:#fff;
	width: 23%;
	height:50px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #FFF;
letter-spacing: 2px;
font-size: 18px;
line-height: 18px;
	padding:25px 0 0 3%;
	z-index: 1;
}
#corporate-profile {
	position:absolute;
	background:#dab148;
	color:#fff;
	width: 23%;
	height:55px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #414042;
letter-spacing: 0px;
font-size: 17px;
line-height:17px;
padding: 20px 0px 0px 3%;
	z-index: 1;
	letter-spacing: 2px;
}
#footer {
	background:#fff;
	font-size:12px;
	letter-spacing:1px;
	font-family:DelmLight;
	color:#4c4c4c;
	padding:0px;
	margin-top:0px;
	position:relative;
	/*height:15px;*/
	overflow:auto;
}

}
@media (min-width:1600px) and (max-width:1800px)
{
#homeHero
{
margin-right: 33%
}
#heroTabs {
	position:absolute;
	left: 26%;
	right:0;
	bottom:25px;
	height:50px;
	background:#fff;
	font-size:14px;	
	font-family:'HelveticaNeueW01-65Medi';
	line-height:14px;
}

#quicklinks {
width: 28.1%;
padding:25px;
position: absolute;
right: 0px;
top: 0px;
bottom:25px;
background-color: #FFF;
font-weight:normal;
font-family: swis;
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
}

#projects {
width: 31.9%;
padding:0px;
position: absolute;
right: 0px;
top: 0px;
bottom:25px;
background-color: #FFF;
color:#FFF;
font-weight:normal;
font-family: swis;
font-size: 13px;
line-height: 22px;
letter-spacing:1px;
}
#scrolldown {
	position:absolute;
	background:#5b6e72;
	color:#fff;
	width: 23%;
	height:50px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #FFF;
letter-spacing: 2px;
font-size: 18px;
line-height: 18px;
	padding:25px 0 0 3%;
	z-index: 1;
}
#corporate-profile {
	position:absolute;
	background:#dab148;
	color:#fff;
	width: 23%;
	height:55px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #414042;
letter-spacing: 0px;
font-size: 18px;
line-height:18px;
padding: 20px 0px 0px 3%;
	z-index: 1;
	letter-spacing: 2px;
}
#footer {
	background:#fff;
	font-size:16px;
	letter-spacing:1px;
	font-family:DelmLight;
	color:#4c4c4c;
	padding:0px;
	margin-top:0px;
	position:relative;
	/*height:15px;*/
	overflow:auto;
}

}

@media (min-width:1801px)
{
#homeHero
{
margin-right: 31.7%;
}
#heroTabs {
	position:absolute;
	left: 26%;
	right:0;
	bottom:25px;
	height:50px;
	background:#fff;
	font-size:14px;	
	font-family:'HelveticaNeueW01-65Medi';
	line-height:14px;
}

#quicklinks {
width: 27.5%;
padding:25px;
position: absolute;
right: 0px;
top: 0px;
bottom:25px;
background-color: #FFF;
font-weight:normal;
font-family: "swis";
font-size: 13px;
line-height: 25px;
letter-spacing: 1px;
}
#projects {
width: 30.2%;
padding:0px;
position: absolute;
right: 0px;
top: 0px;
bottom:25px;
background-color: #FFF;
color:#FFF;
font-weight:normal;
font-family: swis;
font-size: 14px;
line-height: 24px;
letter-spacing:1px;
}
#scrolldown {
	position:absolute;
	background:#5b6e72;
	color:#fff;
	width: 23%;
	height:50px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #FFF;
letter-spacing: 2px;
font-size:20px;
line-height: 18px;
	padding:25px 0 0 3%;
	z-index: 1;
}
#corporate-profile {
	position:absolute;
	background:#dab148;
	color:#fff;
	width: 23%;
	height:55px;
	bottom:0;
	left:0;
	font-family: Delm;
color: #414042;
letter-spacing: 0px;
font-size: 21px;
line-height:20px;
padding: 20px 0px 0px 3%;
	z-index: 1;
	letter-spacing: 2px;
}
#footer {
	background:#fff;
	font-size:17px;
	letter-spacing:1px;
	font-family:DelmLight;
	color:#4c4c4c;
	padding:0px;
	margin-top:0px;
	position:relative;
	/*height:15px;*/
	overflow:auto;
}

}