html{
	height: 100%;
	margin: 0;
}
body{
	margin: 0;
	padding: 0;
	font-family: georgia;
	font-size: 14.5px;
	background-image: url("images/bgsea.jpg");
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.separationHorisontal {
    background-color: #AAAAAA;
    height: 1px;
    margin: 15px;
}
article.b
{
	font-family: georgia;
	display: block;
	width: auto;
	height: auto;
	font-size: large;
}
article.g
{
	font-family: georgia;
	display: block;
	width: auto;
	height: auto;
}
td.g{
	font-family: georgia;
	color: white;
}
td.gs{
	font-family: georgia;
	font-size: small;
}
h4.g{
	font-family: georgia;
}
ul li{
	list-style-type: none;
}
#container{
	width: 100%;
}
#wrapper{
	width: 980px;
	margin: 0px auto;
}
h3{
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0 0 12 0;
}
ul{
	margin: 0;
	padding: 0;
}
li.pad{
	float: left;
}
#holder  li{
	color: #838080;
	text-decoration: none;
	transition: 0.1s;
}
a{
	color: #838080;
	text-decoration: none;
	display: block;
	transition: 0.1s;
}
.pad a{
	padding: 18 17 22 17;
}
#holder ul{
	width: 100%;
}
#holder ul li span{
	padding: 7 0;
}
.pad > a:hover, .using > li:hover > a {
	background: #262626;
}
#software ul li a:hover span{
	transition: 0.1s;
}
#t-d ul li a:hover span, .using > li:hover > a > span{
	border-bottom: 2px solid #FF6E00;
	transition: 0.1s;
}
#vfx ul li a:hover span, #vfx .using > li:hover > a > span{
	border-bottom: 2px solid #6159CC;
	transition: 0.1s;
}
.sub-wrapper-vfx{
	border-bottom: 5px solid #6159CC;
}
.sub-wrapper-vfx a:hover{
	color: #6159CC;
	transition: 0.3s;
}
#design ul li a:hover span, #design .using > li:hover > a > span{
	border-bottom: 2px solid #FA9C14;
	transition: 0.1s;
}
.sub-wrapper-design{
	border-bottom: 5px solid #FA9C14;
}
.sub-wrapper-design a:hover{
	color: #FA9C14;
	transition: 0.3s;
}
#game ul li a:hover span, #game .using > li:hover > a > span{
	border-bottom: 2px solid #78BA42;
	transition: 0.1s;
}
.sub-wrapper-game{
	border-bottom: 5px solid #78BA42;
}
.sub-wrapper-game a:hover{
	color: #78BA42;
	transition: 0.3s;
}
#web ul li a:hover span, #web .using > li:hover > a > span{
	border-bottom: 2px solid #CA3723;
	transition: 0.1s;
}
.sub-wrapper-web{
	border-bottom: 5px solid #CA3723;
}
.sub-wrapper-web a:hover{
	color: #CA3723;
	transition: 0.3s;
}
#cad ul li a:hover span, #cad .using > li:hover > a > span{
	border-bottom: 2px solid #1CA6E0;
	transition: 0.1s;
}
.sub-wrapper-cad{
	border-bottom: 5px solid #1CA6E0;
}
.sub-wrapper-cad a:hover{
	color: #1CA6E0;
	transition: 0.3s;
}
#dev ul li a:hover span{
	border-bottom: 2px solid #F26621;
	transition: 0.1s;
}
#blog ul li a:hover span{
	border-bottom: 2px solid #777777;
	transition: 0.1s;
}
.sub-wrapper-vfx, .sub-wrapper-design, .sub-wrapper-game, .sub-wrapper-web, .sub-wrapper-cad{
	width: 100%;
	height: auto;
	background: #262626;
	position: absolute;
	left: 0;
	padding: 40 0;
}
#holder ul li > ul{
	position: absolute;
	left: -9000;
}
#holder ul li:hover ul{
	left: 0;
}
.sub-con{
	width: 900px;
	margin: 0px auto;
}
.sub-l{
	float: left;
	width: 250px;
}
.sub-hol ul li a{
	padding: 8 0 8 0;
	font-size: 13px;
	transition: 0.3s;
}
.sub-in-l{
	float: left;
	width: 135px;
}
.sub-in-r{
	float: right;
	width: 135px;
}
.sub-r{
	float: right;
	padding-left: 20px;
}
.g {
	font-family: georgia;
}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}