@charset "utf-8";

/* If you downloaded this stylesheet to take a look, I apologize for the mess.
I've been working hard to have a mobile-friendly version asap and couldn't 
take care of taking off what's not necessary. I promise to clean after. Luis */

/*Color Pallete
Gris muy claro	#F2F2F2 f5f5f5
Gris claro		#BFBFBF dcdcdc
Gris			#8C8C8C
Verde			#00B0A4
Verde oscuro	#009489
Café			#663300
Café oscuro		#5B1A00
*/

/* Contents			Flag
----------------------------------------------------------------------------------

Global Settings   		=GST
Structure				=STR
Layout 					=LYT
Main menu				=MNM
Texts					=TXT
Start page				=STP
Portfolio Grid			=PFG
Timeine					=TML
Soon page 				=SNP
Images					=IMG
Footer elements			=FEL
Project Detail			=PRJ
Contact Detail			=CTC
Responsive				=RPS
*/


/* Global Settings	=GST
------------------------------------------------------------------------------- */
@font-face
{
	font-family: Antipasto;
	src: url('../fonts/Antipasto_regular.otf');
}

html
{
	height: 100%;
}

body
{
	background-color: #f5f5f5; /*#e5e5e5;/*#EBEBEB;/*#F2F2F2;*/
	color:#8C8C8C;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	height:100%;
	margin:0px;
	padding:0px;
	/* Scrollbars para IE */
    scrollbar-base-color:#242424;
    scrollbar-track-color:#242424;
    scrollbar-face-color:#808080;
    scrollbar-highlight-color:#808080;
    scrollbar-3d-light-color:#808080;
    scrollbar-dark-shadow-color:#808080;
    scrollbar-shadow-color:#808080;
    scrollbar-arrow-color:#404040;
}

a,
a:visited,
a:active
{
	color:#A6A6A6;
	text-decoration:none;
}

a:hover
{
	color:#00B0A4;
}

ul
{
	list-style: none;
}

::selection
{
background: #00B0A4;
color: #fff;
text-shadow: none;
}

::-webkit-scrollbar /* Scrollbars Chrome y Safari */
{
    height: 10px;
    width: 10px;
    background: #BFBFBF;
}

::-webkit-scrollbar:hover /* Scrollbars Chrome y Safari */
{
    border-top: 1px solid #8C8C8C;
}

::-webkit-scrollbar-thumb {
    background: #00B0A4;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #009489;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-corner {
    background: #BFBFBF;
    border-top: 1px solid #8C8C8C;
}

::-webkit-scrollbar:hover ::-webkit-scrollbar-corner {
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}


/* Structure	=STR
------------------------------------------------------------------------------- */
.mainDiv
{
	position: absolute;
		right: 0px;
		left: 0px;
}

@media (min-width: 768px) {
  .mainDiv {
    right: 42px;
		left: 42px;
  }
}

.leftNavDiv
{
	background-color:#dcdcdc;
	display: none;
	position:absolute;
		left:-42px;
	width: 47px;
	height:30px;
}

.rightNavDiv
{
	background-color:#dcdcdc;
	display: none;
	position:absolute;
		top:0px;
		right:-52px;
	width: 50px;
	height:30px;
}

@media (min-width: 580px) { /*L*/
  .leftNavDiv,
  .rightNavDiv {
    display: block;
  }
}

.headerDiv
{
	position: fixed;
		top: 42px;
		right: 0px;
		left: 0px;
	height:50px;
	z-index: 2;
}

.headerDiv .leftDiv
{
	background-color: #D2D2D2;
	position: absolute;
		top: 0px;
		left:0px;
	text-align: right;
	width:60px;/*40px;*/
	height:30px;
}

.headerDiv .backBtn
{
	background: transparent url(../images/main/back-btn-green-trans.png) no-repeat right;
	width: 100%;
	height: 100%;
}

.headerDiv .backBtn:hover
{
	background: #00B0A4 url(../images/main/back-btn-white-trans.png) no-repeat right;
}

