@import url("reset.css");
@import url("webfonts/exo/stylesheet.css");
@import url("webfonts/exo_demi/stylesheet.css");
@import url("webfonts/exo_light/stylesheet.css");
@import url("webfonts/exo_medium/stylesheet.css");

/* tablet-ipad 
@import url("tablet-ipad.css") only screen and (min-width:800px) and (max-width:1049px), only screen and (min-device-width:800px) and (max-device-width:1049px);
/* smart-iphone 
@import url("smart-iphone.css") only screen and (max-width:799px) and (max-device-width:799px);*/


html {
	height:100%;
}
body {
	background-image: url(img/bg.png);
	background-repeat: repeat;
	margin: 0px;
	font-family: exo,sans-serif;
	font-size: 62.5%;
	line-height: 62.5%;
	height: 100%;

}
#upBar {
	background-color: #464646;
	height: 3px;/*30*/
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	color: #daf4cf;
	/*text-align: right;*/
	
}
#social {
	text-align: right;
	width: 1029px;
	margin-left: -514px;
	position: absolute;
	left: 50%;
	font-size: 150%;
	line-height: 150%;
	margin-top: 5px;
}
#wholePage {
	width: 1029px;
	margin-left: -514px;
	position: relative;
	left: 50%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -53px;
	margin-top: -5px;
}
#headerShift {
	height: 5px;
}
#siteHead {
	padding-top: 32px;
	/*margin-right: 38px;*/
	height: 94px;
	width: 1029px;
}
#siteHead #logo {
	height: 94px;
	width: 94px;
	float: left;
}
#siteHead #GSlogotipo {
	height: 77px;
	float: left;
	padding-left: 25px;
	padding-top: 17px;
	width: 374px;/*295*/
}
#siteHead #GSlogotipo #payoff {
	font-size: 150%;
	color: #3a3e00;
	font-family: "exo medium";
	padding-top: 5px;
	line-height: 100%;
}
#siteHead #GSlogotipo #GS {
	/* [disabled]font-size: 240%; */
	color: #dfed00;
	/* [disabled]line-height: 100%; */
	margin-left: -4px;
}
#siteHead #sections  {
	height: 53px;
	color: #565b01;
	font-size: 130%;
	clear: right;
	padding-top: 41px;
	font-family: "exo demi";
	width: 536px;/*599*/
	float: left;
	text-transform: uppercase;
}
.secSel {
	float:right;
	padding-left:14px;
}
.secSel a, secSel a:visited {
	text-decoration: none;
	color: #565b01;
}
.secSel a:hover, .secSel a:active {
	color: #dfed00
}

#aboutmeBody {
	margin-top: 56px;
}
#worksecBody {
	margin-top: 49px;
}

/*----		Index content start		----*/
#worksBody {
	/*56pX*/
	margin-top: 75px;
	/*margin-left: 30px;*/
}
.prj {
	height: 220px;/*241*/
	float: left;
	padding-bottom: 43px;/*37*/
	padding-right:6px;
	padding-left:5px;
}
.prjHead {
	padding-bottom: 11px;
	padding-right: 22px;
	height: 15px;
}
.prjName {
	font-size: 150%;
	color: #3a3e00;
	padding-left: 29px;
	float: left;
	font-family: "exo light";
	height: 15px;
	padding-top: 2px;
}
.prjTag {
	font-size: 130%;
	color: #daf4cf;
	padding-top: 2px;
	margin-left: 7px;
	text-align: right;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.7);
	font-family: "exo medium";
	height: 15px;
	float: right;
}
.prjIma a img{
	height:178px;
	padding: 8px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
}
.prjIma a:hover img{
	background-color: #dfed00;
}
/*----		index content end		----*/

