/* html elements */
body
{
	background-color:white;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	padding:0px 0px 0px 0px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

div
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* horizontal and vertical */
.gs-background
{
	margin:0px 0px 0px 0px;
	background-color:white;
	padding:0px 0px 0px 0px;
}

.gs-canvas
{
	background-color:white;
	margin:0px 0px 0px 0px;
	overflow-x:hidden;	
	padding:0px 0px 0px 0px;
	text-align:left;
	-webkit-overflow-scrolling: touch;
}

@media (min-width: 1366px) 
{
	.gs-canvas
	{
		background-repeat:no-repeat; 
		background-position:center; 
		background-size: cover;
		xbackground-image:url("../images/h_background.jpg");
	}
}

.gs-h-cell
{
	xbackground-color:white;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.gs-v-cell
{
	background-color:white;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.gs-v-cell_0_0
{
	background-color:blue;
}

.gs-v-cell_0_1
{
	background-color:green;
}

.gs-siteisdown
{
	color:green;
	cursor:pointer;
	font-size:5vw;
	margin:0px 0px 0px 0px;
	opacity:0;
	overflow:hidden;	
	padding:2px 0px 0px 0px;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:1001;
}

.gs-slogan
{
	color:white;
	cursor:pointer;
	xfont-size:15px;
	margin:0px 0px 0px 0px;
	opacity:0;
	overflow:hidden;	
	padding:2px 0px 0px 0px;
	position:fixed;
	text-align:center;
	xwidth:100%;
	z-index:1001;
}

.gs-title
{
	color:white;
	cursor:pointer;
	xfont-size:15px;
	margin:0px 0px 0px 0px;
	opacity:0;
	overflow:hidden;	
	padding:2px 0px 0px 0px;
	position:fixed;
	text-align:center;
	xwidth:100%;
	z-index:1001;
}

.gs-video
{
	background-color:white;
	bottom:0;
	min-height:100%;
	min-width:100%; 
	position:fixed;
	right:0;
	z-index:1000;
}

.gs-viewport
{
	margin:0px 0px 0px 0px;
	overflow:auto;	
	padding:0px 0px 0px 0px;
}

/* horizontal */
.gs-h-heading
{
	border-bottom:1px solid;
	color:white;
	cursor:pointer;
	xfont-family:'cpc';
	font-size:2.8vh;
	xheight:24px;
	margin:1.2vw 0px 0px 0px;
	xpadding:0px 0px 0px 0px;
	text-align:left;
	width:100%;
}

.gs-h-heading-chosen
{
	border-bottom:1px solid;
	color:white;
	cursor:pointer;
	xfont-family:'cpc';
	font-size:2.8vh;
	xheight:24px;
	margin:1.2vw 0px 0px 0px;
	xpadding:0px 0px 0px 0px;
	text-align:left;
	width:100%;
}

.gs-h-heading:hover
{
	border-bottom:1px solid;
	color:white;
	cursor:pointer;
	xfont-family:'cpc';
	font-size:2.8vh;
	xheight:24px;
	margin:1.2vw 0px 0px 0px;
	xpadding:0px 0px 0px 0px;
	text-align:left;
	width:100%;
}

.gs-h-menu
{
	xbackground-color:cyan;
	xfont-family:'cpc';
	xleft:8vw;
	xtop:12vw;
	xwidth:26vw;
}

.gs-h-menucontainer
{
	xbackground-color:pink;
	top:0px;
	height:100%;
	left:0px;
	margin:0px 0px 0px 0px;
	position:relative;
	xwidth:46vw;
	xwidth:50vw;
}

.gs-h-menutext
{
	xfont-family:'cpc';
	font-size:1.51vh;
	line-height:120%;
	xmargin:2vw 0px 2vw 0px;
}

.gs-h-pagecontainer
{
	xbackground-color:yellow;
	xfloat:top;
	xheight:42vw;
	opacity:0;
	margin:0px 0px 0px 4vw;
	position:relative;
	xwidth:38vw;
}

.gs-h-plus
{
	cursor:pointer;
	font:'Gothic';
	font-size:2vh;
	margin:1vw 0px 0px 0px;
	text-align:left;
	width:100%;
}

.gs-h-plus:hover
{
	cursor:pointer;
	font:'Gothic';
	font-size:2vh;
	margin:1vw 0px 0px 0px;
	text-align:left;
	width:100%;
}

.gs-h-minus
{
	cursor:pointer;
	font:'Gothic';
	font-size:2vh;
	margin:1vw 0px 0px 0px;
	text-align:left;
	width:100%;
}

.gs-h-minus:hover
{
	cursor:pointer;
	font:'Gothic';
	font-size:2vh;
	margin:1vw 0px 0px 0px;
	text-align:left;
	width:100%;
}

.gs-h-sectionsoptions
{
	overflow:none;
	height:100%;
	width:100%;
}

.gs-h-sectionsoptionscontent
{
	overflow:none;
}

.gs-h-slidein0
{
	xbackground:rgba(255, 255, 255, .5);
	opacity:0;
	z-index:1001;
}

.gs-h-slidein1
{
	background-color:white;
	border-left:1px solid;
	xleft:-10000px;
	z-index:1001;
}

.gs-h-subheading
{
	color:white;
	cursor:pointer;
	xfont-family:'cpc';
	font-size:2.1vh;
	xheight:24px;
	margin:0.8vw 0px 0.8vw 0px;
	xpadding:5px 9px 5px 0px;
	text-align:left;
	width:100%;
}

.gs-h-subheading-chosen
{
	color:white;
	cursor:pointer;
	xfont-family:'cpc';
	font-size:2.1vh;
	xheight:24px;
	margin:0.8vw 0px 0.8vw 0px;
	xpadding:5px 9px 5px 0px;
	text-align:left;
	width:100%;
}

.gs-h-subheading:hover
{
	color:white;
	cursor:pointer;
	xfont-family:'cpc';
	font-size:2.1vh;
	xheight:24px;
	margin:0.8vw 0px 0.8vw 0px;
	xpadding:5px 9px 5px 0px;
	text-align:left;
	width:100%;
}

.gs-h-title
{
	font-size:1.51vh;
	margin:0.2vh 0px 0px 0px;
	text-align:left;
	width:100%;
}

/* vertical */
.gs-v-hamburgerbutton
{
	border:none;
	xfont-size:12px;
	font-size:6vw;
	cursor:pointer;
	margin:0vw 0vw 0vw 0vw;
	xpadding:19px 0px 0px 0px;
	padding:4vw 1vw 0vw 0vw;
	opacity:0;
	transform:scale(1.5,1); 
	-webkit-transform:scale(1.5,1);
 }

.gs-v-hamburger
{
	color:#333333;
    display: none;
	height:100%;
	left:50%;
	position:fixed;
	width:50%;
	z-index:1000;
}

.gs-v-hamburgerheading
{
	border-bottom:0px;
	color:black;
	xfont-size:14px;
	font-size:5vw;
	xfont-weight:900;
	xheight:24px;
	height:8vw;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	xpadding:5px 9px 5px 0px;
	padding:2vw 2vw 2vw 0px;
}

.gs-v-hamburgeroptions
{
	background:rgba(255, 255, 255, 0.6);
	height:100%;
	text-align:right;
	width:100%;
}

.gs-v-hamburgersubheading
{
	border-bottom:0px;
	color:black;
	xfont-size:11px;
	font-size:5vw;
	xheight:24px;
	height:8vw;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	xpadding:5px 9px 5px 0px;
	padding:2vw 2vw 2vw 0px;
	cursor:pointer;
}

.gs-v-leftgap	/* for centering */
{
	background-color:white;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
}

.gs-v-location
{
	border-bottom:0px;
	color:white;
	xfont-size:11px;
	font-size:4vw;
	xfont-style: italic;
	xfont-weight:900;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	xpadding:0px 0px 0px 9px;
	padding:0px 0px 0px 2vw;
	position:fixed;
	text-align:left;
}

.gs-v-pagecontent
{
	font-size:4vw;
	xpadding:10vw 2vw 2vw 2vw;
	padding:2vw 2vw 2vw 2vw;
	text-align:left; 
}

.gs-v-pagesubtitle
{
	border-bottom:0px;
	color:white;
	xfont-size:14px;
	font-size:4vw;
	xfont-weight:900;
	margin:2vw 0px 0px 0px;
	overflow:hidden;	
	xpadding:0px 0px 0px 9px;
	padding:0px 0px 0px 2vw;
	position:fixed;
	text-align:left;
}

.gs-v-pagetitle
{
	border-bottom:0px;
	color:white;
	xfont-size:14px;
	font-size:5vw;
	xfont-weight:900;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	xpadding:0px 0px 0px 9px;
	padding:0px 0px 0px 2vw;
	position:fixed;
	text-align:left;
}

.gs-v-projects	/* landing page element */
{
	xbackground-color: blue;
	border-bottom:0px;
	color:white;
	xfont-size:14px;
	font-size:8vw;
	xfont-weight:900;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	xpadding:0px 0px 0px 9px;
	padding:0px 0px 0px 2vw;
	position:fixed;
	text-align:left;
	opacity:0;
}

.gs-v-aboutme	/* landing page element */
{
	xbackground-color: green;
	border-bottom:0px;
	color:white;
	xfont-size:14px;
	font-size:8vw;
	xfont-weight:900;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	xpadding:0px 0px 0px 9px;
	padding:2px 0px 0px 2vw;
	position:fixed;
	text-align:left;
	opacity:0;
}

.gs-v-title
{
	border-bottom:0px;
	color:white;
	xfont-size:14px;
	font-size:5vw;
	xfont-weight:900;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	xpadding:0px 0px 0px 9px;
	padding:0px 0px 0px 2vw;
	position:fixed;
	text-align:left;
}

.gs-v-toolbar
{
	background-color:white;
	border-bottom:1px solid;
	display:none;
	xheight:71px;
	height:12vw;
	margin:0px 0px 0px 0px;
	overflow:hidden;	
	xpadding:27px 9px 12px 9px;
	padding:1vw 2vw 1vw 2vw;
	text-align:left;
	top:0px;
	opacity:0;
}