.subheaderDiv
{
	position: fixed;
		top: 90px;/*92px;*/
		right: 42px;
		left: 52px;/*32px;*/
	height:30px;
}

.contentDiv
{
	position: absolute;
		top: 132px;/*122px;*/
		right: 42px;
		bottom: 42px;
		left: 62px;/*42px;*/
	min-height:320px;
	white-space: nowrap;	
}

.IndexContentDiv
{
	position: absolute;
		top: 92px;
		right: 42px;
		bottom: 42px;
		left: 42px;
	min-height:320px;	
}

.SoonContentDiv
{
	background-color: #00B0A4;
		/* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(radial, center center, 0, center center, 460, from(#00B0A4), to(#009489));
		/* Safari 5.1+, Chrome 10+ */
		background: -webkit-radial-gradient(circle, #00B0A4, #009489);
		/* Firefox 3.6+ */ 
		background: -moz-radial-gradient(circle, #00B0A4, #009489);
		/* IE 10 */ 
		background: -ms-radial-gradient(circle, #00B0A4, #009489);
	color: #FFF;
	position: absolute;
	width: 100%;
	height: 100%;
	min-height:320px;	
}

.StartContentDiv
{
	position: absolute;
		top: 42px;
		right: 42px;
		bottom: 42px;
		left: 42px;
	min-height:320px;	
}

.footerDiv, .footerDivCover
{
	/*position: fixed;
		right: 42px;
		bottom: 0px;
		left: 42px;*/
	height:24px;
	margin-top: 50px;
}

.scrollDiv
{
	position:fixed;
	width:100%;
	height:100%;
}

.mainContent
{
  margin-top: 70px;
  position: relative;
}

.restContent
{
  position: relative;
}

.restContent > div
{
  margin-bottom: 5px;
}

@media (min-width: 580px) { /*L*/
  .restContent > div
	{
	  margin-bottom: 15px;
	}
}

.restContent.altBkg
{
  background-color: #fff;
}


/*@media (min-width: 768px) {
  .mainContent {
    margin-top: 120px;
  }
}*/

.skillsSecondCol
{
  margin-top: 0px;
}

@media (min-width: 1200px) { /*L*/
  .skillsSecondCol
	{
	  margin-top: 34px;
	}
}

.navbar-brand.light
{
	color: #DCDCDC;
}

.shadowActive {
	background-color: #f5f5f5;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.shadowActive .navbar-brand.light
{
	color: #8C8C8C;
}

.navbar-fixed-top {
     transition: box-shadow 1s, background-color 1s, color 1s;
		-moz-transition: box-shadow 1s, background-color 1s, color 1s;
		-webkit-transition: box-shadow 1s, background-color 1s, color 1s;
		-o-transition: box-shadow 1s, background-color 1s, color 1s;
}

/* Layout =LYT
------------------------------------------------------------------------------- */
.logoDiv
{
	background-image:url(../images/main/logo-square-green-bkg-28x30.png);
	position: absolute;
		top: 0px; /*10px;*/ 
		left: 1px;/*62px;*/
	width:28px;
	height:30px;
}

@media (min-width: 580px) { /*L*/
  .logoDiv {
    left: 8px; /*49px;*/
  }
}

.titleDiv
{
	position: absolute;
		top: 1px;
		left: 98px;/*78px;*/
	/*width:20%;*/
	height:26px;
}

.menuDiv
{
	position: absolute;
		top: 0px;
		right: 0px;
	text-align: right;
	width:auto;
	height:26px;
}

.singleColDiv,
.twoColDiv,
.threeColDiv,
.fourColDiv,
.fiveColDiv,
.sixColDiv
{
	height: 100%;
	white-space: normal;
	overflow: auto;
	display: inline-block;
	margin-right: 2%;
	position: relative;
	vertical-align:top;
	/*margin:0.9%;*/
}

.singleColDiv
{
	width:300px;
}

.twoColDiv
{
	width:140px;
}

.threeColDiv
{
	width:230px;
}

.fourColDiv
{
	width:300px;
}

.fiveColDiv
{
	width:81%;
}

.sixColDiv
{
	width:98%;
}

.nineColDiv
{
	width:700px;
}

.spaceDiv
{
	float:left;
	width:100%;
	height:20px;
	position:relative;
}

.centeredMessageDiv
{
	margin-left:-145px;
	position:absolute;
		top:40%;
		left:50%;
	text-align:center;
	width:290px;
	height:50px;
}

.rightMargin
{
	/*position: absolute;
		top: 0px;*/
	display: inline-block;
	width: 62px;/*42px;*/
	height: 100%;
}


/* Main menu	=MNM
------------------------------------------------------------------------------- */
.menuDiv ul,
.menuDiv ol
{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

.menu
{
	font-size:16px;
	font-weight:200;
	padding: 0;
}

.menu li
{
	background-color: #D2D2D2;
	color:#A6A6A6;
	margin-right: 1px;
	margin-left: 1px;
}

.menu li:hover
{
	background-color:#00B0A4;
	color:#FFF;
}

.menu li a
{
	color:#A6A6A6;
	display:block;
	padding: 5px 12px 6px 12px;
	text-decoration:none;
}

.menu li:hover a
{
	color:#FFF;
}

.menu > li
{
	float:left;
}

/* Submenu */
.menuDiv ul ul {
	display: none;
	float:left;
	position: absolute;
	z-index: 4;
}

	/*.menuDiv ul li:hover > ul {
		display: block;
	}*/

.menu ul li
{
	background-color: #8C8C8C;
	color:#FFF;
	margin: 0;
	margin-top: 1px;
	text-align: center;
	z-index: 4;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.menu ul li:hover
{
	background-color:#00B0A4;
	color:#FFF;
}

.menu ul li a
{
	color:#FFF;
	display:block;
	padding: 5px 10px 6px 10px;
	text-decoration:none;
	z-index: 4;
}

.menu ul li:hover a
{
	color:#FFF;
}

/* DownloadBtn */
.downloadBtn
{
	background: transparent url(../images/main/download-gray-trans-ico.png) no-repeat right;
	padding-right: 20px;
}

.downloadBtn:hover
{
	background: #00B0A4 url(../images/main/download-white-trans-ico.png) no-repeat right;
}

.menu .mapSearch
{
	width:61px;/*41px;*/
	height:28px;
}

.menu .mapSearch:hover
{
	background-color: #D2D2D2;
}


/* Texts	=TXT
------------------------------------------------------------------------------- */
h1, h2, h4, h5, .menu, .yearBar, .halfYearBar
{
	font-family: Antipasto;
	margin:0;
	letter-spacing:1px;
}

h1
{
	font-size:24px;
	font-weight:400;
	text-align:left;
}

h2
{
	color: #00B0A4; /*#8C8C8C*/
	float: left;
	font-size:21px;
	font-weight:500;
	width: 100%;
}

h2.supersize
{
	font-size:36px;
}

@media (min-width: 580px) {/*L*/
  h2.supersize
	{
		font-size:48px;
	}
}

h3
{
	color: #808080;
	font-size:16px;
	font-weight:normal;
	margin:0;
	margin-bottom: 6px;
}

h4 /*sction title*/
{
	color:#A6A6A6;
	margin-top:2px;
	font-size:12px;
	font-weight: 500;
	text-align:left;
}

h5
{
	color:#FFF;
	font-size:18px;
	font-weight: 400;
	text-align:center;
}

p
{
	color:#8C8C8C; /*#979797;#A6A6A6;*/
	font-size:14px;
	font-weight: normal;
	line-height: 18px;
	margin:0;
	margin-bottom: 10px;
}

@media (min-width: 768px) {/*L*/
  p {
    font-weight: 100;
  }
}

p.cvText
{
	color:#BFBFBF;

}

@media (min-width: 768px) {/*L*/
  /*p {
    font-size:12px;
    line-height: 14px;
  }

  h1
	{
		font-size:24px;
	}

	h2
	{
		font-size:18px;
	}

  h3
	{
		font-size:14px;
	}*/
}

/*h2.lightGrayTitle
{
	color:#8C8C8C;
	display: inline;
}

h2.greenTitle
{
	color:#00B0A4;
	margin-bottom: 6px;
	white-space: nowrap;
}

h2.title.greenTitle,
h2.title.lightGrayTitle
{
	cursor: pointer;
	padding: 5px 10px;
}

h2.title.lightGrayTitle:hover,
h2.title.greenTitle:hover
{
	background-color: #D2D2D2;
	color:#00B0A4 !important;
}*/


/* Start page	=STP
------------------------------------------------------------------------------- */
.welcomeMenu
{
	margin-top: 30px;
	/*float:left;
	margin: 10px 5px 0 5px;
	position:relative;*/
}


/* Timeine	=TML
------------------------------------------------------------------------------- */
.yearsBar
{
	margin-top:-13px;
	position:absolute;
		top:50%;
	width: 100%;
	z-index:1;
}

	.yearBar,
	.halfYearBar
	{
		float:left;
		padding-top:1px;
		position: relative;
	}

	.yearBar
	{
		/*width:322px;/*244px;/*488px;*/
		width: 18%; /* 16.6%;*/
	}

	.halfYearBar
	{
		/*width:161px;*/
		width: 9%;
	}

	.yearBar div,
	.halfYearBar div
	{
		background-color:#D2D2D2;
		color:#A6A6A6;
		font-size:16px;
		font-weight:200;
		margin-right: 1px;
		padding: 5px;
		position: absolute;
			right: 1px;
			left: 0px;
		text-align:center;
	}

.firstLevel
{
	bottom:83%;
}

.secondLevel
{
	bottom:70%;
}

.thirdLevel
{
	bottom:54%;
}

.fourthLevel
{
	top:54%;
}

.fifthLevel
{
	top:70%;
}

.sixthLevel
{
	top:83%;
}

.timeineEvent
{
	position:absolute;
	z-index:1;
	white-space: normal;
}

.eventCopy
{
	margin-top:16px;
	margin-bottom:6px;
	width:400px;
}

.eventBar
{
	background-color:#00B0A4;
	position:absolute;
	width: 100%;
	height: 10px;
}

	.eventBar.past
	{
		background: #00B0A4 url(../images/main/timeline-left.png) no-repeat left center;
	}

	.eventBar.future
	{
		background: #00B0A4 url(../images/main/timeline-right.png) no-repeat right center;
	}

.prizeCopy
{
	margin-top:6px;
	margin-bottom:6px;
	padding-left: 36px;
	width:100%;
}

.prizeLine
{
	background: transparent url(../images/main/prize-green-ico.png) no-repeat left center;
	border-left:1px solid #00B0A4;
	position:absolute;
	width: 100%;
	height: 100%;
}


/* Soon page 	=SNP
------------------------------------------------------------------------------- */
.SoonContentDiv input[type=button],
.SoonContentDiv a
{
	background: transparent;
	border: 0px;
	color: #00B0A4;
	font-family: Antipasto;
	font-size: 18px;
	font-weight: 400;
}

.menu li.backBtnWhite
{
	background: #FFF url(../images/main/back-btn-green-trans.png) no-repeat left;
	color: #00B0A4;
	margin-right: 1px;
	margin-left: 1px;
	padding-left: 20px;
}

.menu li.fowardBtnWhite
{
	background: #FFF url(../images/main/foward-btn-green-trans.png) no-repeat right;
	color: #00B0A4;
	margin-right: 1px;
	margin-left: 1px;
	padding-right: 20px;
}

.menu li.backBtnWhite:hover,
.menu li.fowardBtnWhite:hover
{
	background-color: #D2D2D2;
	color:#00B0A4;
}

.menu li.backBtnWhite input,
.menu li.fowardBtnWhite a
{
	color:#00B0A4;
	cursor: pointer;
	display:block;
	padding: 5px 10px 6px 10px;
	text-decoration:none;
}

.menu li.backBtnWhite input
{
	 margin: 0px;
}

.menu li.backBtnWhite:hover input,
.menu li.fowardBtnWhite:hover a
{
	color:#00B0A4;
}

.centeredFooterLogoDiv
{
	margin-left:-135px;
	position:absolute;
		bottom: 42px;
		left:50%;
	text-align:center;
	width:270px;
	height:50px;
}


/* Portfolio Grid	=PFG
------------------------------------------------------------------------------- */
.portfolioGrid
{
	padding: 5px 10px;
	z-index: 1;
}

@media (min-width: 768px) {/*L*/
  .portfolioGrid {
    padding: 5px 7px;
  }
}

.clearRight
{
	margin-right: 50%;
}

.wideCollum,
.midCollum,
.thinCollum,
.relatedCollum
{
	display: inline-block;
	margin-right: 2%;
	position: relative;
	height: 100%;
	white-space: normal;
}

.wideCollum
{
	width: 46%;
}

.midCollum
{
	width: 35%;
}

.thinCollum
{
	width: 22%;
}

.relatedCollum
{
	width: 15%;
}

.wideCollum.gap,
.midCollum.gap,
.thinCollum.gap,
.threeColDiv.gap
{
	margin-right: 8%;
}

.wideCollum.last,
.midCollum.last,
.thinCollum.last,
.threeColDiv.last,
.relatedCollum.last
{
	margin-right: 0;
}

.upperItem
{
	top:0px;
}

.lowerItem
{
	top:52%;
}

.thinItem
{
	width: 48%;
}

.wideItem
{
	width: 100%;
}

.smallItem
{
	height: 300px;
	/*margin-bottom: 4%;*/
}

.tallItem
{
	/*top:0px;*/
	height: 500px;
}

/* Images	=IMG
------------------------------------------------------------------------------- */
.aboutImg
{
	/*border: 1px solid #d8d8d8;
	border-bottom-width: 2px;
	overflow: hidden;
	position: absolute;
	background-repeat: no-repeat;
	background-size:cover !important;*/
	border-radius: 3px;
	/*overflow: hidden;
	width: 460px;
	height: 250px;*/
}

.portfolioImg
{
	/*border-top: 1px solid #d8d8d8;/*#D2D2D2;*/
	/*border-bottom: 1px solid #d8d8d8;*/
	background-color:#fff;
	border: 1px solid #dcdcdc;
  	border-bottom-width: 2px;
	border-radius: 5px;
	position: relative;
	/*	top: 41px;
		right: 0px;
		bottom: 18px;
		left: 0px;*/
	/*height: 100%;*/
	width: 100%;
	transition: box-shadow 0.75s;
		-moz-transition: box-shadow 0.75s;
		-webkit-transition: box-shadow 0.75s;
		-o-transition: box-shadow 0.75s;
}

.portfolioImg:hover
{
	box-shadow: 0px 0px 10px #808080; /*#B3B3B3;*/
	transition: box-shadow 0.75s;
		-moz-transition: box-shadow 0.75s;
		-webkit-transition: box-shadow 0.75s;
		-o-transition: box-shadow 0.75s;
}

.portfolioImgTitle
{
	/*height: 60px;*/
	position:absolute;
		top:10px;
		right:10px;
		bottom:10px;
		left:10px;
}

.portfolioImgTitleBkg
{
	background-color: #fff;
	height: 80px;
	position:relative;
		/*right:0;
		bottom:0;
		left:0;*/
}

.portfolioImgTitleBkg p
{
	margin-top: 6px;
}

.projectImg
{
	/*border-top: 1px solid #FFF;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #FFF;*/
	/*border:4px solid #FFF;*/
}

.relatedImg
{
	border-top: 1px solid #D2D2D2;
	overflow: hidden;
	position: absolute;
		top: 41px;
		right: 0px;
		bottom: 0px;
		left: 0px;
	/*min-height: 100%;
	min-width: 100%;*/
}

.imageDiv
{
	position: absolute;
	width: 100%;
}

.imageDiv img
{
	position: absolute;
}

.aboutImg .imageDiv,
.projectImg .imageDiv
{
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Footer elements	=FEL
------------------------------------------------------------------------------- */
footer {
	margin: 10px;
}

.languageBar
{	
	display: none;
	position:absolute;
		left:0;
	width:33%;
}

.languageBtn
{
	color:#C0C0C0;
	float:left;
	font-size:11px;
	font-weight:200;
	margin: 0 5px 0 5px;
	position:relative;
}

.copyRight
{
	position:absolute;
		left: 33%;
	width:34%;
}

.copyRight h4
{
	text-align:center;
}

.fontCredits
{
	display: block;
	position:absolute;
		right:0;
	width:33%;
}

.fontBtn
{
	color:#A6A6A6;
	float:right;
	font-size:11px;
	font-weight:200;
	margin: 0 5px 0 5px;
	position:relative;
}


/* Project Detail	=PRJ
------------------------------------------------------------------------------- */
.topBanner
{
	overflow: hidden;
		top:0;
		left:0;
	width:100%;
	max-height: 400px;
}

@media (min-width: 992px) {
  .topBanner
	{
		max-height: 500px;
	}
}

@media (min-width: 1200px) {
  .topBanner
	{
		max-height: 600px;
	}
}

/*.caseDesc
{
	background-color: #fff;
	border: 1px solid #DCDCDC;
	border-bottom-width: 2px;
    border-radius: 5px;
    padding: 10px;
}*/

.caseDesc
{
	background-color: #fff;
	border-radius: 3px;
	opacity: 1; 
	padding: 10px; 
	position: absolute; 
		top: 20px; 
		left: 20px;
	z-index: 10;
	transition: box-shadow 0.75s;
		-moz-transition: box-shadow 0.75s, opacity 0.75s;
		-webkit-transition: box-shadow 0.75s, opacity 0.75s;
		-o-transition: box-shadow 0.75s, opacity 0.75s;
}

/*.caseDesc:hover
{
	opacity: 1;
	box-shadow: 0px 0px 10px #808080;
	transition: box-shadow 0.75s;
		-moz-transition: box-shadow 0.75s, opacity 0.75s;
		-webkit-transition: box-shadow 0.75s, opacity 0.75s;
		-o-transition: box-shadow 0.75s, opacity 0.75s;
}*/

.projectDesc
{
	position: relative;
	padding-right: 15px;
  	padding-left: 15px;
}

@media (min-width: 992px) {
  .projectDesc
	{
		position: absolute;
	}
}

@media (min-width: 1315px) and (min-height: 796px) { /*992*/
  .projectDesc
	{
		position: fixed;
	}
}

@media (min-width: 500px) {
  .projectDesc
	{
		padding-right: 30px;
        padding-left: 10px;
	}
}

.divCredits
{
	position: relative;
}

@media (min-width: 580px) {
  .divCredits
	{
	border-left: 1px solid #DCDCDC;
	padding-left: 20px;
	padding-right: 8px;
	position: absolute;
		top: 155px;
		right: 0px;
	}
}

@media (min-width:992px) {
	.phonosCover,
	.gravityCover
	{
		margin-top: -200px;
	}
	.bluelineCover,
	.eXigoSuiteCover,
	.boxmoteCover,
	.vtrideCover,
	.waterpowerCover
	{
		margin-top: -100px;
	}
	.repCover
	{
		margin-top: -50px;
	}
}


@media (min-width:1200px) {
	.phonosCover,
	.gravityCover
	{
		margin-top: -400px;
	}
	.bluelineCover,
	.eXigoSuiteCover,
	.boxmoteCover,
	.waterpowerCover
	{
		margin-top: -220px;
	}
	.repCover,
	.busCRCover,
	.vtrideCover
	{
		margin-top: -100px;
	}
	.seoulBusCover
	{
		margin-top: -50px;
	}
}


.separator
{
	border-right:1px solid #A6A6A6;
	display: inline-block;
	margin-right:2%;
	position: relative;
	height: 100%;
	width: 0px;
}

.relatedProject
{
	left:0px;
	width:100%;
	height:28%;
}

.userFrame
{
	display: none;
	position: absolute;
		bottom:0;
	height: 26px;
}

.shareButton
{
	float:left;
	margin-right:6px;
	width:24px;
	height:24px;
}

.fbButton
{
	background-image:url(../images/main/fb-gray-ico.png);
}

.fbButton:hover
{
	background-image:url(../images/main/fb-green-ico.png);
}

.twButton
{
	background-image:url(../images/main/tw-gray-ico.png);
}

.twButton:hover
{
	background-image:url(../images/main/tw-green-ico.png);
}

.inButton
{
	background-image:url(../images/main/in-gray-ico.png);
}

.inButton:hover,
a:hover .inButton
{
	background-image:url(../images/main/in-green-ico.png);
}

.goButton
{
	background-image:url(../images/main/go-gray-ico.png);
}

.goButton:hover
{
	background-image:url(../images/main/go-green-ico.png);
}

.xgButton
{
	background-image:url(../images/main/xg-gray-ico.png);
}

.xgButton:hover,
a:hover .xgButton
{
	background-image:url(../images/main/xg-green-ico.png);
}

.euButton
{
	background-image:url(../images/main/eu-gray-ico.png);
}

.euButton:hover,
a:hover .euButton
{
	background-image:url(../images/main/eu-green-ico.png);
}

.mailButton
{
	background-image:url(../images/main/mail-gray-ico.png);
}

.mailButton:hover,
a:hover .mailButton
{
	background-image:url(../images/main/mail-green-ico.png);
}

.phoneButton
{
	background-image:url(../images/main/phone-gray-ico.png);
}

.homeButton
{
	background-image:url(../images/main/home-gray-ico.png);
}

/* Contact Detail	=CTC
------------------------------------------------------------------------------- */
.contactButton
{
	display:table-cell;
	vertical-align:middle;
	height:24px;
}

a:hover .contactButton
{
	color: #00B0A4;
}

/* Responsive	=RPS
------------------------------------------------------------------------------- */
/*@media (max-height:600px) {
	.portfolioImgTitle
	{
		top:6px;
	}

	.portfolioImg
	{
		top: 32px;
		bottom: 8px;
	}
}*/

/*@media (max-width: 1023px) {
	.mainDiv
	{
		width:94%;
		height:auto;
		margin:42px auto 0 auto;
	}
	
	.footerDiv
	{
		left:1%;
		width:94%;
	}
	
	.footerDivCover
	{
		right:20px;
		width:100%;
	}
}

@media (max-width: 854px) {
	.headerDiv
	{
		height:70px;
		width:100%;
	}
	
	.footerDiv
	{
		float:left;
		position:relative;
		width:100%;
	}
	
	.titleDiv
	{
		width:60%;
	}
	
	.menuDiv
	{
		float:left;
		width:100%;
	}
	
	.menuDiv ul, .menuDiv ol
	{
		float:left;
	}

	.menu li
	{
		padding: 0 25px 0 5px;
	}
	
	.menu li ul
	{
		display:block;
		position:absolute;
			left:0px;
	}
		
	.singleColDiv
	{
		width:23%;
	}
	
	.twoColDiv
	{
		width:48%;
	}
	
	.threeColDiv
	{
		width:73%;
	}
	
	.fourColDiv,
	.fiveColDiv,
	.sixColDiv
	{
		width:98%;
	}
}
	
@media (max-width: 500px) {
	.mainDiv
	{
		margin:20px auto 0 auto;
	}
	
	.contentDiv
	{
		min-height:400px;
	}
	
	.singleColDiv, .twoColDiv, .threeColDiv, .fourColDiv, .fiveColDiv, .sixColDiv
	{
		margin:1%;
	}
	
	.singleColDiv
	{
		width:48%;
	}
	
	.twoColDiv,
	.threeColDiv,
	.fourColDiv,
	.fiveColDiv,
	.sixColDiv
	{
		width:98%;
	}
	
	.languageBar
	{
		text-align:left;
		width:49%;
	}
	
	.copyRight
	{
		float:left;
		position:relative;
		text-align:right;
		width:49%;
	}
	
	.fontCredits
	{
		float:left;
		position:relative;
		text-align:right;
		width:98%;
	}
}*/