.worksBox {
	float: left;
	padding-bottom: 60px;
	width: 1029px;
}
.switcher{
	width: auto;
	height:50px;
	background-color: #FFF;
	float:left;
	font-size: 140%;
	line-height: 100%;
	margin: 0 25px;
}
.worksName {
	font-size: 200%;
	color: #3a3e00;
	font-family: "exo";
	height: 27px;
	padding-top:7px;
	padding-bottom: 6px;
	padding-left: 31px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.worksVid{
	float: left;
	padding: 8px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	width:771px;
}
.worksVid_more{
	float: left;
	padding: 8px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	width:771px;
	margin-top: 25px;
}
.worksIma {
	float: left;
	padding: 8px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	max-width:771px;
}
.worksIma_pika {
	float: left;
	padding: 0px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	width:auto;
}
.worksIma_pika img, .worksIma_more_pika img{
	max-width: 1029px;
}
.worksThumb_title {
	font-family: "exo demi";
	font-size: 16px;
	height:50px;
	width:500px;
}
.worksThumb_ima{
	float:left;
}
.worksThumb_button {
	float:left;
	width: 50px;
	height: 60px;
}
.worksIma_more{
	float: left;
	clear:left;
	padding: 8px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	margin-top: 25px;
}
.worksIma_more_pika{
	float: left;
	clear:left;
	padding: 0px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	margin-top: 0px;
}
.worksIma_more img{
	max-height:700px;
}
.worksIma_px {
	float: left;
	padding: 8px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	margin-right:15px;
	margin-bottom:25px;
}
.worksIma_pxA {
	float: left;
	padding: 8px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	margin-right:15px;
	margin-bottom:25px;
}
.ramThumb img{
	height: 100px;
	border: 1px solid #000;
}
.worksText {
	float: left;
}
.worksText p{
	font-family: "exo light";
	font-size: 130%;
	color: #3a3e00;
	padding-left: 27px;
	width: 215px;
	line-height: 170%;
	margin-top: -4px;
}
.worksText_pika p{
	font-family: "exo light";
	font-size: 130%;
	color: #3a3e00;
	padding-left: 31px;
	line-height: 160%;
	margin-top: 0px;
}
.worksText a , .worksText a:visited, .worksText_pika a , .worksText_pika a:visited{
	font-family: "exo demi";
	text-decoration: underline;
	color: #3a3e00;/*#d17c02;#a46101;*/
}
.worksText a:hover , .worksText a:active{
	color: #dfed00;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.7);
}
.worksText h1 {
	font-family: "exo demi";
	font-size: 130%;
	color: #3a3e00;
	padding-left: 27px;
	width: 215px;
	line-height: 170%;
	margin-top: -4px;
}
.worksText_pika h1 {
	font-family: "exo demi";
	font-size: 130%;
	color: #3a3e00;
	padding-left: 31px;
	width: 215px;
	line-height: 170%;
	margin-top: 36px;
	margin-bottom: 8px;
}
.worksText_more {
	float: left;
	margin-top: 25px;
}
.worksText_more_pika {
	float: left;
	margin-top: 0px;
}
.worksText_more p {
	font-family: "exo light";
	font-size: 130%;
	color: #3a3e00;
	padding-left: 27px;
	width: 215px;
	line-height: 170%;
	margin-top: -4px;
}
.worksText_more a , .worksText_more a:visited{
	font-family: "exo demi";
	text-decoration: underline;
	color: #3a3e00;/*#d17c02;#a46101;*/
}
.worksText_more a:hover , .worksText_more a:active{
	color: #dfed00;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.7);
}
.worksText_more h1 {
	font-family: "exo demi";
	font-size: 130%;
	color: #3a3e00;
	padding-left: 27px;
	width: 215px;
	line-height: 170%;
	margin-top: -4px;
}
.worksText_more_pika h1 {
	font-family: "exo demi";
	font-size: 130%;
	color: #3a3e00;
	padding-left: 31px;
	width: 215px;
	line-height: 170%;
	margin-top: 36px;
	margin-bottom: 8px;
}
.worksVideo{
	margin: 0 auto;
}
.worksVideo video{
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
}
.sectionBox {
	float: left;
	padding-bottom: 37px;
	padding-right: 18px;
	padding-left: 119px;
	width: 892px;
	height:auto;
}
.sectionName {
	font-size: 200%;
	color: #3a3e00;
	font-family: "exo";
	height: 20px;
	padding-bottom: 22px;
}
.sectionText {
	font-family: "exo light";
	font-size: 130%;
	color: #3a3e00;
	float: left;
	/*padding-left: 33px;*/
	width: 291px;
	line-height: 170%;
	margin-top: -4px;
	/* [disabled]text-align: justify; */
}
.sectionText li a  {
	font-family: inherit;
	margin-right: 12px;
	float:left;
}
.sectionText p, .sectionText a, .sectionText a:visited{
	font-family: "exo light";
	font-size: inherit;
	color: #3a3e00;
	text-decoration: none;
}
.aboutmeText  {
	font-family: "exo light";
	font-size: 130%;
	color: #3a3e00;
	float: left;
	width:892px;
	text-decoration: none;
	line-height: 170%;
	-moz-column-count: 2;
	-moz-column-gap: 33px;
	-webkit-column-count: 2;
	-webkit-column-gap: 33px;
	column-count: 2;
	column-gap: 33px;
	text-align: justify;
	/* [disabled]background-color: #fff; */
	/* [disabled]opacity: 0.1; */
}
.aboutmeText b {
	font-family: "exo demi";
	font-size: inherit;
	color: #3a3e00;
	text-decoration: none;
	line-height: inherit;
	-moz-column-count: 2;
	-moz-column-gap: 33px;
	-webkit-column-count: 2;
	-webkit-column-gap: 33px;
	column-count: 2;
	column-gap: 33px;
}
.sectionText a:hover, .sectionText a:active {
	color: #dfed00;
}
.sectionText li a:hover  {
	color: #dfed00;
}
.sectionIma {
	float: left;
	/* [disabled]border: 1px solid #000; */
	/* [disabled]background-color: #fff; */
	/* [disabled]padding: 8px; */
	-moz-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.7);
}
.sectionIma img {
	width:568px;
	height:auto;
}
#footerShift {
	clear: both;
	height: 53px;
}
#lowBar {
	background-color: #464646;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	height: 40px;
	bottom: 0px;
	clear: both;
	padding-top: 11px;
}
#lowbarContent {
	width: 1029px;
	margin-left: -514px;
	position: relative;
	left: 50%;
}
#logo_b {
	width: 59px;
	height: 30px;
	float: left;
}
#rights {
	padding-top: 13px;
	padding-left: 7px;
	font-size: 110%;
	font-family: "exo light";
	color: #b6b6b6; /*e4e1bf*/
	float: left;
}
#credits {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: right;
	color: #b6b6b6;
	padding-top: 11px;
	padding-right: 11px;
}
.scrollup{
	font-family: "exo demi";
	font-size: 140%;
	color: #3a3e00;
	text-decoration:none;
	z-index: 2;
	width: 100px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	bottom: 50px;
	/*right: 100px;*/
	left: 80%;
	padding-left:50px;
	padding-top:19px;
	display: none;
	/*text-indent: -9999px;*/
	background: url('img/icon_top.png') no-repeat;
}
#rightsmicro {
	display:none;
}